/****
VER: 05/07/2018
****/

@charset "utf-8";

/***************************************************************************************************************
@ FONT FACE
***************************************************************************************************************/

@font-face {
    font-family: 'FuturaLight';
    src: url('../fonts/futuralight.woff') format('woff'), url('../fonts/futuralight.ttf') format('truetype'), url('../fonts/futuralight.svg#FuturaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MyriadPro";
    src: url('../fonts/myriadproregular.woff') format("woff"), url('../fonts/myriadproregular.ttf') format("truetype"), url('../fonts/myriadproregular.svg#MyriadPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MyriadproBold";
    src: url('../fonts/myriadprobold.woff') format("woff"), url('../fonts/myriadprobold.ttf') format("truetype"), url('../fonts/myriadprobold.svg#MyriadproBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/***************************************************************************************************************
COMMON CSS 
***************************************************************************************************************/

* {
    margin: 0;
    padding: 0;
    outline: none;
}

html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Roboto', Verdana, Geneva, sans-serif;
    font-size: 12px;
    width: 100%;
    height: 100%;
    overflow-y: scroll !important;
    overflow-x: hidden;
    position: relative;
}

img {
    border: none;
}

br {
    display: block;
    height: 0;
}

.clearAll {
    clear: both;
    display: block;
}

.wf-loading {
    visibility: hidden;
}

.override {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

#loadContainer {
    z-index: 99;
}

.chromeframe {
    padding: 10px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    z-index: 99999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.chromeframe a {
    color: #fff;
    text-decoration: underline;
}

body[orient="portrait"] {
    property: value;
}

body[orient="landscape"] {
    property: value;
}


/***************************************************************************************************************
MAIN CONTAINER
***************************************************************************************************************/

#mainContainer {
    width: 100%;
    height: 100%;
    position: relative;
}


/***************************************************************************************************************
HEADER MENU
***************************************************************************************************************/

#headerMainBox {
    vertical-align: top;
    width: 121px;
    height: 100%;
    overflow: hidden;
    background: #0b304c;
    display: inline-block;
    float: right;
    z-index: 999;
    position: fixed;
    right: 0;
}

#headerMenu {
    height: 100%;
    border-left: 4px solid #eaaf1b;
    display: inline-block;
    float: left;
}

#headerMenu .mainNav {
    margin-top: 54px;
}

#headerMenu .mainNav li {
    list-style: none;
    margin: 18px 0;
    height: 25px;
    line-height: 25px;
    padding: 0 16px;
    position: relative;
}

#headerMenu .mainNav li a {
    text-transform: uppercase;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    vertical-align: middle;
    font-weight: 400;
}

#headerMenu .mainNav li:hover,
#headerMenu .mainNav li.selected {
    background: url(../images/png/menuLink_hover.png) no-repeat left center;
}

#homeBody #headerMenu .mainNav li#homeSelect,
#serviceBody #headerMenu .mainNav li#serviceSelect,
#portfolioBody #headerMenu .mainNav li#portfolioSelect,
#clientBody #headerMenu .mainNav li#clientSelect,
#companyBody #headerMenu .mainNav li#companySelect,
#contactBody #headerMenu .mainNav li#contactSelect {
    background: url(../images/png/menuLink_hover.png) no-repeat left center;
}

#homeBody #headerMenu .mainNav li#homeSelect a,
#serviceBody #headerMenu .mainNav li#serviceSelect a,
#portfolioBody #headerMenu .mainNav li#portfolioSelect a,
#clientBody #headerMenu .mainNav li#clientSelect a,
#companyBody #headerMenu .mainNav li#companySelect a,
#contactBody #headerMenu .mainNav li#contactSelect a,
#headerMenu .mainNav li:hover a,
#headerMenu .mainNav li.selected a {
    color: #ecb11f;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 700;
}

#headerMainBox .socialLinks-right {
    display: none;
    position: absolute;
    bottom: 35px;
    left: 15px;
}

#headerMainBox .socialLinks-right li {
    list-style: none;
    display: block;
    width: 30px;
    height: 30px;
    text-align: left;
    vertical-align: top;
    margin: 8px 0;
    overflow: hidden;
}

#headerMainBox .socialLinks-right li a {
    display: block;
    background: rgba(65, 79, 70, .4);
    border-radius: 50%;
}

#headerMainBox .socialLinks-right li .socialLinks-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
}

#headerMainBox .socialLinks-right li .socialLinks-title {
    display: none;
    padding: 0 10px;
    line-height: 28px;
    height: 28px;
    color: #fff;
    vertical-align: top;
    margin: 1px 0;
}

#headerMainBox .socialLinks-right li#facebook a span.socialLinks-icon {
    background: url(../images/png/facebook.png) no-repeat left top;
}

#headerMainBox .socialLinks-right li#linkedin a span.socialLinks-icon {
    background: url(../images/png/linkedin.png) no-repeat left top;
}

#headerMainBox .socialLinks-right li#mailus a span.socialLinks-icon {
    background: url(../images/png/mailus.png) no-repeat left top;
}


/***************************************************************************************************************
PAGE LEFT SIDE
***************************************************************************************************************/

.productSlideShowcase .backpage {
    right: 120px
}

.mainshowCaseBox {
    vertical-align: top;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    float: left;
    position: fixed;
    left: 0;
    z-index: 999;
    background: #fff;
}

.productshowcaseLoad.showOnload {
    display: block;
}

.productshowcaseLoad {
    z-index: 99999;
    width: 100%;
    height: 100%;
    display: none;
}

.productshowcaseLoad img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -33px 0 0 -33px;
}

.showCase {
    position: relative;
    height: 100%;
}

.left-side-image {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    background-size: cover;
}

#contactUs-page.left-side-image {
    background: url(../images/contactus_bg.jpg) no-repeat center bottom;
}

#contactUs-page.left-side-image.campaign {
    background: url(../images/campaign_bg.jpg) no-repeat center right;
}

#services-page.left-side-image {
    background: url(../images/services_bg.jpg) no-repeat center top;
}

#company-page.left-side-image {
    background: url(../images/company_bg.jpg) no-repeat center top;
}

#portfolio-page.left-side-image {
    background: url(../images/portfolio_bg.jpg) no-repeat center top;
}

.insideShadow-right.showOnload {
    display: block;
}

.insideShadow-right {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: none;
    background: #fff;
}

.insideShadow-right img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -33px 0 0 -33px;
    width: 66px;
    height: 66px;
    display: block;
}


/******************************
LODDER
******************************/

div.showOnload {
    display: block;
}

.fixedLoder {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

.fade {
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
}

.fixedLoder span {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 11;
}


/***************************************************************************************************************
PAGE CENTER SIDE
***************************************************************************************************************/

#centerContent {
    vertical-align: top;
    height: 100%;
    width: 1000px;
    display: inline-block;
    position: relative;
    float: right;
    right: 121px;
    background: #fff;
    z-index: 999;
}

.solutions_wrap {
    float: left;
    clear: both;
    width: 100%;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
}

.consumer_apps {
    width: 100%;
    float: left;
    background-image: url(../images/serlinkBox_line_bg.png);
    background-position: left top;
    background-repeat: repeat;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    background-color: #3385D9;
    color: #fdfdfe;
    margin: 15px 0 0 0;
}

.accordiondata {
    display: none;
    -webkit-transition: all ease;
    -o-transition: all ease;
    transition: all ease;
}

.accordiannew {
    cursor: pointer;
    -webkit-transition: all ease;
    -o-transition: all ease;
    transition: all ease;
}

.arrowinactive {
    float: right;
    background: url(../images/campaign/arrowsprite.png) no-repeat;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background-position: 4px 0;
    margin: 6px 0 0 0;
}

.consumer_inner {
    background: url(../images/campaign/mob_consumer.png) no-repeat 20px 14px;
    padding: 14px 20px 14px 56px;
    display: block;
}

.consumer_apps h1 {
    font-size: 28px;
    font-weight: 700;
}

.consumer_apps h2 {
    font-size: 21px;
    font-weight: 400;
}

.enterprise_apps {
    float: right;
    background-image: url(../images/serlinkBox_line_bg.png);
    background-position: left top;
    background-repeat: repeat;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    background-color: #D84F36;
    color: #fdfdfe;
    width: 100%;
    margin: 0;
}

.enterprise_inner {
    background: url(../images/campaign/enterprise.png) no-repeat 20px 14px;
    padding: 14px 20px 14px 56px;
    display: block;
}

.enterprise_apps h1 {
    font-size: 28px;
    font-weight: 700;
}

.enterprise_apps h2 {
    font-size: 21px;
    font-weight: 400;
}

.bluetext {
    color: #063256;
    width: 100%;
    clear: both;
    float: left;
    margin: 2% 0 0 0;
}

.consumer_appsdetail,
.enterprise_appsdetail,
.web_detail {
    font-size: 14px;
    line-height: 20px;
    float: left;
    margin: 2% 0;
}

.web_services {
    background-image: url(../images/serlinkBox_line_bg.png);
    background-position: left top;
    background-repeat: repeat;
    background-color: #d7d7d7;
    float: left;
    width: 100%;
    clear: both;
    color: #999999;
    margin: 0 0 4% 0;
}

.web_inner {
    background: url(../images/campaign/web.png) no-repeat 20px 14px;
    padding: 14px 20px 14px 56px;
    display: block;
}

.web_inner a {
    color: #999999;
}

.web_services h2 {
    font-size: 21px;
    font-weight: 400;
}

.consumer_apps,
.enterprise_apps {
    height: auto;
}

.getintouch {
    float: left;
    clear: both;
    margin: 0 0 40px;
    width: 100%;
}

.getintouch h2 {
    float: left;
}

.getintouch p {
    float: right;
    font-size: 14px;
    color: #a3a2a2;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 300;
    margin: 13px 20px 0 0;
}

.getintouch p a {
    font-size: 15px;
    color: #4385c6;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 400;
}


/***************************************************************************************************************
HEADER
***************************************************************************************************************/

#header-padding {
    height: 64px;
    margin: 0 15px;
    padding: 38px 0 23px 0;
    border-bottom: 2px solid #fcf5e3;
}

#campaignBody #dummyTopBox {
    height: 79px;
}

#campaignBody #header-padding {
    height: 54px;
    padding: 14px 0 12px;
}

#header {
    width: 1000px;
    display: block;
    background: #fff;
    z-index: 9999;
    position: fixed;
    right: 121px;
}

#header h1 {
    display: inline-block;
    margin: 0 20px;
    text-indent: -99999em;
}

#header h1 a {
    display: block;
    overflow: hidden;
    width: 207px;
    height: 51px;
}

#header h1 a img {
    display: block;
    max-width: 100%;
}

#header .socialLinks {
    float: right;
    margin: 11px 20px 0 0;
    vertical-align: middle;
}

#header .socialLinks li {
    list-style: none;
    display: inline-block;
    min-width: 30px;
    height: 32px;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    margin: 0 4px;
    border-radius: 15px;
    float: left;
    -webkit-transition: border-radius .7s ease-in-out;
    -o-transition: border-radius .7s ease-in-out;
    transition: border-radius .7s ease-in-out;
}

#header .socialLinks li:hover {
    border-radius: 0;
    background: none;
}

#header .socialLinks li:hover a {
    background: #EBB120;
    border-radius: 15px 0 0 15px;
    border-color: #EBB120;
}

#header .socialLinks li:hover .socialLinks-icon {
    border-radius: 0;
    background: none;
}

#header .socialLinks li:hover .socialLinks-title {
    display: inline-block;
    background: none;
    padding: 0 10px;
    width: 55px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#header .socialLinks li#mailus {
    border-radius: 0;
    background: none;
}

#header .socialLinks li#mailus a {
    background: #ebb120;
    border-radius: 15px 0 0 15px;
    border: 1px solid #ebb120;
}

#header .socialLinks li#mailus .socialLinks-title {
    padding: 0 10px;
    width: 55px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#header .socialLinks li#mailus:hover a {
    background: #fff;
}

#header .socialLinks li#mailus:hover .socialLinks-title {
    color: #ebb120;
}

#header .socialLinks li a {
    display: block;
    background: rgba(65, 79, 70, .4);
    border-radius: 15px 15px 15px 15px;
    -webkit-transition: border-radius .7s ease-in-out;
    -o-transition: border-radius .7s ease-in-out;
    transition: border-radius .7s ease-in-out;
    border: 1px solid #b3b9b5;
}

#header .socialLinks li .socialLinks-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
}

#header .socialLinks li .socialLinks-title {
    display: inline-block;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    padding: 0 0;
    line-height: 28px;
    height: 28px;
    width: 0;
    color: #fff;
    vertical-align: top;
    margin: 1px 0;
    -webkit-transition: width .7s ease-in-out, opacity .7s ease-in-out;
    -o-transition: width .7s ease-in-out, opacity .7s ease-in-out;
    transition: width .7s ease-in-out, opacity .7s ease-in-out;
}

#header .socialLinks li#facebook a span.socialLinks-icon {
    background: url(../images/png/facebook.png) no-repeat left top;
}

#header .socialLinks li#linkedin a span.socialLinks-icon {
    background: url(../images/png/linkedin.png) no-repeat left top;
}

#header .socialLinks li#mailus a span.socialLinks-icon {
    background: url(../images/png/mailus.png) no-repeat left top;
}

#header .socialLinks li#mailus:hover a span.socialLinks-icon {
    background: url(../images/png/mailus-hover.png) no-repeat left top;
}

#mobileMenu {
    display: none;
    float: left;
    width: 70px;
    height: 70px;
    background: url(../images/mobileMenu_icon.jpg) repeat-x left top;
}

#mobileMenu a {
    display: block;
    width: 100%;
    height: 100%;
}

#galleryMenu {
    display: none;
    float: right;
    width: 56px;
    height: 44px;
    margin: 12px 10px 12px 0;
    border-left: 1px solid #ebb120;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#galleryMenu a {
    width: 42px;
    height: 30px;
    display: inline-block;
    margin: 7px 0 7px 14px;
    background: url(../images/galleryMenu_icon.png) no-repeat left top;
}


/***************************************************************************************************************
CONTENT 
***************************************************************************************************************/

#content {
    height: auto;
    width: 100%;
    min-height: 100%;
    display: block;
    background: #fff;
    overflow: hidden;
    position: absolute;
    -webkit-box-shadow: 0 2px 14px #000;
    box-shadow: 0 2px 14px #000;
}


/***************************************************************************************************************
DUMMY BOX CONTENT 
***************************************************************************************************************/

#dummyTopBox {
    height: 130px;
    display: block;
    width: 100%;
}

#dummyBottomBox {
    height: 60px;
    display: block;
    width: 100%;
}


/***************************************************************************************************************
HOME PAGE CONTENT 
***************************************************************************************************************/

.animateContent.showOnload .onLoadImg {
    display: block;
}

.onLoadImg {
    width: 100%;
    height: 84%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    z-index: 999;
    background: url(../images/onload/loopBgload.jpg) repeat left top;
}


/**************** TOP ****************/

.homeContent {
    margin-top: 20px;
    padding: 0 20px;
}

.homeContent h2 {
    font-size: 50px;
    line-height: 54px;
    font-family: 'Roboto', Verdana, Geneva, sans-serif;
    color: #1b5b92;
    font-weight: 700;
    letter-spacing: -1.5px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.cam-only {
    margin-top: 10px;
}

.cam-only h2 {
    font-size: 38px;
}

.homeContent h2 .yellow {
    color: #eeb21b;
}

.homeContent .subHeading {
    font-size: 22px;
    color: #ebb120;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    display: block;
    font-weight: 400;
}

.homeContent .subHeading.subsmall {
    font-size: 16px;
}

.homeContent .subHeading em {
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 23px;
}

.homeContent p {
    color: #717172;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    margin-top: 12px;
    text-align: justify;
    font-weight: 400;
}

.homeContent h3 {
    color: #1B5B92;
    font-size: 25px;
    line-height: 30px;
    margin: 40px 0 10px 0;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: normal;
}

.homeContent h4 {
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: normal;
    color: #333;
    font-size: 21px;
    line-height: 25px;
    margin: 20px 0 0 0;
}

.homeContent h4 a {
    display: inline-block;
    float: right;
    font-size: 15px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: normal;
    text-decoration: none;
    color: #999;
    padding-left: 25px;
    background: url(../images/linkdin_logo.png) no-repeat left center;
    line-height: 18px;
    vertical-align: bottom;
    margin-top: 5px;
    width: 205px;
}

.homeContent .splPara {
    margin-top: 10px;
    margin-bottom: 30px;
}

.homeContent .crpoints {
    padding: 15px 15px 15px 35px;
}

.homeContent .crpoints li {
    color: #717172;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    margin-top: 10px;
    text-align: justify;
    font-weight: 400;
    padding: 0 10px;
}

.homeContent p a {
    color: #1b5b92;
    text-decoration: none;
}

.homeContent p a:hover {
    text-decoration: underline;
}

.homePagefactsBox {
    margin-top: 70px;
}

.homePagefactsBox h2 {
    margin-left: 0;
}

.homePageBox {
    margin-top: 50px;
    position:relative;
}

.homePagefactsBox h2,
.homePageBox h2 {
    font-weight: normal;
    padding: 1px 12px 1px 0;
    background: #1b5b92;
    border-radius: 0 20px 20px 0;
    display: inline-block;
    margin-left: 0;
    position:relative;
    z-index:1;
}

.homePageBox .newLink {
 position:absolute;
left: 100px;
    top: 0;
    text-transform: uppercase;
    padding: 0 30px;
        padding-right: 20px;
    background: #eab021;
    font-size: 18px;
    color: #fff;
    border-radius:0 55px 55px 0;
    height:32px;
    line-height:32px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    cursor:pointer;

 }

.homePagefactsBox h2 span,
.homePageBox h2 span {
    min-width: 100px;
    padding: 4px 0 4px 10px;
    font-size: 18px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    display: block;
    background: #1b5b92;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

.itunesBox {
    min-width: 90px;
    padding: 5px 15px 8px 10px;
    border-radius: 30px;
    color: #fff;
    position: absolute;
    bottom: 50px;
    left: 30px;
    background: rgba(255, 255, 255, .1);
    height: 32px;
    line-height: 32px;
    z-index: 99;
}

.bx-wrapper .itunesBox img {
    width: 20px;
}

.itunesBox p {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    padding: 0 0 0 8px;
    vertical-align: middle;
}

div.commanItunes {
    left: 260px;
}

.bx-wrapper .itunesBox img {
    display: inline-block;
    vertical-align: middle;
}


/**************** FACTS ****************/

.factsShowCase {
    padding: 25px 0 10px 0;
    min-height: 360px;
    display: block;
}

.factsShowCase .tabs {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 15px;
    -webkit-transition: all .5s ease-in-out;
    /* Safari */
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.factsShowCase .tabs li {
    clear: both;
    display: inline-block;
    height: 150px;
    width: 150px;
    list-style: none;
    background: rgba(27, 91, 146, .2);
    border-radius: 80px;
    vertical-align: top;
    margin: 15px 30px;
    cursor: pointer;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .5s ease-in-out;
    /* Safari */
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.factsShowCase .tabs li a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    overflow: hidden;
    border-radius: 50%;
}

.factsShowCase .tabs li a .circleText {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #919191;
    text-transform: uppercase;
    font-family: 'Roboto', Verdana, Geneva, sans-serif;
    font-weight: 400;
}

.factsShowCase .tabs li a .circleText .circleOnlyText {
    display: block;
    text-align: center;
    line-height: 14px;
    margin-top: 38px;
}

.factsShowCase .tabs li a .circleText .circleOnlyNumber {
    display: block;
    font-size: 40px;
    text-align: center;
    line-height: 42px;
    letter-spacing: -2px;
    font-family: 'FuturaLight', Verdana, Geneva, sans-serif;
    margin-top: 5px;
}

.factsShowCase .tabs li a .circleText .cricleSelect {
    background: #454545 url(../images/circleText_select_bg.png) no-repeat center center;
    width: 100%;
    height: 33px;
    display: none;
    margin-top: 32px;
}

.factsShowCase .tabs li.select {
    width: 170px;
    height: 170px;
    background: #ebb01f;
    border-radius: 50%;
    margin: 0 20px;
}

.factsShowCase .tabs li.select .circleText .cricleSelect {
    display: block;
}

.factsShowCase .tabs li.select .circleText {
    width: 100%;
    height: 100%;
    color: #1c5b92;
    font-size: 16px;
    margin-top: 0;
}

.factsShowCase .tabs li.select .circleText .circleOnlyText {
    margin-top: 44px;
}

.factsShowCase .tabs li.select .circleText .circleOnlyNumber {
    font-size: 48px;
    margin-top: 5px;
}

#factsActiveBox {
    background: rgba(244, 185, 68, .13);
    display: block;
    margin: 0 15px;
}

#factsActiveBox .factsContenttabs {
    display: none;
    padding: 15px 0;
}

#factsActiveBox .factsContenttabs {}

#factsActiveBox .factsContenttabs p {
    text-align: center;
    color: #6f7070;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto', Verdana, Geneva, sans-serif;
    font-weight: 300;
    padding: 0 30px;
}

#factsActiveBox .factsContenttabs .tab-animation {
    margin: 15px auto 0 auto;
    position: relative;
}

#factsActiveBox .factsContenttabs .tab-animation .animateContent {
    width: 900px;
    display: block;
    height: 250px;
    margin: 0 auto;
    position: relative;
}

#factsActiveBox .factsContenttabs .tab-animation .animateContent img {
    width: 900px;
    display: block;
}

#factsActiveBox .factsContenttabs .tab-animation .silderBar {
    width: 480px;
    height: 20px;
    margin: 9px auto 0 auto;
    display: none;
}

#factsActiveBox .factsContenttabs .tab-animation .sliderLine {
    height: 20px;
    display: block;
    background: url(../images/temp_slide.png) no-repeat left top;
}

#mainListTab li a .factsTab-content {
    -o-transition: all 1s ease-in-out 1s;
    transition: all 1s ease-in-out 1s;
    -webkit-transition: all 1s ease-in-out 1s;
}

#mainListTab li a .factsTab-close {
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
}

#mainListTab li a .factsTab-content {
    display: inline-block;
    float: left;
}

#mainListTab li a .factsTab-close {
    display: inline-block;
    background: #454546;
    height: 100%;
    float: left;
}

#mainListTab .tabActive ul li a .circleText {
    width: 20%;
    float: left;
}

#mainListTab .tabActive ul li a .factsTab-content {
    width: 70%;
}

#mainListTab .tabActive ul li a .factsTab-close {
    width: 10%;
}

#mainListTab {
    display: none;
}

#mainListTab ul {
    position: relative;
    overflow: hidden;
}

#mainListTab ul li {
    display: inline-block;
    height: 100%;
    position: absolute;
    border-radius: 80px;
    -webkit-transition: all .5s ease-in-out;
    /* Safari */
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: rgba(27, 91, 146, 0.2);
    overflow: hidden;
}

#mainListTab ul li .factsTab-content {
    display: none;
}

#mainListTab ul li .factsTab-close {
    display: none;
    overflow: hidden;
}

#mainListTab ul li .factsTab-content,
#mainListTab ul li .factsTab-content .factsTab-close {
    display: none;
}

#mainListTab .mfactsTab li .circleText {
    color: #919191;
    display: inline-block;
    font-family: 'Roboto', Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    text-transform: uppercase;
    width: 100%;
}

#mainListTab .mfactsTab li .circleText .circleOnlyText {
    display: block;
    line-height: 14px;
    margin-top: 38px;
    text-align: center;
}

#mainListTab .mfactsTab li .circleText .circleOnlyNumber {
    display: block;
    font-family: 'FuturaLight', Verdana, Geneva, sans-serif;
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 42px;
    margin-top: 5px;
    text-align: center;
}

#mainListTab.first ul li#at01,
#mainListTab.second ul li#at02,
#mainListTab.third ul li#at03,
#mainListTab.four ul li#at04 {
    left: 0;
    width: 100%;
    border-radius: 80px;
    background: #eab020;
}

#mainListTab.first ul li#at01 .factsTab-content,
#mainListTab.second ul li#at02 .factsTab-content,
#mainListTab.third ul li#at03 .factsTab-content,
#mainListTab.four ul li#at04 .factsTab-content {
    display: inline-block;
    width: 66%;
    vertical-align: top;
    color: #4f4f4f;
    font-size: 16px;
    font-family: 'Roboto', Verdana, Geneva, sans-serif;
    font-weight: 300;
    padding: 7% 2%;
    -webkit-transition: all .5s ease-in-out .3s;
    -o-transition: all .5s ease-in-out .3s;
    transition: all .5s ease-in-out .3s;
}

#mainListTab.first ul li#at01 .factsTab-close,
#mainListTab.second ul li#at02 .factsTab-close,
#mainListTab.third ul li#at03 .factsTab-close,
#mainListTab.four ul li#at04 .factsTab-close {
    display: inline-block;
    width: 10%;
    background: #454546 url(../images/sideArrow.png) no-repeat 40% center;
    height: 100%;
    vertical-align: top;
    -webkit-transition: all .5s ease-in-out .2s;
    -o-transition: all .5s ease-in-out .2s;
    transition: all .5s ease-in-out .2s;
    border-radius: 0 80px 80px 0;
}

#mainListTab.first ul li#at01 .circleText,
#mainListTab.second ul li#at02 .circleText,
#mainListTab.third ul li#at03 .circleText,
#mainListTab.four ul li#at04 .circleText {
    width: 18%;
    padding-left: 2%;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    color: #1b5b92;
}

#mainListTab.first li#at02 {
    left: 700px;
}

#mainListTab.first li#at03 {
    left: 820px;
}

#mainListTab.first li#at04 {
    left: 980px;
}

#mainListTab.second li#at01 {
    left: -160px;
}

#mainListTab.second li#at03 {
    left: 700px;
}

#mainListTab.second li#at04 {
    left: 820px;
}

#mainListTab.third li#at02 {
    left: -160px;
}

#mainListTab.third li#at01 {
    left: -320px;
}

#mainListTab.third li#at04 {
    left: 700px;
}

#mainListTab.four li#at03 {
    left: -160px;
}

#mainListTab.four li#at02 {
    left: -320px;
}

#mainListTab.four li#at01 {
    left: -480px;
}


/**************** CLIENTS GALLERY ****************/

.clientGallery {
    display: block;
    margin: 20px 0;
    position: relative;
}

.clientGallery ul {
    text-align: center;
    height: 130px;
    overflow: hidden;
}

.clientGallery ul li {
    display: inline-block;
    height: 130px;
    list-style: none;
    vertical-align: top;
    overflow: hidden;
}

.clientGallery ul li a {
    background: #fff;
    -webkit-box-shadow: inset 0 0 10px #aaa;
    box-shadow: inset 0 0 10px #aaa;
    border-radius: 50%;
    display: block;
}

.clientGallery ul li a,
.clientGallery ul li a img {
    display: block;
    width: 100%;
    height: 100%;
}

.clientGallery ul li a img {
    -webkit-filter: url(../filters.svg#grayscale);
    filter: url(../filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

.clientGallery ul li a img:hover,
.clientGallery ul li a img:active {
    filter: none;
    -webkit-filter: grayscale(0);
}


/**********************************************************************
VARUN
**********************************************************************/

.slideFrame {
    background: url(../images/portfolio/portfolio_04/frame.png) no-repeat;
    height: 788px;
    left: 50%;
    margin: 0 0 0 -199px;
    position: absolute;
    top: 113px;
    width: 450px;
}

.sliderBox04 {
    height: 624px;
    left: 50%;
    margin: 72px 0 0 48px;
    -webkit-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
    width: 338px;
    border-radius: 6px;
}

.sliderBgImage img {
    width: 100%;
}

.sliderBox04 .bx-pager {
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: -30px;
    margin: 0 5px;
    text-indent: 99999px;
}

.sliderBox04 .bx-pager-item,
.bx-pager-link {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ccc;
    float: left;
    cursor: pointer;
}

.sliderBox04 .bxslider {
    margin: 0 0 0 -70px;
}

.sliderBox04 .bx-controls-direction {
    display: none;
}


/***********************************
SLIDE 03
*************************/

.slideFrame03 {
    background: url(../images/portfolio/portfolio_03/frame.png) no-repeat;
    height: 788px;
    left: 50%;
    margin: 0 0 0 -330px;
    position: absolute;
    top: 113px;
    width: 660px;
}

.sliderBox03 {
    height: 624px;
    left: 50%;
    margin: 12px 0 0 188px;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    width: 338px;
    border-radius: 6px;
}

.sliderBgImage img {
    width: 100%;
}

.sliderBox03 .bx-pager {
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: -30px;
    margin: 0 5px;
    text-indent: 99999px;
}

.sliderBox03 .bx-pager-item,
.bx-pager-link {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ccc;
    float: left;
    cursor: pointer;
}

.sliderBox03 .bxslider {
    margin: 0 0 0 -70px;
}


/***********************************
SLIDE 02
*************************/

.sliderBox02 {
    height: 624px;
    left: 288px;
    overflow: hidden;
    margin: 72px 0 0 48px;
    width: 650px;
    -webkit-transform-origin: 0 0 0 0;
    -ms-transform-origin: 0 0 0 0;
    transform-origin: 0 0 0 0;
    border-radius: 6px;
    position: absolute;
    -webkit-transform: matrix3d(0.486585, 0.178687, 0, -0.0000952695, -0.370016, 0.598958, 0, -0.000225657, 1, 2, 5, 8, 382, 28, 6, 1);
    transform: matrix3d(0.486585, 0.178687, 0, -0.0000952695, -0.370016, 0.598958, 0, -0.000225657, 1, 2, 5, 8, 382, 28, 6, 1);
}

.sliderBgImage img {
    width: 100%;
}

.sliderBox02 .bx-pager {
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: -30px;
    margin: 0 5px;
    text-indent: 99999px;
}

.sliderBox02 .bx-pager-item,
.bx-pager-link {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ccc;
    float: left;
    cursor: pointer;
}

.sliderBox02 .bxslider {
    width: 100%;
}

.sliderBox02 .bxslider li {
    width: 650px;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
}

.sliderBox02 .bxslider li img {
    width: 100%;
}

.sliderBox02 .bx-wrapper {
    width: 100% !important;
}

.sliderBox02 .bx-controls-direction {
    display: none;
}


/***************************************************************************************************************
FOOTER 
***************************************************************************************************************/

#footer {
    width: 100%;
    clear: both;
    background: #303e49;
    display: block;
    padding: 25px 0 5px 0;
    color: #acacb2;
    font-family: 'Roboto', Verdana, Geneva, sans-serif;
    position: relative;
    font-weight: 300;
}

#footer .cmyLogo {
    display: inline-block;
    width: 100px;
    height: 24px;
    text-indent: -9999em;
    overflow: hidden;
    margin-left: 20px;
    background: url(../images/png/footerLogo.png) no-repeat left top;
    position: absolute;
}

#footer .footerNav {
    line-height: 25px;
    width: 100%;
    text-align: center;
}

#footer .footerNav li {
    display: inline-block;
    list-style: none;
}

#footer .footerNav li.linkDot {
    color: #989fa4;
}

#footer .footerNav li a {
    color: #e3e4e8;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 4px;
    font-size: 12px;
    letter-spacing: .1px;
}

#footer small {
    display: block;
    line-height: 25px;
    font-size: 10px;
    text-align: center;
}

#footer .socialLinks-bottom {
    display: none;
    float: right;
}

#footer .socialLinks-bottom li {
    list-style: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: left;
    vertical-align: top;
    margin: 8px 0;
    overflow: hidden;
}

#footer .socialLinks-bottom li a {
    display: block;
    background: rgba(65, 79, 70, .4);
    border-radius: 50%;
}

#footer .socialLinks-bottom li .socialLinks-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
}

#footer .socialLinks-bottom li .socialLinks-title {
    display: none;
    padding: 0 10px;
    line-height: 28px;
    height: 28px;
    color: #fff;
    vertical-align: top;
    margin: 1px 0;
}

#footer .socialLinks-bottom li#facebook a span.socialLinks-icon {
    background: url(../images/png/facebook.png) no-repeat left top;
}

#footer .socialLinks-bottom li#linkedin a span.socialLinks-icon {
    background: url(../images/png/linkedin.png) no-repeat left top;
}

#footer .socialLinks-bottom li#mailus a span.socialLinks-icon {
    background: url(../images/png/mailus.png) no-repeat left top;
}


/***************************************************************************************************************
MOBILE FOOTER 
***************************************************************************************************************/

#mbfooter {
    display: none;
    width: 100%;
    clear: both;
    background: #303e49;
    padding: 25px 0 5px 0;
    color: #acacb2;
    font-family: 'Roboto', Verdana, Geneva, sans-serif;
    position: absolute;
    bottom: 0;
    font-weight: 100;
}

#mbfooter .cmyLogo {
    display: inline-block;
    width: 100px;
    height: 24px;
    text-indent: -9999em;
    overflow: hidden;
    margin-left: 20px;
    background: url(../images/png/footerLogo.png) no-repeat left top;
    position: absolute;
}

#mbfooter .footerNav {
    line-height: 25px;
    width: 100%;
    text-align: center;
}

#mbfooter .footerNav li {
    display: inline-block;
    list-style: none;
}

#mbfooter .footerNav li.linkDot {
    color: #989fa4;
}

#mbfooter .footerNav li a {
    color: #e3e4e8;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 6px;
    font-size: 11px;
    letter-spacing: .2px;
}

#mbfooter small {
    display: block;
    line-height: 25px;
    font-size: 9px;
    text-align: center;
}

#mbfooter .socialLinks-bottom {
    display: none;
    float: right;
}

#mbfooter .socialLinks-bottom li {
    list-style: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: left;
    vertical-align: top;
    margin: 8px 0;
    overflow: hidden;
}

#mbfooter .socialLinks-bottom li a {
    display: block;
    background: rgba(65, 79, 70, .4);
    border-radius: 50%;
}

#mbfooter .socialLinks-bottom li .socialLinks-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
}

#mbfooter .socialLinks-bottom li .socialLinks-title {
    display: none;
    padding: 0 10px;
    line-height: 28px;
    height: 28px;
    color: #fff;
    vertical-align: top;
    margin: 1px 0;
}

#mbfooter .socialLinks-bottom li#facebook a span.socialLinks-icon {
    background: url(../images/png/facebook.png) no-repeat left top;
}

#mbfooter .socialLinks-bottom li#linkedin a span.socialLinks-icon {
    background: url(../images/png/linkedin.png) no-repeat left top;
}

#mbfooter .socialLinks-bottom li#mailus a span.socialLinks-icon {
    background: url(../images/png/mailus.png) no-repeat left top;
}


/***************************************************************************************************************
CONTACT US PAGE
***************************************************************************************************************/

.contactForm {
    margin: 40px 0 0 20px;
}

.contactForm fieldset.left,
.contactForm fieldset.right {
    width: 450px;
    display: inline-block;
    vertical-align: top;
    border: none;
    margin-right: 50px;
    border-right: 1px solid #e9e9e9;
    padding-right: 50px;
}

.contactForm fieldset.right {
    width: 358px;
    padding: 0;
    border: none;
}

.contactForm fieldset ul {
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 400;
    position: relative;
}

.contactForm fieldset ul li {
    float: left;
    list-style: none;
    display: block;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.contactForm fieldset ul li label {
    display: inline-block;
    width: 120px;
    margin-right: 10px;
    line-height: 42px;
    color: #1b5b92;
    font-size: 16px;
}

.contactForm fieldset ul li label.splCase {
    line-height: normal;
}

.contactForm fieldset ul li input,
.contactForm fieldset ul li select {
    display: inline-block;
    box-sizing: border-box;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    width: 312px;
    background: #fff;
    border: 1px solid #d1dee9;
    -webkit-box-shadow: inset 0 0 6px #ddd;
    box-shadow: inset 0 0 6px #ddd;
    float: right;
    font-size: 18px;
    color: #717171;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 400;
}

.contactForm fieldset ul li textarea {
    display: inline-block;
    box-sizing: border-box;
    min-height: 100px;
    resize: vertical;
    padding: 10px;
    width: 312px;
    border: 1px solid #d1dee9;
    -webkit-box-shadow: inset 0 0 6px #ddd;
    box-shadow: inset 0 0 6px #ddd;
    float: right;
    font-size: 18px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 400;
    color: #717171;
}

.contactForm fieldset ul .send-Msg {
    color: #fff;
    font-size: 18px;
    padding: 3px 0;
    line-height: 25px;
    position: absolute;
    left: 0;
    top: -60px;
    display: block;
    width: 100%;
    text-align: center;
    background: #FC0;
}

.contactForm form {
    display: inline-block;
    position: relative;
    width: 100%;
    clear: both;
}

.contactForm .send-Msg {
    background: #FFCC00;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto 20px auto;
    padding: 4px 0;
    text-align: center;
    width: 100%;
    clear: both;
}

.contactForm .send-Msg b {
    font-weight: normal;
}

.contactForm .send-Msg.error {
    background: #f00;
}

.has-error .help-block ul,
.has-error .help-block ul li {
    margin: 0;
    padding: 0;
}

.has-danger input,
.has-danger select,
.has-danger textarea { border-color: #f00 !important;}
.has-danger .help-block { display:none;}

.has-danger .help-block ul li {
    text-align: right;
    color: #f00;
    font-size: 12px;
    clear: both;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.contactForm fieldset ul li .g-recaptcha {
    display: inline-block;
    padding: 0 5px;
}

.contactForm fieldset ul li .error-Msg {
    color: #f00;
    font-size: 12px;
    padding: 0 5px;
    line-height: 30px;
    position: absolute;
    right: 0;
    bottom: -23px;
}

.contactForm fieldset ul li.last-child {
    margin-bottom: 0;
}

.contactForm fieldset ul li.last-child .help-block {
    text-align: center;
    color: #f00;
    font-size: 12px;
    clear: both;
display:block;
}

.contactForm fieldset ul li.last-child .help-block b {
    font-weight: normal;
}

.contactForm fieldset ul li .buttonBox {
    display: inline-block;
    height: 44px;
    width: 114px;
    border: 1px solid #7ba0c0;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
    color: #fff;
    background: #737474;
    cursor: pointer;
    margin: 0 10px;
    text-transform: uppercase;
    font-size: 20px;
        font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;

}

.contactForm fieldset ul li #submit-link.buttonBox {
    background: #eab021/* url(../images/fixedHeader_bg.png) repeat left top*/
    ;
}

.contactForm fieldset ul li.bring-in-center {
    text-align: center;
    margin: 102px 0;
}

.findUs-container {
    margin: 60px 0 0 20px;
}

.address-box {
    vertical-align: top;
    display: inline-block;
    padding-right: 25px;
    border-right: 1px solid #e9e9e9;
    margin-right: 40px;
}

.address-box ul {
    width: 410px;
    display: block;
}

.address-box ul li {
    display: inline-block;
    width: 155px;
    margin-right: 10px;
    line-height: 25px;
    vertical-align: top;
    margin-bottom: 40px;
    color: #1b5b92;
    font-size: 18px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 400;
}

.address-box ul li.wideList {
    width: 230px;
    margin-right: 10px;
    color: #717173;
}

.address-box ul li.wideList a {
    color: #717173;
    text-decoration: none;
}

.address-box ul li.wideList a:hover {
    text-decoration: underline;
}

.googleMap-box {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #1b5b92;
}


/***************************************************************************************************************
SOON PAGE STYLE
***************************************************************************************************************/

.soonPage {
    width: 560px;
    margin: 0 auto 75px auto;
    text-align: center;
}

.soonPage a.unikoveLogo {
    width: 207px;
    height: 51px;
    display: inline-block;
    margin: 10px auto;
}

.soonPage a.unikoveLogo img {
    width: 100%;
    display: block;
}

.soonPage p {
    display: block;
    font-size: 25px;
    color: #a9a8a8;
    text-align: center;
    line-height: 35px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    width: 350px;
    margin: 0 auto 10px auto;
}

.soonPage p a.homeLink {
    color: #26639d;
    display: inline-block;
    width: 130px;
    border-bottom: 5px solid #eeb21b;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    text-decoration: none;
}


/***************************************************************************************************************
SERVICES PAGE
***************************************************************************************************************/

#serviceLinks {
    margin: 50px 0 100px 0;
    padding: 0 20px;
}

#serviceLinks .serlinkBox {
    position: relative;
    display: inline-block;
    margin: 4px;
    vertical-align: top;
    float: left;
    background-image: url(../images/serlinkBox_line_bg.png);
    background-repeat: repeat;
    background-position: left top;
    text-decoration: none;
    -webkit-transition: all .5s ease-in-out;
    /* Safari */
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#serviceLinks .serlinkBox .serviceLinks-icon {
    position: absolute;
    top: 50%;
    left: 50%;
}

#serviceLinks .serlinkBox .serviceLinks-icon img {
    max-width: 100%;
    height: auto;
}

#consumerServices {
    width: 275px;
    height: 300px;
    background-color: #3385d9;
}

#consumerServices .serviceLinks-icon {
    margin: -53px 0 0 -30px;
    width: 60px;
    height: 107px;
}

#developmentServices {
    width: 390px;
    height: 300px;
    background-color: #d84f36;
}

#developmentServices .serviceLinks-icon {
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 99px;
}

#enterpriseServices {
    width: 675px;
    height: 268px;
    background-color: #eab535;
    margin-right: 0 !important;
}

#enterpriseServices .serviceLinks-icon {
    margin: -40px 0 0 -211px;
    width: 422px;
    height: 96px;
}

#experienceServices {
    width: 275px;
    height: 575px;
    background-color: #28969b;
    margin-right: 0 !important;
    float: right !important;
}

#experienceServices .serviceLinks-icon {
    margin: -70px 0 0 -80px;
    width: 157px;
    height: 139px;
}

#qaServices {
    width: calc(100% - 5px);
    height: 220px;
    background-color: #34a853;
    margin: 4px !important;
    float: left !important;
}

#qaServices .serviceLinks-icon {
    margin: -40px 0 0 -61px;
    width: 122px;
    height: 110px;
}

#aiServices {
    width: calc(50% - 10px);
    height: 220px;
    background-color: #65c8ff;
    margin: 4px !important;
    float: left !important;
}

#aiServices .serviceLinks-icon {
    margin: -22px 0 0 -61px;
    width: 122px;
    height: 110px;
}

#iotServices {
    width: calc(50% - 10px);
    height: 220px;
    background-color: #7e08dc;
    margin: 4px !important;
    float: left !important;
}

#iotServices .serviceLinks-icon {
    margin: -22px 0 0 -61px;
    width: 122px;
    height: 110px;
}

.mobile_app {
    position: absolute;
    top: 14px;
    left: 10px;
    text-transform: uppercase;
    color: #fff;
}

.app_service_con {
    font-size: 22px;
    font-family: 'Roboto', Verdana, Geneva, sans-serif;
    display: block;
    font-weight: 300;
    line-height: 24px;
}

.app_service_consu {
    font-size: 40px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    line-height: 30px;
}

#serviceTabs-content {
    float: left;
    width: 740px;
}

.serviceTabs-content.inactive {
    display: none;
}

.service_con2 {
    float: left;
    padding-right: 0;
}

.service_Consumers {
    float: left;
    margin: 25px 0;
    padding: 0 0 0 20px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
}

.service_Consumers ul li {
    padding: 5px 14px;
    list-style-type: none;
    border-left: 2px solid #d1dee9;
    margin-bottom: 40px;
}

.service_Consumers ul li.last-child {
    margin-bottom: 0;
    border: none;
    padding: 5px 0;
}

.service_Consumers ul li span {
    font-size: 25px;
    line-height: 30px;
    color: #1b5b92;
    display: block;
}

.service_Consumers ul li p {
    font-size: 16px;
    color: #717172;
    line-height: 25px;
    font-weight: 400;
}

#sud_service_navigation {
    width: 200px;
    float: right;
    margin: 25px 0 100px 0;
    min-height: 620px;
    -webkit-transition: all .5s ease-in-out;
    /* Safari */
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.service_navigation {
    background: #eaaf1b;
    padding: 15px 10px;
}

.service_navigation li {
    list-style: none;
    line-height: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.service_navigation li.last-child {
    margin-bottom: 0;
}

.service_navigation li a {
    display: block;
    color: #ffe9b1;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    position: relative;
}

.service_navigation li .rightArrow {
    display: none;
    width: 10px;
    height: 12px;
    background: url(../images/services/hover_service_aro.png) no-repeat center center;
    position: absolute;
    left: -20px;
    top: 5px;
}

.service_navigation li.selected .rightArrow {
    display: inline-block;
}

.service_navigation li:hover a,
.service_navigation li.selected a {
    color: #fff;
}

.get_touch_service {
    width: 170px;
    min-height: 165px;
    background: #eaeaea;
    margin: 0 0 0 0;
    padding: 20px 10px 20px 20px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    position: absolute;
    right: 0;
    top: 385px;
    display: inline-block;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.get_touch_cont {
    color: #3385d9;
    font-size: 30px;
    line-height: 30px;
}

.letter_service {
    margin: 15px auto 0 auto;
    display: block;
    text-align: center;
}

.letter_service a {
    display: block;
}

.coloryellow {
    color: #eaaf1b !important;
}

.colorred {
    color: #d84f36 !important;
}

.colorgreen {
    color: #34a853 !important
}

.coloruserenter {
    color: #28969b !important;
}

.padding20 {
    padding: 0 20px;
}

.fontroboto15 {
    font-size: 15px;
    color: #717172;
    line-height: 22px;
    padding-top: 5px;
}


/***************************************************************************************************************
SERVICES SLIDER EXTRA STYLE
***************************************************************************************************************/

.bx-upper-pager {
    text-align: center;
}

.bx-upper-pager a {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
}

.bx-upper-pager a .main-inside-box {
    width: 180px;
    height: 180px;
    display: inline-block;
    background: #ccc;
    text-decoration: none;
    margin-bottom: 15px;
    cursor: pointer;
}

.bx-upper-pager a.active {
    margin-bottom: -2px;
}

.bx-upper-pager a .inside-icon {
    display: block;
    margin: 30px auto;
}

.bx-upper-pager a .inside-text {
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: block;
}

.bx-upper-pager a#tab-bx-01 .main-inside-box {
    background: url(../images/services/tab_01bg.jpg) repeat-y center top;
}

.bx-upper-pager a#tab-bx-02 .main-inside-box {
    background: url(../images/services/tab_02bg.jpg) repeat-y center top;
}

.bx-upper-pager a#tab-bx-03 .main-inside-box {
    background: url(../images/services/tab_03bg.jpg) repeat-y center top;
}

.bx-upper-pager a#tab-bx-04 .main-inside-box {
    background: url(../images/services/tab_04bg.jpg) repeat-y center top;
}

.bx-upper-pager a#tab-bx-05 .main-inside-box {
    background: url(../images/services/tab_05bg.jpg) repeat-y center top;
}

.bx-upper-pager a#tab-bx-01.active {
    border-bottom: 5px solid #3386d9;
}

.bx-upper-pager a#tab-bx-02.active {
    border-bottom: 5px solid #e9b132;
}

.bx-upper-pager a#tab-bx-03.active {
    border-bottom: 5px solid #d74d35;
}

.bx-upper-pager a#tab-bx-04.active {
    border-bottom: 5px solid #29999e;
}

.bx-upper-pager a#tab-bx-05.active {
    border-bottom: 5px solid #4fa02c;
}

.bx-circle-pager {
    position: absolute;
    right: 18px;
    top: 12px;
    z-index: 99;
}

.bx-circle-pager a {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #e2e2e6;
    border-radius: 50%;
}

.bx-circle-pager a.active {
    background: #666666;
}

.ourServices .bxslider li {
    padding-top: 36px;
    position: relative;
}

.ourServices .bxslider li#bxslider-slide-01 {
    background: #3386d9;
}

.ourServices .bxslider li#bxslider-slide-02 {
    background: #e9b132;
}

.ourServices .bxslider li#bxslider-slide-03 {
    background: #d74d35;
}

.ourServices .bxslider li#bxslider-slide-04 {
    background: #29999e;
}

.ourServices .bxslider li#bxslider-slide-05 {
    background: #4fa02c;
}

.ourServices .bxslider li .overlaybox-slide {
    width: 410px;
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 200px;
    font-size: 18px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 400;
}

.ourServices .bxslider li .overlaybox-slide .overlaybox-content {
    padding: 25px;
    background: url(../images/services/overlay_slide_topboxbg.png) repeat left top;
    color: #fff;
    text-align: justify;
    margin-bottom: 15px;
}

.ourServices .bxslider li .overlaybox-slide .overlaybox-link {
    display: block;
    float: right;
    color: #454546;
    text-decoration: none;
    background: url(../images/services/overlay_slide_linkarrow.png) no-repeat right top;
    height: 50px;
    line-height: 50px;
}

.ourServices .bxslider li .overlaybox-slide .overlaybox-link span {
    background: url(../images/services/overlay_slide_linkbg.png) repeat left top;
    display: block;
    margin-right: 34px;
    padding-left: 20px;
}


/***************************************************************************************************************
PORTFOLIO PAGE
***************************************************************************************************************/

.slideTop-servicesMenu {
    display: none;
}

#portfolio_page {
    margin-top: 60px;
    position: relative;
}

#ca01 {
    color: #368cdb;
}

#ca02 {
    color: #eab535;
}

#ca03 {
    color: #d84f36;
}

.portfolioTitle {
    font-weight: 700;
    font-size: 16px;
    height: 20px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
}

.portfolioTitle .portfolioTitle-bar {
    display: block;
    width: 400%;
}

.portfolioTitle .headingLine-left {
    height: 1px;
    width: 30px;
    background: #e1e1e1;
    margin: 11px 0 0 0;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.portfolioTitle .headingLine-block {
    padding: 0 0 0 15px;
    margin-left: 30px;
    display: block;
    overflow: hidden;
}

.portfolioTitle .headingLine-block .headingLine-text {
    display: inline-block;
    padding-right: 15px;
}

.portfolioTitle .headingLine-block .headingLine-right {
    width: 1000px;
    height: 1px;
    display: inline-block;
    background: #e1e1e1;
    margin: 11px 0 0 0;
    vertical-align: top;
}

.resGallery {
    padding: 0 20px;
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}

.list_carousel {
    margin: 20px 0;
    width: 360px;
}

.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.list_carousel li {
    color: #fff;
    text-align: center;
    width: 170px;
    height: 170px;
    padding: 0;
    margin: 6px;
    display: block;
    float: left;
}

.list_carousel li a {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.list_carousel li a img {
    display: block;
    max-width: 100%;
}

.list_carousel li .onHvr-left {
    position: absolute;
    top: 0;
    left: -176px;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    background: #ccc;
    text-align: center;
    color: #fff;
    font-size: 14px;
    -webkit-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
    -webkit-transition: left .3s ease-in-out, -webkit-transform .3s;
}

.list_carousel li .onHvr-left small {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 400;
    line-height: 20px;
}

.list_carousel li:hover .onHvr-left {
    left: 0;
}

.list_carousel li #cm-01.onHvr-left {
    background: #1abcd1;
}

.list_carousel li #cm-02.onHvr-left {
    background: #c52529;
}

.list_carousel li #cm-03.onHvr-left {
    background: #4a8241;
}

.list_carousel li #cm-04.onHvr-left {
    background: #006c4b;
}

.list_carousel li #cm-014.onHvr-left {
    background: #288fcb;
}

.list_carousel li #cm-015.onHvr-left {
    background: #13b15c;
}

.list_carousel li #cm-016.onHvr-left {
    background: #004883;
}

.list_carousel li #cm-017.onHvr-left {
    background: #fc8100;
}

.list_carousel li #cm-018.onHvr-left {
    background: #f4a423;
}

.list_carousel li #cm-012.onHvr-left {
    background: #21a9e0;
}

.list_carousel li #cm-05.onHvr-left {
    background: #70558c;
}

.list_carousel li #cm-06.onHvr-left {
    background: #ff6200;
}

.list_carousel li #cm-07.onHvr-left {
    background: #00385f;
}

.list_carousel li #cm-08.onHvr-left {
    background: #f7d92d;
}

.list_carousel li #em-01.onHvr-left {
    background: #06215a;
}

.list_carousel li #em-02.onHvr-left {
    background: #1b67bd;
}

.list_carousel li #em-03.onHvr-left {
    background: #262626;
}

.list_carousel li #em-04.onHvr-left {
    background: #0c1721;
}

.list_carousel li #em-05.onHvr-left {
    background: #e32934;
}

.list_carousel li #em-06.onHvr-left {
    background: #fc8100;
}

.list_carousel li #wd-01.onHvr-left {
    background: #f9a626;
}

.list_carousel li #wd-02.onHvr-left {
    background: #ffc600;
}

.list_carousel li #wd-03.onHvr-left {
    background: #2f1911;
}

.list_carousel li #wd-04.onHvr-left {
    background: #3e3e3e;
}

.list_carousel li #wd-05.onHvr-left {
    background: #d2b991;
}

.list_carousel li #wd-06.onHvr-left {
    background: #103184;
}

.list_carousel li #wd-07.onHvr-left {
    background: #cc0202;
}

.list_carousel li #wd-08.onHvr-left {
    background: #221757;
}

.list_carousel li #wd-09.onHvr-left {
    background: #2c9d2e;
}

#rg-03 li .onHvr-left {
    left: -222px;
}

#rg-03 li:hover .onHvr-left {
    left: 0;
}

.list_carousel li .onHvr-bottom {
    position: absolute;
    left: 0;
    bottom: -40px;
    display: block;
    width: 100%;
    line-height: 40px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 14px;
    text-align: center;
    -webkit-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
    -webkit-transition: bottom .3s ease-in-out, -webkit-transform .3s;
}

.list_carousel li:hover .onHvr-bottom {
    bottom: 0;
}

.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}

.clearfix {
    float: none;
    clear: both;
}

.prevBtn {
    position: absolute;
    left: 25px;
    top: 50%;
    width: 15px;
    height: 25px;
    background: url(../images/arrowsleft.png) no-repeat center center;
    margin-top: -13px;
    cursor: pointer;
}

.nextBtn {
    position: absolute;
    right: 25px;
    top: 50%;
    width: 15px;
    height: 25px;
    background: url(../images/arrowsright.png) no-repeat center center;
    margin-top: -13px;
    cursor: pointer;
}

.pager {
    float: left;
    width: 300px;
    text-align: center;
}

#rg-03 li {
    width: 182px;
    height: 132px;
    margin: 6px;
}


/***********/

.mainshow CaseBox a:hover {
    background: #f00;
}

#centerCo ntent:target {
    width: 0;
    -webkit-transition: all 1.6s ease;
    -o-transition: all 1.6s ease;
    transition: all 1.6s ease;
}

.open-gallery {
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 9999;
    width: 75px;
    height: 60px;
    display: inline-block;
    background: #1b5b92 url(../images/openGallery.png) no-repeat 10px center;
    border-radius: 0 50px 50px 0;
    text-indent: -99999px;
    cursor: pointer;
}

.leftSlider {
    height: 100%;
    display: block;
    background: #f000;
}

.leftSlider li .mainImg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: auto;
}

.leftSlider li#tab-001 .mainImg {
    left: -5%
}

.leftSlider li#tab-002 .mainImg {
    left: -20%
}

.leftSlider li#tab-003 .mainImg {
    left: 0
}

.leftSlider li#tab-004 .mainImg {
    left: -5%
}

.leftSlider li .black-trans {
    background: url(../images/black_trans_bg.png) repeat left top;
    position: relative;
    height: 100%;
    z-index: 99;
}

.leftSlider li .black-trans .bxslider-overlay-box {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -195px 0 0 -195px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 36px;
    border: 2px solid rgba(255, 255, 255, .30);
    background: rgba(0, 0, 0, .5);
    width: 360px;
    height: 290px;
    padding: 50px 15px;
    border-radius: 50%;
    display: none;
}

.leftSlider li .black-trans .bxslider-overlay-box .bxslider-icon {
    display: inline-block;
    width: 118px;
    height: 118px;
    padding: 15px 17px;
    float: left;
}

.leftSlider li .black-trans .bxslider-overlay-box .bxslider-icon img {
    width: 100%;
    height: 100%;
}

.leftSlider li .black-trans .bxslider-overlay-box .bxslider-content {
    width: 220px;
    display: inline-block;
    float: left;
    margin-top: 45px;
    margin-right: 8px;
    text-shadow: 0 0 4px #333;
    line-height: 40px;
}

.leftSlider li .black-trans .bxslider-overlay-box .bxslider-overlaybox-div {
    width: 100%;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -50%;
}

.leftSlider li#tab-001 .bxslider-content {
    margin-top: 50px;
}

.leftSlider li#tab-002 .bxslider-content {
    margin-top: 34px;
}

.leftSlider li#tab-003 .bxslider-content {
    margin-top: 34px;
}

.leftSlider li#tab-004 .bxslider-contentg {
    margin-top: 50px;
}


/**/

.loadingBox {
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    color: #000;
}


/**/

.productInfo-box {
    position: fixed;
    left: 15px;
    bottom: 36%;
    width: 700px;
    height: 250px;
    background: rgba(0, 0, 0, .7);
    padding: 30px 30px 30px 10px;
    display: inline-block;
    z-index: 999;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 21px;
    border-radius: 300px 0 0 300px;
}

.productInfo-box .left-box {
    display: inline-block;
    font-size: 38px;
    width: 300px;
    height: 110px;
    vertical-align: top;
    margin-top: 70px;
    margin-right: 10px;
}

.productInfo-box .left-box .productInfo-icon {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
}

.productInfo-box .left-box .productInfo-icon img {
    max-width: 100%;
}

.productInfo-box .left-box p {
    width: 174px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    margin-top: 0;
    margin-left: 10px;
}

.productInfo-box .productInfo-detail {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 375px;
    height: 225px;
    overflow: hidden;
    line-height: 28px;
    vertical-align: top;
    margin: 15px 0;
}

.backpage {
    position: absolute;
    right: 0;
    top: 36px;
    z-index: 999;
    width: 80px;
    height: 60px;
    background: url(../images/backpage.png) no-repeat left top;
}

#openSlider {
    width: 100%;
    height: 100%;
    display: block;
}


/*****/

#mobileNavbox {
    display: none;
}

#mobilePortfilo {
    display: none;
}

#mNav-bottom {
    display: none;
}


/***************************************************************************************************************
NO HTML 5 SUPPORT HEADER
***************************************************************************************************************/


/********* HEADER *********/

.no-rgba #header {
    border-bottom: 2px solid #f9e7ba;
}

.no-svg #header h1 a {
    background: url(../images/png/unikove_logo_big.png) no-repeat left top;
}

.no-svg #header h1 a img {
    display: none;
}

.no-svg #header .socialLinks li a {
    background: url(../images/png/socialLink_bg.png) no-repeat left top;
}

.no-svg #header .socialLinks li:hover a {
    background: url(../images/png/socialLink_hover_bg.png) no-repeat left top;
}

.no-svg #header .socialLinks li .socialLinks-title {
    background: url(../images/png/socialLink_hover_repeat_bg.png) repeat-x left top;
}


/********* HOME PAGE CONTENT *********/

.no-borderradius .factsShowCase .tabs li,
.no-svg .factsShowCase .tabs li {
    background: url(../images/png/factsLink_bg.png) no-repeat left top;
    border-radius: 50%;
}

.no-borderradius .factsShowCase .tabs li:active,
.no-borderradius .factsShowCase .tabs li.select,
.no-svg .factsShowCase .tabs li:active,
.no-svg .factsShowCase .tabs li.select {
    background: url(../images/png/factsLink_select_bg.png) no-repeat left top;
    border-radius: 50%;
}

.no-svg #clientsSlides ul li {
    background: url(../images/png/clientBg.png) no-repeat center center;
}


/***************************************************************************************************************
ON LOAD STYLE
***************************************************************************************************************/

.onloadBox.showOnload {
    display: block;
}

.onloadBox {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: #fff url(../images/png/pageBg.png) repeat left top;
    z-index: 999;
    left: 0;
    top: 0;
}

.onloadBox img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 66px;
    height: 66px;
    margin: -33px 0 0 -33px;
}


/***************************************************************************************************************
CLIENT PAGE LIST
***************************************************************************************************************/

.clientwrap {
    margin-top: 20px;
    padding: 0 20px;
}

.clientwrap ul li {
    display: inline-block;
    position: relative;
    height: 132px;
    width: 132px;
    vertical-align: top;
    border: 1px solid #999;
    margin: 6px;
    -webkit-transition: all .2s ease .2s;
    -o-transition: all .2s ease .2s;
    transition: all .2s ease .2s;
}

.clientwrap ul li img {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.clientwrap ul li:hover {}

.clientwrap ul li:hover img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}


/***************************************************************************************************************
PORTFOLIO TAB
***************************************************************************************************************/

#portfolio_page .tabheader {
    padding: 0 10px;
}

#portfolio_page .tabheader li {
    display: inline-block;
    margin: 0 5px;
}

#portfolio_page .tabheader li a {
    display: block;
    padding: 5px 10px;
    color: #368cdb;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    height: 20px;
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    margin: 0;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
}

#portfolio_page .tabheader li a.active {
    border-bottom: 1px solid #368cdb;
}

#portfolio_page .tabheader li:nth-child(2) a {
    color: #eab535;
}

#portfolio_page .tabheader li:nth-child(2) a.active {
    border-bottom-color: #eab535;
}

#portfolio_page .tabheader li:nth-child(3) a {
    color: #d84f36;
}

#portfolio_page .tabheader li:nth-child(3) a.active {
    border-bottom-color: #d84f36;
}

#portfolio_page .resGallery {
    display: none
}

#portfolio_page .resGallery#consumerapp {
    display: block;
}

#ca01,
#ca02,
#ca03 {
    display: none;
}

.colorblack {
    color: #000!important;
}

.webDevelopment-3dSlide .bb-item .content.leftbottom-text {
    width: 40%;
    text-align: left;
    bottom: 20px;
    top: initial;
    padding-left: 20px;
}

.webDevelopment-3dSlide .bb-item .content.leftbottom-text .content-text {
    text-align: left;
}

.webDevelopment-3dSlide .bb-item .content.leftbottom-text p {
    text-align: left;
}


/***************************************************************************************************************
RESPONSIVE CODE
***************************************************************************************************************/

@media only screen and (min-width: 1601px) and (max-width: 1780px) {
    #header {
        width: 866px;
    }
    #centerContent {
        width: 866px;
    }
    .homeContent .subHeading {
        font-size: 23px;
    }
    .bx-upper-pager a .main-inside-box {
        width: 154px !important;
        height: 154px !important;
    }
    .bx-upper-pager a .inside-icon {
        margin: 15px auto !important;
    }
    .factsShowCase .tabs li a .circleText .cricleSelect {
        margin-top: 34px;
    }
    #factsActiveBox .factsContenttabs .tab-animation .animateContent {
        width: 800px;
        height: 222px;
    }
    .factsShowCase .tabs li {
        margin: 15px 20px;
    }
    .contactForm fieldset.left,
    .contactForm fieldset.right {
        margin-right: 40px;
        padding-right: 40px;
    }
    .contactForm fieldset.right {
        margin: 0;
        padding: 0;
        width: 272px;
    }
    .address-box {
        margin-right: 30px;
        padding-right: 25px;
    }
    .address-box ul {
        width: 345px;
    }
    .address-box ul li {
        width: 140px;
    }
    .address-box ul li.wideList {
        width: 190px;
        margin-right: 0;
    }
    .googleMap-box iframe {
        width: 400px;
    }
    #serviceTabs-content {
        width: 600px;
    }
    #consumerServices {
        width: 251px;
        height: 350px;
    }
    #developmentServices {
        width: 305px;
        height: 350px;
    }
    #enterpriseServices {
        width: 565px;
        height: 268px;
    }
    #experienceServices {
        width: 250px;
        height: 625px;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1600px) {
    #header {
        width: 766px;
    }
    #centerContent {
        width: 766px;
    }
    .homeContent h2 {
        font-size: 46px;
        letter-spacing: -1px;
        line-height: 50px;
    }
    .cam-only h2 {
        font-size: 38px;
    }
    .homeContent .subHeading {
        font-size: 20px;
    }
    .homeContent p {
        font-size: 16px;
        margin-top: 5px;
        line-height: 25px;
    }
    .homeContent .crpoints li {
        font-size: 16px;
        line-height: 25px;
    }
    .homeContent h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 40px 0 10px 0;
    }
    .homeContent h4 {
        font-size: 20px;
        line-height: 24px;
        margin: 15px 0 0 0;
    }
    .homeContent h4 a {
        font-size: 14px;
        padding-left: 22px;
        line-height: 17px;
        width: auto;
    }
    .bx-upper-pager a .main-inside-box {
        width: 134px !important;
        height: 134px !important;
    }
    .bx-upper-pager a .inside-icon {
        margin: 15px auto !important;
    }
    .bx-upper-pager a .inside-text {
        font-size: 14px !important;
    }
    .bxslider li .overlaybox-slide {
        font-size: 17px !important;
    }
    .factsShowCase .tabs li a .circleText .cricleSelect {
        margin-top: 22px;
    }
    #factsActiveBox .factsContenttabs .tab-animation .animateContent {
        width: 718px;
        height: 198px;
    }
    #factsActiveBox .factsContenttabs p {
        font-size: 15px;
    }
    .factsShowCase .tabs li {
        margin: 15px 12px;
        width: 140px;
        height: 140px;
    }
    .factsShowCase .tabs li.select {
        width: 160px;
        height: 160px;
        margin: 0 15px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box {
        width: 340px;
        height: 270px;
        margin: -185px 0 0 -185px;
        font-size: 34px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box .bxslider-icon {
        width: 108px;
        height: 108px;
        padding: 15px 10px;
    }
    .findUs-container {
        margin: 45px 20px 0 20px;
    }
    .contactForm {
        margin: 45px 20px 0 20px;
    }
    .contactForm fieldset ul li label {
        width: calc(25% - 35px);
    }
    .contactForm fieldset ul li input,
    .contactForm fieldset ul li select,
    .contactForm fieldset ul li textarea,
    .contactForm fieldset ul li .g-recaptcha {
        width: 75%;
    }
    .contactForm fieldset ul li .g-recaptcha {
        margin-left: 15px;
        width: auto;
    }
    .contactForm fieldset.left,
    .contactForm fieldset.right {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }
    .contactForm fieldset ul li.bring-in-center {
        margin: 30px 0;
    }
    .contactForm fieldset ul .send-Msg {
        color: #fff;
        font-size: 18px;
        padding: 3px 0;
        line-height: 25px;
        display: block;
        width: 100%;
        text-align: center;
        background: #FC0;
        margin-top: 10px;
        position: relative;
        left: 0;
        top: 0;
    }
    .address-box {
        margin: 0 0 10px 0;
        padding: 0;
        border: 0;
    }
    .address-box ul {
        display: block;
    }
    .googleMap-box {
        display: block;
        width: 100%;
        height: 320px
    }
    .googleMap-box iframe {
        width: 100%;
        height: 100%;
    }
    #serviceTabs-content {
        width: 510px;
    }
    #consumerServices {
        width: 210px;
        height: 325px;
    }
    #developmentServices {
        width: 255px;
        height: 325px;
    }
    #enterpriseServices {
        width: 474px;
        height: 268px;
    }
    #experienceServices {
        width: 240px;
        height: 600px;
    }
    #aiServices,
    #iotServices {
        width: 356px;
    }
    #iotServices,
    #qaServices {
        margin-right: 0 !important;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .itunesBox {
        position: relative;
        left: inherit!important;
        margin: 0 0 10px 5px;
        display: inline-block;
        bottom: 110px;
    }
    .bx-wrapper .itunesBox img {
        width: 15px;
    }
    .itunesBox p {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    #header {
        width: 666px;
    }
    .homeContent h2 {
        font-size: 38px;
        letter-spacing: -1px;
        line-height: 50px;
    }
    .homeContent .subHeading {
        font-size: 19px;
    }
    .homeContent p {
        font-size: 16px;
        margin-top: 5px;
        line-height: 25px;
    }
    .homeContent .crpoints li {
        font-size: 16px;
        line-height: 25px;
    }
    .homeContent h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 40px 0 10px 0;
    }
    .homeContent h4 {
        font-size: 20px;
        line-height: 24px;
        margin: 15px 0 0 0;
    }
    .homeContent h4 a {
        font-size: 14px;
        padding-left: 22px;
        line-height: 17px;
        width: auto;
    }
    #centerContent {
        width: 666px;
    }
    .ourServices {
        display: none;
    }
    .ourServices-block {
        display: block;
    }
    .factsShowCase .tabs li a .circleText .cricleSelect {
        margin-top: 12px;
    }
    #factsActiveBox .factsContenttabs .tab-animation .animateContent {
        width: 621px;
        height: 165px;
    }
    #factsActiveBox .factsContenttabs p {
        font-size: 14px;
    }
    .factsShowCase .tabs li {
        margin: 15px 10px;
        width: 130px;
        height: 130px;
    }
    .factsShowCase .tabs li.select {
        width: 150px;
        height: 150px;
        margin: 0 12px;
    }
    .factsShowCase .tabs li a .cricleSelect {
        height: 34px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box {
        width: 320px;
        height: 250px;
        margin: -175px 0 0 -175px;
        font-size: 34px;
        display: none;
    }
    .leftSlider li .black-trans .bxslider-overlay-box .bxslider-icon {
        width: 108px;
        height: 108px;
        padding: 15px 10px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box .bxslider-content {
        width: 205px;
    }
    .findUs-container {
        margin: 45px 20px 0 20px;
    }
    .contactForm {
        margin: 45px 20px 0 20px;
    }
    .contactForm fieldset ul li label {
        width: calc(25% - 35px);
    }
    .contactForm fieldset ul li input,
    .contactForm fieldset ul li select,
    .contactForm fieldset ul li textarea,
    .contactForm fieldset ul li .g-recaptcha {
        width: 75%;
    }
    .contactForm fieldset ul li .g-recaptcha {
        margin-left: 15px;
        width: auto;
    }
    .contactForm fieldset.left,
    .contactForm fieldset.right {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }
    .contactForm fieldset ul li.bring-in-center {
        margin: 30px 0;
    }
    .contactForm fieldset ul .send-Msg {
        margin-top: 10px;
        position: relative;
        left: 0;
        top: 0;
    }
    .address-box {
        margin: 0 0 10px 0;
        padding: 0;
        border: 0;
    }
    .address-box ul {
        display: block;
    }
    .googleMap-box {
        display: block;
        width: 100%;
        height: 320px
    }
    .googleMap-box iframe {
        width: 100%;
        height: 100%;
    }
    #serviceTabs-content {
        width: 420px;
    }
    .app_service_con {
        font-size: 19px;
        line-height: 20px;
    }
    .app_service_consu {
        font-size: 32px;
        line-height: 28px;
    }
    #consumerServices {
        width: 180px;
        height: 275px;
    }
    #developmentServices {
        width: 215px;
        height: 275px;
    }
    #enterpriseServices {
        width: 404px;
        height: 268px;
    }
    #experienceServices {
        width: 210px;
        height: 550px;
    }
    #consumerServices .serviceLinks-icon {
        margin: -45px 0 0 -25px;
        width: 50px;
        height: 89px;
    }
    #developmentServices .serviceLinks-icon {
        margin: -40px 0 0 -40px;
        width: 80px;
        height: 79px;
    }
    #enterpriseServices .serviceLinks-icon {
        margin: -36px 0 0 -160px;
        width: 320px;
        height: 73px;
    }
    #experienceServices .serviceLinks-icon {
        margin: -57px 0 0 -65px;
        width: 130px;
        height: 115px;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
    }
}

@media only screen and (min-width: 851px) and (max-width: 1024px) {
    #header {
        width: 548px;
    }
    #header .socialLinks {
        display: none;
    }
    .homeContent h2 {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px;
    }
    .homeContent .subHeading {
        font-size: 18px;
    }
    .homeContent p {
        font-size: 15px;
        margin-top: 5px;
        line-height: 22px;
    }
    .homeContent .crpoints li {
        font-size: 15px;
        line-height: 22px;
    }
    .homeContent h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 40px 0 10px 0;
    }
    .homeContent h4 {
        font-size: 20px;
        line-height: 24px;
        margin: 15px 0 0 0;
    }
    .homeContent h4 a {
        font-size: 13px;
        padding-left: 20px;
        line-height: 16px;
        width: auto;
    }
    #centerContent {
        width: 548px;
    }
    .homePagefactsBox h2,
    .homePageBox h2 {
        margin-left: 0;
    }
    .factsShowCase .tabs {
        padding: 0 10px;
    }
    .factsShowCase .tabs li {
        margin: 8px 5px;
        width: 115px;
        height: 115px;
    }
    .factsShowCase .tabs li a .circleText {
        font-size: 13px;
    }
    .factsShowCase .tabs li.select {
        width: 125px;
        height: 125px;
        margin: 0 0;
    }
    .factsShowCase .tabs li.last-Child {
        margin-right: 0;
    }
    .factsShowCase .tabs li.select .circleText {
        font-size: 14px;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyText {
        margin-top: 30px;
    }
    .factsShowCase .tabs li.select .circleText .circleOnlyText {
        margin-top: 25px;
    }
    .factsShowCase .tabs li.select .circleText .circleOnlyNumber {
        font-size: 42px;
    }
    .factsShowCase .tabs li a .circleText .cricleSelect {
        margin-top: 6px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box {
        width: 240px;
        height: 170px;
        margin: -135px 0 0 -135px;
        font-size: 24px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box .bxslider-icon {
        width: 92px;
        height: 92px;
        padding: 15px 10px;
    }
    .leftSlider li#tab-001 .bxslider-content {
        margin-top: 42px;
    }
    .leftSlider li#tab-002 .bxslider-content,
    .leftSlider li#tab-003 .bxslider-content {
        margin-top: 28px;
    }
    .leftSlider li#tab-004 .bxslider-content {
        margin-top: 45px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box .bxslider-content {
        margin-top: 30px;
        width: 142px;
        line-height: 32px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box .bxslider-overlaybox-div {
        height: 110px;
        margin: -55px 0 0 -50%;
    }
    .open-gallery {
        width: 60px;
        height: 50px;
        background: #1B5B92 url("../images/openGallery-small.png") no-repeat 10px center;
    }
    .leftSlider li#tab-001 .mainImg {
        left: -20%
    }
    .leftSlider li#tab-002 .mainImg {
        left: -55%
    }
    .leftSlider li#tab-003 .mainImg {
        left: -30%
    }
    .leftSlider li#tab-004 .mainImg {
        left: -20%
    }
    #factsActiveBox {
        margin: 0 12px;
        border-top: none;
    }
    #factsActiveBox .factsContenttabs .tab-animation .animateContent {
        width: 518px;
        height: 144px;
    }
    #factsActiveBox .factsContenttabs p {
        font-size: 14px;
    }
    .homePageBox {
        padding: 0;
    }
    #headerMainBox .socialLinks-right {
        display: block;
    }
    .ourServices {
        display: none;
    }
    .ourServices-block {
        display: block;
    }
    #footer .cmyLogo {
        display: none
    }
    .findUs-container {
        margin: 45px 20px 0 20px;
    }
    .contactForm {
        margin: 45px 20px 0 20px;
    }
    .contactForm fieldset ul li label {
        width: calc(25% - 35px);
    }
    .contactForm fieldset ul li input,
    .contactForm fieldset ul li select,
    .contactForm fieldset ul li textarea,
    .contactForm fieldset ul li .g-recaptcha {
        width: 75%;
    }
    .contactForm fieldset ul li .g-recaptcha {
        margin-left: 15px;
        width: auto;
    }
    .contactForm fieldset.left,
    .contactForm fieldset.right {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }
    .contactForm fieldset ul li.bring-in-center {
        margin: 30px 0;
    }
    .contactForm fieldset ul .send-Msg {
        margin-top: 10px;
        position: relative;
        left: 0;
        top: 0;
    }
    .address-box {
        margin: 0 0 10px 0;
        padding: 0;
        border: 0;
    }
    .address-box ul {
        display: block;
    }
    .googleMap-box {
        display: block;
        width: 100%;
        height: 320px
    }
    .googleMap-box iframe {
        width: 100%;
        height: 100%;
    }
    #serviceTabs-content {
        width: 350px;
    }
    .service_Consumers {
        width: 350px;
    }
    .service_Consumers ul li span {
        font-size: 22px;
        line-height: 25px;
    }
    .service_Consumers ul li p {
        font-size: 15px;
    }
    #sud_service_navigation {
        width: 125px
    }
    .get_touch_service {
        width: 95px;
        top: 415px;
    }
    .app_service_con {
        font-size: 12px;
        line-height: 12px;
    }
    .app_service_consu {
        font-size: 20px;
        line-height: 20px;
    }
    #consumerServices {
        width: 148px;
        height: 200px;
    }
    #developmentServices {
        width: 165px;
        height: 200px;
    }
    #enterpriseServices {
        width: 321px;
        height: 208px;
    }
    #experienceServices {
        width: 175px;
        height: 415px;
    }
    #aiServices,
    #iotServices {
        width: 248px;
    }
    #iotServices {
        margin-right: 0 !important;
    }
    #consumerServices .serviceLinks-icon {
        margin: -35px 0 0 -20px;
        width: 40px;
        height: 71px;
    }
    #developmentServices .serviceLinks-icon {
        margin: -35px 0 0 -35px;
        width: 70px;
        height: 69px;
    }
    #enterpriseServices .serviceLinks-icon {
        margin: -25px 0 0 -110px;
        width: 220px;
        height: 50px;
    }
    #experienceServices .serviceLinks-icon {
        margin: -49px 0 0 -55px;
        width: 110px;
        height: 97px;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
    }
    .itunesBox {
        position: relative;
        left: inherit!important;
        margin: 0 0 10px 10px;
        display: inline-block;
        bottom: 110px;
    }
}

@media only screen and (min-width:741px) and (max-width: 850px) {
    #headerMainBox {
        width: 121px;
    }
    #header {
        width: 435px;
        right: 121px;
    }
    #header h1 {
        margin-left: 0;
    }
    #header .socialLinks {
        display: none;
    }
    #centerContent {
        width: 435px;
        right: 121px;
    }
    .homeContent h2 {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 35px;
    }
    .homeContent .subHeading {
        font-size: 18px;
    }
    .homeContent p {
        font-size: 15px;
        margin-top: 5px;
        line-height: 22px;
    }
    .homeContent .crpoints li {
        font-size: 15px;
        line-height: 22px;
    }
    .homeContent h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 40px 0 10px 0;
    }
    .homeContent h4 {
        font-size: 20px;
        line-height: 24px;
        margin: 15px 0 0 0;
    }
    .homeContent h4 a {
        font-size: 13px;
        padding-left: 20px;
        line-height: 16px;
        margin-top: 7px;
        width: auto;
    }
    .homePagefactsBox h2,
    .homePageBox h2 {
        margin-left: 0;
    }
    .homePagefactsBox h2 span,
    .homePageBox h2 span {
        min-width: 80px;
    }
    .factsShowCase .tabs {
        padding: 0 5px;
    }
    .factsShowCase .tabs li {
        margin: 8px 4px;
        width: 94px;
        height: 94px;
    }
    .factsShowCase .tabs li.last-Child {
        margin-right: 0;
    }
    .factsShowCase .tabs li.select {
        width: 104px;
        height: 104px;
        margin: 0;
    }
    .factsShowCase .tabs li.select .circleText {
        font-size: 13px;
    }
    .factsShowCase .tabs li a .circleText {
        font-size: 12px;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyText {
        margin-top: 25px;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyNumber {
        line-height: 34px;
        font-size: 34px;
    }
    .factsShowCase .tabs li.select .circleText .circleOnlyText {
        margin-top: 22px;
    }
    .factsShowCase .tabs li.select .circleText .circleOnlyNumber {
        font-size: 34px;
        line-height: 34px;
        margin-top: 0;
    }
    .factsShowCase .tabs li a .circleText .cricleSelect {
        margin-top: 6px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box {
        width: 240px;
        height: 170px;
        margin: -135px 0 0 -135px;
        font-size: 24px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box .bxslider-icon {
        width: 92px;
        height: 92px;
        padding: 15px 10px;
    }
    .leftSlider li#tab-001 .bxslider-content {
        margin-top: 42px;
    }
    .leftSlider li#tab-002 .bxslider-content,
    .leftSlider li#tab-003 .bxslider-content {
        margin-top: 28px;
    }
    .leftSlider li#tab-004 .bxslider-content {
        margin-top: 45px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box .bxslider-content {
        margin-top: 30px;
        width: 142px;
        line-height: 32px;
    }
    .leftSlider li .black-trans .bxslider-overlay-box .bxslider-overlaybox-div {
        height: 110px;
        margin: -55px 0 0 -50%;
    }
    .open-gallery {
        width: 60px;
        height: 50px;
        background: #1B5B92 url("../images/openGallery-small.png") no-repeat 10px center;
    }
    .leftSlider li#tab-001 .mainImg {
        left: -100%
    }
    .leftSlider li#tab-002 .mainImg {
        left: -110%
    }
    .leftSlider li#tab-003 .mainImg {
        left: -110%
    }
    .leftSlider li#tab-004 .mainImg {
        left: -110%
    }
    #factsActiveBox {
        margin: 0 12px;
        border-top: none;
    }
    #factsActiveBox .factsContenttabs .tab-animation .animateContent {
        width: 398px;
        height: 104px;
    }
    #factsActiveBox .factsContenttabs p {
        font-size: 14px;
    }
    .homePageBox {
        padding: 0;
    }
    #headerMenu .mainNav li {
        margin: 12px 0;
    }
    #headerMenu .mainNav li a {
        font-size: 16px;
    }
    .ourServices {
        display: none;
    }
    .ourServices-block {
        display: block;
    }
    .findUs-container {
        margin: 45px 20px 0 20px;
    }
    .contactForm {
        margin: 45px 20px 0 20px;
    }
    .contactForm fieldset ul li label {
        width: calc(25% - 35px);
    }
    .contactForm fieldset ul li input,
    .contactForm fieldset ul li select,
    .contactForm fieldset ul li textarea,
    .contactForm fieldset ul li .g-recaptcha {
        width: 75%;
    }
    .contactForm fieldset ul li .g-recaptcha {
        margin-left: 14px;
        width: auto;
        padding: 0;
    }
    .contactForm fieldset.left,
    .contactForm fieldset.right {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }
    .contactForm fieldset ul li.bring-in-center {
        margin: 30px 0;
    }
    .contactForm fieldset ul .send-Msg {
        margin-top: 10px;
        position: relative;
        left: 0;
        top: 0;
    }
    .address-box {
        margin: 0 0 10px 0;
        padding: 0;
        border: 0;
    }
    .address-box ul {
        display: block;
    }
    .googleMap-box {
        display: block;
        width: 100%;
        height: 320px
    }
    .googleMap-box iframe {
        width: 100%;
        height: 100%;
    }
    #headerMainBox .socialLinks-right {
        display: block;
    }
    #footer .cmyLogo {
        display: none;
    }
    #serviceTabs-content {
        width: 260px;
    }
    .service_Consumers ul li span {
        font-size: 22px;
        line-height: 25px;
    }
    .service_Consumers ul li p {
        font-size: 15px;
    }
    #sud_service_navigation {
        width: 125px
    }
    .get_touch_service {
        width: 95px;
        top: 415px;
    }
    .app_service_con {
        font-size: 12px;
        line-height: 12px;
    }
    .app_service_consu {
        font-size: 20px;
        line-height: 20px;
    }
    #consumerServices {
        width: 110px;
        height: 200px;
    }
    #developmentServices {
        width: 135px;
        height: 200px;
    }
    #enterpriseServices {
        width: 253px;
        height: 208px;
    }
    #experienceServices {
        width: 130px;
        height: 415px;
    }
    #aiServices,
    #iotServices {
        width: 191px;
    }
    #iotServices {
        margin-right: 0 !important;
    }
    #consumerServices .serviceLinks-icon {
        margin: -27px 0 0 -15px;
        width: 30px;
        height: 54px;
    }
    #developmentServices .serviceLinks-icon {
        margin: -30px 0 0 -30px;
        width: 60px;
        height: 59px;
    }
    #enterpriseServices .serviceLinks-icon {
        margin: -22px 0 0 -100px;
        width: 200px;
        height: 45px;
    }
    #experienceServices .serviceLinks-icon {
        margin: -45px 0 0 -50px;
        width: 100px;
        height: 89px;
    }
    .soonPage {
        width: 434px;
    }
    .soonPage img {
        max-width: 100%;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
    }
    #portfolio_page .tabheader li a {
        font-size: 14px;
        margin: 0;
    }
    .itunesBox {
        position: relative;
        left: inherit!important;
        margin: 0 0 10px 5px;
        display: inline-block;
        bottom: 110px;
    }
    .bx-wrapper .itunesBox img {
        width: 15px;
    }
    .itunesBox p {
        font-size: 12px;
    }
}

@media only screen and (min-height:741px) and (max-height: 767px) {
    #mainListTab ul {
        height: 140px;
    }
    #mainListTab ul li {
        width: 140px;
    }
    #mainListTab ul li#at01 {
        left: 10px;
    }
    #mainListTab ul li#at02 {
        left: 120px;
    }
    #mainListTab ul li#at03 {
        left: 230px;
    }
    #mainListTab ul li#at04 {
        left: 340px;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
    }
}


/**/

@media only screen and (min-width:100px) and (max-width: 740px) {
    /****** HEADER MENU *****/
    #headerMainBox {
        display: none;
    }
    #header-padding {
        padding: 0;
        margin: 0;
        border-bottom: none;
        height: 70px;
    }
    #campaignBody #header-padding {
        height: 54px;
        padding: 0;
    }
    #headerMainBox {
        vertical-align: top;
        width: 121px;
        height: 100%;
        overflow: hidden;
        background: #0b304c url(../images/fixedHeader_bg.jpg) repeat left top;
        float: left;
        z-index: 6;
        position: relative;
        right: 0;
    }
    #headerMenu {
        height: 100%;
        border-left: 4px solid #eaaf1b;
        display: inline-block;
        float: left;
    }
    #headerMenu .mainNav {
        margin-top: 54px;
    }
    #headerMenu .mainNav li {
        list-style: none;
        margin: 18px 0;
        height: 25px;
        line-height: 25px;
        padding: 0 16px;
    }
    #headerMenu .mainNav li a {
        text-transform: uppercase;
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
        vertical-align: middle;
        font-weight: 400;
    }
    #headerMenu .mainNav li:hover,
    #headerMenu .mainNav li.selected {
        background: url(../images/png/menuLink_hover.png) no-repeat left center;
    }
    #headerMenu .mainNav li:hover a,
    #headerMenu .mainNav li.selected a {
        color: #ecb11f;
        font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
        font-weight: 700;
    }
    #factsActiveBox {
        margin: 0 12px;
        border-top: none;
        display: none;
    }
    #factsActiveBox .factsContenttabs .tab-animation .animateContent {
        width: 398px;
        height: 104px;
    }
    #factsActiveBox .factsContenttabs p {
        font-size: 14px;
    }
    /****** PAGE LEFT SIDE ******/
    .mainshowCaseBox {
        display: none;
    }
    /****** PAGE CENTER SIDE ******/
    #centerContent {
        display: inline-block;
        vertical-align: top;
        height: 100%;
        width: 100%;
        position: relative;
        float: left;
        right: 0;
    }
    #content {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    /****** DUMMY BOX CONTENT  ******/
    #dummyTopBox {
        height: 70px;
    }
    #dummyBottomBox {
        height: 90px;
    }
    /****** HEADER ******/
    #header {
        width: 100%;
        height: 70px;
        display: block;
        border-bottom: 2px solid rgba(234, 175, 27, .3);
        padding: 0;
        background: #fff url(../images/png/pageBg.png) repeat left top;
        z-index: 999;
        position: fixed;
        right: 0;
        text-align: center;
    }
    #header .socialLinks {
        display: none;
    }
    #header h1 {
        margin: 14px 0;
    }
    #header h1 a {
        width: 168px;
        height: 42px;
    }
    #mobileMenu {
        display: inline-block;
        -webkit-transition: all .5s ease-in-out;
        /* Safari */
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    #mobileMenu a {
        display: block;
        background: url(../images/mobileMenu_icon.png) no-repeat center center;
        width: 100%;
        height: 100%;
    }
    #galleryMenu {
        display: inline-block;
    }
    .homeContent {
        padding: 0 10px;
    }
    .homeContent h2 {
        font-size: 36px;
        line-height: 45px;
    }
    .homeContent .subHeading {
        font-size: 18px;
    }
    .homeContent p {
        font-size: 14px;
        line-height: normal;
        margin-top: 5px;
        text-align: justify;
    }
    .homeContent .crpoints li {
        font-size: 14px;
        line-height: normal;
    }
    .homeContent h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 40px 0 10px 0;
    }
    .homeContent h4 {
        font-size: 20px;
        line-height: 24px;
        margin: 15px 0 0 0;
    }
    .homeContent h4 a {
        font-size: 13px;
        padding-left: 20px;
        line-height: 16px;
        margin-top: 7px;
        overflow: hidden;
        width: auto;
    }
    .homePagefactsBox {
        margin-top: 45px;
    }
    .homePagef actsBox h2 {
        margin-left: 10px;
    }
    .homePag eBox {
        padding: 0 10px;
    }
    .homePagefactsBox h2 span,
    .homePageBox h2 span {
        min-width: 80px;
    }
    .factsShowCase {
        min-height: 10px;
    }
    .factsShowCase .tabs {
        margin-bottom: 15px;
        height: 120px;
        overflow: hidden;
        text-align: center;
    }
    .factsShowCase .tabs li {
        margin: 0 1%;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: #d1dee9;
    }
    .factsShowCase .tabs li a .circleText {
        font-size: 17px;
        font-family: 'Roboto', Verdana, Geneva, sans-serif;
        font-weight: 300;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyNumber {
        font-size: 36px;
        line-height: normal;
        margin: 0;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyText {
        margin-top: 38px;
    }
    .factsShowCase .tabs li.active {
        width: 120px;
        height: 120px;
        background: #eab020;
        margin: inherit;
        border-radius: 60px;
    }
    .factsShowCase .tabs li.active a .circleText {
        font-size: 14px;
        width: 170px;
    }
    .factsShowCase .tabs li.active a .circleText .circleOnlyText {
        margin-top: 25px;
    }
    .factsShowCase .tabs li.active a .circleText .circleOnlyNumber {
        font-size: 30px;
        margin: 0;
        line-height: normal;
    }
    .factsShowCase .tabs li.active a .circleText .cricleSelect {
        height: 18px;
        display: none;
    }
    .factsShowCase .tabs li.last-Child {
        margin-right: 0;
    }
    .factsShowCase .tabs li .factsTab-content,
    .factsShowCase .tabs li .factsTab-close {
        display: none;
    }
    .homePageBox {
        margin-top: 45px;
    }
    .clientGallery {
        width: 560px;
    }
    .clientGallery ul li {}
    #clientsSlides ul li {
        width: 110px!important;
        height: 110px!important;
    }
    /****** FOOTER ******/
    #footer {
        display: none;
    }
    #mbfooter {
        padding: 15px 0;
        height: 30px;
        display: block;
    }
    #mbfooter .cmyLogo {
        display: none;
    }
    #mbfooter .footerNav {
        line-height: 18px;
        text-align: left;
        display: inline-block;
        width: auto;
        float: left;
        height: 30px;
        margin-left: 10px;
    }
    #mbfooter small {
        display: none;
    }
    #mbfooter .socialLinks-bottom {
        display: block;
        float: right;
        vertical-align: top;
        margin-right: 10px;
    }
    #mbfooter .socialLinks-bottom li {
        margin: 0 5px;
    }
    /** HIDE **/
    #headerMainBox {
        display: none;
    }
    #leftPanel {
        display: none;
    }
    /**MOBILE LEFT NAV **/
    #centerContent.mobileMode {
        width: 100%;
        height: 100%;
        float: none;
        display: block;
        position: relative;
        right: 0 !important;
    }
    #mobileNavbox {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transition: all .5s ease-in-out;
        /* Safari */
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    #mobileNavbox.cssAnimation {
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
    #mobileNavbox .dummyRightslide-icon {
        width: 70px;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .9);
        box-shadow: 0 0 30px rgba(0, 0, 0, .9)
    }
    #mobileNavbox #mobileMenus {
        height: 100%;
        position: relative;
        margin-right: 70px;
        background: #0D304C url("../images/fixedHeader_bg.png") repeat left top;
        border-left: 3px solid #EAAF1B;
    }
    #mobileNavbox #mobileMenus .mainNav {
        width: 100%;
        border-bottom: 1px solid #193a56;
    }
    #mobileNavbox #mobileMenus .mainNav li {
        list-style: none;
        height: 70px;
        line-height: 70px;
        padding: 0 45px;
        border-bottom: 1px solid #071b2b;
        border-top: 1px solid #193a56;
        display: block;
    }
    #mobileNavbox #mobileMenus .mainNav li a {
        text-transform: uppercase;
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 24px;
        font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
        vertical-align: middle;
        font-weight: 400;
    }
    #homeBody #mobileNavbox #mobileMenus .mainNav li#homeSelect a,
    #serviceBody #mobileNavbox #mobileMenus .mainNav li#serviceSelect a,
    #portfolioBody #mobileNavbox #mobileMenus .mainNav li#portfolioSelect a,
    #companyBody #mobileNavbox #mobileMenus .mainNav li#companySelect a,
    #contactBody #mobileNavbox #mobileMenus .mainNav li#contactSelect a,
    #clientBody #mobileNavbox #mobileMenus .mainNav li#clinetSelect a,
    #mobileNavbox #mobileMenus .mainNav li:hover a,
    #mobileNavbox #mobileMenus .mainNav li.selected a {
        color: #ecb11f;
        font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
        font-weight: 700;
    }
    #homeBody #mobileNavbox #mobileMenus .mainNav li#homeSelect,
    #serviceBody #mobileNavbox #mobileMenus .mainNav li#serviceSelect,
    #portfolioBody #mobileNavbox #mobileMenus .mainNav li#portfolioSelect,
    #companyBody #mobileNavbox #mobileMenus .mainNav li#companySelect,
    #contactBody #mobileNavbox #mobileMenus .mainNav li#contactSelect,
    #clientBody #mobileNavbox #mobileMenus .mainNav li#clinetSelect,
    #mobileNavbox #mobileMenus .mainNav li:hover,
    #mobileNavbox #mobileMenus .mainNav li.selected {
        background: rgba(255, 255, 255, .05) url(../images/png/menuLink_hover.png) no-repeat left center;
    }
    #mobileNavbox #mobileMenuNav {
        display: inline-block;
        width: 70px;
        height: 70px;
        background: url(../images/mobileMenu_icon.jpg) repeat-x left top;
        cursor: pointer;
    }
    #mobileNavbox #mobileMenuNav a {
        display: block;
        background: url(../images/mobileMenu_icon.png) no-repeat center center;
        width: 100%;
        height: 100%;
    }
    #mobileNavbox .socialLinks-right {
        display: block;
        background: #f00;
    }
    #mobileHome {
        display: inline-block;
        width: 100%;
        float: left;
    }
    #mobileHome #header {
        right: 0 !important;
    }
    #mobileHome #content {
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 100%;
        min-height: inherit;
    }
    #mobilePortfilo {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999;
        overflow: auto;
        transform: translateX(100%);
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    #mobilePortfilo.cssAnimation {
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
    #mobilePortfilo .dummyRightslide-icon {
        width: 70px;
        position: absolute;
        top: 0;
        left: 0;
        height: 200%;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .9);
        box-shadow: 0 0 30px rgba(0, 0, 0, .9)
    }
    #mobilePortfilo .dummyRightslide-icon a {
        width: 70px;
        height: 70px;
        background: #fff url(../images/png/pageBg.png) repeat left top;
        display: inline-block;
    }
    #mobilePortfilo .dummyRightslide-icon a span {
        width: 100%;
        height: 100%;
        background: url("../images/galleryMenu_icon.png") no-repeat center center;
        display: inline-block;
    }
    #mobilePortfilo ul {
        height: 200%;
        display: block;
        font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
        margin-left: 70px;
    }
    #mobilePortfilo ul li {
        list-style: none;
        height: 25%;
        width: 100%;
        overflow: hidden;
        position: relative;
        display: block;
    }
    #mobilePortfilo ul li img {
        max-width: 120%;
    }
    #mobilePortfilo ul li .black-trans {
        background: rgba(0, 0, 0, .5);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
    }
    #mobilePortfilo ul li .topBar-links {
        height: 70px;
        width: 100%;
        background: #292929 url(../images/fixedHeader_bg.png) repeat left top;
        line-height: 70px;
        font-weight: 200;
    }
    #mobilePortfilo ul li .topBar-links h2 {
        margin-left: 15px;
        font-weight: 400;
        font-size: 24px;
        color: #fefefe;
        display: inline-block;
    }
    #mobilePortfilo ul li .topBar-links a {
        display: inline-block;
        width: 35px;
        height: 35px;
        float: right;
        background: url(../images/more_link.png) no-repeat center center;
        margin: 20px 15px 0 0;
    }
    .mNav-bottom {
        display: block;
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 100%;
    }
    .mUnikove-logo {
        display: block;
        width: 100%;
        height: 70px;
        background: url(../images/mUnikove_logo.png) no-repeat center center;
    }
    .mNav-bottom small {
        text-align: center;
        color: #b9bec4;
        font-size: 13px;
        margin: 30px 0 10px 0;
        display: block;
        font-weight: 200;
    }
    .tabs {
        display: none;
    }
    #mainListTab {
        display: block;
    }
    .clientGallery {
        width: 100%;
    }
    .clientGallery .next {
        float: left !important;
    }
    .clientGallery .wrapper {}
    #footer .footerNav {
        width: 308px;
    }
    #footer .footerNav li a {
        margin: 0 2px;
    }
    #footer .socialLinks-bottom li {
        margin: 0 5px 0 0;
    }
    #serviceTabs-content {
        width: 100%;
        padding-bottom: 120px;
    }
    #serviceTabs-content #serviceTabs-01 .slideTop-servicesMenu {
        border-bottom: 1px solid #3385D9;
    }
    #serviceTabs-content #serviceTabs-01 .slideTop-servicesMenu .slideButton-serMenu {
        background-color: #3385D9;
    }
    #serviceTabs-content #serviceTabs-02 .slideTop-servicesMenu {
        border-bottom: 1px solid #EAAF1B;
    }
    #serviceTabs-content #serviceTabs-02 .slideTop-servicesMenu .slideButton-serMenu {
        background-color: #EAAF1B;
    }
    #serviceTabs-content #serviceTabs-03 .slideTop-servicesMenu {
        border-bottom: 1px solid #D84F36;
    }
    #serviceTabs-content #serviceTabs-03 .slideTop-servicesMenu .slideButton-serMenu {
        background-color: #D84F36;
    }
    #serviceTabs-content #serviceTabs-04 .slideTop-servicesMenu {
        border-bottom: 1px solid #28969B;
    }
    #serviceTabs-content #serviceTabs-04 .slideTop-servicesMenu .slideButton-serMenu {
        background-color: #28969B;
    }
    .service_con2 {
        padding-right: 10px;
    }
    .service_Consumers {
        padding-left: 10px;
    }
    .service_Consumers ul li {
        margin-bottom: 25px;
        padding: 0 8px;
    }
    .service_Consumers ul li span {
        font-size: 22px;
        line-height: 28px;
    }
    .service_Consumers ul li p {
        font-size: 15px;
        line-height: 22px;
    }
    .contactForm {
        margin: 40px 20px 0 20px;
    }
    .contactForm fieldset.left,
    .contactForm fieldset.right {
        border: none;
        width: 100%;
        min-width: initial;
    }
    .contactForm fieldset ul li {
        margin-bottom: 15px;
    }
    .contactForm fieldset ul li label {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: normal;
        margin-bottom: 5px;
    }
    .contactForm fieldset ul li input,
    .contactForm fieldset ul li select,
    .contactForm fieldset ul li textarea,
    .contactForm fieldset ul li .g-recaptcha {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .contactForm fieldset.right {
        width: 100%;
    }
    .contactForm fieldset ul li.bring-in-center {
        margin: 60px 0;
    }
    .findUs-container {
        margin: 60px 20px;
    }
    .address-box {
        width: 100%;
        border: none;
        padding: 0;
        margin: 0;
    }
    .address-box ul {
        width: 100%;
    }
    .address-box ul li {
        width: 40%;
    }
    .address-box ul li.wideList {
        width: 55%;
        margin-right: 0;
    }
    .googleMap-box {
        width: 100%;
        margin-bottom: 45px;
    }
    .googleMap-box iframe {
        width: 100% !important;
    }
    .app_service_con {
        font-size: 12px;
        line-height: 12px;
    }
    .app_service_consu {
        font-size: 20px;
        line-height: 20px;
    }
    #serviceLinks {
        padding: 0 10px;
        margin: 50px 0;
    }
    #serviceLinks .serlinkBox {
        margin: .6%;
    }
    .slideTop-servicesMenu {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 0;
        border-bottom: 1px solid rgba(234, 175, 27, 0.9);
        width: 100%;
        height: 242px;
        transform: translateY(142px);
        -moz-transform: translateY(142px);
        -webkit-transform: translateY(142px);
        -o-transform: translateY(142px);
        -ms-transform: translateY(142px);
        -webkit-transition: all .5s ease-in-out;
        /* Safari */
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .slideTop-servicesMenu.cssAnimation {
        transform: translateY(-108px);
        -moz-transform: translateY(-108px);
        -webkit-transform: translateY(-108px);
        -o-transform: translateY(-108px);
        -ms-transform: translateY(-108px);
    }
    .slideTop-servicesMenu.cssAnimation .slideButton-serMenu {
        background: rgba(234, 175, 27, 0.9) url(../images/drownArrow.png) no-repeat center center;
    }
    .slideTop-servicesMenu .slideButton-serMenu {
        width: 40px;
        height: 40px;
        background: rgba(234, 175, 27, 0.9) url(../images/upArrow.png) no-repeat center center;
        display: inline-block;
        float: right;
    }
    #sud_service_navigation {
        display: none;
    }
    .slideTop-servicesMenu #sud_service_navigation {
        display: block;
        width: 100%;
        margin-top: 1px;
        overflow: hidden;
    }
    #sud_service_navigation .service_navigation {
        padding: 0;
        position: relative;
    }
    #sud_service_navigation .service_navigation li {
        margin-bottom: 0;
        height: 50px;
        position: absolute;
        width: 100%;
    }
    #sud_service_navigation .service_navigation li.selected {
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .7);
        box-shadow: 0 0 6px rgba(0, 0, 0, .7);
        z-index: 9;
    }
    #sud_service_navigation .service_navigation li a {
        left: 60px;
        top: 15px;
        color: #fff;
    }
    #sud_service_navigation .service_navigation li#maConsumers {
        background: #3385d9;
        top: 0;
    }
    #sud_service_navigation .service_navigation li#maEnterprise {
        background: #eab535;
        top: 50px;
    }
    #sud_service_navigation .service_navigation li#wDevelopment {
        background: #d84f36;
        top: 100px;
    }
    #sud_service_navigation .service_navigation li#userExp {
        background: #28969b;
        top: 150px;
    }
    .get_touch_service {
        display: none;
    }
    #consumerServices {
        width: 28%;
        height: 200px;
    }
    #developmentServices {
        width: 37%;
        height: 200px;
    }
    #enterpriseServices {
        width: 66%;
        height: 208px;
    }
    #experienceServices {
        width: 32%;
        height: 415px;
    }
    #consumerServices .serviceLinks-icon {
        margin: -27px 0 0 -15px;
        width: 30px;
        height: 54px;
    }
    #developmentServices .serviceLinks-icon {
        margin: -30px 0 0 -30px;
        width: 60px;
        height: 59px;
    }
    #enterpriseServices .serviceLinks-icon {
        margin: -22px 0 0 -100px;
        width: 200px;
        height: 45px;
    }
    #experienceServices .serviceLinks-icon {
        margin: -45px 0 0 -50px;
        width: 100px;
        height: 89px;
    }
    #mainListTab ul {
        height: 130px;
    }
    #mainListTab ul li {
        width: 130px;
    }
    #mainListTab ul li#at01 {
        left: 10px;
    }
    #mainListTab ul li#at02 {
        left: 150px;
    }
    #mainListTab ul li#at03 {
        left: 290px;
    }
    #mainListTab ul li#at04 {
        left: 430px;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
    }
    #portfolio_page .tabheader {
        padding: 0 40px;
        margin: 0;
    }
    #portfolio_page .tabheader li a {
        font-size: 14px;
        margin: 0;
    }
    .portfolioTitle .headingLine-block .headingLine-right,
    .portfolioTitle .headingLine-left {
        display: none;
    }
}

@media only screen and (min-width:471px) and (max-width: 570px) {
    #mobileNavbox #mobileMenus .mainNav li {
        list-style: none;
        height: 50px;
        line-height: 50px;
        padding: 0 35px;
        border-bottom: 1px solid #071b2b;
        border-top: 1px solid #193a56;
        display: block;
    }
    #mobileNavbox #mobileMenus .mainNav li a {
        text-transform: uppercase;
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
        vertical-align: middle;
        font-weight: 400;
    }
    .mNav-bottom {
        display: block;
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 100%;
    }
    .mUnikove-logo {
        display: block;
        width: 100%;
        height: 40px;
        background: url(../images/mUnikove_small_logo.png) no-repeat center center;
    }
    .mNav-bottom small {
        text-align: center;
        color: #b9bec4;
        font-size: 11px;
        margin: 20px 0 10px 0;
        display: block;
        font-weight: 200;
    }
    #mainListTab ul {
        height: 110px;
    }
    #mainListTab ul li {
        width: 110px;
    }
    #mainListTab ul li#at01 {
        left: 10px;
    }
    #mainListTab ul li#at02 {
        left: 130px;
    }
    #mainListTab ul li#at03 {
        left: 250px;
    }
    #mainListTab ul li#at04 {
        left: 370px;
    }
    #mainListTab.first ul li#at01 .factsTab-content,
    #mainListTab.second ul li#at02 .factsTab-content,
    #mainListTab.third ul li#at03 .factsTab-content,
    #mainListTab.four ul li#at04 .factsTab-content {
        width: 62%;
        font-size: 14px;
        padding: 5% 4%;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
    }
}

@media only screen and (min-width:100px) and (max-width: 570px) {
    #header-padding {
        height: 50px;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    #mobileMenu {
        height: 50px;
        width: 50px;
    }
    #mobileMenu a {
        background: url(../images/mobileMenu_smallicon.png) no-repeat center center;
    }
    #header {
        height: 50px;
        right: 0 !important;
    }
    #header h1 {
        margin: 10px 0;
    }
    #header h1 a {
        height: 28px;
        width: 116px;
    }
    #galleryMenu {
        width: 47px;
        height: 30px;
        margin: 10px;
    }
    #galleryMenu a {
        height: 20px;
        margin: 6px 0 0 10px;
        width: 28px;
        background: url(../images/galleryMenu_smallicon.png) no-repeat center center;
    }
    #mobilePortfilo .dummyRightslide-icon {
        width: 50px;
    }
    #mobilePortfilo .dummyRightslide-icon a {
        width: 50px;
        height: 50px;
    }
    #mobilePortfilo .dummyRightslide-icon a span {
        width: 100%;
        height: 100%;
        background: url("../images/galleryMenu_smallicon.png") no-repeat center center;
        display: inline-block;
    }
    #mobilePortfilo ul {
        margin-left: 50px;
    }
    .homeContent {
        margin-top: 0;
    }
    .homeContent .subHeading {
        font-size: 14px;
    }
    .homeContent h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .homeContent p {
        font-size: 13px;
        line-height: 19px;
        text-align: left;
    }
    .homeContent h4 a {
        font-size: 13px;
        padding-left: 20px;
        line-height: 16px;
        margin-top: 7px;
        overflow: hidden;
        width: 100px;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .homeContent .crpoints li {
        font-size: 13px;
        line-height: 19px;
    }
    #content {
        position: relative;
    }
    #serviceTabs-content {
        width: 100%;
        padding-bottom: 120px;
    }
    #serviceLinks {
        margin: 25px 0 0 0;
        padding: 0;
    }
    #serviceLinks .serlinkBox {
        width: 100%;
        margin: 0 !important;
        height: 50px;
    }
    #serviceLinks .serlinkBox .serviceLinks-icon {
        float: left;
        position: relative;
        left: 10px;
        top: 50%;
        margin: -15px 0 0 0;
        height: 30px;
        width: 30px;
    }
    #consumerServices .serviceLinks-icon {
        background: url(../images/consumerServices_icon_small.png) no-repeat center top;
    }
    #consumerServices .serviceLinks-icon img {
        display: none;
    }
    #enterpriseServices .serviceLinks-icon {
        background: url(../images/enterpriseServices_icon_small.png) no-repeat center top;
    }
    #enterpriseServices .serviceLinks-icon img {
        display: none;
    }
    #serviceLinks .serlinkBox .serviceLinks-icon img {
        width: auto;
        max-height: 100%;
    }
    #serviceLinks .serlinkBox .mobile_app {
        left: 80px;
        bottom: 14px;
    }
    #serviceLinks .serlinkBox .mobile_app .app_service_con {
        display: inline-block;
        font-size: 14px;
        font-family: 'Roboto', Verdana, Geneva, sans-serif;
        font-weight: 400;
    }
    #serviceLinks .serlinkBox .mobile_app .app_service_consu {
        font-size: 14px;
        font-family: 'Roboto', Verdana, Geneva, sans-serif;
        font-weight: 400;
    }
    .service_Consumers ul li {
        margin-bottom: 25px;
        padding: 0 8px;
    }
    .service_Consumers ul li span {
        font-size: 15px;
        line-height: 25px;
    }
    .service_Consumers ul li p {
        font-size: 14px;
        line-height: 20px;
    }
    .get_touch_service {
        display: none;
    }
    #sud_service_navigation {}
    #sud_service_navigation .service_navigation {
        padding: 0;
        position: relative;
    }
    #sud_service_navigation .service_navigation li {
        margin-bottom: 0;
        height: 50px;
        position: absolute;
        width: 100%;
    }
    #sud_service_navigation .service_navigation li.selected {
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .7);
        box-shadow: 0 0 6px rgba(0, 0, 0, .7);
        z-index: 9;
    }
    #sud_service_navigation .service_navigation li a {
        left: 60px;
        top: 15px;
        color: #fff;
    }
    #sud_service_navigation .service_navigation li#maConsumers {
        background: #3385d9;
        top: 0;
    }
    #sud_service_navigation .service_navigation li#maEnterprise {
        background: #eab535;
        top: 50px;
    }
    #sud_service_navigation .service_navigation li#wDevelopment {
        background: #d84f36;
        top: 100px;
    }
    #sud_service_navigation .service_navigation li#userExp {
        background: #28969b;
        top: 150px;
    }
    #sud_service_navigation .service_navigation li#qaSer {
        background: #34a853;
        top: 200px;
    }
    #dummyBottomBox {
        height: 60px;
    }
    #mbfooter {
        bottom: 0;
    }
    #mbfooter .footerNav {
        margin: 0 5px;
        text-align: center;
        float: none;
        display: inherit;
    }
    #mbfooter .footerNav li a {
        margin: 0 2px;
    }
    #footer .socialLinks-bottom {
        display: none;
    }
    #mobileNavbox .dummyRightslide-icon {
        width: 50px;
    }
    #mobileNavbox #mobileMenuNav {
        height: 50px;
        width: 50px;
    }
    #mobileNavbox #mobileMenuNav a {
        background: url(../images/mobileMenu_smallicon.png) no-repeat center center;
    }
    #mobileNavbox #mobileMenus {
        margin-right: 50px;
    }
    #mobileNavbox #mobileMenus .mainNav li {
        list-style: none;
        height: 50px;
        line-height: 50px;
        padding: 0 35px;
        border-bottom: 1px solid #071b2b;
        border-top: 1px solid #193a56;
        display: block;
    }
    #mobileNavbox #mobileMenus .mainNav li a {
        text-transform: uppercase;
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
        vertical-align: middle;
        font-weight: 400;
    }
    .mNav-bottom {
        display: block;
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 100%;
    }
    .mUnikove-logo {
        display: block;
        width: 100%;
        height: 40px;
        background: url(../images/mUnikove_small_logo.png) no-repeat center center;
    }
    .mNav-bottom small {
        text-align: center;
        color: #b9bec4;
        font-size: 10px;
        margin: 20px 0 10px 0;
        display: block;
        font-weight: 300;
    }
    .app_service_con {
        font-size: 11px;
        line-height: 12px;
    }
    .app_service_consu {
        font-size: 16px;
        line-height: 20px;
    }
    #mbfooter .socialLinks-bottom {
        display: none;
    }
    .resGallery {
        padding: 0 10px;
    }
    .list_carousel li {
        width: calc(33.33% - 8px);
        height: auto;
        margin: 4px;
    }
    .prevBtn {
        left: 15px;
    }
    .nextBtn {
        right: 15px;
    }
    .list_carousel li .onHvr-left,
    .list_carousel li .onHvr-bottom {
        display: none;
    }
    #mobilePortfilo ul li .topBar-links {
        height: 50px;
        line-height: 50px;
    }
    .soonPage {
        width: 100%;
    }
    .soonPage p {
        width: 100%;
        font-size: 22px;
    }
    .soonPage img {
        max-width: 100%;
    }
    #mainListTab .mfactsTab li .circleText {
        font-size: 12px;
    }
    #mainListTab .mfactsTab li .circleText .circleOnlyText {
        margin-top: 28px;
    }
    #mainListTab .mfactsTab li .circleText .circleOnlyNumber {
        font-size: 30px;
        line-height: 32px;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
    }
    .clientwrap {
        padding: 0 5px;
    }
    .clientwrap ul {
        text-align: center;
    }
    .clientwrap ul li {
        width: 92px;
        height: 92px;
        margin: 4px;
    }
    #rg-03 li {
        height: 104px;
        margin: 4px;
        width: 142px;
    }
    .clientwrap ul li img {
        max-width: 100%;
    }
    #portfolio_page {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

@media only screen and (min-width:491px) and (max-width: 600px) {
    .factsShowCase .tabs {
        margin-bottom: 15px;
        height: 100px;
        overflow: hidden;
        text-align: center;
    }
    .factsShowCase .tabs li {
        margin: 0 1%;
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyText {
        margin-top: 30px;
    }
    .factsShowCase .tabs li a .circleText {
        font-size: 14px;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyNumber {
        font-size: 32px;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
    }
}

@media only screen and (min-width:100px) and (max-width: 490px) {
    .factsShowCase .tabs {
        margin-bottom: 15px;
        height: 85px;
        overflow: hidden;
        text-align: center;
    }
    .factsShowCase .tabs li {
        margin: 0 1%;
        width: 85px;
        height: 85px;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyText {
        margin-top: 23px;
    }
    .factsShowCase .tabs li a .circleText {
        font-size: 12px;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyNumber {
        font-size: 26px;
        line-height: 24px;
    }
    #mainListTab ul {
        height: 98px;
    }
    #mainListTab ul li {
        width: 98px;
    }
    #mainListTab ul li#at01 {
        left: 10px;
    }
    #mainListTab ul li#at02 {
        left: 120px;
    }
    #mainListTab ul li#at03 {
        left: 230px;
    }
    #mainListTab ul li#at04 {
        left: 340px;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
        width: 100%;
    }
    /*PORTFOLIO*/
    #portfolio_page .tabheader {
        display: none;
    }
    .portfolioTitle {
        cursor: pointer;
        margin: 0;
        padding: 5px 0;
    }
    #ca01,
    #ca02,
    #ca03 {
        display: block;
        margin: 0 10px;
        padding: 8px 0;
        border-bottom: 1px solid #ccc;
    }
    #ca03 {
        border-bottom: none;
    }
    #ca01.active {
        border-bottom: 1px solid #368cdb;
    }
    #ca02.active {
        border-bottom: 1px solid #eab535;
    }
    #ca03.active {
        border-bottom: 1px solid #d84f36;
    }
    #portfolio_page .resGallery {
        margin-bottom: 0;
    }
    #portfolio_page .resGallery .list_carousel {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #portfolio_page .portfolioTitle .headingLine-block {
        padding: 0;
        margin-left: 0;
    }
}

@media only screen and (min-width:100px) and (max-width: 420px) {
    .factsShowCase .tabs {
        margin-bottom: 15px;
        height: 72px;
        overflow: hidden;
        text-align: center;
        background: #3C9;
    }
    .factsShowCase .tabs li {
        margin: 0 .5%;
        width: 72px;
        height: 72px;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyText {
        margin-top: 15px;
    }
    .factsShowCase .tabs li a .circleText {
        font-size: 11px;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyNumber {
        font-size: 24px;
        line-height: 24px;
    }
    .soonPage p {
        font-size: 18px;
        line-height: 28px;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
        width: 100%;
    }
}

@media only screen and (min-width:421px) and (max-width: 470px) {
    #mainListTab.first ul li#at01 .factsTab-content,
    #mainListTab.second ul li#at02 .factsTab-content,
    #mainListTab.third ul li#at03 .factsTab-content,
    #mainListTab.four ul li#at04 .factsTab-content {
        width: 62%;
        font-size: 14px;
        padding: 5% 4%;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
        width: 100%;
    }
}

@media only screen and (min-width:100px) and (max-width: 360px) {
    .factsShowCase .tabs {
        height: 60px;
    }
    .factsShowCase .tabs li {
        width: 60px;
        height: 60px;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyText {
        margin-top: 15px;
    }
    .factsShowCase .tabs li a .circleText {
        font-size: 11px;
    }
    .factsShowCase .tabs li a .circleText .circleOnlyNumber {
        font-size: 24px;
        line-height: 24px;
    }
    .soonPage p {
        font-size: 18px;
        line-height: 28px;
    }
    #mainListTab ul {
        height: 70px;
    }
    #mainListTab ul li {
        width: 70px;
    }
    #mainListTab ul li#at01 {
        left: 5px;
    }
    #mainListTab ul li#at02 {
        left: 83px;
    }
    #mainListTab ul li#at03 {
        left: 163px;
    }
    #mainListTab ul li#at04 {
        left: 240px;
    }
    #mainListTab .mfactsTab li .circleText {
        font-size: 9px;
    }
    #mainListTab .mfactsTab li .circleText .circleOnlyText {
        margin-top: 16px;
    }
    #mainListTab .mfactsTab li .circleText .circleOnlyNumber {
        font-size: 26px;
        line-height: 26px;
        margin-top: 0;
    }
    #mainListTab.first ul li#at01 .factsTab-content,
    #mainListTab.second ul li#at02 .factsTab-content,
    #mainListTab.third ul li#at03 .factsTab-content,
    #mainListTab.four ul li#at04 .factsTab-content {
        width: 66%;
        font-size: 11px;
        padding: 4.5% 2%;
    }
    .consumer_apps,
    .enterprise_apps {
        height: auto;
        width: 100%;
    }
}

@media only screen and (min-height:100px) and (max-height: 768px) {
    #contactUs-page.left-side-image {
        background: url(../images/contactus_bg_low.jpg) no-repeat center bottom;
    }
    #contactUs-page.left-side-image.campaign {
        background: url(../images/campaign_bg.jpg) no-repeat center right;
    }
    #services-page.left-side-image {
        background: url(../images/services_bg_low.jpg) no-repeat center bottom;
    }
    #portfolio-page.left-side-image {
        background: url(../images/portfolio_bg_low.jpg) no-repeat center top;
    }
    #company-page.left-side-image {
        background: url(../images/company_bg_low.jpg) no-repeat center center;
    }
    /**/
    .productInfo-box {
        left: 15px;
        bottom: 30%;
        width: 630px;
        height: 200px;
        padding: 20px 20px 20px 10px;
        font-size: 18px;
        border-radius: 300px 0 0 300px;
    }
    .productInfo-box .left-box {
        font-size: 30px;
        width: 265px;
        height: 110px;
        margin-top: 55px;
        margin-right: 10px;
    }
    .productInfo-box .left-box .productInfo-icon {
        width: 90px;
        margin-left: 10px;
        vertical-align: middle;
    }
    .productInfo-box .left-box p {
        width: 152px;
        line-height: 34px;
        margin-top: 10px;
        margin-top: 0;
        margin-left: 5px;
        vertical-align: middle;
    }
    .productInfo-box .productInfo-detail {
        width: 350px;
        height: 180px;
        line-height: 25px;
        margin: 10px 0;
    }
}

@media only screen and (min-width:768px) and (max-width: 1023px) {
    #portfolio_page .tabheader li {
        margin: 0 2px;
    }
    .clientwrap ul {
        text-align: center;
    }
    .clientwrap ul li {
        width: 115px;
        height: 115px;
    }
    .itunesBox {
        position: relative;
        left: inherit!important;
        margin: 0 0 10px 6px;
        display: inline-block;
        bottom: 110px;
    }
    .itunesBox p {
        padding: 0 0 0 2px;
        font-size: 14px;
    }
    .bx-wrapper .itunesBox img {
        width: 15px;
    }
}

@media only screen and (min-height:100px) and (max-height: 330px) {
    #mobileNavbox #mobileMenus {
        height: 150%;
    }
    #mobileNavbox .dummyRightslide-icon {
        height: 150%;
    }
}