@font-face {
    font-family: 'Gotham-Black';
    src: url('../fonts/Gotham-Black.eot');
    src: url('../fonts/Gotham-Black.woff2') format('woff2'), url('../fonts/Gotham-Black.woff') format('woff'), url('../fonts/Gotham-Black.ttf') format('truetype'), url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg'), url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'), url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg'), url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.woff2') format('woff2'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg'), url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'), url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Thin';
    src: url('../fonts/Gotham-Thin.eot');
    src: url('../fonts/Gotham-Thin.woff2') format('woff2'), url('../fonts/Gotham-Thin.woff') format('woff'), url('../fonts/Gotham-Thin.ttf') format('truetype'), url('../fonts/Gotham-Thin.svg#Gotham-Thin') format('svg'), url('../fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Ultra';
    src: url('../fonts/Gotham-Ultra.eot');
    src: url('../fonts/Gotham-Ultra.woff2') format('woff2'), url('../fonts/Gotham-Ultra.woff') format('woff'), url('../fonts/Gotham-Ultra.ttf') format('truetype'), url('../fonts/Gotham-Ultra.svg#Gotham-Ultra') format('svg'), url('../fonts/Gotham-Ultra.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vinfotech';
    src: url('../fonts/vinfotech.eot?sijkh6');
    src: url('../fonts/vinfotech.eot?sijkh6#iefix') format('embedded-opentype'), url('../fonts/vinfotech.ttf?sijkh6') format('truetype'), url('../fonts/vinfotech.woff?sijkh6') format('woff'), url('../fonts/vinfotech.svg?sijkh6#vinfotech') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FeltThat';
    src: url('../fonts/FeltThat.eot?sijkh6');
    src: url('../fonts/FeltThat.eot?sijkh6#iefix') format('embedded-opentype'), url('../fonts/FeltThat.ttf?FeltThat') format('truetype'), url('../fonts/FeltThat.woff?FeltThat') format('woff'), url('../fonts/FeltThat.svg#FeltThat') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'vinfotech' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-currency:before {
    content: "\e93e";
}

.icon-desktop:before {
    content: "\e93d";
}

.icon-add-people:before {
    content: "\e93c";
}

.icon-news:before {
    content: "\e943";
}

.icon-decrease:before {
    content: "\e938";
}

.icon-strength:before {
    content: "\e939";
}

.icon-sales:before {
    content: "\e93a";
}

.icon-idea:before {
    content: "\e93b";
}

.icon-tshirt:before {
    content: "\e937";
}

.icon-skype-logo:before {
    content: "\e924";
}

.icon-trend:before {
    content: "\e923";
}

.icon-placeholder:before {
    content: "\e922";
}

.icon-envelope:before {
    content: "\e919";
}

.icon-phone-receiver:before {
    content: "\e921";
}

.icon-cloud-storage:before {
    content: "\e913";
}

.icon-social:before {
    content: "\e918";
}

.icon-window:before {
    content: "\e920";
}

.icon-star-grad:before {
    content: "\e911";
}

.icon-refresh:before {
    content: "\e912";
}

.icon-cell-mini:before {
    content: "\e914";
}

.icon-file:before {
    content: "\e915";
}

.icon-chat-mini:before {
    content: "\e916";
}

.icon-window-alt:before {
    content: "\e917";
}

.icon-caution:before {
    content: "\e91a";
}

.icon-mouse:before {
    content: "\e91b";
}

.icon-medal:before {
    content: "\e91c";
}

.icon-coupon:before {
    content: "\e91d";
}

.icon-settings:before {
    content: "\e91e";
}

.icon-wranch:before {
    content: "\e91f";
}

.icon-graff:before {
    content: "\e925";
}

.icon-timer:before {
    content: "\e926";
}

.icon-touch:before {
    content: "\e927";
}

.icon-calendar:before {
    content: "\e928";
}

.icon-bell:before {
    content: "\e929";
}

.icon-network:before {
    content: "\e92a";
}

.icon-chat:before {
    content: "\e92b";
}

.icon-user-circle:before {
    content: "\e92c";
}

.icon-add-user:before {
    content: "\e92d";
}

.icon-profile-start:before {
    content: "\e92e";
}

.icon-clock:before {
    content: "\e92f";
}

.icon-speaker:before {
    content: "\e930";
}

.icon-cell:before {
    content: "\e931";
}

.icon-dollar-bag:before {
    content: "\e932";
}

.icon-people:before {
    content: "\e933";
}

.icon-monitor:before {
    content: "\e934";
}

.icon-blub:before {
    content: "\e935";
}

.icon-fast:before {
    content: "\e936";
}

.icon-filter:before {
    content: "\e901";
}

.icon-logo:before {
    content: "\e904";
}

.icon-menu:before {
    content: "\e905";
}

.icon-minus:before {
    content: "\e906";
}

.icon-share:before {
    content: "\e907";
}

.icon-add:before {
    content: "\e909";
}

.icon-arrow-down:before {
    content: "\e90a";
}

.icon-arrows-left:before {
    content: "\e90b";
}

.icon-arrows-right:before {
    content: "\e90c";
}

.icon-arrow-up:before {
    content: "\e90d";
}

.icon-check:before {
    content: "\e90e";
}

.icon-cross:before {
    content: "\e90f";
}

.icon-dot:before {
    content: "\e910";
}

.icon-linkdin:before {
    content: "\e903";
}

.icon-google-plus:before {
    content: "\e902";
}

.icon-twitter:before {
    content: "\e908";
}

.icon-facebook:before {
    content: "\e900";
}

.icon-physican:before {
    content: "\e948";
}

.icon-primarys:before {
    content: "\e946";
}

.icon-boost:before {
    content: "\e93f";
}

.icon-medical:before {
    content: "\e945";
}

.icon-patient:before {
    content: "\e944";
}

.icon-play:before {
    content: "\e947";
}

.icon-master-game:before {
    content: "\e94e";
}

.display-table {
    width: 100%;
    height: 100%;
    display: table;
}

.cell {
    display: table-cell;
}

.v-top {
    vertical-align: top;
}

.v-mid {
    vertical-align: middle;
}

.v-bot {
    vertical-align: bottom;
}

.display-row {
    display: table-row;
}

.display-table-cell {
    display: table-cell;
}

.display-table-cell.v-top {
    vertical-align: top;
}

.display-table-cell.v-mid {
    vertical-align: middle;
}

.display-table-cell.v-bot {
    vertical-align: bottom;
}
/* -------------------------------- 

Primary style

-------------------------------- */

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* --------------------------------
Main components 
-------------------------------- */

html,
body {
    font-family: 'Gotham-Book';
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
}

body {
    -webkit-transform: translateZ(0, 0, 0);
    -moz-transform: translateZ(0, 0, 0);
    transform: translateZ(0, 0, 0);
}

header {
    z-index: 1050;
}

.mT10 {
    margin-top: 10px
}

.mT20 {
    margin-top: 20px
}

.mT30 {
    margin-top: 30px
}

.mT40 {
    margin-top: 40px
}
.mT60 {
    margin-top: 60px
}
.mT70 {
    margin-top: 70px
}
.mT80 {
    margin-top: 80px
}
.mT50 {
    margin-top: 50px
}

.mR10 {
    margin-right: 10px
}

.mR20 {
    margin-right: 20px
}

.mR30 {
    margin-right: 30px
}

.mR40 {
    margin-right: 40px
}

.mR50 {
    margin-right: 50px
}

.mB0 {
    margin-bottom: 0px
}

.mB10 {
    margin-bottom: 10px
}

.mB20 {
    margin-bottom: 20px
}

.mB30 {
    margin-bottom: 30px
}

.mB40 {
    margin-bottom: 40px
}

.mB50 {
    margin-bottom: 50px
}

.mL10 {
    margin-left: 10px
}

.mL20 {
    margin-left: 20px
}

.mL30 {
    margin-left: 30px
}

.mL40 {
    margin-left: 40px
}

.mL50 {
    margin-left: 50px
}

.pT50 {
    padding-top: 50px;
}

.pT100 {
    padding-top: 100px;
}

.pB50 {
    padding-bottom: 50px;
}

.pB100 {
    padding-bottom: 100px;
}

.pT80 {
    padding-top: 80px
}

.pT20 {
    padding-top: 20px !important
}

.pT40 {
    padding-top: 40px !important
}

.pB80 {
    padding-bottom: 80px;
}

.primary-header {
    float: left;
}
header {
    z-index: 1050;
}

.nav-toggle {
    position: fixed;
    top: 15px;
    left: 15px;
    background: #00CA6F;
    height: 58px;
    z-index: 125;
    -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1200px)
{
    .nav-toggle {
        left: 20px;
        top: 20px;
    }   
}
.cd-nav-trigger {
    display: inline-block;
}
.cd-nav-trigger {
    height: 58px;
    width: 58px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: 100%;
    position: relative;
    white-space: nowrap;
}
.logo-link {
    height: 58px;
    width: 58px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    float: left;
    text-decoration: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.08);
    font-size: 45px;
    position: relative;
    z-index: 1;
}
.nav-toggle .page-name {
    font-size: 14px;
    line-height: 18px;
    padding: 20px 20px;
    background: rgba(0, 0, 0, 0.15);
    border-bottom: 0 none;
    color: #fff;
    float: left;
    font-family: Gotham-Bold;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    float: left;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .2em;
    z-index: 5;
}

.nav-toggle .page-name {
    width: 100%;
    padding: 20px;
    margin-left: -116px;
    padding-left: 136px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media screen and (min-width: 1170px) {
    .cd-primary-nav {
        padding: 110px 5% 0 5%;
    }
}
.cd-primary-nav {
    /* by default it's hidden */
    position: fixed;
    left: 0;
    top: -80%;
    height: auto;
    width: 100%;
    padding: 110px 15px 0 15px;
    z-index: 111;
    background-color: #000;
    overflow: auto;
    /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
   /* opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.3s;
    -moz-transition: visibility 0s, opacity 0.3s;
    transition: visibility 0s, opacity 0.3s;*/
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
}
.menu-header {
    position: fixed;
    top: 20px;
    right: 30px;
    color: #fff;
    font-family: "Gotham-Medium";
    font-size: 14px;
    padding-left: 0;
    text-transform: uppercase;
    height: 58px;
    padding-top: 22px;
    line-height: 20px;
    letter-spacing: .2em;
}
.internal-menu {        
    display: block;     
    height: 100%;       
    position: relative;     
    margin-left: -15px;     
    margin-right: -15px;        
}
.internal-menu {
    display: block;
    height: calc(100% - 50px);
    overflow-y: visible;
    overflow-x: hidden;
}
.nav-block {
    margin-bottom: 30px;
    position:relative;
}
.nav-block .h3 {
    font-family: Gotham-Bold;
    font-size: 38px;    
    letter-spacing: -2.11px;    
    line-height: 24px;
    padding-bottom: 10px;
    position: relative;
    margin-top: 0;
    padding-top: 5px;
}
.transparent-number{
    position: absolute;
    font-family: Gotham-Bold;      
    letter-spacing: -10.44px;   
    line-height: 216px;
    color: rgba(255,255,255,0.09);
    top: -87px;
    left: 0;
    font-size: 80px;
}
@media screen and (min-width:1600px){
    .transparent-number{
       font-size: 188px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1366px){
    .transparent-number{
       font-size: 160px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 768px){
    .transparent-number{
       font-size: 130px;
    }
}
@media screen and (max-width:1200px){
   .nav-block .h3 {
    font-size: 22px;
   }
} 
/*.nav-block .h3:after {
    width: 30px;
    height: 3px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    background: #00CA6F;
}*/
@media screen and (min-width:768px){
    .cd-primary-nav ul {
        min-height: 180px;
        margin-bottom: 30px;
    }
}
.cd-primary-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cd-primary-nav li {
    text-align: left;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
}
.cd-primary-nav .left-menu a {
    text-transform: initial !important;
}
.cd-primary-nav a:not(.btn-primary) {
    color: rgba(255,255,255,0.9); 
    font-family: Gotham-Medium; 
    font-size: 16px;    
    letter-spacing: -0.64px;    
    line-height: 30px;
    font-weight: normal;
    text-transform: capitalize;
    display: block;
    float: left;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.top-menu{
   padding-top: 40px;
   padding-bottom: 25px;
   position: relative;
}
@media screen and (min-width: 1200px){
   .top-menu{
       padding-top: 80px;
       padding-bottom: 40px;
    }
}
@media screen and (max-width: 460px){
      .top-menu{
      padding: 15px 0px 0px 15px
    }
}
/*.top-menu::after{
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    content: '';
    width: 1px;
    height: 100%;
    background: linear-gradient(360deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(360deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    background: -moz-gradient(360deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
}*/
.link-hover,
.nav-effect a {
    position: relative;
    display: block;
}
@media screen and (min-width: 768px){
    .nav-block:last-child {
        margin-bottom: 0
    }    
}

.rigt-menu ul.nav-effect {
    min-height: initial;
    margin-bottom: 0;
}

.cd-primary-nav li.active a {
    color: #00CA6F;
}
.cd-primary-nav .rigt-menu ul li a {
    padding-left: 0;
    font-size: 16px;    
    letter-spacing: -0.96px;    
    line-height: 22px;

}
@media screen and (min-width: 1200px){
    .cd-primary-nav .rigt-menu ul li a {
         font-size: 24px;      
         line-height: 30px;
    }
}
.rigt-menu ul li{
    padding: 5px 10px;
    width: auto;
}
.right-bar-internal {
    display: none;
}
@media screen and (max-width: 991px){
.rigt-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    padding-top: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    padding-bottom: 15px;
}
}
.nav-footer {
    position: fixed;
    bottom: 40px;
    right: 30px;
    display: inline-table;
    margin: 0 -15px;
}
.nav-footer span {
    display: inline-block;
    font-family: Gotham-Medium;
    font-size: 12px;
    color: #666;
    font-weight: 400;
    padding-left: 0;
    text-transform: uppercase;
    line-height: 17px;
    letter-spacing: .2em;
    margin: 0 15px;
}

.right-bar {
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 125;
}
@media screen and (min-width: 1200px){
    .right-bar {
        right: 20px;
        top: 20px;
    }
}


.section {
    position: relative;
}
.sectionBg {
    /*cursor: pointer;*/
    overflow:hidden;
}
@media screen and (min-width: 1279px) {
    .home-page .bg-img,
    .work-page .bg-img {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 5s cubic-bezier(.3, 0, .7, 1), opacity 1s ease;
        transition: transform 5s cubic-bezier(.3, 0, .7, 1), opacity 1s ease;
    }
    .home-page .active .bg-img,
    .work-page .active .bg-img {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05) rotate(-0.02deg);
        -moz-transform: scale(1.05) rotate(-0.02deg);
        transform: scale(1.05);
        -ms-transform: scale(1.05) rotate(-0.02deg);
        transform: scale(1.05) rotate(-0.02deg);
    }
}
.bg-img,
.bg-img-still {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-color: #000;
    background-size: cover !important;
    overflow: hidden;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 100%;
}
.section-content {
    position: relative;
    z-index: 1;
    height: 100%;
}
.section-1 .container,
.section-2 .container,
.section-3 .container,
.section-4 .container,
.section-5 .container,
.section-6 .container {
    height: 100%
}


.section-7 .bg-img-still {
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    background-size: inherit !important;
}
.slide .bg-img-still,
.bg-img-still {
    background-color: #fff;
    background-size: initial;
    background-attachment: initial;
    background-repeat: no-repeat;
    background-position: left bottom;
}
@media screen and (min-width:1200px){
    .section-7 .container {
        height: 100%;
    }
}


@media screen and (min-width: 1024px){
    .table-row{
        display: table;
    }
    .table-row > .col-md-6{
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
}

.home-page .section-7 .h2 {
    color: #101010;
    margin-bottom: 10px;
    font-family: Gotham-Black;
    font-size: 42px;
    max-width: 570px;
    margin-top: 0;
    text-align: left
}
.home-page .section-7 p {
    text-align: left;
    font-family: Gotham-book;
    font-size: 16px;
    max-width: 445px;
    color: #101010;
    margin-top: 20px;
}


.home-page .section-7 .h3 {
    color: #999999;
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin: 0 0 0 0;
}


.home-page .section-7 ul {
    margin-bottom: 20px
}

.section-7 {
    background: #f2f2f2
}

.fp-auto-height {
    height: initial !important;
}
@media screen and (min-width:1025px) {
    .section-8 .wrap {
        padding-top: 100px;
    }
}

.client-testimonial {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100hw;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 22px
}
.client-carousel {
    display: block;
}
.client-carousel .owl-controls {
    position: absolute;
    top: 30%;
    width: 100%;
}

.client-carousel .owl-controls  .owl-nav .owl-next, .client-carousel .owl-controls  .owl-nav .owl-prev{
    position: absolute;
    top:50%;
}
.client-carousel .owl-controls  .owl-nav .owl-next,
.client-carousel .owl-controls  .owl-nav .owl-prev{
    width: 86px;
    height: 169px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-repeat: none;
}

.client-carousel .owl-controls  .owl-nav .owl-next{
    float: right;
    right: 0;
    background-image: url(../img/right-arrow-icon.png);
}
.client-carousel .owl-controls  .owl-nav .owl-prev{
    float: left;
    left: 0;
    background-image: url(../img/left-arrow-icon.png);
}

.client-wrapper {
    display: block;
    background: #000;
    float: left;
    width: 100%;
}
.client-block.without-img .client-pic {
    display: none;
}

.client-block.without-img .client-info {
    margin-left: 0;
    padding-left: 0;
}
.client-block {
    display: block;
    width: 100%;
}
.client-block .client-pic {
    display: inline-block;
    width: 91px;
    vertical-align: middle;
    overflow: hidden;
    padding-right: 20px;
}

.client-block .client-pic img {
    width: 100%;
    border-radius: 100%;
}

.client-block .client-info {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-left: -96px;
    padding-left: 96px;
}

.client-block .client-info .client-name {
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 1.4;
}

.client-block .client-info .client-designation {
    font-size: 14px;
    line-height: 1.4;
}

.client-img {
    display: inline-block;
    width: 55%;
    vertical-align: middle;
    height:700px;
    position: relative;
}
.client-img img{
    position: absolute;
    margin-top: 0%;
}
@media only screen and (min-width: 1600px) {
  .client-img img{
    left: 15%;
  }
}
@media screen and (min-width: 1366px){
   .client-img img{
        position: absolute;
        margin-top: -7%;
        width: 95% !important;
    }
}

@media only screen and (min-width: 1250px) and (max-width: 1350px){
 .client-img {
            height:470px !important;
        }
}

@media only screen and (max-width: 1366px) and (min-width: 768px){
     .client-img {
        height: 525px;
    }
    .client-img img {
        position: absolute;
        margin-top: -9%;
    }

}

/*@media only screen and (min-width: 768px) and (max-width: 1366px){
   .client-img img{
            position: absolute;
            margin-top: -9%;
    }
    .client-img {
            height:525px;
        }
}*/
@media only screen and (max-width: 768px) {
    .client-img {
        height: 345px;
    }
}
.client-view {
    display: inline-block;
    width: 43%;
    vertical-align: middle;
    height: auto
}

@media screen and (max-width: 1600px) and (min-width: 1400px){
   .client-img {
         height:560px;
         width: 65%;
    }
}
@media screen and (max-width: 1400px) and (min-width: 1366px){
     .client-img {
         height:498px;
         width: 65%;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1366px){
    .client-view {
        width: 34%;
    }
    .client-img img {
        position: absolute;
        margin-top: -16%;
        width: 100% !important;
        left: 10%;
    }
    .section-4{
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 1024px){
    .client-img {
        height: 411px;
    }
    .table-view {
        height: 50vh;
    }
    .client-img img {
    position: absolute;
        margin-top: -6%;
    }
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    .client-view {
        width: 38%;
    }
    .client-img {
        display: inline-block;
        width: 60%;
    }
}
@media screen and (min-width: 1600px){
  .section-4{
        padding-bottom: 70px;
    }
}
@media screen and (min-width: 992px){
    .client-view-block {
        padding: 30px;
    }
}
.client-view p {
    font-size: 16px;
    color: #101010;
    font-family: Gotham-Book;
}
.client-view .client-name {
    font-size: 25px;
    line-height: 25px;
    font-family: Gotham-Bold;
    margin-bottom: 20px;
    margin-top: 30px;
}
@media screen and (max-width: 767px){
    .client-view .client-name {
        font-size: 18px;
        margin: 10px 0px;
        min-height: 50px;
    }
}

@media screen and (min-width: 992px){
    .client-view .client-name {
            font-size: 36px;
            line-height: 34px;
    }
}

.client-view .client-designation {
    font-size: 16px;
    color: #999999;
    font-family: Gotham-Book;
}


.partner-block ul {
    display: table;
    text-align: center;
    width: 100%;
}


@media screen and (max-width:991px){
    .partner-block ul li {
        display: inline-block;
        margin-top: 10px;
        padding:5px 10px;
    }
}
@media screen and (max-width:414px) {
    .partner-block.partner-block-mob{
        margin: 15px 0px;
    }
}
.home-page-blog-section {
    background: #fff;
}
.home-page .quick-reads {
    margin: 0 auto;
}
.quick-reads {
    margin-top: -50px;
    background-color: #fff;
    border: 2px solid #eaeaea;
    font-family: Gotham-Bold;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.7;
    margin: -25px auto 0;
    padding-bottom: 10px;
    padding-top: 14px;
    text-transform: uppercase;
    width: 260px;
}
.blog-section {
    margin-top: 100px;
}
.block-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    z-index: 1;
}
.block-wrapper .blog-img-content {
    position: absolute;
    min-height: 100%;
    -webkit-transition: all 0.5s linear;
    width: 100%;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}
.block-wrapper a.blog-category-link {
    z-index: 1;
    background-color: rgba(26, 26, 26, 0.5);
    text-transform: uppercase;
    border-radius: 3px 0 0 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    font-family: Gotham-Bold;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
}
.block-wrapper a:not(.blog-category-link) {
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    height: 456px;
    background-color: rgba(0, 0, 0, 0.63);
    border-radius: 3px;
    display: block;
    width: 100%;
    position: relative;
    padding: 20px;
    text-decoration: none;
}
.more-link {
    margin-top: 50px;
    margin-bottom: 50px;
}
.more-link .btn {
    margin-left: auto;
    margin-right: auto;
    display: table;
    font-family: "Gotham-Bold";
    font-size: 14px;
    padding: 12px 25px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.cd-overlay-nav {
    /* main rounded colored bg 1 */
    z-index: 110;
}
.cd-overlay-nav,
.cd-overlay-content {
    /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
    position: fixed;
    top: 25px;
    left: 62px;
    height: 4px;
    width: 4px;
    -webkit-transform: translateX(-20px) translateY(20px);
    -moz-transform: translateX(-20px) translateY(20px);
    -ms-transform: translateX(-20px) translateY(20px);
    -o-transform: translateX(-20px) translateY(20px);
    transform: translateX(-20px) translateY(20px);
}
.cd-overlay-content {
    /* main rounded colored bg 2 */
    z-index: 111;
}
.cd-overlay-nav span,
.cd-overlay-content span {
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    display: none;
}
.custom-popup.modal {
    background: rgba(0, 0, 0, 0.5);
}
.custom-popup .modal-dialog {
    max-width: 500px;
    margin: 0 auto;
    display: table;
    height: 100%;
    width: 100%
}
.custom-popup .modal-content {
    background-color: transparent;
    vertical-align: middle;
    display: table-cell;
    box-shadow: none;
    border: 0;
}
.back-clm {
    background: #00CA6F;
    border-radius: 2px;
    padding: 15px;
    margin: 10px 15px;
}
.custom-popup .modal-body {
    padding: 0 0 8px 0;
    background: #00CA6F
}
.custom-popup .h4 {
    max-width: 304px;
    margin: 0 auto;
    font-size: 24px;
    color: #fff;
    font-family: Gotham-Ultra;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 10px;
}
.custom-heading-block{
    height: 70px;
}
.custom-popup .p.custom-heading-block p{
    margin: 0 auto 10px;
}
.custom-popup .p p {
    font-family: Gotham-Medium;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    color: #FFFFFF;
    max-width: 308px;
    text-align: center;
    margin: 0 auto 30px;
}
.custom-popup form {
    max-width: 304px;
    margin: 0 auto;
}
.form-group {
    position: relative;
}
.custom-popup form .form-control {
    background: #fff;
    border-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #fff;
    box-shadow: inset 0 -1px 0 #fff;
}
.has-error .form-control{
    position: relative;
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .help-block{
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    width: 22px;
    text-align: center;
    display: block;
    color: #ffffff;
}
.custom-popup form .btn.btn-default {
    background: #444444;
    border-color: #444;
}


@media screen and (max-width:767px) {
    .client-img,
    .client-view {
        width: 100% !important;
    }
}
.cd-nav-trigger .cd-icon {
    /* icon created in CSS */
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    width: 28px;
    height: 2px;
    background-color: #ffffff;
    z-index: 10;
}
.cd-nav-trigger::before {
    background-color: #00CA6F;
    content: '';
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1), ;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.cd-nav-trigger .cd-icon::before,
.cd-nav-trigger .cd-icon:after {
    /* upper and lower lines of the menu icon */
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* apply transition to transform property */
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}

.cd-nav-trigger .cd-icon::before {
    -webkit-transform: translateY(-6px) rotate(0deg);
    -moz-transform: translateY(-6px) rotate(0deg);
    -ms-transform: translateY(-6px) rotate(0deg);
    -o-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
}

.cd-nav-trigger .cd-icon::after {
    -webkit-transform: translateY(6px) rotate(0deg);
    -moz-transform: translateY(6px) rotate(0deg);
    -ms-transform: translateY(6px) rotate(0deg);
    -o-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}

.cd-nav-trigger::before,
.cd-nav-trigger::after {
    /* 2 rounded colored backgrounds for the menu icon */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
}
.pagi {
    position: fixed;
    z-index: 100;
    right: 37px;
    left: initial;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    list-style: none;
    -moz-transform: translate(0px, -50px);
    -webkit-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    display: none;
}

.pagi li {
    width: 11px;
    height: 13px;
    margin: 7px;
}

.pagi li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

.pagi li a span {
    width: 11px;
    height: 11px;
    display: block;
    background: #777777;
    border-radius: 100px;
    margin: 0;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pagi li a.active span,
.pagi li:hover a span {
    background: #00CA6F;
}
.section-footer.active ~ .pagi {
    display: none;
}
.img1{
    -webkit-animation: moveimg1 0.6s infinite; /* Safari 4.0 - 8.0 */
    animation: moveimg1 0.6s infinite;
    -webkit-filter: invert(100%);
}
@-webkit-keyframes moveimg1 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes moveimg1 {
     0%   {opacity: 0.5};
    100% {opacity: 1}
}
.img2{
    -webkit-animation: moveimg2 0.6s infinite; /* Safari 4.0 - 8.0 */
     -webkit-animation-delay: 0.2s; /* Safari 4.0 - 8.0 */
    animation: moveimg2 0.6s infinite;
    animation-delay: 0.2s;
    -webkit-filter: invert(100%);
    margin-left: -7px;
}
@-webkit-keyframes moveimg2 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes moveimg2 {
     0%   {opacity: 0.5};
    100% {opacity: 1}
}
.img3{
    -webkit-animation: moveimg3 0.6s infinite; /* Safari 4.0 - 8.0 */
     -webkit-animation-delay: 0.2s; /* Safari 4.0 - 8.0 */
    animation: moveimg3 0.6s infinite;
    animation-delay: 0.2s;
    -webkit-filter: invert(100%);
    margin-left: -7px;
}
@-webkit-keyframes moveimg3 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes moveimg3 {
     0%   {opacity: 0.5};
    100% {opacity: 1}
}

@media screen and (max-width: 767px){
    .img1,.img2,.img3{
        display: none;
    }
}

.blog-txt-content-wrapp {
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 20px;
}
.block-wrapper a span {
    display: block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.block-wrapper a span.blog-heading {
    font-family: Gotham-Black;
    font-size: 24px;
    line-height: 27px;
    color: #FFFFFF;
    margin: 0 0 10px 0;
}
.block-wrapper a span.blog-content {
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}
footer {
    background-color: #000;
    padding-top: 40px;
    padding-bottom: 20px;
}
.footer-bottom {
    border-top: 1px solid #272727;
}

@media screen and (max-width:767px){
    .footer-bottom {
        margin-top: 25px;
    }
}
.footer-block {
    margin-bottom: 20px;
}
.footer-block ul {
    padding: 0;
    list-style: none;
}
.last-menu-block .footer-block ul li a {
    font-size: 15px;
}

.footer-block ul li a {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 4px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    color: #fff;
    font-family: Gotham-Book;
    text-decoration: none;
    display: block;
}


.footer-block ul li a b {
    line-height: 24px
}

.footer-block ul li a span {
    font-family: Gotham-Book;
    font-size: 16px;
    color: #4A4A4A;
}

.footer-block ul li a:hover {
    color: #00cc6b;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.last-menu-block .footer-block ul li.active a {
    color: #00cc6b;
}
@media screen and (max-width:991px){
    .last-menu-block .footer-block {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:767px) {
    .footer-block ul li:first-child {
        margin-top: 10px
    }
    .footer-block {
        margin-bottom: 0;
    }
    .footer-block ul {
        display: none;
    }
}


.last-menu-block .footer-block {
        margin-bottom: 30px;
}

@media (max-width: 1024px) {   
    .second-last.footer-block ul {
        min-height: auto;
        margin-bottom: 40px;
    }
    .footer-block ul {
        padding: 0;
        list-style: none;
        min-height: 160px
    }
}
.footer-block .footer-hyperlink li{
    display: inline-block;
    color: #FFF;
}
.footer-block ul.footer-hyperlink{
    min-height: 10px;
}
footer.contact-info-footer{
    padding-top: 60px;
}

@media screen and (max-width:767px) {
    .sub-nav-footer ul {
        margin-bottom: 00px;
    }
}
@media(max-width:1025px){
    .sub-nav-footer {
        text-align: center;
    }
}
.sub-nav-footer ul li , .sub-nav-footer p {
    display: inline-block;
    font-size: 14px;
    font-family: Gotham-Bold;
    letter-spacing: .1em;
    line-height: 17px;
    color: #fff;
    font-family: Gotham-Book;
}
.sub-nav-footer ul li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

.sub-nav-footer ul li a:hover {
    color: #00cc6b;
}

.sub-nav-footer ul li:last-child:after {
    display: none
}


.copyright {
    font-size: 12px;
    font-family: Gotham-Bold;
    color: #666;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-align: center;
    margin-top: 40px;
    line-height: 17px
}

.copyright p {
    font-family: Gotham-Bold;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    letter-spacing: 4px;
    color: #4A4A4A;
}
@media screen and (min-width: 992px) {
    .copyright p {
        letter-spacing: 2px;
    }
.copyright {
        text-align: right;
        margin-top: 30px
    }
}
@media screen and (min-width:1200px) {
    .copyright p {
        letter-spacing: 4px;
    }
}
@media screen and (max-width:991px) {
    .copyright p {
        margin-bottom: 0;
        text-align: center;
    }
}
.logo-link:hover,
.logo-link:active,
.logo-link:focus {
    background: rgba(0, 0, 0, 0.12);
    color: #fff;
    text-decoration: none;
}
.footer-block .h2 {
    margin-bottom: 25px;
    font-family: Gotham-Black;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: -1px;
    position: relative;
    padding-bottom: 10px;
}
.footer-block .h2:before {
    width: 30px;
    height: 3px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    background: #00CA6F;
}
@media screen and (max-width: 767px)
{
    .footer-block .h2 {
        position: relative;
        display: block;
        line-height: 45px;
        margin-bottom: 0;
        margin: 0;
        padding-bottom: 0;
    }
}

@media(min-width:1026px){
    footer.fix-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }
    .footer-block {
        margin-bottom: 50px;
    }
    /*.sub-nav-footer {
        text-align: right;
    }*/
}
@media screen and (min-width:768px) {
    .other-block .h2 {
        display: none
    }
    .blog-detail-wrapper .h2 {
        margin-top: 140px;
    }
}
@media screen and (min-width: 992px) {
   
    .footer-top .last-menu-block ul {
        text-align: left;
        min-height: auto;
    }
}
@media screen and (min-width:768px){
    .footer-top .last-menu-block ul {
        text-align: left;
        min-height: auto;
    }
    .footer-top .last-menu-block ul li {
        display: inline-block;
        /*margin-left: 10px;*/
        margin-left: 0px;
        margin-right: 10px;
    }
    .footer-top .last-menu-block ul li:first-child {
        /*margin-left: 0;*/
    }
    .footer-top .last-menu-block ul li a {
        /*margin-bottom: 0;*/
    }
}

@media only screen and (min-width: 767px) and (max-width: 1024px){
    .last-menu-block .footer-block li{
        display: block !important;
    }
    .footer-top .last-menu-block ul{
        text-align: left;
    }
}


.custom-popup .modal-header {
    padding: 0;
    background: #00CA6F;
    box-shadow: none;
    border-radius: 2px 2px 0 0;
    padding: 0;
    color: #fff;
    border-bottom: none;
}
.custom-popup .modal-header .close {
    outline: none;
    color: #fff;
}

.help-message{
    display: none;
    text-align: right !important;
}
.help-block{
    display: none;
}
.component-phone{
    padding-left: 10px;
}
.component-phone .form-group{
    padding-right: 0px;
}

.component-code .form-group{
    padding-left: 0px;
}
.component-code{
    padding-right: 10px;
}

.custom-popup form .form-control:focus {
    -webkit-box-shadow: inset 0 -1px 0 #101010;
    box-shadow: inset 0 -1px 0 #101010;
    border-bottom-color: #101010;
}
.custom-popup form textarea.form-control {
    resize: none;
    height: 110px;
    line-height: 23px
}
.custom-popup form .btn {
    padding: 20px 20px;
}
.custom-popup .modal-footer {
    margin: 0;
    border-top: 1px solid rgba(16, 16, 16, 0.10);
    background: #00CA6F;
    text-align: center;
    padding: 25px 15px 10px 15px
}
.modal-contact-area {
    display: block;
    width: 100%;
}
.modal-contact-area .contact-left {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.modal-contact-area .modal-contact-area-seprator {
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 132px;
    height: 32px;
    background-color: #03B866;
    border-radius: 100px;
    padding: 5px 15px;
}
.modal-contact-area .contact-right {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.modal-contact-area span {
    font-family: Gotham-Black;
    font-size: 10px;
    line-height: 11px;
    color: #FFFFFF;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.modal-contact-area div.p {
    font-family: Gotham-Black;
    font-size: 14px;
    text-align: right;
    line-height: 17px;
    color: #FFFFFF;
}
.modal-contact-area .modal-contact-area-seprator > span {
    font-family: Gotham-Black;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    color: #FFFFFF;
    width: 37px;
    height: 18px;
    background-color: #00CA6F;
    border-radius: 100px;
    margin: 2px auto 0;
    line-height: 18px;
    left: 0;
    position: absolute;
    right: 0;
}
.modal-contact-area .modal-contact-area-seprator i {
    color: #fff;
    line-height: 22px
}
.skype-inbuild-button{
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 0;
}
.skype-inbuild-button img{
    margin: 0px !important;
    vertical-align: top !important;
    width: 26px;
}
.custom-popup .modal-footer p {
    font-family: Gotham-Bold;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0px;
    line-height: 23px;
    margin: 0;
    border-radius: 0 0 2px 2px
}
@media screen and (max-width:991px){
    .section .txt-content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
}



@media screen and (max-width: 1024px) {
    .bg-img {
        background-attachment: initial !important
    }
}
@media screen and (max-width: 1024px) {
    .pagi {
        display: none
    }
}

@media screen and (max-width:991px){
    .home-page .section-7 .bg-img-still {
        background: none !important;
    }
    .more-link {
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .more-link.empthy-more-link{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1024px){
    .home-page .section-7 .section-content {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.home-page .section-7 .h2 p {
    color: #101010;
    margin-bottom: 0px;
    font-family: Gotham-Ultra;
    font-size: 42px;
    max-width: 570px;
    margin-top: 0;
    text-align: left;
    line-height: 1.1;
}

@media screen and (max-width:991px) {
    .home-page .section-7 .h2 {
        margin-left: auto;
        margin-right: auto;
    }
    .home-page .section-7 .h2,
    .home-page .section-7 .h2 p {
        text-align: center;
    }
    .home-page .section-7 p,
    .field-name-field-team-small-text {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
    .home-page .section-7 .h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
    .home-page .section-7 ul {
        margin-bottom: 20px
    }
    .home-page .section-1 .txt-content h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
    }
    .home-page .blog-section {
        margin-top: 40px;
    }
    .home-page .more-link {
        margin-top: 10px;
        margin-bottom: 50px;
    }
    .home-page .quick-reads {
        -webkit-transform: translate(0, -22px);
        -moz-transform: translate(0, -22px);
        -ms-transform: translate(0, -22px);
        transform: translate(0, -22px)
    }
}

@media screen and (max-width:480px) {
    .home-page .section-7 .h2,
        .home-page .section-7 .h2 p {
            font-size: 36px;
       }
    .menu-header {
        position: fixed;
        top: 65px;
        right: initial;
        left: 15px;
    }
}

.list-style-block li:last-child a:after {
    display: none;
}
@media screen and (max-width:991px) {
.block-wrapper {
        margin: 15px auto;
    }
}
@media screen and (max-width:767px) {
.block-wrapper {
        max-width: 310px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 1025px){
    .footer-block .h2:before{
        bottom: 8px;
    }
    .footer-block .h2{
        line-height: 26px;
        position: relative;
        display: block;
        margin-bottom: 0;
        margin: 0;
        padding-bottom: 0;
    }
}
@media screen and (max-width: 767px){
    .footer-block.contact-info .h2{
        font-size: 16px;
        line-height: 20px;
    }
    .footer-block.contact-info.first-address .h2{
        margin-bottom: 20px;
    }
}

@media (max-width: 1024px) {
    .footer-block .h2:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .footer-block .h2.open:after {
        content: "\e906"
    }
}

@media screen and (max-width:767px) {
    .rigt-menu ul {
        text-align: left;
    }
    .right-bar-internal {
        padding: 25px 15px 30px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        display: block
    }
    .home-page .section-7 {
            padding-bottom: 00px;
        }
    .home-page .blog-section {
            margin-top: 0px;
        }
        .home-page .section-7 .h3,
    .block-wrapper a span.blog-heading {
        font-size: 24px;
    }
    .home-page footer {
        padding-bottom: 100px;
    }
}

@media screen and (max-width:767px) {
    .featur-vinfo .txt-content-new h6 {
        margin-bottom: 20px;
    }
    .section-5 .txt-content-normal .h3 {
        font-size: 24px;
    }
}


@media screen and (max-width:991px){
    .client-testimonial .owl-carousel .owl-stage {
        background: #fff
    }
}
.client-view-block {
    margin:0 auto;
    padding-left: 40px;
}
@media screen and (max-width:768px){
   .client-view-block{
    padding-left: 50px;
   }
}
@media screen and (min-width:992px){
    .client-view-block {
        margin:0 auto;
        max-width: 580px;
        padding-left: 85px;
    }
}
.client-view-block  > img{
    width: auto !important;
}
@media screen and (max-width:550px) {
    .custom-popup .modal-content {
        margin: 50px 15px;
    }
     .modal-contact-area .modal-contact-area-seprator {
        display: none
    }
    .custom-popup .modal-footer {
        padding: 15px 15px 5px 15px;
    }
    .modal-contact-area .contact-left,
    .modal-contact-area .contact-right {
        display: block;
        width: 100%;
        text-align: center
    }
    .modal-contact-area div.p {
        text-align: center
    }
    .modal-contact-area .contact-right span {
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px){
    .component-code{
        padding-right: 15px;
    }
    .component-phone{
        padding-left: 15px;
    }
}


@media screen and (max-width: 767px){
    .floated-btn {
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
    }
}
@media screen and (max-width: 767px){
    .home-page .section-7 {
        padding-bottom: 00px;
    }
}
.section-7 {
    background: #f2f2f2;
}
@media screen and (max-width: 1024px){
    .home-page .section-5 .txt-content-normal .h3:first-child {
        padding-top: 100px;
    }
}
@media screen and (max-width: 767px){
    .section-5 .txt-content-normal .h3 {
        font-size: 24px;
    }
}
@media screen and (max-width: 991px){
    .section-5 .txt-content-normal .h3 {
        margin-bottom: 30px;
    }  
}
@media screen and (max-width: 991px){
    .client-testimonial .owl-carousel .owl-stage {
        background: #fff;
    }
}
@media screen and (max-width: 767px){
    .client-testimonial .owl-carousel .owl-stage{
        background: #000;
    }
}
.play-btn {
    color: #fff;
    font-size: 64px;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    line-height: 1;
}
@media only screen and (max-width: 767px){
    .play-btn {
        margin-bottom: 5px;
        font-size: 44px;
    }
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'vinfotech' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px){
    .hidden-xs {
        display: none !important;
    }
}

@media screen and (max-width: 767px){
    .home-page .section-7 .txt-content-normal .h3 {
        padding-top: 0;
    }
}
@media screen and (max-width: 991px){
    .section-7 .txt-content-normal .client-testimonial + .h3 {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 767px){
    .section-7 .txt-content-normal .h3 {
        font-size: 24px;
    }
}
@media screen and (max-width: 991px){
    .section-7 .txt-content-normal .h3 {
        margin-bottom: 30px;
    }
}
.partner-block {
    display: table;
    text-align: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}
@media screen and (min-width: 992px){
    .partner-block.partner-block-primary{
        margin:0 0 50px 0;
    }
}
@media screen and (max-width: 992px){
    .partner-block.partner-block-primary{
        margin:0;
    }
}
.partner-block ul {
    display: table;
    text-align: center;
    width: 100%;
}
.partner-block ul li {
    display: table-cell;
}

@media screen and (max-width: 991px){
    .partner-block {
        margin-bottom: 60px;
    }
    .partner-block ul li {
        display: inline-block;
        margin-top: 10px;
    }
}
@media screen and (max-width: 991px){
     .partner-block {
        margin-top: 30px;
    }
}
.overlay-txt {
    position: relative;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
    background-color: #FFF;
}
.help-message-contact{      
    display: none;      
}       
.has-error.help-message-contact{        
    display: block !important;      
}       
.contact-popup img{     
    width: 16px;        
}       
.custom-heading-block .has-error .help-block-message::before {      
    background: #fff;       
    position: ABSOLUTE;     
    left: 8px;      
    right: 0;       
    content: '';        
    height: 12px;       
    width: 2px;     
    top: 3px;       
    z-index: -1;        
}       
.custom-heading-block .has-error .help-block-message{       
    background-color: transparent;      
    height: 18px;       
    position: relative;     
    z-index: 999;       
}
.has-error .help-block-message{
    background-color: #fff;
    border-radius: 10px;
    width: 19px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
}
nav.cd-primary-nav.fade-in {
    visibility: visible;
    /*opacity: 1;*/ 
    top: 0;
}

.custom-h1.heading-block:hover{
    color: #00CA6F;
}

@media screen and (min-width: 1170px){   
    .cd-primary-nav {
        padding: 100px 2% 0 2%;
    }
}
@media screen and (max-width: 480px){
    .cd-primary-nav {
        padding-top: 85px;
        height: 100%;
        top: -100%;
    }
}
.cd-primary-nav a:hover {
    color: #00CA6F;
    -moz-transform: translate(1px,0px);
    -webkit-transform: translate(1px,0px);
    -o-transform: translate(1px,0px);
    -ms-transform: translate(1px,0px);
    transform: translate(1px,0px);
}
.cd-nav-trigger .cd-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    width: 28px;
    height: 2px;
    background-color: #ffffff;
    z-index: 10;
}
.cd-nav-trigger.close-nav .cd-icon {
    background-color: rgba(255,255,255,0);
}
.cd-nav-trigger.close-nav .cd-icon::before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
    background-color: white;
}



/* style-landing css */


/*NEW HOME PAGE */
html,body{
            width: 100%;
            height: 100%;
        }
        .video_landingpage{
            overflow: hidden;
            width: 100%;
        }
        .video_frame { 
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -100;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
          background-size: cover;
          //-webkit-transition: 1s opacity;
          //transition: 1s opacity;
        }
        .wrapper_landingpage{
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .wrapper_landingpage .owl-carousel{
            position: static;
            height: 100%;
        }
         .wrapper_landingpage .owl-controls{
            display: none;
         }
        .explore-btn{
            border-color:white !important;
            color: white !important;
            margin-top: 10px;
        }
        .explore-btn:hover, .explore-btn:focus,.explore-btn:active{
            background: transparent !important;
            border-color:#00ca6f;
         }
         .explore-btn:hover{
            background: transparent !important;
            border-color:#00ca6f;
         }

        *{
            margin:0;
            padding: 0;
        }
        @media(min-width:1024px){
        .right_video:hover{
             background: rgba(0, 0, 0, 0.80);
        }
        .content-box-left:hover  .left_video{
             background: transparent;
        }
        .content-box-right:hover  .right_video{
             background: transparent;
        }

    }

        .content-box-left{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 9;
        }
        .content-box-left .custom-h1{
            color:white;
            margin-bottom: 0px;
            font-size: 60px;
            font-family: 'Gotham-Black';
        }
        .content-box-left p{
            color: white;
            margin-top: 20px;
        }
        .content-box-right{
            text-align:right;
            position: absolute;
            right:80px;
            /*bottom: 93px;*/
            bottom: 170px;
            max-width: 506px; 
            z-index: 99;
         }
        .content-box-right .custom-h1{
            color:white;
            margin-bottom: 0px;
            font-size: 60px;
            font-family: 'Gotham-Black';
        }
        .content-box-right p{
            color: white;
            margin-top: 20px;
        }
        @media(max-width:1024px){
            
            .custom-h1{
                font-size:30px !important;
            }
            .content-box-left .custom-h1{
                line-height: 35px !important;
            }
            .content-box-right .custom-h1{
                line-height: 45px !important;
            }
        }
        @media(max-width:1024px){
                 .wrapper_landingpage{
                overflow-y: auto;
               /* background: black;*/
                height: 100%;
            }
            
            .content-box-left{
                    left: 0;
                    text-align: left;
                    margin: 0px 70px;
                    max-width: 506px;
                    top: 50%;
                -ms-transform: translate(0, -50%); /* IE 9 */
                -webkit-transform: translate(0, -50%); /* Safari */
                transform: translate(0, -50%);

            } 
            .content-box-right{
                text-align: center;
                right: auto;
                bottom: auto;
                top: 50%;
                text-align: left;
                margin:0px 70px;
                max-width: 506px;
                 -ms-transform: translate(0, -50%); /* IE 9 */
                -webkit-transform: translate(0, -50%); /* Safari */
                transform: translate(0, -50%);

            } 
        }


/* heading tags css */


.custom-h1 h1{
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 47px;
    line-height: 47px;
    letter-spacing: -2px;
    font-family: Gotham-Bold;
}
@media(max-width: 1400px){
   .custom-h1 h1{
     font-size: 47px;
     line-height: 47px;
    } 
}
.content-box-left h2,
.content-box-right h2{
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.42857143;
}

.custom-popup .thankyou-block {
    margin: 0 auto;
    display: table;
    text-align: center;
}

.custom-popup .thankyou-block p {
    font-family: Gotham-Bold;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0px;
    max-width: 300px;
}
.spinner {
    display: none;
    height: 28px;
    width: 28px;
    animation: rotate 0.8s infinite linear;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 9px;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loading .spinner {
    display: block;
}
.custom-popup-new .loading .spinner {
    height: 20px;
    width: 20px;
    top: 10px;
    right: 2px;
}

/* changes on 27 oct */


.right-bar .btn:not {
    font-size: 14px;
    padding: 20px 30px;
    line-height: 16px;
    float: left;
    letter-spacing: 4px;
    font-family: 'Gotham-Bold';
}

.right-bar .btn:hover {
    background-color: #222;
    border-color: #222;
}

.right-bar .btn.btn-holo:hover {
    background-color: #00CA6F;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-color: #00CA6F;
}

@media screen and (max-width:550px) {
    .right-bar-internal .btn-block {
        padding: 14px 16px;
    }
}
.btn-bordered:hover,
.btn-bordered:focus,
.right-bar .btn-bordered:hover,
.right-bar .btn-bordered:focus {
    background-color: #fff;
    color: #333;
}
@media screen and (max-width: 767px){
    .floated-btn>.btn {
        width: 100%;
        padding-top: 15px;
        /*padding-bottom: 15px;*/
    }
}
.play-btn:hover,
.play-btn:focus {
    text-decoration: none;
}


@media screen and (max-width:991px) {
        .section-7 .txt-content-normal .client-testimonial + .h3 {
        margin-bottom: 10px;
    }
    .section-7 .txt-content-normal .h3 {
        margin-bottom: 30px
    }
    .home-page .section-1 .txt-content h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
    }
}



@media screen and (max-width: 1024px){
    .custom-h1 h1{
        font-size: 30px;
        line-height: 33px;
    }
}


div.thankyou-social-icons ul{
    margin-top: 10px;
}
.read_story_home_lnk{
letter-spacing: 2px;
}
.cd-primary-nav a:hover {
color:#00CA6F;
-moz-transform: translate(1px, 0px);
-webkit-transform: translate(1px, 0px);
-o-transform: translate(1px, 0px);
-ms-transform: translate(1px, 0px);
transform: translate(1px, 0px);
}
.nav-block a .h3:hover {
    color:#00CA6F;
}
.healthcare-nav{
    margin-bottom: 60px;
}
@media screen and (max-width: 767px){
    .healthcare-nav{
        margin-bottom: 30px;
    }
}
/*.rigt-menu .nav-effect li:last-child{
    margin-bottom: 30px;
}*/
@media screen and (max-width: 767px){
    .rigt-menu .nav-effect li:last-child{
        margin-bottom: 0px;
    }
}
.footer-block.second-last .h2 a:hover,
.footer-block.second-last .h2 a:active,
.footer-block.second-last .h2 a:focus{
    color:#00CA6F; 
    text-decoration: none;
}
@media screen and (max-width: 1440px) {
    .healthcare-nav{
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 1439px) and (min-width: 1025px){
    .nav-block .h3 {
        font-size: 26px;
        line-height: 30px;
    }    
    .nav-block .h3:after{
        bottom: 3px;
    }
    .cd-primary-nav a:not(.btn-primary){
        font-size: 15px;
        line-height: 22px;
    }
    .nav-block {
        margin-bottom: 20px;
    }
    .healthcare-nav{
        margin-bottom: 30px;
    }
}
.nav-block.social-nav a.social-nav-link{
    padding-top: 0;
}
.nav-block.social-nav.active a.social-nav-link .h3{
    color: #00CA6F;
}

@media screen and (max-width:991px) {
    .rigt-menu ul {
        text-align: center;
        min-height: initial;
        margin: 0;
    }
    .rigt-menu ul li {
        display: inline-block;
        width: auto;
        margin: 0 10px;
    }
}
@media screen and (max-width: 768px){
    .rigt-menu .nav-effect li:last-child{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 320px){
    .content-box-left .custom-h1{
        margin-top: 80px;
        line-height: 36px !important;
        font-size: 36px !important;
    }
    .explore-btn{
        margin-top: 0;
    }
}
.content-box-left span.explore-btn.front-page-btn{    
}
.content-box-left span.explore-btn.front-page-btn:hover{
    background-color: #00cc6b!important;
    border-color: #00ca6f !important;
}

.section-1 .wrapper_landingpage{
    text-decoration: none;
}
.field-items .field-item a .h3:hover{
    color: #00ca6f;
}
@media screen and (max-width: 767px){
    .content-box-left h2{
        font-size: 14px;
        line-height: 18px;
    }
    .section-1 .txt-content, .section-2 .txt-content, .section-3 .txt-content, .section-4 .txt-content, .section-5 .txt-content, .section-6 .txt-content{
        text-align: left;
    }
}
.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer; 
}
.section-content .display-table.xs-pB80{
    padding-bottom: 80px;
}

@media screen and (max-width: 767px){
    .section-content .display-table.xs-pB80 .v-mid{
        vertical-align: bottom;
    }
    .overlay{
        display: none;
    }
    .txt-content a,.txt-content a.know-more{
        margin-top: 10px;
    }
    .txt-content-info{
        padding-top: 10px;
    }
    .txt-content h4, .txt-content .h4{
        margin-bottom: 5px;
    }
    .bg-img:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      /* background-image: linear-gradient(180deg, rgba(255,255,255,0.36) 0%, rgba(95,95,95,0.61) 35.12%, rgba(28,28,28,0.76) 70.38%, #000000 100%); */
    /*  background-image: linear-gradient(180deg, transparent 0%, transparent 35.12%, rgba(28,28,28,0.76) 70.38%, #000000 100%); */
    background-image: linear-gradient(180deg, transparent 0%, rgba(95,95,95,0.61) 35.12%, rgba(28,28,28,0.76) 70.38%, #000000 100%);
    }
    .pintrip-img{
        background-position: -380px 0px !important;
    }
    .famousB-img{
        background-position: -580px 0px !important;
    }
    .grinta-img{
        background-position: -620px 0px !important;
    }
    .financeApp-img{
        background-position: -350px 0px !important;
    }
    .poprx-img{
        background-position: -600px 0px !important;
    }
    
    /*.home-page .section-2,
    .home-page .section-3,
    .home-page .section-4,
    .home-page .section-5,
    .home-page .section-6{
        height: 100vh !important;
    }*/
}
.right-bar.floated-btn a.btn{
    font-family: Gotham-Medium !important;
}
/* @media screen and (max-width: 360px){
    .txt-content a.know-more {
        font-size: 13px;
    }
} */
.relative-container{
    position: relative;
}
/** 9 April **/
.bg2{
    background-color: #F3F3F3;
    background-position: left bottom;
    background-size: contain;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.sectionbgTranslate > h3{  
    color: #464646; 
    font-family: Gotham-Bold;   
    font-size: 24px;    
    line-height: 28px;
}
.sectionbgTranslate > p{   
    color: #666666; 
    font-family: Gotham-Book;  
    font-size: 18px;    
    letter-spacing: -1px;
}
.sectionbgTranslate ul{
    list-style-type:circle;
    padding: 0 0 0 15px;
    margin-top: -5px;
}

.translate-layout .translate-layout-div1{
    top: 36%;
    left: 15%;
    max-width: 350px;
}
/*.translate-layout .translate-layout-div2{
    top: 80%;
    left: 50%;
}

.translate-layout .translate-layout-div3{
    top: 59%;
    left: 72%;
}
.translate-layout .translate-layout-div4{
    top: 30%;
    left: 82%;

}*/
.translate-layout .translate-layout-div2 {
        left: 45%;
        top: 75%;
    }
    .translate-layout .translate-layout-div3 {
        top: 60%;
        left: 71%;
    }
    .translate-layout .translate-layout-div4 {
        left: 80%;
        top: 20%;
    }
@media screen and (max-width: 992px){
    .translate-layout .translate-layout-div1 {
    left: 25%;
    top: 20%;
  }
}
@media only screen and (min-width: 1336px) and (max-width: 1600px){
 .translate-layout .translate-layout-div4 {
    left: 83%;
 }
}
@media only screen and (min-width: 992px) and (max-width: 1366px){
    .translate-layout .translate-layout-div2 {
        left: 47%;
        top: 70%;
    }
    .translate-layout .translate-layout-div3 {
        top: 60%;
        left: 75%;
    }
    .translate-layout .translate-layout-div4 {
        left: 84%;
        top: 20%;
    }
}

@media only screen and (min-width: 767px) and (max-width: 992px){
      .translate-layout .translate-layout-div2 {
        left: 34%;
        top: 60%;
    }
    .translate-layout .translate-layout-div3 {
        top: 74%;
        left: 74%;
    }
    .translate-layout .translate-layout-div4 {
        left: 82%;
        top: 30%;
    }
}
.translate-layout .translate-layout-div2, 
.translate-layout .translate-layout-div3, 
.translate-layout .translate-layout-div4{
  max-width: 320px;
}
.greenColor > h3{
    font-family: Gotham-Bold;   
    font-size: 48px;    
    letter-spacing: -2px;   
    line-height: 48px;
}
.greenColor > p{
    color: #000; 
    font-size: 16px;    
    line-height: 24px;
    font-weight: 300;
}
@media only screen and (min-width: 768px) and (max-width: 1366px){
  .greenColor > h3{
    font-size: 42px;     
    line-height: 42px;
  }
}
@media screen and (max-width: 767px){
     .greenColor > h3{
        font-size: 24px;
        line-height: 24px;
        margin: 0;
        padding-bottom: 15px;
        text-align: center;
     }
     .greenColor > p{ 
        font-size: 14px;    
        width: 100% !important;
        max-width: 100% !important
    }
}

.greenColor .text-width{
    max-width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 1024px){
    .greenColor .text-width{
        max-width: 780px;
    }
}
.sectionbgTranslate .greenColor > p
{
    max-width: 285px;
}
.sectionbgTranslate ul > li{
    font-size: 14px;    
    font-weight: 300;   
    letter-spacing: 0.3px;   
    line-height: 22px;
    color: #000;
}
@media screen and (min-width: 767px){
    .translate-layout{
        height: 100%;
        position: relative;
    }
    .translate-layout .sectionbgTranslate{
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 1;
    }
}
@media screen and (max-width: 767px){
    .sectionbgTranslate.translate-layout-div1{
        margin-top: 25px;
    }
}

.section-2{
    height: 670px;
}

@media screen and (min-width: 1400px){
   .section-2{
        height: 750px;
    }
}

.w200{
    width: 260px;
}
.bg3{
    background-color: #fff;
}
.o-layout{
    position: absolute;
    border: 1px solid #ececec;
    height: 881px;
    width: 881px;
    top: 25%;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.o-layout-container{
    height: 500px;
    overflow: hidden;
    position: relative;
}
@media screen and (min-width: 1400px){
  .o-layout{
     bottom: -50%;
  }
}
.inner-o-layout{
    position: absolute;
    border: 1px solid #ececec;
    height: 607px;
    width: 607px;
    top: 125px;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto; 
}
.last-o-layout{
    height: 303px;  width: 303px;   
    background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);   
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto; 
    top: 20%;
    border-radius: 50%;
    /*animation-name: bobble-3 !important;
    animation-duration: 8s;
    animation-iteration-count: infinite;*/
}
.last-o-layout > p {
    color: #FFFFFF;
    font-family: Gotham-Bold;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 21px;
    position: absolute;
    top: 30%;
    text-align: center;
    left: 0;
    right: 0;
}
.o-layout-circle{
    height: 160px;
    width: 160px;
    background-color: #FFFFFF;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    border-radius: 50%;
    top: 15%;
    position: absolute;
    animation-name: bobble !important;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}
.o-layout-circle  img, .inner-o-layout-circle img{
    position: absolute;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.o-layout-circle.o-layout-circle-left{
    left: -4%;
}
.o-layout-circle.o-layout-circle-right{
    right: -4%;
}
.o-layout-circle.o-layout-circle-center{
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -12%;
    width: 140px;
    height: 140px;
}
.o-layout-circle > p{
    color: #464646;
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    bottom: -165px;
}
.o-layout-circle.o-layout-circle-center > p{
    bottom: -150px;
}
.inner-o-layout-circle > p{
    color: #464646;
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    bottom: -120px;
}
@media(max-width: 767px){
    position: static;
    bottom: auto;
}
.inner-o-layout-circle{
    height: 110px;  
    width: 110px;   
    background-color: #FFFFFF;  
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    position: absolute;
    top: -9%;
    border-radius: 50%;
    animation-name: bobble-2 !important;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}
.inner-o-layout-circle.inner-o-layout-circle-left{
    left: 12%;
}
.inner-o-layout-circle.inner-o-layout-circle-right{
    right: 12%;
}
@media only screen and (min-width: 767px) and (max-width: 1024px){
    .o-layout{
        width: 680px;
        height: 680px;
    }
    .inner-o-layout{
        width: 470px;
        height: 470px;
    }
    .last-o-layout{ 
        width: 250px;
        height: 250px;
    }
}
@media screen and (max-width: 767px){
   .o-layout{
        width: 320px;
        height: 320px;
    }
    .inner-o-layout{
        width: 250px; 
        top:50px;
        
        height: auto;
        position: static;
    }
    .last-o-layout{ 
        width: 200px;
        height: 200px; display: none;
        animation-name: bobble-1 !important;
    }
    .o-layout-container{
      height: 240px;
    }
    .o-layout-circle.o-layout-circle-center, 
    .o-layout-circle.o-layout-circle-left, 
    .o-layout-circle.o-layout-circle-right,
    .inner-o-layout-circle{
        box-shadow: none;
        height: auto;
        width: auto;
        background: transparent;
        left:0;
        right: 0;
        animation-name: bobble-1 !important;
        z-index: 1;
    }
    .o-layout-circle.o-layout-circle-left{
        top:10%;
    }
    .o-layout-circle.o-layout-circle-right{
        top:20%;
    }
    .inner-o-layout-circle.inner-o-layout-circle-right{
        top:-84%;
        bottom: 0;
        right: 0;
    }
    .o-layout-circle.o-layout-circle-center{
        top: -70px;
    }
    .inner-o-layout-circle.inner-o-layout-circle-left{
        top:-70%;
        bottom: 0;
        left: 0;
    }
    .inner-o-layout-circle{
        top: -40%;
        position: static;
    }
    .o-layout-circle.o-layout-circle-center img, 
    .o-layout-circle.o-layout-circle-left img, 
    .o-layout-circle.o-layout-circle-right img,
    .inner-o-layout-circle img{
        
    }
    .o-layout-circle.o-layout-circle-center > p, 
    .o-layout-circle.o-layout-circle-left > p , 
    .o-layout-circle.o-layout-circle-right > p{
        top: 0;
    }
 
}
.top-text{
    padding-top: 40px;
    text-align: center;
}
@media screen and (min-width: 1400px){
    .top-text{
        padding-top: 100px;
    }
}
.explore-now {   
     color: #FFFFFF;  
     font-size: 14px;   
     font-weight: bold;  
     letter-spacing: 1px;    
     line-height: 17px;
     display: block;
     margin-top: 30px;
     text-decoration: none;
 }
.explore-now:hover{
    color: #000;
    text-decoration: none;
    font-family: Gotham-Bold;
}

 .hand-bg {
    position: absolute;
    height: 652px;
    width: 508px;
    background-repeat: no-repeat;
    background-position: bottom left;
    top: 5%;
}
@media only screen and (min-width: 1600px){ 
    .hand-bg {
        top: 6.8%;
        left: 16%;
      }
}
@media screen and (min-width: 1400px) and (max-width: 1600px){
  .hand-bg {
    top: 5.8%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
  .hand-bg {
     top: 4.6%;
     left: 12%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
  .hand-bg {
        top: -2%;
        left: 7%;
        background-size: 84%;
    }
}
@media screen and (min-width: 767px) and (max-width: 992px){
  .hand-bg {
        top: -8%;
        left: 0%;
        background-size: 74%;
    }
}


.home-overlay{
    position: absolute;
    right: 0;
    width: 60%; 
    height: 80vh;
    top: 0;
    background-repeat: repeat;
    background-size: contain;
    animation: moveIt 30s linear infinite;
    -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;
}
@keyframes moveIt {
  from {background-position: bottom;}
  to {background-position:  top;}
}

.layout-product > ul > li{
        height: 180px;  
        width: 280px;   
        border-radius: 5px; 
        background-color: #FFFFFF;  
        box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
        margin-left: 15px;
        margin-bottom: 15px;
        position: relative;
        float: right;
    }
.layout-product > ul > li a{
    display: block;
}

@media only screen and (min-width: 360px) and (max-width: 1199px){
    .layout-product > ul > li{
        height: 160px;  
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
} 

.section-1 .upper-section{
    height: 781px;
}

.section-1 .lower-section{
    position: relative;
    z-index: 1;
    
}



.bg-img-scroll{
    position: relative;
    height: 781px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom;
}
@media screen and (min-width: 767px){
    .vt{
       position: absolute;
       transform: translate(-50%, -50%);
       left: 50%;
       top: 55%;
       width: 100%;
    }
}

@media screen and (min-width: 1400px){
   .vt{
        padding-left: 70px;

    }
   .greenColor.vt{margin-top:75px;}
} 

@media screen and (max-width: 1600px) and (min-width: 1366px)
{
    .vt{
        padding-left: 0;
    }
}

.layout-product-content{
    display: table;
    height: 100%;
}
.layout-product-content h3{
    font-size: 18px;
    color: #464646;
    line-height: 22px;
    letter-spacing: -1px;
    padding-top: 10px;
}
@media screen and (max-width: 992px){
  .layout-product-content h3{
    font-size: 16px;
  }
}
.layout-product-content .media{
    vertical-align: middle;
    display:table-cell;
    padding: 0 20px;
}
@media only screen and (min-width: 767px) and (max-width: 1199px){
    .layout-product-content .media{
        padding: 0 5px;
    }
}
.layout-product-content-show h3{
    font-size: 22px;    
    font-weight: bold;  
    letter-spacing: -1.22px;    
    line-height: 24px;
    font-family: Gotham-Bold;
    margin-top: 0px;
    text-decoration: none;
}
.layout-product-content-show a:hover{
    text-decoration: none;
}
.layout-product-content-show ul > li{
    font-size: 12px;
    color: #000;
    letter-spacing: 0.3px;
}
.layout-product-content-show  img{
    width: auto !important;
}
.layout-product-content-show ul{
    padding-left: 15px;
}
.layout-product-content-show {  
    width: 100%;   
    border-radius: 5px; 
    background: #fff;  
    padding: 40px 15px 65px 15px;
    position: relative;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 10;
    border:1px solid #ececec;

}
@media screen and (min-width: 768px){
    .layout-product-content-show { 
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: 0 0 40px 0 rgba(0,0,0,0.5);
        /*width: 280px;*/
        background: linear-gradient(142.33deg, #E0E0E0 0%, #FFFFFF 100%); 
        border:none;
        opacity: 0;
        padding: 20px 15px 15px 15px;
    }
}
@media screen and (max-width: 768px){
    .layout-product-content-show{
        min-height: 250px;
    }
}
.layout-product >ul >li:hover .layout-product-content-show {
     opacity: 1
}
 .layout-product-text{
    padding-top: 60px;
    padding-bottom: 60px;
    line-height: 24px;
 }
 .layout-product-text p{
    color: #000;
    font-weight: 300;
 }
@media screen and (min-width: 1366px){
 .layout-product-text{
        padding-left: 190px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1366px){
    .layout-product-text{
        padding-left: 70px;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1366px){
    .layout-product-text{
        padding-left: 55px;
    }
}

.translate-layout-mob{
    height: 100vh;
}
@media screen and (max-width: 767px){
    .laptop-layout{
        position: relative;
        width: 100%;
        text-align: center;
    }
    .layout-product-text p{
        font-size: 14px;
        text-align: center;
    }
}
@media screen and (min-width: 768px){
     .laptop-layout{
        position: absolute;
        right: 0;
        left: 0;
        text-align: center;
        top:-10%;
        width: auto;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1500px){
  .laptop-layout img{
     margin-left: 110px;
  }
}
@media screen and (max-width: 768px){
    .layout-product-text{
     padding-top: 10px;
     padding-bottom: 25px;
  }
  .laptop-layout img{
    width: 100%;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
   .laptop-layout{ 
    width: 100%;
  } 
  .laptop-layout img{
    width: 100%;
  }
}
.section-content-sm{
    width: 100%;
    height: 100px;
    background: #fafafa;
    position: absolute;
    left: 0;
    right: 0;
}

.content.content-work {
    position: absolute;
    background: red;
    left: 0;
    right: 0;
    text-align: center;
    background: #fbfbfb;
    padding: 35px 0px;
}
.table-view{
    display: table;
    width: 100%;
    table-layout: fixed;
}
@media screen and (min-width: 992px){
   .table-view{
    height: 100vh;
 }
}
.table-view .table-row{
    display: table-row;
}
.table-view .table-row .tabel-cell{
    display: table-cell;
    vertical-align: middle;
}
.table-row-head{
    height: 240px;
    background: #fbfbfb;
}
.client-carousel .owl-stage-outer{
    overflow: initial;
}
.tabel-cell .container{
    height: auto;
}
.client-logo > ul > li{
   padding: 15px 30px;
    position: relative;
}

.section-5{
    padding-top: 10px;
} 
@media screen and (max-width: 768px){
    .section-1{
        height: 100% !important;
    }
    .section-5{
        padding-top: 20px;
    }
    .section-5{
        padding-top: 20px;
    } 
    .client-logo > ul > li{
        padding: 15px;
    }
}
.content.content-technical{
    background-size: cover;
    margin-top: 35px;
}
.content-technical{
    min-height: 500px;
}
.content-technical-heading{
    padding-top: 60px;
}
.content-technical-heading p{
    color:#fff;
}
.content-box-left.content-box-left-1{
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    left: 42%;
    width: 90%;
}
@media only screen and (min-width: 1400px){
    .content-box-left.content-box-left-1{
        left: 60%;
        width: 90%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1366px){
        .content-box-left.content-box-left-1{
            left: 44%;
            top: 45%;
            z-index: 9;
            width: 95%;
        }
}
.count-table > ul{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    display: table;
    min-height: 442px;
    
}
.count-table{
        box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
        margin-top: -150px;
        position: relative;
    z-index: 9;
}
.count-table > ul > li{
    border: 2px solid #fff;
    display: table-cell;
    vertical-align: middle;
    background-color: #F6F6F6;
}

.count-team{
        padding: 0 50px;
}

.count-team > h3{
    color: #464646;    
    font-size: 28px;    
    font-weight: bold;  
    letter-spacing: -1.81px;   
    line-height: 32px;
    margin: 0;
    font-family: 'Gotham-Bold';
}
.count-team > h2{    
    font-size: 54px;    
    font-weight: bold;  
    letter-spacing: -1.35px;      
    margin-top: -10px;
    font-family: 'Gotham-Bold';
    margin-bottom: 0;
    float: left;
}
.count-team > ul{
    padding-left: 20px;
    padding-top: 10px;
    clear: both;
}
.count-team > ul > li{
    color: #000; 
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.3px;
}
.inner-count-table{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left: -1px;
    margin-right: -1px;
}
.count-cell{
    display: table-cell;
    border:2px solid #ececec;
    vertical-align: middle;
}
@media only screen and (min-width: 767px){
     .count-cell{
        border:2px solid #fff;
    }
}
.count-row{
    display: table-row;
    height: 220px;
}
.count-item {
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1400px){
     .count-table > ul > li:first-child{
       width: 300px
    }
}
.count-table > ul > li:nth-child(1), .count-table > ul > li:nth-child(2){
    width: 30%;  
} 
.count-table > ul > li:last-child{
    vertical-align: top;
    width: 40%;  
} 
.count-item p {
    color: #464646; 
    font-family: 'Gotham-Bold';    
    font-size: 18px;    
    font-weight: bold;  
    letter-spacing: -1.16px;    
    line-height: 40px;  
}
.count-item h3{
    font-size: 54px;
    font-weight: bold;
    letter-spacing: -1.35px;
    margin-top: -10px;
    font-family: 'Gotham-Bold';
}
.grad-color{
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#00B569), to(#0080FF));
    background: -webkit-linear-gradient(left, #00B569, #0080FF);
    background: -o-linear-gradient(left, #00B569, #0080FF);
    background: linear-gradient(to right, #00B569, #0080FF);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
} 
.count-map {
    height: 370px;
    background: #fff;
    position: relative;
}
/*.content-technical-count{
    padding-bottom: 50px;
}*/
.section.section-5{
    height: auto !important;
}
.map-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center right;
    top: 0;
}
.count-map .greenColor h3{
    position: relative;
    padding-top: 141px;
    display: inline-block;
    padding-left: 40px;
    z-index: 1;
}
.set-location{
    position: absolute;
    height: 33px;
    width: 23px;
    background-repeat: no-repeat;
    animation-name: bounce !important;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 10s;
  animation-duration: 10s;
}

@media only screen and (max-width: 992px){
     .count-team{
        padding: 0 20px;
    }
    .count-item p {
        font-size: 16px;
        line-height: 18px;
    }
    .count-team > h3 {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1400px){
     .set-location.set1 {
        left: 32%;
        top: 30%;
    }
    .set-location.set2 {
        left: 45%;
        top: 15%;
    }
    .set-location.set3 {
        left: 76%;
        top: 45%;
    }
    .set-location.set4 {
        left: 88%;
        top: 54%;
    }
}

@media only screen and (min-width: 1400px){
     .set-location.set1 {
        top: 30%;
        left: 45%;
    }
    .set-location.set2 {
        left: 54%;
        top: 15%;
    }
    .set-location.set3 {
        left: 80%;
        top: 45%;
    }
    .set-location.set4 {
        left: 90%;
        top: 54%;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1366px){

    .set-location.set1 {
        left: 32%;
    }
    .set-location.set2 {
        left: 45%;
    }
    .set-location.set3 {
       left: 76%;
    }
    .set-location.set4 {
        left: 88%;
    }
}
.section-4{
    height: auto !important;
}
.count-cell-white{
    background-color: #FBFBFB;
}
.feature-block .feature-text{
    text-align: left;
    color: #767676;
    font-size: 14px;
}
.feature-block .feature-text a{
    float: right;
    padding-right: 20px;
    font-family: 'Gotham-Bold';
    text-decoration: none;
}
.feature-block .feature-text a:hover{
  color: #000;
  text-decoration: none;
}
.feature-text > img{
   padding-right: 5px;
   padding-bottom: 5px;
}
@media only screen and (max-width: 768px){
    .feature-text > img{
        display: block; 
        padding-bottom: 0;
    }
    .feature-block .feature-text a{
        padding-right: 0;
        display: none;
    }
}
.nav-toggle-transparent.nav-toggle {

    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(255,255,255,0.3)
}
.nav-toggle-transparent .cd-nav-trigger::before{
    background-color: transparent;
}
.nav-toggle-transparent.nav-toggle .page-name{
    background: transparent;
}

@media only screen and (min-width: 768px){
   .right-bar-transparent .btn-primary{
      background: transparent;
      box-shadow: none;
      border: 1px solid rgba(255,255,255,0.3);
      font-family: Gotham-Medium !important; 
    }
    .content.content-lower{
        height: 845px;
        margin-top: -160px;
    }
    .feature-block .feature-text{
        padding-left: 15px;
    }
}
@media only screen and (max-width: 460px){
  .feature-block .feature-text{
    text-align: center;
  }
  .feature-text > img{
    text-align: center;
    display: block;
    margin: 0 auto;
  }
}
.section6 {
    padding-top: 50px;
}
.section7 {
    padding-top: 40px;
}
.section-3{
    height: auto !important;
    padding-top: 20px;
}
.section-3{
    padding-top: 10px;
}
@media only screen and (max-width: 1200px){
   .section6 {
        padding-top: 35px;
    }
    .section7 {  
        padding-top: 35px;
    }  
    /*.content-technical-count{
        padding-bottom: 0px;
    }*/
    .section-3{
        padding-top: 20px;
    }
}
@media only screen and (max-width: 1400px){
  .mob-responsive{
    width: 100%;
  }
}
.layout-product .owl-controls{
    position: absolute;
    bottom: 4px;
    width: 100%;
}
.white-bg{
    background: #fff;
}

@media only screen and (max-width: 767px){
  .count-table > ul > li{
        border: 2px solid #fff;
        display: block;
        vertical-align: middle;
        background-color: #F6F6F6;
        width: 100% !important;
        padding: 10px 0px;
    }
    .section-2{
        padding-right: 15px;
        padding-left: 15px;
    }
    .section-3 .table-row-head, .section-4 .table-row-head{
        padding-left: 30px;
        padding-right: 30px;
    }
    .mob-pad{
        padding-right: 15px;
        padding-left: 15px;
        text-align: justify;
    }
    .greenColor .text-width{
        text-align: center;
    }
}
@media only screen and (max-width: 767px){
   .bg-img-scroll {
        background-size: cover !important;
        height: 550px;
    }
    .section-1 .upper-section{
        height: auto;
    }
    .content.content-lower{
        margin-top: -100px;
    }
    .content-box-primary{
        padding: 172px 0px 100px;
    }
}


@media only screen and (max-width: 1400px){
    .v-bottom{
        vertical-align: bottom !important;
    }
}
@keyframes bobble {
    0% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translate3d(5px, 20px, 0px);
        animation-timing-function: ease-out;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes bobble-2 {
    0% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translate3d(10px, 5px, 0px);
        animation-timing-function: ease-out;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes bobble-3 {
    0% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translate3d(-10px, 15px, 0px);
        animation-timing-function: ease-out;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes bobble-4 {
    0% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translate3d(-5px, -10px, 0px);
        animation-timing-function: ease-out;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes bobble-5 {
    0% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translate3d(-10px, -15px, 0px);
        animation-timing-function: ease-out;
    }
    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

.content-box-primary{
    padding: 172px 0px;
    max-width: 563px;
}
.lower-section, .lower-section .textHeight{
    height: 100%;
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
   .lower-section .textHeight .greenColor{
     padding-top: 90px;
   }
}
.owl-carousel .owl-item img.mobile-in-owl{
    max-width:750px;
}
@media(max-width: 767px){
    .owl-carousel .owl-item img.mobile-in-owl{
        max-width:320px;
    }   
}
@media(max-width: 991px){
    .owl-carousel .owl-item img.mobile-in-owl{
        max-width: 390px;
    }   
}
@media(max-width: 767px){
    .inner-o-layout-circle > p{
        bottom: 0;
        position: static;
        text-align-last: left;
    }
    .o-layout-circle > p{
        text-align: left;
    }
    .inner-o-layout{
        width:100%;
        border: none;
    }
    .o-layout{
        position: static;
        height: auto;
        border: none;
    }
    .inner-o-layout-circle,
    .o-layout-circle{
        position: static;
        padding: 10px 0;
        
    }
    .o-layout-circle.o-layout-circle-center{
        position: static;
    }
    .client-view-block{
        padding: 20px;
    }
}
.text-bottom{
    vertical-align: sub;
}
@media screen and (min-width: 768px){
    .laptop-layout img{
        width: 60%;
    }
}
.partner-block-mob{
    margin-top: 30px;
}
.partner-block-mob ul li {
    width: 13%;
    padding: 20px 0px;
}
.partner-block-mob ul li:last-child{
    text-align: left;
}
@media screen and (max-width: 992px){
   .partner-block-mob ul li {
        width: 25%;
    }
}
@media screen and (max-width: 767px){
   .partner-block-mob ul li {
        width: 49%;
    }
    .partner-block-mob{
        margin-top: 15px;
    }
    .social-network-img.pT50{
        padding-top: 0;
    }
    .content.content-technical{
        margin-top: 0;
    }
}
@media screen and (min-width: 1600px){
    .partner-block-img ul li img{
        width: 55%;
    }
}
@media screen and (max-width: 1600px) and (min-width: 767px){
    .partner-block-img ul li img{
        width: 65%;
    }
}
.partner-block.social-network-img {
    margin: 0 auto;
    display: block;
}
@media screen and (min-width: 992px){
   .partner-block.social-network-img{
     max-width: 860px;
     width: 860px;
   }
}
.partner-block.social-network-img ul li{
    margin: 0;
    padding: 0;
}
.partner-block.social-network-img ul li img{
    margin: 0;
    padding:0;
}
.partner-block.social-network-img ul li a{
    display: block;
}
/** no-gutter ***/
.row.no-gutter>[class^="col-"], .row.no-gutter>[class*=" col-"]{padding-left: 0; padding-right: 0;}
.blog-bg{
    margin-bottom: 20px;
}
.blog-bg:nth-child(odd) {
    background:#F0F0F0;
}
.blog-bg:nth-child(even) {
    background:#F7F7F7;
}
.blog-caption{
    padding: 20px;
}
.blog-caption > .blog-caption-category {
    font-size: 14px;    
    font-weight: bold; 
    letter-spacing: 2.1px; 
    line-height: 22px;
    margin: 0;
    min-height: 45px;
}
@media only screen and (max-width: 768px){
    .blog-caption > .blog-caption-category {
        min-height: auto;
    } 
}
.blog-caption > .blog-caption-category a{
    color: #00CA6F; 
    text-decoration: none;
}
.blog-caption > .blog-caption-heading{
    font-family: Gotham-Bold; 
    font-size: 20px;    
    letter-spacing: -0.4px; 
    line-height: 26px;
    margin: 0;
    padding: 10px 0;
}
.blog-caption .blog-caption-heading > a{
    color: #464646; 
    text-decoration: none;
}
.blog-caption .blog-caption-heading > a:hover{
     color: #00ca6f;
}
.blog-caption p{
    color: #7B7B7B; 
    font-size: 14px;    
    font-weight: 300;   
    letter-spacing: -0.3px; 
    line-height: 22px;
}
.blog-caption-date{
    color: #7B7B7B; 
    font-family: Gotham-Medium;   
    font-size: 12px;    
    letter-spacing: 1.8px;  
    line-height: 22px;  
    text-align: right;
    border-top: 2px solid #00ca6f73;
    padding-top: 20px;
    text-transform: uppercase;
}
.blog-thumbnail-img{
    overflow: hidden;
}
.blog-thumbnail-img img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.blog-thumbnail-img img:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

@media only screen and (min-width: 1600px){
    .blog-caption > .blog-caption-heading{
     min-height: 118px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1200px){
    .blog-caption > .blog-caption-heading{
        min-height: 115px;
        font-size: 18px;
        line-height: 24px;
    }
    .blog-caption > .blog-caption-category{
         min-height: 30px;
    }
}

@media only screen and (min-width: 1200px){
    .blog-caption p{
        min-height: 120px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 767px){
    .blog-caption > .blog-caption-heading{
        font-family: Gotham-Bold; 
        font-size: 16px; 
        line-height: 20px;
        min-height: 100px;
    }
    .blog-caption p{
        min-height: 125px;
    }
}

@media only screen and (max-width: 768px){
    .blog-caption > .blog-caption-heading{
        min-height: 80px;
        line-height: 24px
        font-size:22px;
    }

    .blog-caption p{
        min-height: 110px;
    }
    .layout-product  .greenColor{
        margin-top: 30px;
    }
    .blog-thumbnail-img{
        padding: 15px;
    }
}