@font-face {
    font-family: 'Gotham-Black';
    font-display: 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';
    font-display: 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';
    font-display: 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';
    font-display: 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';
    font-display: 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';
    font-display: 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';
    font-display: 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Geomanist-UltraItalic';
    src: url('../fonts_new/Geomanist-UltraItalic.eot?sijkh6');
    src: url('../fonts_new/Geomanist-UltraItalic.eot?sijkh6#iefix') format('embedded-opentype'), url('../fonts_new/Geomanist-UltraItalic.ttf?Geomanist-UltraItalic') format('truetype'), url('../fonts_new/Geomanist-UltraItalic.woff?Geomanist-UltraItalic') format('woff'), url('../fonts_new/Geomanist-UltraItalic.svg#Geomanist-ThinItalic') 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);
    -webkit-font-smoothing: antialiased;
}

header {
    z-index: 1050;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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
}
.mB60 {
    margin-bottom: 60px
}
.mB80 {
    margin-bottom: 80px
}
.mB100 {
    margin-bottom: 100px
}

.mL10 {
    margin-left: 10px
}

.mL20 {
    margin-left: 20px
}

.mL30 {
    margin-left: 30px
}

.mL40 {
    margin-left: 40px
}

.mL50 {
    margin-left: 50px
}

.pT30 {
    padding-top: 30px;
}
.pT20 {
    padding-top: 20px !important
}
.pT40 {
    padding-top: 40px;
}
.pT50 {
    padding-top: 50px;
}
.pT60 {
    padding-top: 60px;
}
.pT70 {
    padding-top: 70px;
}
.pT80 {
    padding-top: 80px
}

.pT100 {
    padding-top: 100px;
}
.pT120 {
    padding-top: 120px;
}
.pT200 {
    padding-top: 200px;
}
.pB20 {
    padding-bottom: 20px;
}
.pB30 {
    padding-bottom: 30px;
}
.pB40 {
    padding-bottom: 40px;
}
.pB50 {
    padding-bottom: 50px;
}
.pB80 {
    padding-bottom: 50px;
}
.pB100 {
    padding-bottom: 100px;
}
.pB120 {
    padding-bottom: 120px;
}
.pB200 {
    padding-bottom: 200px;
}
.pL10{
    padding-left: 10px; 
}
.pL15{
    padding-left: 15px;   
}
.pL20{
    padding-left: 20px;
}
.pL30{
    padding-left: 30px;
}
.pL100{
    padding-left: 100px;
}
.p0{
    padding: 0px;
}
.primary-header {
    float: left;
}

.right-bar {
    position: fixed;
    right: 15px;
    top: 15px;
    /*z-index: 90;*/
    z-index: 125;
}

.nav-toggle {
    position: fixed;
    top: 15px;
    left: 15px;
    background: #00CA6F;
    height: 58px;
    z-index: 200;
    -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);
}

.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;
}

.cd-nav-trigger {
    display: inline-block;
}

.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;
}

.logo-link:hover,
.logo-link:active,
.logo-link:focus {
    background: rgba(0, 0, 0, 0.12);
    color: #fff;
    text-decoration: none;
}

.home .nav-toggle .page-name {
    font-size: 24px;
    line-height: 18px;
    padding: 20px 20px;
    background: #03A55C;
    border-bottom: 0 none;
    color: #fff;
    float: left;
    font-family: Gotham-ultra;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    float: left;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -.02em;
    z-index: 5;
}

.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;
}

.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;
}

.cd-logo {
    top: 28px;
    left: 5%;
}

.cd-logo img {
    display: block;
}

.internal-menu {
    display: block;
    height: 100%;
    overflow-y: visible;
    overflow-x: hidden;
}

.left-menu {}

.cd-primary-nav .left-menu a {
    text-transform: initial !important;
}

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

i.icon-logo {
    line-height: 58px;
    display: block;
}

.cd-nav-close {
    font-size: 20px;
    color: #fff;
    width: 58px;
    display: block;
    height: 58px;
    text-align: center;
    line-height: 58px;
    text-decoration: none;
}

.cd-nav-close i {
    display: block;
    line-height: 58px;
}

.cd-nav-close:hover,
.cd-nav-close:focus {
    background: #222;
    color: #fff;
    text-decoration: none;
}

.nav-toggle .page-name {
    width: 100%;
    padding: 20px;
    margin-left: -116px;
    padding-left: 136px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
    .nav-toggle .page-name {
        max-width: 470px;
    }
}
@media only screen and (max-width: 1439px) and (min-width: 1025px) {
    .nav-toggle .page-name {
        max-width: 850px;
    }
}

@media only screen and (max-width: 600px) {
    .primary-header {
        max-width: 438px;
        display: block;
    }
    .nav-toggle {
        max-width: 438px;
        display: block;
        height: 48px;
    }
    .cd-nav-trigger,
    .logo-link {
        height: 48px;
        width: 48px;
        font-size: 38px;
        position: relative;
    }
    .nav-toggle .page-name {
        width: 100%;
        padding: 15px 20px;
        margin-left: -96px;
        padding-left: 116px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 400px;
    }
    i.icon-logo {
        line-height: 48px;
        display: block;
    }
    .cd-nav-close {
        height: 48px;
        width: 48px
    }
    .cd-nav-close i {
        line-height: 48px
    }
}

@media only screen and (max-width: 414px) {
    .primary-header {
        max-width: 320px;
        display: block;
    }
    .nav-toggle {
        max-width: 320px;
        display: block;
        height: 48px;
    }
    .customer-engagement-banner-mobile .v-mid .customer-engagement-title {
        padding-top: 20% !important;
        width: 75%;
    }
    .customer-engagement-banner-mobile .v-mid .customer-engagement-title  .customer-engagement-subtitle {
        margin-top: -15px;
       
    }
}

@media only screen and (max-width: 320px) {
    .primary-header {
        max-width: 290px;
        display: block;
    }
    .nav-toggle {
        max-width: 290px;
        display: block;
    }
}

.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 .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;
}

.cd-nav-trigger::before {
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
}

.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::after {
    content: '';
    background-color: #00CA6F;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.cd-nav-trigger:hover::before,
.cd-nav-trigger:hover::after {
    background: #1ebf6c;
}

.cd-nav-trigger.close-nav::before {
    /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.cd-nav-trigger.close-nav::after {
    /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
    -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.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.cd-nav-trigger.close-nav .cd-icon {
    /* user clicks on the .cd-nav-trigger element - transform the icon */
    background-color: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.close-nav .cd-icon::before,
.cd-nav-trigger.close-nav .cd-icon::after {
    background-color: white;
}

.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-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;
}
.internal-menu {        
    display: block;     
    height: calc(100% - 50px);       
    position: relative;     
    margin-left: -15px;     
    margin-right: -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;
}

.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;
}

.nav-block {
    margin-bottom: 30px;
    position:relative;
}

@media screen and (min-width: 768px){
    .nav-block:last-child {
        margin-bottom: 0
    }    
}

.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;
   }
} 
.rigt-menu ul li a {
    font-family: "Gotham-Medium";
    font-size: 14px;
    padding-left: 0;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: .2em;
}

.cd-primary-nav li {
    text-align: left;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
}

.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;
}

.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-primary-nav li.coming-soon-link a {
    position: relative;
}

.cd-primary-nav li.coming-soon-link a:hover:after {
    content: "Coming Soon";
    font-size: 12px;
    margin-left: 12px;
    line-height: 1px;
    color: #fff;
}

.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;
    }
}

.cd-primary-nav.fade-in {
    /* navigation visible at the end of the circle animation */
    visibility: visible;
   /* opacity: 1;*/
   top: 0;
}

@media screen and (min-width: 1170px) {
    .cd-primary-nav {
        padding: 100px 2% 0 2%;
    }
}



.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-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);
}

.cd-overlay-nav.is-hidden,
.cd-overlay-content.is-hidden {
    /* background fades out at the end of the animation */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
    /* main rounded colored bg 1 
    z-index: 110;*/
    z-index: -1;
}

.cd-overlay-content {
    /* main rounded colored bg 2 */
    z-index: 111;
}


.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%);
}*/

.sectionBg {
    overflow: hidden;
    cursor: pointer
}

.section {
    position: relative;
}

.section-content {
    position: relative;
    z-index: 1;
    height: 100%;
}

.animated-text-prefix h1 {
    position: relative;
    z-index: -1;
}

.animated-text-prefix a {
    text-decoration: none;
    display: table;
    margin: 0 auto;
    font-family: Gotham-Black;
    text-transform: uppercase;
    font-size: 14px;
}

.animated-text-prefix a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #fff
}

.morphext {
    color: #00CA6F;
}

.morphext > .animated {
    display: inline-block;
    line-height: 26px;
}

.animated-text-prefix h1 {
    font-family: Gotham-Bold;
    font-size: 72px;
    line-height: 83px;
    letter-spacing: -2px;
    color: #FFFFFF;
    margin-bottom: 20px;
    text-align: left;
    max-width: 1000px;
}

.animated-text-prefix p {
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: left;
    line-height: 19px;
    color: #9B9B9B;
}

.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%;
}

.slide .bg-img-still,
.bg-img-still {
    background-color: #fff;
    background-size: initial;
    background-attachment: initial;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.section-6 .bg-img-still {
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    background-size: inherit !important;
}

@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);
    }
}

.fp-auto-height {
    height: initial !important;
}

.slide .stars {
    background: #000 url(../img/stars.png) repeat top center;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.slide .twinkling {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent url(../img/twinkling.png) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back 200s linear infinite;
    -ms-animation: move-twink-back 200s linear infinite;
    -o-animation: move-twink-back 200s linear infinite;
    -webkit-animation: move-twink-back 200s linear infinite;
    animation: move-twink-back 200s linear infinite;
}

.section-1 .stars {
    background: #000 url(../img/stars.png) repeat top center;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.section-1 .twinkling {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent url(../img/twinkling.png) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back 200s linear infinite;
    -ms-animation: move-twink-back 200s linear infinite;
    -o-animation: move-twink-back 200s linear infinite;
    -webkit-animation: move-twink-back 200s linear infinite;
    animation: move-twink-back 200s linear infinite;
}

@keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-webkit-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-moz-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-ms-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

.txt-content h4,
.txt-content .h4 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
    font-family: 'Gotham-black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    margin-top: 0px;
    text-transform: uppercase;
}

.txt-content h3,
.txt-content .h3 {
    font-size: 36px;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    margin-top: 0px;
    max-width: 510px;
}

.txt-content h3 + p {
    margin-top: 20px
}

.txt-content p {
    margin-bottom: 0;
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    max-width: 510px;
}

.link-hover,
.nav-effect a {
    position: relative;
    display: block;
}

.link-hover-invert {
    color: #fff;
    display: table;
    padding: 8px 0;
}

.link-hover-invert::before {
    color: #00cc6b;
}

.link-hover:hover::before,
.nav-effect a:hover::before,
.nav-effect a:focus::before,
.link-hover:focus::before {
    opacity: 0;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.section-1 .container,
.section-2 .container,
.section-3 .container,
.section-4 .container,
.section-5 .container,
.work-page .section-6 .container,
.work-page .section-7 .container,
.work-page .section-8 .container,
.work-page .section-9 .container,
.work-page .section-10 .container,
.work-page .section-11 .container,
.work-page .section-12 .container,
.work-page .section-13 .container {
    height: 100%
}

.section-1 .txt-content a {
    text-transform: uppercase;
}

.txt-content a:hover,
.txt-content a.know-more:hover {
    color: #fff;
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.txt-content a.know-more {
    color: #fff;
    font-family: Gotham-Book;
    font-size: 14px;
    text-decoration: none;
    margin-top: 30px;
    float: left;
    border: 1px solid #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.txt-content a.know-more:hover {
    color: #00cc6b;
}

.img-100 {
    width: 100%;
}

.txt-content {
    display: inline-block;
    vertical-align: middle;
}

.img-content {
    display: inline-block;
    vertical-align: middle;
}

.txt-content.txt-content-no-img {
    display: block;
}

.txt-content a {
    font-family: Gotham-Black;
    font-size: 14px;
    display: inline-block;
    font-family: Gotham-Black;
    font-size: 14px;
    margin-top: 20px;
    text-decoration: none
}

.home-page .section-1 .img-content {
    max-width: 44%;
    width: 100%;
    margin-bottom: 50px;
}

.home-page .section-6 .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-6 .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;
}

.home-page .section-6 p {
    text-align: left;
    font-family: Gotham-book;
    font-size: 16px;
    max-width: 445px;
    color: #101010;
    margin-top: 20px;
}

.list-style-block .h3 {
    color: #999999;
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin: 0 0 0 0;
}

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

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

.list-style-block {
    padding: 0;
    margin: 0 0 20px 0;
}

.list-style-block:last-child {
    margin-bottom: 0;
}

.list-style-block li {
    display: inline-block;
    line-height: 2
}

.list-style-block li a {
    color: #666666;
    font-size: 16px;
    font-family: 'Gotham-Book';
    margin-top: 0;
}

.list-style-block li a:hover {
    color: #101010;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.list-style-block li a:after {
    content: "/";
    display: inline-block;
    margin: 0 10px;
    color: #00CA6F;
    font-size: 16px;
}

.list-style-block li:last-child a:after {
    display: none;
}

.visible-img-content-tablet {
    display: none !important;
}

.section-7 {
    background: #f2f2f2
}

.home-page .quick-reads {
    margin: -22px auto 0;
}

.additional-header {
    padding-bottom: 25px;
}

.additional-header .quick-reads {
    margin-bottom: -60px;
    text-align: center;
    position: relative;
}

.section-7 .txt-content-normal .h3 {
    color: #101010;
    font-size: 36px;
    margin-bottom: 50px;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    margin-top: 0px;
    text-align: center;
    max-width: initial;
}

.client-testimonial {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 990px;
    -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: 120px
}

.client-carousel {
    display: block;
}

.client-wrapper {
    display: block;
    background: #fff;
    float: left;
    width: 100%;
}

.client-img {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    height: auto;
    position: relative;
}

.client-img > .video-btn {
    position: absolute;
    top: 75%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 197px;
    padding: 12px;
}

.owl-carousel .owl-item .video-btn>.play-icn,
.video-btn>.play-icn {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
}

.client-view {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    height: auto
}

.client-view-block {
    padding: 20px;
}

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

.client-view .client-name {
    font-size: 18px;
    color: #111;
    font-family: Gotham-Medium;
    margin-top: 20px;
}

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

.client-carousel .owl-controls {
    float: left;
    margin: 10px auto 0;
    display: table;
    position: relative;
    left: 50%;
    right: 0;
    left: -webkit-calc(50% - 24px);
    left: calc(50% - 24px)
}

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

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

.partner-block ul li {
    display: table-cell;
}

.side .navigation ul li {
    display: none;
}

.section-8 {
    background: #fff;
}

.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;
}

.field-name-field-team-small-text {
    max-width: 595px;
}

.block-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    z-index: 1;
}

.block-wrapper:hover .blog-img-content {
    transform: scale(1.02);
    -o-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
}

.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;
}

.block-wrapper a:hover {}

.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 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;
}

.blog-txt-content-wrapp {
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 20px;
}

.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;
}

.block-wrapper a:hover span {}

.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;
}

.more-link .btn:hover {
    background: #00CA6F;
    border-color: #00CA6F;
}

.stage-1 .side .navigation ul li,
.stage-2 .side .navigation ul li,
.stage-3 .side .navigation ul li,
.stage-4 .side .navigation ul li,
.stage-5 .side .navigation ul li {
    display: block;
}

.slides .side .navigation ul li:nth-child(6),
.slides .side .navigation ul li:nth-child(7),
.slides .side .navigation ul li:nth-child(8),
.slides .side .navigation ul li:nth-child(9),
.slides .side .navigation ul li:nth-child(10),
.slides .side .navigation ul li:nth-child(11),
.slides .side .navigation ul li:nth-child(12) {
    display: none;
}

footer {
    background-color: #000;
    padding-top: 40px;
    padding-bottom: 20px;
}

.footer-block {
    margin-bottom: 20px;
}

.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;
}

.footer-block ul {
    padding: 0;
    list-style: none;
}
.last-menu-block .footer-block {
    margin-bottom: 30px;
}

.footer-block ul li {}

.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.coming-soon-link a:hover:after {
    content: "Coming Soon";
    font-size: 12px;
    margin-left: 12px;
    line-height: 1px;
    color: #fff;
}

.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 a {
    font-size: 15px;
}

.last-menu-block .footer-block ul li.active a {
    color: #00cc6b;
}

.footer-bottom {
    border-top: 1px solid #272727;
}

.footer-bottom ul {}

.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:after {
    content: "-";
    display: block;
    float: right;
    margin: 0 5px 0 10px;
}*/

.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;
}

.section-white {
    background: #fff;
}

.without-side-nav .side {
    display: none !important
}

.contact-form {
    padding-bottom: 70px;
}

.contact-wrapper .h1 {
    margin-top: 160px;
    margin-bottom: 0;
    font-family: 'Gotham-Black';
    font-size: 64px;
    color: #101010;
}

.contact-wrapper .h1 h1 {
    margin: 0px;
    font-size: 64px;
    font-family: 'Gotham-Black';
}

.contact-wrapper p {
    color: #666666;
    font-family: Gotham-Book;
    margin-bottom: 70px;
}

.contact-wrapper textarea.form-control {
    height: 128px;
    resize: none
}

.enquiries {
    padding: 50px 0;
}

.enquiries .title {
    font-family: Gotham-Medium;
    font-size: 16px;
    color: #666666;
}

.enquiries .description p {
    margin-bottom: 0;
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 24px;
}

.contact-alt {
    display: table;
    width: 100%;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f8f8f8', GradientType=0);
}

.contact-alt .column {
    width: 33.3333%;
    /* float: left; */
    display: inline-block;
    padding: 0 10px;
}

.contact-alt .column .featuring-img {
    float: left;
    width: 100%;
}

.contact-alt .column .featuring-img img {
    width: 100%
}

.home-page .contact-alt .column .contact-info {
    margin-top: -6px;
    float: left;
    width: 100%;
    border-right: 1px solid #DDDDDD;
    padding: 40px 25px 60px
}

.contact-alt .column .contact-info {
    float: none;
    width: auto;
    padding: 0px 0px 00px;
    background: #fff;
    margin: 0 auto 0 auto;
    display: table;
    margin-top: 0;
    position: relative;
    top: -50px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-radius: 3px;
    min-width: 276px;
    text-align: left;
}

.contact-alt .column .contact-info .icon {
    display: inline-block;
    vertical-align: top;
    color: #9B9B9B;
    margin-left: 30px;
    width: 38px;
    font-size: 19px;
}

.contact-alt .column .contact-info .icon-with-text {
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
}

.contact-alt .column:last-child .contact-info {
    border: none;
}

.contact-alt .column .contact-info .h4 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: Gotham-Bold;
    font-size: 16px;
    color: #101010;
    margin-left: 30px
}

.contact-alt .column .contact-info p {
    font-family: Gotham-Medium;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 10px;
}

.contact-alt .column .contact-info .phon-number {
    border-top: 1px solid #ECEBEB;
    padding: 15px 30px 5px;
    margin-top: 20px;
}

.contact-alt .column .contact-info .phon-number i {
    color: #9B9B9B;
    display: inline-block;
    width: 38px;
    font-size: 19px;
    vertical-align: middle;
    margin-bottom: 11px;
}

.contact-alt .column .contact-info .phon-number p {
    vertical-align: middle;
    color: #101010;
    display: inline-block;
    font-family: Gotham-Medium;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 24px;
}

.section-with-background {
    position: relative;
    display: table;
    margin: 0 auto;
}

.section-with-background .content {
    display: table-cell;
    vertical-align: middle;
}

.section-background-div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain;
    background-position: top right;
}

.blog-detail-wrapper {
    display: block;
}

.blog-detail-wrapper .h2 {
    margin-top: 100px;
    color: #101010;
    font-family: Gotham-Ultra;
    font-size: 64px;
    margin-bottom: 10px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
    letter-spacing: -2px;
}

.blog-detail-wrapper .h2 h2 {
    font-size: 64px;
    margin: 0;
}

.blog-detail-wrapper .blog-detail-block {
    50px auto 30px auto
}

.blog-detail-wrapper .blog-detail-block:first-child {
    margin: 0px auto 30px;
}

.blog-detail-wrapper .blog-detail-block a {
    text-decoration: none;
    float: none;
}

.blog-detail-wrapper .blog-detail-block a:first-child {
    float: none;
}

.blog-detail-wrapper .blog-detail-block a.blog-category-link-an {
    display: inline-block;
}

.blog-detail-wrapper .blog-detail-block p a {
    float: left;
}

.blog-detail-wrapper .blog-detail-block .blog-detail-heading {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    line-height: 1.2;
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 28px;
    margin-bottom: 5px;
}

.blog-detail-wrapper .blog-detail-block a:hover .blog-category {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-detail-wrapper .blog-detail-block a:hover .blog-detail-heading {
    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);
}

.blog-detail-wrapper .view-more {
    margin: 30px auto 60px;
}

.blog-detail-wrapper .view-more.subscribe a.btn {
    min-width: 150px;
}

.blog-detail-wrapper .blog-detail-block p {
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin: 0;
}

.blog-detail-wrapper .blog-detail-block a.specific-blog-feature {
    border-radius: 4px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    clear: both;
    float: none !important;
}

.specific-blog-feature img {
    width: 100%;
}

.blog-read-more {
    margin: 10px 0 40px;
    display: block;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 24px;
    color: #9B9B9B;
    float: none !important;
}

.blog-read-more:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-featured-img-wrap {
    margin: 40px 0 90px 0;
    border-radius: 4px;
    position: relative;
}

.blog-featured-img-wrap img {
    width: 100%;
    border-radius: 4px;
}

.blog-featured-img-wrap span {
    font-family: Gotham-Medium;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 10px;
    left: 10px;
}

.green-block {
    width: 400px;
    height: 160px;
    background-color: #00CA6F;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -80px;
    padding: 40px;
}

.blog_animation {
    display: block;
    width: 80px;
    height: 2px;
    background: #00CA6F;
    margin-bottom: 40px;
}

.green-block .h5,
.green-block h5 {
    margin: 0;
    font-family: Gotham-Bold;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
}

.green-block .h5 a,
.green-block h5 a {
    text-decoration: none;
}

.green-block p {
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    margin: 10px 0 0 0;
}

.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%);
}

.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;
}

.home-page .section-6.active ~ .pagi,
.home-page .section-7.active ~ .pagi,
.home-page .section-8.active ~ .pagi,
.home-page .section-9.active ~ .pagi,
.home-page .section-10.active ~ .pagi {
    display: none;
}

.work-page .pagi {
    right: initial;
    left: 37px;
    top: 50%;
    margin-top: -160px;
}

.work-page .pagi li a {}

.work-page .pagi li a span {
    text-indent: 0;
    color: #444;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
   /* font-family: Gotham-Bold;*/
    width: 34px;
    height: 25px;
    display: block;
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid transparent

}

.work-page .pagi li a.active span,
.work-page .pagi li a:hover span {
    color: #fff;
    border-bottom: 1px solid #fff
}

.work-page .pagi li {
    display: block;
    width: 34px;
    height: 25px;
    position: relative;
    margin-bottom: 10px;
}

.case-study-wrapper .container {
    overflow: hidden;
}

.case-study-wrapper {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center !important;
}

.case-study-heading {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 92px;
    margin-bottom: 10px;
    font-family: Gotham-Bold;
    color: #00ca6f;
    text-align: center
}

.case-study-head-info {
    margin-bottom: 10px;
    font-size: 48px;
    font-family: 'Gotham-Black';
    line-height: 1;
    color: #fff;
    text-align: center;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}

.case-study-head-info h1 {
    color: #fff;
    font-size: 48px;
    margin: 0;
    font-family: 'Gotham-Black';
}

.case-study-tag {}

.case-study-tag ul {
    list-style: none;
    padding: 0;
    margin: 20px auto 50px auto;
    max-width: 830px;
    text-align: center;
}

.case-study-tag ul li {
    font-size: 16px;
    color: #666666;
    font-family: Gotham-Book;
    display: inline-block;
    line-height: 30px;
}

.case-study-tag ul li:after {
    content: ".";
    display: block;
    line-height: 25px;
    text-align: center;
    float: right;
    font-size: 30px;
    margin: 0 7px 0 13px;
}

.case-study-tag ul li:last-child:after {
    display: none;
}

.case-study-featuring-img {
    overflow: hidden;
}

.case-study-featuring-img img {
    max-width: 80%;
    margin: 0 auto;
    display: block
}

.background-gray {
    background: #F4F4F4;
}

.case-story {
    padding-top: 100px;
    padding-bottom: 100px;
}

.circular-animation-wrap {
    text-align: center;
}

.circular-animation {
    display: inline-table;
    text-align: center;
    position: relative;
    width: 195px;
    height: 195px;
    vertical-align: top;
}

.landing-cs-circles .circular-animation svg {
    stroke-dashoffset: 18 !important;
}

.circular-animation svg {
    width: 195px;
    height: 195px;
    z-index: 1;
    stroke-dasharray: 602;
    stroke-dashoffset: 602;
    -webkit-transition: all 1.4s;
    transition: all 1.4s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: middle;
    display: inline-block;
    position: absolute;
}

.circular-animation.animation.fadeIn {
    opacity: 1
}

.circular-animation:nth-child(2) svg {
    -webkit-transition: all 1.7s;
    transition: all 1.7s;
}

.circular-animation:nth-child(3) svg {
    -webkit-transition: all 2s;
    transition: all 2s;
}

.circular-animation:nth-child(4) svg {
    -webkit-transition: all 2.3s;
    transition: all 2.3s;
}

.circular-animation.animation[style*="visibility: visible"] svg {
    stroke-dashoffset: 18;
}

.circular-animation svg circle {
    box-shadow: 0px 0px 30px 0px rgba(15, 115, 238, 0.1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(15, 115, 238, 0.1);
}

.circular-animation .feature-txt {
    max-width: 180px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.circular-animation .feature-txt h4 {
    font-size: 33px;
    color: #333;
    font-family: Gotham-Ultra;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    text-overflow: initial;
    white-space: normal;
    max-width: 180px;
    word-wrap: break-word;
}

.circular-animation .feature-txt p {
    margin: 0 0 -10px 0;
    font-size: 14px;
    padding: 0 9px;
}

.top-parallex {
    display: block;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}

.top-banner-block {
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.top-banner-block.current-opening-detail-header.current-blog-detail-crx {
    display: block;
    overflow: hidden;
}

.container-tst {
    display: table-cell;
    vertical-align: middle;
    top: initial !important;
    left: initial !important;
}

.top-banner-bg {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-position: top right !important;
}

.top-banner-block p {
    margin-bottom: 0px;
}

.top-banner-block .h1 {
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Black';
    margin-top: 0px;
}

.top-banner-block .h1.blog-detail-h1,
.top-banner-block .h1.blog-detail-h1 h1 {
    font-family: Gotham-Ultra;
    font-size: 48px;
    text-align: center;
    line-height: 56px;
    letter-spacing: -1px;
    color: #FFFFFF;
}

.top-banner-block .h1.blog-detail-h1 p {
    font-family: Gotham-Medium;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    color: #FFFFFF;
    display: block;
    width: 100%;
    margin-top: 20px
}

.current-opening-detail-header .gray-text {
    color: #fff;
    font-family: Gotham-Medium;
}

.current-opening-detail-header .gray-text a {
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: center;
    line-height: 19px;
    color: #FFFFFF;
}

.nutshell-wraper {
    background-color: #f5f5f5;
    position: relative;
    border-radius: 2px;
    display: block;
    padding: 50px 0;
    margin: 60px auto 40px;
}

.nushell-heading {
    width: 155px;
    height: 50px;
    background-color: #FFFFFF;
    border: 2px solid #EAEAEA;
    font-family: Gotham-Bold;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 2px;
    color: #1A1A1A;
    position: absolute;
    top: -75px;
    text-align: center;
    line-height: 43px;
}

.nutshell ul {}

.nutshell li {
    font-family: Gotham-Medium;
    font-size: 16px;
    line-height: 32px;
    color: #1A1A1A;
    padding-left: 5px;
}

.nutshell li:before {
    content: "/";
    display: inline-block;
    /*margin-right: 5px;*/
    position: absolute;
    left: 5px;
}

.top-banner-block .h1 h1 {
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: 'Gotham-Black';
}

.text-content-bottom {
    padding-bottom: 40px;
    background: #fff;
}

.text-content-bottom + .container-fluid,
.text-content-bottom + .container-fluid + .container {
    background-color: #fff;
}

.bg-white-color {
    background-color: #fff;
}

.text-content-bottom .h4 {
    color: #757575;
    font-family: Gotham-Black;
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 12px;
    text-transform: uppercase;
}

.text-content-bottom p {
    font-size: 16px;
    margin-bottom: 10px;
}

.text-content-bottom-cell {}

.frmwork-feature-img {
    display: block;
    width: 100%;
    background: #f4f4f4;
}

.frmwork-feature-img img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}

/*.svg-icon {
    width: 45px;
    height: 45px;
}*/
.svg-icon {
    width: auto;
    height: auto;
}

.svg-icon.svg-center {
    margin: 0 auto;
    display: block;
}

.media-icon-custom {
    min-width: 100px
}

.differ-content i {
    color: #999;
    font-size: 60px;
}

.differ-content {
    max-width: 640px;
    width: 100%;
}

.differ-content .media-heading {
    color: #fff;
    line-height: 1.3;
    margin-bottom: 18px;
    font-size: 24px;
}

.differ-content p {
    color: #999;
    line-height: 1.4;
    font-size: 16px;
}

.differ-content ul {
    margin: 0;
    padding: 0;
}

.differ-content ul li {
    position: relative;
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 24px;
    color: #999999;
    padding-left: 20px;
}

.differ-content ul li:before {
    content: "/";
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

.why-vinfo {
    background: #F9F9F9;
    padding-top: 20px;
    padding-bottom: 90px;
}

.why-vinfo .h3 {
    font-size: 24px;
    font-family: 'Gotham-Black';
    margin-bottom: 60px;
}

.why-vinfo .media-heading {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.why-vinfo p {
    font-size: 16px;
    margin-bottom: 30px;
    overflow: auto;
}

.why-vinfo .media-left {
    font-size: 80px;
    line-height: 82px;
    color: #E6E6E6;
    margin-right: 20px;
    width: 100px;
    font-family: Gotham-Black;
    min-width: 100px;
    vertical-align: top;
}

.bold-type {
    font-family: Gotham-Bold;
    font-size: 1em;
}

.pera-img-view-1 {
    background-size: cover !important;
    background-position: center !important;
    /*background-attachment:fixed !important;*/
    min-height: 200px;
    background-repeat: no-repeat !important;
}

.show-case-type-1 .show-case {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
    background-color: #fff;
}

.show-case-type-1 .show-case.even {
   /* background: url(../img/ST-1.png) no-repeat;*/
    background-size: contain;
    background-color: #fff;
}

.show-case-type-1 .show-case + .show-case {
    border-top: 1px solid #ECECEC;
}

.show-case-type-1 .show-case.odd {
    background: url(../img/ST-2.png) no-repeat;
    background-position: top right;
    background-size: contain;
    background-color: #fff;
}

.show-case-type-1 .show-case-content {}

.show-case-type-1 .show-case-text-block .h5 {
    font-size: 14px;
    color: #999;
    font-family: Gotham-Bold;
    line-height: 1.4;
    text-transform: uppercase;
}

.show-case-type-1 .show-case-text-block .h3 {
    color: #101010;
    font-size: 24px;
    line-height: 1;
    font-family: 'Gotham-Black';
    margin-top: 0px;
    margin-bottom: 10px;
}

.show-case-type-1 .show-case-text-block a {
    font-family: Gotham-Bold;
    color: #00CA6F;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 30px;
    display: block;
}

.show-case-type-1 .show-case-text-block a:hover {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.show-case-type-1 .show-case-text-block p {
    margin-bottom: 20px;
    font-size: 16px
}

.show-case-type-1 .show-case-text-block-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.show-case-type-1 .show-case-img-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.show-case-type-1 .show-case-img-block img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.show-case-type-1 .show-case + .more-show-case {
    padding-top: 35px;
    padding-bottom: 35px;
    //border-top: solid 1px #ECECEC;
    background-color: #fff;
}

.work-page * {
    -o-transform: translate3d(0, 0, 0px);
    -ms-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px);
}

.work-page .show-case-type-1 .show-case {
    background: none
}

.work-page .show-case-type-1 .show-case-text-block .h5 {
    color: #fff;
}

.work-page .show-case-type-1 .show-case-text-block .h5 h5 {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.work-page .show-case-type-1 .show-case-text-block .h3 {
    font-size: 48px;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    margin-top: 0px;
}

.work-page .show-case-type-1 .show-case-text-block a {}

.work-page .show-case-type-1 .show-case-text-block a:hover {
    color: #fff
}

.work-page .show-case-type-1 .show-case-text-block p {
    font-family: 'Gotham-Book';
    font-size: 16px;
    color: #fff;
}

.work-page .show-case-type-1 .show-case-text-block a p {
    letter-spacing: 0px;
}

.more-show-case a {
    display: block;
    font-family: Gotham-Bold;
    font-size: 14px;
    letter-spacing: 2px;
    color: #00CA6F;
    text-decoration: none;
    text-align: center;
}

.client-block {
    display: block;
    width: 100%;
}

.more-show-case a:hover {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

/*.more-show-case a i {
    display: none;
}*/

.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-block {
    display: block;
    width: 100%;
}

.client-block.without-img .client-pic {
    display: none;
}

.client-block.without-img .client-info {
    margin-left: 0;
    padding-left: 0;
}

.show-case-type-2 {
    background: #f9f9f9;
    padding-top: 60px;
    overflow: hidden;
    clear: both;
}

.show-case-type-2 .h3 {
    font-family: 'Gotham-Black';
}

.show-case-type-2 .show-case-content {
    display: table;
    width: 100%;
}

.show-case-type-2 .show-case-content .h4 {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 20px;
}

.show-case-type-2 .show-case-content p {
    font-size: 16px;
    margin-bottom: 15px;
}

.show-case-type-2 .show-case-content p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
    color: #101010;
}

.show-case-text {
    width: 42%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.show-case-img {
    width: 58%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-left: 30px;
    position: relative;
}

.show-case-type-2 .show-case-content.odd .show-case-img {
    text-align: left;
    padding-left: initial;
    padding-right: 30px;
    left: -42%
}

.show-case-type-2 .show-case-content.odd .show-case-text {
    left: 58%;
}

.show-case-img img {
    max-width: 100%;
}

.featur-vinfo {
    background: #f4f4f4;
    padding: 80px 0 80px 0;
}

.featur-vinfo i {
    font-size: 33px;
    color: #333333;
}

.featur-vinfo .media-left {
    min-width: 65px;
}

.featur-vinfo .media-heading {
    font-family: Gotham-Bold;
    font-size: 20px;
    color: #101010;
    margin: 0 0 10px 0;
    padding-right: 15px;
}

.featur-vinfo .txt-content-new h3 {
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin-bottom: 50px;
    color: #262626
}

.featur-vinfo .txt-content-new p {
    margin-bottom: 50px;
}

.featur-vinfo .txt-content-new h6 {
    margin: 0px 0 40px;
    font-family: Gotham-Bold;
    font-size: 20px
}

.home-page-blog-section {
    background: #fff;
}

.section-1 .txt-content p {
    margin-top: 20px;
}

.blog-category {
    font-family: Gotham-Book;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0px;
    margin-bottom: 10px;
    line-height: 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.client-story-wrapper {
    display: table;
    width: 100%;
}

.client-story {
    margin: 40px auto 30px;
}

.client-story1 .client-story {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.client-story p {
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}

.journey-wraper {
    padding-top: 100px;
    overflow: hidden;
    padding-bottom: 60px;
    /*float: left;*/
    width: 100%;
}

.journey-wraper .h2,
.challenge .h2,
.user-story-line .h2,
.h2.acc {
    margin-top: 10px;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 30px;
    font-family: 'Gotham-Black';
}

.journey-wraper .h2 h2 {
    font-size: 36px;
    margin: 0;
}

.journey-wraper .p {
    margin-bottom: 20px;
    letter-spacing: 0;
    font-size: 16px;
}

.journey-wraper .list-unstyled {
    line-height: 30px
}

.journey-wraper .small {
    color: #666666;
    font-size: 18px;
    font-family: Gotham-Black;
    margin-top: 60px;
}

.challenge {
    padding-bottom: 100px;
    background-color: #fff;
}

.challenge ul {
    padding: 0;
    margin: 0;
}

.challenge ul li {
    list-style: none;
}

.challenge ul li p {
    margin: 0
}

.challenge ul li.client {
    position: relative;
    font-size: 16px;
    font-family: Gotham-Bold;
    line-height: 23px;
    margin: 0 0 00px 0;
}

.challenge ul li.client:before {
    position: absolute;
    content: "CLIENT";
    color: #b2b2b2;
    left: -90px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 29px;
}
.challenge ul li.client1 {
    position: relative;
    font-size: 16px;
    font-family: Gotham-Bold;
    line-height: 23px;
    margin: 0 0 00px 0;
}

.challenge ul li.client1:before {
    position: absolute;
    content: "TRAVELER";
    color: #b2b2b2;
    left: -116px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 29px;
}

.challenge ul li.tech {
    position: relative;
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 30px 0;
}

.challenge ul li.tech:before {
    position: absolute;
    content: "VINFOTECH";
    color: #b2b2b2;
    left: -126px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 23px;
}

.wrap-label {
    border-top: 1px solid #ECECEC;
}

.user-story-wrapper,
.journey-wraper {
    background: #fff;
}

.user-stories-heading {
    background-color: #fff;
    border: 1px solid #ececec;
    font-family: Gotham-Bold;
    margin: -15px auto 0;
    text-transform: uppercase;
    width: 215px;
    letter-spacing: 2px;
    line-height: 1.4;
    padding: 5px 40px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

.user-story {
    padding-top: 0px;
    padding-bottom: 60px;
    text-align: center
}

.user-story-block {
    text-align: left;
    display: inline-block;
    float: none;
    vertical-align: top;
    text-align: left;
    min-width: 229px;
}

.user-story-block p {
    color: #333;
    font-size: 26px;
    font-family: FeltThat;
    line-height: 1.1;
    margin-bottom: 10px;
}

.user-story-block-content {
    min-height: 170px;
    max-width: 198px;
    padding: 20px 20px 30px 20px;
    background-image: url(../img/User-Story-BG-01.png);
    background-repeat: no-repeat;
    max-width: 198px;
    margin: 0 auto;
    background-color: #fff582;
    background-position: bottom right;
    background-size: cover;
    margin-bottom: 20px;
}

.user-story-block:last-child .user-story-block-content {
    margin-bottom: 0;
}

.user-story-block-content[style*="height: auto;"] {
    background-size: cover;
}

.user-story-line p {
    margin-bottom: 30px;
}

.user-story-start {
    color: #101010;
    font-size: 36px;
    line-height: 1;
    font-family: FeltThat;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}

.showcase-slider {
    background: #101010;
    padding: 100px 0;
    overflow: hidden;
}

.slider-wrapper .owl-nav.disabled {
    display: none;
}

.slider-wrapper .owl-dots.disabled {
    display: none;
}

.slider-txt-content h3 {
    font-size: 36px;
    color: #fff;
    font-family: Gotham-Black;
    padding-right: 15px;
    margin-bottom: 30px;
    margin-top: 0;
}

.slider-txt-content p {
    font-size: 16px;
    color: #999;
    font-family: Gotham-Book;
    padding-right: 15px;
    margin-bottom: 30px;
}

.slider-txt-content {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider-txt-content.mobile {
    width: 58%;
}

.slider-txt-content.tablet {
    width: 40%;
}

.slider-txt-internal {
    max-width: 480px;
}

.slider-txt-internal .owl-nav .owl-prev,
.slider-txt-internal .owl-nav .owl-next {
    background: #333;
    color: #fff;
    display: inline-block;
    width: 108px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slider-txt-internal .owl-nav i {
    line-height: 48px;
}

.slider-txt-internal .owl-nav .owl-prev:hover,
.slider-txt-internal .owl-nav .owl-next:hover {
    background: #2d2d2d;
}

.slider-txt-internal .owl-nav .owl-next {
    margin-left: 20px;
}

.slider-wrapper {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
}

.slider-wrapper.tablet {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
}

.slider-wrapper.mobile {
    width: 25%;
}

.slider-wrapper-main.window {
    background: url(../img/browser-window.png) no-repeat;
    padding: 4.1% 0 0;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-wrapper-main.mobile {
    background: url(../img/mobile-frm.png) no-repeat;
    padding: 23.65% 6.1% 23.65% 6.1%;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-wrapper-main.tablet {
    background: url(../img/ipad-frm.png) no-repeat;
    padding: 4.7% 9.7%;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-txt-internal .owl-nav {
    margin-bottom: 50px;
}

.slider-txt-content a {
    font-family: Gotham-Bold;
    float: left;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    display: block
}

.slider-txt-content a:hover,
.slider-txt-content a:focus {
    text-decoration: none;
    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);
}

.showcase-img-wrapper {
    padding-top: 100px;
    background: #fff;
}

.showcase-img-wrapper img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.showcase-nav-footer {
    border-top: 1px solid #ECECEC;
    width: 100%;
    display: table;
    height: 140px;
    background: #fff;
}

.slider-txt-internal .owl-nav .owl-prev,
.slider-txt-internal .owl-nav .owl-next {
    background: #333;
    color: #fff;
    display: inline-block;
    width: 108px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}

.showcase-nav-footer .prev-case,
.showcase-nav-footer .next-case {
    padding: 25px 15px;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.showcase-nav-footer .prev-case:hover,
.showcase-nav-footer .next-case:hover {
    background: #eaeaea;
}

.showcase-nav-footer .next-case {
    border-left: 1px solid #ECECEC
}

.showcase-nav-footer a {
    text-decoration: none;
    display: block;
    width: 100%;
    position: relative;
}

.showcase-nav-footer h4 {
    font-family: Gotham-Black;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.4;
}

.showcase-nav-footer p {
    font-style: italic;
    color: #101010;
    margin-bottom: 0;
    display: none;
    padding: 0 25px;
}

.showcase-nav-footer i {
    font-size: 20px;
    color: #101010;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    left: 0;
}

.showcase-nav-footer .next-case i {
    left: initial;
    right: 0;
}

.showcase-slider.showcase-slider-acc {
    background: #fff;
}

.showcase-slider.showcase-slider-acc .slider-txt-content h3 {
    color: #101010;
}

.story-line-wrapper {
    width: 100%;
    display: inline-block;
    padding-bottom: 100px;
}

.show-case-type-1.type-left.acc {
    background: #fff;
}

.story-start {}

.story-post {
    width: 100%;
    position: relative;
    display: inline-block;
    float: left;
}

.story-post:after {
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    content: "";
    background: #e8e8e8;
    right: 0;
    margin: 0 auto;
    display: block;
}

.post-internal {
    width: 50%;
    position: relative;
    float: left;
    clear: both;
    padding-right: 80px;
}

.post-internal:after {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/tree-awwow-left.png) no-repeat;
    top: 9px;
    width: 137px;
    margin: 0 auto;
    height: 47px;
    right: -68px;
    z-index: 1;
}

.story-post h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 21px;
    font-family: Gotham-Bold;
    letter-spacing: -2px;
}

.story-post p {
    margin-bottom: 0;
    font-size: 16px;
    max-width: 440px;
}

.story-post:nth-child(even) {
    text-align: right
}

.story-post:nth-child(even) p {
    float: right;
}

.story-post:nth-child(odd) {}

.story-post:nth-child(odd) p {
    float: left;
}

.story-post:nth-child(odd) .post-internal {
    left: 50%;
    padding-left: 80px;
    padding-right: initial;
}

.story-post:nth-child(odd) .post-internal:after {
    background: url(../img/tree-awwow-right.png) no-repeat;
    left: -68px;
    right: initial;
}

.story-post:last-child:after {
    display: none;
}

.featured-in {
    padding-top: 60px;
    padding-bottom: 0;
    width: 100%;
    display: inline-block;
}

.featured-in h2 {
    text-align: center;
    font-family: FeltThat;
    font-size: 36px;
    line-height: 1;
}

.featured-in ul {
    padding: 0;
    margin: 30px 0 30px;
    text-align: center;
}

.featured-in li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.featured-in li img {
    margin: 0 auto;
    max-height: 100px;
    display: block;
    height: auto;
}

.about-wrapper {
    background-repeat: no-repeat !important;
    float: left;
    width: 100%;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: top center !important;
}

.about-heading {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.about-heading h1 {
    font-size: 42px;
    margin-top: 50px;
    margin-top: 0;
    font-family: "Gotham-Black";
    line-height: 1;
    color: #fff;
    /*text-align: left;*/
    margin-left: auto;
    margin-right: auto;
}

.about-heading {
    font-size: 42px;
    font-family: "Gotham-Black";
    line-height: 1;
    color: #fff;
   /* text-align: left*/
}

.about-heading p {
    font-family: 'Gotham-Book';
    font-size: 16px;
}

.about-heading.mB0 {
    margin-bottom: 0;
}

.about-wrapper p {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 24px;
}

.about-wrapper a {
    font-family: Gotham-Bold;
    font-size: 14px;
    margin-bottom: 50px;
    display: inline-block;
    margin-right: 20px;
}

.about-wrapper a:focus,
.about-wrapper a:hover {
    text-decoration: none;
    color: #fff;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.our-aim {
    padding-bottom: 100px;
    overflow: hidden;
}

.our-aim .p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
}

.journey-wraper.our-aim .h2 {
    font-size: 48px;
    margin-bottom: 40px;
}

.journey-wraper.our-aim .h2 h2 {
    font-size: 40px;
    margin: 0;
}

.dark-bg {
    background: #101010;
}

.dark-bg img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.rapid-development-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #fff;
}

.rapid-development-content {
    padding-top: 80px;
    display: inline-block;
    background: url(../img/design-thinking-768.png) no-repeat;
    background-position: center center;
    background-size: contain;
    padding-bottom: 80px;
}

.rapid-development-content .h3 {
    font-family:'Gotham-Black';
    margin-top: 0;
    font-size: 42px;
    margin-bottom: 20px;
}

.rapid-development-content li {
    font-family: Gotham-Bold;
    font-size: 14px;
    list-style: none;
    line-height: 2;
}

.dark-gray-bg {
    background: #EBEBEB;
    overflow: hidden
}

.internal-process-img {
    text-align: right
}

.internal-process-img img {
    max-width: 100%;
    position: relative;
    z-index: 0;
}

.internal-process-img .p {
    position: relative;
    z-index: 10;
}

.internal-process-img p {
    font-size: 34px;
    margin-bottom: -72px;
    line-height: 1.4;
    font-family: 'Gotham-Black';
    text-align: left;
    float: left;
    position: relative;
    z-index: 10;
}

.internal-process-wrap {
    padding-top: 140px;
    padding-bottom: 110px;
}

.internal-process-img img.img-2 {
    display: none;
}

.gallery-slider-wrap {
    position: relative;
    background: #fff;
    float: left;
    width: 100%;
}

.gallery-slider-wrap .owl-carousel {
    position: relative;
}

.gallery-slider-wrap .owl-nav {
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-slider-wrap:hover .owl-nav {
    opacity: 1
}

.gallery-slider-wrap .owl-nav .owl-prev,
.gallery-slider-wrap .owl-nav .owl-next {
    position: absolute;
    width: 84px;
    height: 162px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    overflow: hidden;
    font-size: 78px;
    line-height: 180px;
    text-align: center;
    top: 30%;
    top: calc(50% - 90px);
}

.gallery-slider-wrap .owl-nav .owl-next {
    right: 15px;
}

.gallery-slider-wrap .owl-nav .owl-prev {
    left: 15px;
}

.gallery-slider {
    display: block;
    width: 100%;
}

.gallery-slider-wrap .owl-controls {
    display: block;
    margin-bottom: 30px;
    margin-top: 30px;
}

.gallery-slider-wrap .owl-controls svg {
    height: 70px;
    stroke: #8f8f8f;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-slider-wrap .owl-controls .owl-prev:hover svg,
.gallery-slider-wrap .owl-controls .owl-next:hover svg {
    stroke: #101010
}

.navbar-toggle-cross:hover,
.navbar-toggle:hover {
    background: #00BE6A;
}

.custom-popup.modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

.back-clm {
    background: #00CA6F;
    border-radius: 2px;
    padding: 15px;
    margin: 10px 15px;
}

.custom-popup .modal-content {
    background-color: transparent;
    vertical-align: middle;
    display: table-cell;
    box-shadow: none;
    border: 0;
}

.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;
}

.custom-popup .modal-body {
    padding: 0 0 8px 0;
    background: #00CA6F
}

.custom-popup .modal-dialog {
    max-width: 500px;
    margin: 0 auto;
    display: table;
    height: 100%;
    width: 100%
}

.custom-popup.fade.in ~ .modal-backdrop.fade.in {
    background: rgba(255, 255, 255, 0.99)
}

.custom-popup form {
    max-width: 304px;
    margin: 0 auto;
}

.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;
}
.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;
}

.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 .has-error a {
    background: #fff;
    border-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #fff;
    box-shadow: inset 0 -1px 0 #fff;
}

.custom-popup form .has-error a:focus {
    -webkit-box-shadow: inset 0 -1px 0 #101010;
    box-shadow: inset 0 -1px 0 #101010;
    border-bottom-color: #101010;
}


.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 .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-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 .btn {
    padding: 20px 20px;
}

.custom-popup form .btn.btn-default {
    background: #444444;
    border-color: #444;
}

.custom-popup form .btn.btn-default:hover,
.custom-popup form .btn.btn-default:focus {
    background: #101010;
    border-color: #101010;
}

.custom-popup form .btn:hover {
    background: #02b765;
    color: #fff;
    border-color: #02b765
}

.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
}

.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
}

.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: 260px;*/
    max-width: 300px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: none;
    color: #02b765;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

/*.has-error .help-block {
    background: #fff;
    display: table;
    padding: 5px 10px;
    position: absolute;
    border-radius: 4px;
    -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);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    right: -10px;
    z-index: 1;
    margin: 2px 0 0 0;
}*/

/*.has-error .help-block:after,
.has-error .help-block:before {
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.has-error .help-block:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: 0;
}*/

/*.has-error .help-block:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-width: 9px;
    margin-left: 0;
    right: 9px;
}*/

.form-group {
    position: relative;
}

.modal-contact-area {
    display: block;
    width: 100%;
}

.modal-contact-area .contact-left {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.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 {
    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 .modal-contact-area-seprator:after {
    width: 1px;
    height: 100%;
    content: "";
    background: #00ca6f;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.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
}

.current-opening-header a {
    font-size: 14px;
    font-family: Gotham-Bold;
    display: block;
    float: left;
}

.current-opening-header a:hover,
.current-opening-header a:focus {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    text-decoration: none;
    color: #000;
}

.current-opening-header.top-banner-block .h1 {
    margin-bottom: 10px;
}

.white-bg {
    background: #fff;
}

.why-vinfo .h2 {
    margin-bottom: 30px;
    font-family: 'Gotham-Black';
    line-height: 1;
    font-size: 48px;
}

.lp-block {
    margin-top: 30px;
}

.why-vinfo .p.mB0 p {
    margin-bottom: 0;
}

.why-vinfo .p.mB0 p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
    color: #101010;
}

.why-vinfo .p.mB0 {
    margin-bottom: 30px;
}

.why-vinfo .p.mB0:last-child {
    margin-bottom: 0;
}

.why-vinfo-with-lp-block {}

.why-vinfo-with-lp-block .lp-img img {
    width: 100%;
}

.why-vinfo-with-lp-block .equal-col {
    max-width: 600px;
}

.why-vinfo-with-lp-block .equal-col p {
    padding: 30px 15px;
    margin: 0;
}

.why-vinfo-with-lp-block .equal-col .li-name {
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 1.3;
    padding: 0px 15px;
}

.why-vinfo-with-lp-block .equal-col .li-name p {
    font-family: 'Gotham-Book';
    padding: 0;
    color: #333333;
    margin-top: 10px;
}

.open-position {
    border-top: 1px solid #eee;
    padding-top: 80px;
    padding-bottom: 60px;
    background-color: #fff;
}

.open-position .h2 h2 {
    font-family: 'Gotham-Black';
    font-size: 48px;
}

.open-position .h3 h3 {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-top: 60px;
    font-family: 'Gotham-Black';
    margin-bottom: 70px;
    border-top: 3px solid;
    color: #666;
}

.badge {
    font-size: 12px;
    line-height: 1.5;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    color: #FFF;
    font-weight: normal;
    display: inline-block;
    padding: 3px 5px;
    vertical-align: middle;
    border-radius: 2px;
}

.vacancy {
    display: block;
    margin-bottom: 40px;
}

.vacancy a {
    line-height: 1.5;
    vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    font-family: Gotham-Bold;
    color: #101010;
    margin-top: 0;
    text-decoration: none;
    padding-right: 10px;
}

.panel .vacancy a {
    text-transform: none
}

.vacancy-location {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

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

.upload-cv {
    display: block;
    width: 100%;
    margin: 10px 0 50px 0;
    display: none;
}

.badge-info {
    background: #008cff;
}

.badge-danger {
    background: #FF5750;
}

.current-opening-detail-header a {
    display: inline-block
}

.current-opening-detail-header a:hover {
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.current-opening-detail-header.key-people {
    background: #F6F6F6;
}

.current-opening-detail-header.key-people.top-banner-block .h1 {
    margin-top: 20px;
}

.key-detail {
    padding-top: 60px;
    padding-bottom: 90px;
    font-size: 16px;
    background-color: #fff;
}

.key-people-wrapper {}

.key-people-block {
    margin-bottom: 100px;
}

.key-people-block:last-child {
    margin-bottom: 00px;
}

.key-people-img {
    display: inline-block;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.05)
}

.key-people-img img {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
}

.key-people-info {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.key-people-info .h4 {
    font-family: 'Gotham-Bold';
    font-size: 24px;
    margin: 0;
}

.key-people-info small {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    display: block;
}

.key-people-info p {
    font-family: 'Gotham-Book';
    font-size: 16px;
}

.gray-text {
    color: #999
}

.gray-text a {
    color: #999
}

.gray-text a:hover,
.panel-body > a:hover,
.panel-body > a:focus {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-detail p {
    line-height: 28px;
}

.blog-detail p strong {
    font-family: 'Gotham-Bold';
}

.top-banner-block.current-opening-detail-header .h1 {
    margin-top: 90px;
}

.job-detail {
    padding-top: 60px;
    padding-bottom: 90px;
    font-size: 16px;
    background-color: #fff;
}

.job-detail h4 {
    font-size: 18px;
    font-family: 'Gotham-Black';
    margin: 0 0 20px 0;
}

.job-detail .list-unstyled {
    margin-bottom: 40px;
}

.job-detail .list-unstyled li {
    padding-left: 30px;
    position: relative;
    line-height: 25px;
    margin-bottom: 10px;
}

.job-detail .list-unstyled li:before {
    content: "/";
    display: inline-block;
    width: 30px;
    position: absolute;
    left: 0;
    font-family: 'Gotham-Bold';
}

.job-detail p {
    margin-bottom: 40px;
}

.job-detail .p small {
    color: #999999;
    text-align: center;
    margin-top: 15px;
    display: block;
    padding: 0 15px;
}

.panel {
    background: #F6F6F6;
}

.panel-body {
    padding: 15px 25px;
}

.panel-body h4 {
    margin: 0 0 40px 0;
    color: #666666;
    font-size: 24px;
    font-family: 'Gotham-Black';
}

.panel-body .vacancy {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 20px;
}

.panel-body .vacancy-location {
    color: #999999;
    font-family: 'Gotham-Book';
    font-size: 16px
}

.panel-body > a {
    text-align: center;
    font-size: 12px;
    font-family: 'Gotham-Black';
    text-decoration: none;
    display: table;
    margin: 0 auto 20px;
    letter-spacing: 2px;
}

.blog-detail {
    padding-bottom: 80px;
    overflow: hidden;
    background-color: #fff;
}

.first-letter {
    display: block;
    margin-top: 50px;
    line-height: 28px;
    float: left;
}

.first-letter p {
    margin-bottom: 30px;
}

.blog-container-wrapper {
    /*background-color: #fff;*/
    background-color: #FBFBFB;
}

.first-letter p:last-child {
    margin-bottom: 50px;
}

.blog-detail .blog-feature-img img {
    width: 100%;
}

.first-letter > p:first-child::first-letter {
    font-size: 67px;
    float: left;
    line-height: 67px;
    padding-right: 10px;
    font-family: 'Gotham-Bold'
}

.twitter-featuring-txt {
    position: relative;
    max-width: 531px;
    margin: 0 auto;
    text-align: center;
    margin: 70px auto;
    padding: 40px 0 30px
}

.twitter-featuring-txt p {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 26px;
    color: #1A1A1A;
    margin: 0 auto 30px;
}

.twitter-featuring-txt:before,
.twitter-featuring-txt:after {
    position: absolute;
    content: "";
    width: 220px;
    left: 0;
    right: 0;
    height: 4px;
    background: rgba(0, 202, 111, 1.0);
    margin: 0 auto;
}

.twitter-featuring-txt:after {
    top: 0;
}

.twitter-featuring-txt:before {
    bottom: 0;
}

.twitter-featuring-txt i {
    font-size: 26px;
    color: #9b9b9b;
    cursor: pointer;
}

.blog-detail h3 {
    font-size: 24px;
    font-family: 'Gotham-Bold'
}

.blog-detail h4 {
    font-size: 18px;
    font-family: 'Gotham-Bold'
}

.sharing-button {
    width: 100%;
    margin: 50px 0 0 0;
}

.about-vinfo-blog h3 {
    font-size: 24px;
    font-family: 'Gotham-Bold';
}

.about-vinfo-blog p {
    line-height: 28px;
}

.about-vinfo-blog {
    background: #F6F6F6;
    padding: 50px 0 60px;
}

.panel-white {
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-radius: 3px;
}

.panel-white .panel-body {
    padding: 20px;
    margin-bottom: 80px;
}

.panel-white .panel-body .block-addrs {
    display: block;
}

.panel-white .panel-body .block-addrs a {
    color: #4A4A4A;
}

.panel-white .panel-body .block-addrs a:hover,
.panel-white .panel-body .block-addrs a:focus {
    display: block;
    text-decoration: none;
    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);
}

.panel-white .panel-body .block-addrs i {
    display: inline-block;
    color: #9b9b9b;
    vertical-align: middle;
    font-size: 23px;
    padding-right: 15px;
    width: 38px;
}

.panel-white .panel-body .block-addrs span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
}
.panel-white .panel-body .block-addrs .span {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.block-addrs.without-icon {
    padding-left: 38px;
    font-family: Gotham-Bold;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.block-addrs.without-icon:last-child {
    margin-bottom: 0;
}

.contact-alt {
    padding-top: 80px;
    padding-bottom: 40px;
}
.rigt-menu ul li{
    padding: 5px 10px;
    width: auto;
}
.right-bar-internal {
    display: none;
}
.h3-ultra {
    font-family: 'Gotham-Ultra';
    font-size: 36px;
    margin-bottom: 40px;
}


/* Make clicks pass-through */

#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #00cc6b;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

.tranding-div {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 110;
}

.nav-open .tranding-div {
    z-index: 100;
}

.tranding-div > a {
    float: right;
    position: relative;
    right: 0;
    width: 48px;
    height: 48px;
    color: #fff;
    border-radius: 100%;
    background: #00CA6F;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 48px;
    font-size: 24px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20)
}

.tranding-div > a i {
    line-height: 48px;
}

.tranding-div > a:hover,
.tranding-div a.active {
    background: #1ebf6c;
}

.tranding-div > a.active i.icon-trend {
    font-size: 18px;
}

.tranding-div > a.active i.icon-trend:before {
    content: "\e90f";
}

.tranding-content-pre {
    border-radius: 4px;
    padding: 20px;
    position: relative;
    width: 100%;
    max-width: 350px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px;
}

.tranding-content-pre p {
    font-family: Gotham-Medium;
    font-size: 14px;
    line-height: 16px;
    color: #1A1A1A;
}

.tranding-content-pre a {
    display: block;
    font-family: Gotham-Medium;
    font-size: 12px;
    line-height: 14px;
    color: #9B9B9B;
    text-decoration: none
}

.tranding-content-pre a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #02b765;
}

.tranding-content {
    border-radius: 4px;
    padding: 20px;
    position: relative;
    width: 100%;
    max-width: 420px;
    height: 420px;
    background: #fff;
    display: none;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px;
}

.tranding-content:before,
.tranding-content-pre:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: rgba(0, 0, 0, 0.08) transparent transparent transparent;
    position: absolute;
    bottom: -12px;
    right: 15px;
}

.tranding-content:after,
.tranding-content-pre:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    right: 17px;
}

.tranding-carousal a {
    text-decoration: none;
}

.tranding-content .h2 {
    font-size: 24px;
    font-family: 'Gotham-Black';
    margin: 0;
}

// .tranding-carousal .owl-stage, .tranding-carousal .owl-stage .owl-item{width:100% !important;}
.tranding-carousal .tanding-news-img {
    margin: 20px 0 30px;
    display: block;
    webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20)
}

.tranding-carousal .h3 {
    font-size: 16px;
    font-family: 'Gotham-Medium';
}

.tranding-carousal .trand-date-time {
    font-size: 14px;
    font-family: 'Gotham-Book';
    color: #666666;
    display: block;
    margin-top: 10px;
}

.tranding-carousal .owl-carousel .owl-stage {
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
}

.tranding-carousal .owl-controls {}

.tranding-carousal .owl-controls > .owl-nav {
    right: 0px;
    bottom: -8px;
}

.tranding-carousal .owl-nav {
    width: 80px;
    display: block;
    float: right;
    position: absolute;
    right: 20px;
    bottom: 22px;
    background: #fff;
    text-align: center;
}

.tranding-carousal .owl-nav .owl-prev {
    float: left;
    border: 1px solid #ddd;
    width: 50%;
    line-height: 29px;
}

.tranding-carousal .owl-nav .owl-next {
    float: left;
    border: 1px solid #ddd;
    width: 50%;
    line-height: 29px;
    margin-left: -1px;
    position: relative;
    display: block;
}

.tranding-carousal .owl-stage-outer {
    overflow: hidden;
}

.tranding-carousal .owl-stage-outer .owl-item {
    display: inline-block;
}

.tranding-carousal .owl-stage-outer .owl-item img {
    width: 100%;
}

.tranding-carousal .owl-nav {}


/* .tranding-div-open{overflow:hidden;position:relative;}*/

.key-people-modal {
    padding: 0 !important;
    z-index: 111;
}

.key-people-modal .modal-dialog {
    margin: 0;
}

.key-people-modal .modal-content {
    border: none
}

.key-people-modal .modal-body {
    padding: 0;
}

.key-people-modal .modal-footer {
    padding-bottom: 22px;
    padding-top: 22px;
}

.key-people-modal .modal-footer .close {
    color: #CCCCCC;
    float: none;
    margin: 0 auto;
    display: table;
    font-size: 24px;
    opacity: 1;
    -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;
}

.key-people-modal .modal-footer .close:hover {
    color: #666;
}

.modal-open .modal.key-people-modal ~ .modal-backdrop {
    z-index: 110;
}

.blog-detail-wrapper .view-more.subscribe.fixed a.btn {
    text-align: left;
}

.menu-right {
    width: 320px;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: -320px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10;
}

.menu-right.show-nav {
    -webkit-transform: translateX(-320px);
    transform: translateX(-320px);
    -webkit-transform: translateX(-320px) translateZ(0);
    transform: translateX(-320px) translateZ(0);
    -webkit-transform: translate3d(-320px, 0, 0);
    transform: translate3d(-320px, 0, 0);
    overflow: auto;
}

.menu-right ul {
    margin: 80px 0 40px 0;
    padding: 0 0 0 20px;
}

.menu-right ul li {
    position: relative;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.menu-right ul li:first-child {
    margin-top: 0;
    border: 0;
    box-shadow: none;
}

.menu-right ul li a {
    position: relative;
    padding: 10px 0;
    color: #000;
    font-size: 14px;
    display: block;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.no-touch .menu-right ul li a:hover,
.menu-right ul li.active a {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #00CA6F;
}

.menu-right p {
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 86%;
    left: 20px;
    font-size: 0.875em;
    text-align: center;
}

.menu-right p a {
    color: #FA3251;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-right p a:hover {
    color: #FA3251;
    text-decoration: underline;
}

.nav-toggle-right {
    position: fixed;
    top: 50%;
    right: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    z-index: 11;
    background: #fff;
    padding: 14px 14px;
    border-radius: 100%;
    line-height: 1px;
    color: #666;
}

.filter-applied i {
    position: relative;
}

.filter-applied i:after {
    content: "";
    width: 7px;
    height: 7px;
    background: red;
    border-radius: 100px;
    display: block;
    position: absolute;
    top: -9px;
    right: -11px;
}

.nav-toggle-right:hover,
.nav-toggle-right:focus {
    color: #000;
    text-decoration: none
}

.nav-toggle-right.show-nav {
    color: #fff;
}

.nav-toggle-right.show-nav i:before {
    content: "\e90f";
}

.nav-toggle-right.show-nav {
    background: #00CA6F;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
}

.nav-toggle-right.show-nav .img-b {
    display: block;
}

.nav-toggle-right span {
    color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    font-size: 1.875em;
}

.no-touch .nav-toggle-right span:hover {
    color: white;
}

.nav-toggle-right span.fa-times {
    color: #fff;
}

.nav-toggle-right span.fa-times:hover {
    color: #fff;
}

.animation-wrapper-mobile {
    display: none;
}

.nav-toggle-right.show-nav {
    top: 32px;
    text-decoration: none;
    right: 12px;
}

.animation-wrapper {
    position: relative;
    width: 100%;
    padding: 130px 15px;
    background: url(../img/cicular.png) no-repeat #f4f4f4;
    background-position: center;
    background-size: content;
    overflow: hidden;
}

.animation-wrapper.alfa4 {
    padding: 186px 15px;
    background: url(../img/circle-2.png) no-repeat #f4f4f4;
    background-position: center;
    background-size: content;
}

.animation-wrapper .container-wrapper {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.omega {
    width: 440px;
    height: 440px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    );
    position: relative;
    margin: 0 auto;
    display: block;
}

.primary-content {
    display: table;
    margin: 0 auto;
    height: 100%;
    max-width: 80%;
}

.primary-content .primary-dsa {
    font-size: 32px;
    font-family: 'Gotham-Black';
    line-height: 38px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.alfa {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
}

.alfa .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.alfa .primary-content .primary-dsa {
    font-size: 16px;
    line-height: 20px;
}

.alfa .primary-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -230px;
    text-align: right;
    width: 220px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%));
}

.alfa .primary-content ul li {
    width: 100%;
}

.omega small {
    font-size: 16px;
    font-family: 'Gotham-Book';
    color: #999;
    margin-top: 15px;
    width: 100%;
    display: block;
    line-height: 18px;
}

.alfa:first-child {
    top: -60px;
    left: 580px;
}

.alfa:nth-child(2) {
    top: 130px;
    left: 520px;
}

.alfa:last-child {
    bottom: -60px;
    left: 580px;
}

.alfa2 .alfa-wrapper .alfa:first-child {
    top: 00px;
    left: 245px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa2 .alfa-wrapper .alfa:nth-child(2) {
    top: 210px;
    left: 222px;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:first-child {
    top: -60px;
    left: 280px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:nth-child(2) {
    top: 130px;
    left: 222px;
    ;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:last-child {
    bottom: -60px;
    left: 288px;
    animation-name: bobble-4;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.alfa4 .alfa-wrapper .alfa:first-child {
    top: -160px;
    left: 380px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:nth-child(2) {
    top: 0px;
    left: 249px;
    ;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:nth-child(3) {
    top: 205px;
    left: 242px;
    animation-name: bobble-3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:last-child {
    bottom: -120px;
    left: 348px;
    animation-name: bobble-4;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.beta {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
    animation-name: bobble-5;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    top: 30px;
    right: 267px;
}

.beta .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.beta .primary-content .primary-dsa {
    font-size: 16px;
    line-height: 20px;
}

.beta .primary-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -220px;
    text-align: left;
    width: 210px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.beta .primary-content ul li {
    width: 100%;
    position: relative;
    padding-left: 20px;
    line-height: 18px;
    margin-bottom: 15px;
}

.beta .primary-content ul li:before {
    content: '\005C';
    display: block;
    position: absolute;
    left: 5px;
}

.gama {
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
}

.gama .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.gama .primary-content .primary-dsa {
    font-size: 24px;
    line-height: 20px;
    color: #00CA6F;
    font-family: 'FeltThat';
}

.gama .primary-content .primary-dsa > span {
    max-width: 95px;
    display: block;
    margin: 0 auto;
}

.gama .primary-content .primary-dsa > span > i {
    font-style: normal;
    display: block;
    margin: 0 auto;
    font-size: 66px;
    line-height: 33px;
    text-align: center;
}

.gama:first-child {
    bottom: 70px;
    right: 293px;
    width: 131px;
    height: 131px;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.gama:nth-child(2) {
    bottom: -47px;
    right: 164px;
    width: 150px;
    height: 150px;
    animation-name: bobble-3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.gama:last-child {
    bottom: -120px;
    right: 321px;
    width: 180px;
    height: 180px;
    animation-name: bobble-5;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@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);
    }
}

.blog-detail-wrapper .view-more.subscribe {
    text-align: left;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    position: absolute;
    bottom: 30px;
    margin: 0;
    z-index: 1;
    left: 15px;
}

.zoomer {
    overflow: hidden;
    background: #252b33;
    position: relative;
    height: 600px;
    width: 100%;
    text-align: center;
}

.zoomer-img {
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: cover!important;
    background-position: center !important;
    width: 100%;
    max-width: none;
    max-height: 600px;
    left: 0;
    background-color: #a0a0a0
}

.zoomer-txt {
    display: inline-block;
    text-align: center;
    left: 0;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    color: #fff;
    top: 40%;
    position: absolute;
    width: 100%;
}

.zoomer-txt h1 {
    max-width: 840px;
    margin: 0 auto;
    font-family: "Gotham-Black";
    font-size: 48px;
    text-align: center;
    line-height: 56px;
    letter-spacing: -1px;
    color: #FFFFFF;
}

.zoomer-txt p {
    font-family: Gotham-Medium;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    color: #FFFFFF;
    margin: 20px auto 30px;
}

.zoomer-txt .publish-name,
.zoomer-txt .publish-name a,
.zoomer-txt .by-name {
    color: #fff;
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: center;
    line-height: 19px;
    color: #FFFFFF;
}

.current-opening-detail-header .publish-name a {
    color: #fff;
}

.wrapper-404 {
    padding: 240px 0;
}

.block-404 {
    padding: 0 0 60px 0;
    text-align: center;
    margin: 0 auto;
    max-width: 844px;
    background-color: #FFFFFF;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    width: 100%;
    display: table;
}

.block-404 .img-404 {
    display: table;
    margin: 0 auto;
    position: relative;
    top: -60px;
    margin-bottom: -40px;
}

.block-404 h1 {
    font-family: Gotham-Ultra;
    font-size: 72px;
    text-align: center;
    line-height: 83px;
    letter-spacing: -2px;
    color: #101010;
    margin-top: 0;
}

.block-404 p {
    font-family: Gotham-Book;
    font-size: 32px;
    text-align: center;
    line-height: 46px;
    color: #4A4A4A;
    max-width: 520px;
    margin: 20px auto 30px;
}

.block-404 a {
    font-family: Gotham-Bold;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 2px;
    color: #00CA6F;
    display: table;
    text-decoration: none;
    margin: 0 auto;
}

.block-404 a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #333;
}

.comingsoon-wrapper {
    display: table;
    height: 500px;
}

.comingsoon-block {
    display: table-cell;
    vertical-align: middle;
}

.comingsoon-block h1 {
    font-family: Gotham-Ultra;
    font-size: 64px;
    line-height: 75px;
    letter-spacing: -2px;
    color: #1A1A1A;
    margin-top: 0;
}

.comingsoon-block p {
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 26px;
    color: #1A1A1A;
    max-width: 600px;
}

.comingsoon-block p a {
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 26px;
    color: #1A1A1A;
    text-decoration: none;
    block;
}

.comingsoon-block p a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #02b765;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus, .section-content:focus, .section:focus {
    outline: none;
}
.pagidisplay{display: none;}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.sports-slider-section {
    background: #F4F4F4;
    padding: 100px 0;
}

.sports-slider {
    position: relative;
}

.slick-list:after {
    content: "";
    background: rgba(244, 244, 244, 1);
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244, 244, 244, 1)), color-stop(50%, rgba(231, 56, 39, 0)), color-stop(100%, rgba(244, 244, 244, 1)));
    background: -webkit-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -o-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -ms-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: linear-gradient(to right, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=1);
}

.sports-block {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
    width: 185px;
    height: 185px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    text-align: center;
}

.sports-block img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 20;
    margin: 30px auto 0;
    display: inline-block;
}

.sports-block span {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 20;
    background: #fff;
    padding: 2px;
    margin: -70px auto 0;
    width: 98%;
    display: block;
    font-family: Gotham-Bold;
    color: #111111;
    font-size: 14px;
}

.slick-center .sports-block {
    background: #fff;
    width: 200px;
    height: 200px;
    margin: -7px auto 0;
}

.slick-center .sports-block img {
    margin: 40px auto 0;
}

.slick-center .sports-block span {
    margin: -75px auto 0;
}

.slider-item {
    padding-top: 10px;
    padding-bottom: 10px;
    outline: none;
}

button.slick-prev.slick-arrow {
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    margin-top: -24px;
    outline: none;
    font-size: 34px;
    color: #00CE67;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button.slick-next.slick-arrow {
    border: none;
    background: transparent;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    margin-top: -24px;
    outline: none;
    font-size: 34px;
    color: #00CE67;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button.slick-prev.slick-arrow:hover,
button.slick-next.slick-arrow:hover {
    color: #333;
}

.sports-slider-section .slick-track {
    min-height: 213px;
}

.duel-text {
    background: #F4F4F4;
    padding: 100px 0;
}

.duel-text h4 {
    font-family: Gotham-Bold;
    font-size: 24px;
}

.duel-text p {
    font-size: 16px;
    font-family: Gotham-Book;
    color: #333333;
}
.nav-toggle-right.show-nav {
    top: 50%;
    right: 30px;
}

@media screen and (min-width:768px) {
    .comingsoon-wrapper {
        min-height: 768px
    }
    .category-dropdown .dropdown-menu {}
    .category-dropdown .dropdown-toggle {
        display: none;
    }
    .category-dropdown .dropdown-menu {
        display: block;
        position: relative;
        box-shadow: none;
        border: none
    }
    .category-dropdown .dropdown-menu li {
        padding: 0
    }
    .category-dropdown .dropdown-menu li a {
        padding: 0;
        font-family: Gotham-Book;
        font-size: 13px;
        margin-bottom: 20px
    }
    .category-dropdown .dropdown-menu > .active > a,
    .category-dropdown .dropdown-menu > .active > a:hover,
    .category-dropdown .dropdown-menu > .active > a:focus {
        padding: 0;
        background: none;
        color: #00cc6b;
        font-family: Gotham-Bold;
    }
    .other-block .h2 {
        display: none
    }
    /*.footer-block ul {
        padding: 0;
        list-style: none;
        min-height: 160px
    }*/
    .footer-top .last-menu-block ul {
        text-align: center;
        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;*/
    }
    .cd-primary-nav ul {
        min-height: 180px;
        margin-bottom: 30px;
    }
    .menu-right ul {
        margin: 80px 0 0 0;
    }
    .menu-right {
        width: 400px;
        right: -400px;
        display: table;
    }
    .menu-right ul {
        display: table-cell;
        vertical-align: middle;
    }
    .menu-right.show-nav {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
        -webkit-transform: translateX(-400px) translateZ(0);
        transform: translateX(-400px) translateZ(0);
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0);
    }
    .menu-right ul {
        margin: 0;
        padding: 0 0 0 45px;
    }
    .pull-left-sm {
        float: left;
    }
    .pull-right-sm {
        float: right;
    }
    .differ-block-wrapper {
        clear: left;
        float: left;
        width: 100%;
        overflow: hidden;
        background: #404040;
    }
    .differ-block-wrapper-alt {
        background: #333;
    }
    .differ-block-wrapper-alt .differ-block {
        background: #404040;
    }
    .differ-block {
        float: left;
        width: 100%;
        position: relative;
        right: 50%;
        background: #333;
        padding: 60px 0;
    }
    .differ-left {
        float: left;
        width: 50%;
        position: relative;
        left: 50%;
        overflow: hidden;
    }
    .differ-right {
        float: left;
        width: 50%;
        position: relative;
        left: 50%;
        overflow: hidden;
    }
    .why-vinfo .h3 {
        font-size: 28px;
    }
    .why-vinfo p,
    .blog-detail-wrapper .blog-detail-block p {
        font-size: 16px
    }
    .show-case-type-2 .h3 {
        margin-bottom: 60px;
        font-size: 28px;
    }
    .show-case-type-2 .show-case-content p {
        font-size: 16px;
    }
    .show-case-type-2 .show-case-content {
        margin-bottom: 50px;
    }
    .show-case-type-1 .show-case-text-block .h3 {
        font-size: 36px;
        letter-spacing: -2px;
    }
    .show-case-type-1 .show-case {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .show-case-type-1 .show-case-text-block {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .codrops-header {
        height: 490px;
    }
    .blog-detail-wrapper .h2 {
        margin-top: 140px;
    }
    .showcase-nav-footer p {
        display: block
    }
    .about-vinfo-blog {
        background: url(../img/vinfo-service.png) no-repeat #F6F6F6;
        padding: 142px 0;
    }
    .key-people-img {
        display: inline-block;
        vertical-align: top;
        width: 226px;
        height: 310px;
        padding-bottom: 5px;
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: -231px;
        padding-left: 260px;
    }
}
.cd-primary-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
@media screen and (min-width: 992px) {
   
    .footer-top .last-menu-block ul {
        text-align: left;
        min-height: auto;
    }
    /*.sub-nav-footer {
        text-align: right;
    }*/
    .copyright p {
        letter-spacing: 2px;
    }
    .footer-spacer {
        position: relative;
        z-index: -2;
    }
    
    .client-view-block {
        padding: 30px;
    }
    .copyright {
        text-align: right;
        margin-top: 30px
    }
    .pull-left-md {
        float: left;
    }
    .pull-right-md {
        float: right;
    }
    .differ-block {
        padding: 80px 0;
    }
    .why-vinfo .h3 {
        font-size: 34px;
    }
    .pera-img-view-1 {
        min-height: 300px
    }
    .show-case-type-1 .show-case-text-block p {
        font-size: 16px
    }
    .show-case-type-2 .h3 {
        margin-bottom: 60px;
        font-size: 36px;
    }
    .show-case-type-1 .show-case-text-block .h3 {
        font-size: 48px;
    }
    .show-case-type-1 .show-case {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .work-page .show-case-type-1 .show-case {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .more-show-case {
        text-align: right;
    }
    .show-case-type-1 .show-case-text-block {
        max-width: 405px;
    }
    .show-case-type-1 .show-case-text-block-wrapper {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .show-case-type-1 .show-case-img-block {
        width: 59.5%;
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    /*shivraj 08-02-17*/
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 533px;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    .show-case-type-1 .show-case.odd .show-case-img-block {
        padding-right: 50px;
        right: 40%
    }
    .show-case-type-1 .show-case.odd .show-case-text-block-wrapper {
        left: 60%
    }
    .show-case-type-1 .show-case.even .show-case-img-block {
        padding-left: 50px;
    }
    .show-case-type-1 .show-case.even .show-case-text-block {
        float: right
    }
    .show-case-type-1 .show-case.odd .show-case-text-block {
        float: left
    }
    .case-study-heading {
        font-size: 24px;
        margin-bottom: 30px;
        margin-top: 220px;
    }
    .case-study-head-info {
        margin-bottom: 30px;
        font-size: 64px;
        font-family: 'Gotham-Black';
        line-height: 1;
        color: #fff;
    }
    .case-study-head-info h1 {
        color: #fff;
        font-size: 64px;
        margin: 0;
    }
    .client-story {
        display: table-cell;
        padding: 0 20px;
        min-width: 50%;
    }
    .client-story + .client-story {
        width: 50%;
    }
    .home-page .section-1 .txt-content,
    .home-page .section-2 .txt-content,
    .home-page .section-3 .txt-content,
    .home-page .section-4 .txt-content,
    .home-page .section-5 .txt-content {
        width: 100%;
        max-width: 52%;
        text-align: left;
    }
    .panel-white .panel-body {
        padding: 50px 50px;
    }
    .key-people-img {
        vertical-align: middle;
        width: 304px;
        height: 400px;
        padding-bottom: 10px;
    }
    .key-people-info {
        vertical-align: middle;
        margin-left: -309px;
        width: 100%;
        padding-left: 330px;
    }
}


/*shivraj 08-02-17*/

.work-page .show-case-type-1 .show-case.odd .show-case-text-block-wrapper {
    left: 49%
}

.work-page .show-case-type-1 .show-case-text-block .know-more {
    color: #fff;
    font-family: Gotham-Book;
    font-size: 14px;
    text-decoration: none;
    margin-top: 10px;
}

.work-page .show-case-type-1 .show-case-text-block a {
    margin-bottom: 0px;
}

.work-page .show-case-type-1 .show-case-text-block .know-more:hover {
    color: #00cc6b;
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

@media(max-width:1024px) {
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 375px;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 37%;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 51%;
    }
}

@media(max-width:990px) {
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 480px;
        text-align: center;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 100%;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 100%;
    }
}

@media screen and (min-width:1200px) {
    button.slick-prev.slick-arrow {
        right: -90px;
    }
    button.slick-next.slick-arrow {
        left: -90px;
    }
    .pull-left-lg {
        float: left;
    }
    .pull-right-lg {
        float: right;
    }
    .differ-block {
        padding: 150px 0;
    }
    .pera-img-view-1 {
        min-height: 350px
    }
    .codrops-header .container {
        top: 15vh;
    }
    .codrops-header {
        height: 550px;
    }
    .user-story-block {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .section-6 .container {
        height: 100%;
    }
    .top-banner-block {
        height: 600px;
    }
    .rapid-development-wrap {
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .right-bar {
        right: 20px;
        top: 20px
    }
    .nav-toggle {
        left: 20px;
        top: 20px
    }
    .copyright p {
        letter-spacing: 4px;
    }
}

@media screen and (min-width:1280px) {
    .blog-detail-wrapper .view-more.subscribe.fixed a.btn {
        text-align: center;
        min-width: 150px;
        position: fixed;
        bottom: 60px;
        left: 15px;
        margin-top: 0px;
    }
}

@media screen and (min-width:1366px) {
    .blog-detail-wrapper .view-more.subscribe.fixed a.btn {
        left: 53px;
    }
    .work-page .show-case-type-1 .show-case {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .contact-alt .column .contact-info .icon,
    .contact-alt .column .contact-info .h4 {
        margin-left: 20px;
    }
    .contact-alt .column .contact-info .phon-number {
        padding: 15px 20px 5px
    }
}

@media screen and (min-width:1600px) {
    .pull-left-xlg {
        float: left;
    }
    .pull-right-xlg {
        float: right;
    }
    .codrops-header .container {
        top: 21vh;
    }
    .codrops-header {
        height: 600px;
    }
    .top-banner-block {
        height: 600px;
    }
    .top-banner-block.current-opening-header {
        height: 700px;
    }
    .top-banner-block.current-opening-detail-header {
        height: 400px;
    }
    .top-banner-block.current-opening-detail-header.current-blog-detail-crx {
        height: 600px;
    }
    .contact-alt .column .contact-info {
        min-width: 360px;
    }
    .zoomer {
        height: 600px;
    }
    .zoomer-img {
        max-height: 600px;
    }
    .comingsoon-wrapper {
        min-height: 1080px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .home-page .section-1 .img-content {
        max-width: 45%;
        width: 100%;
        margin: 0 auto;
    }
    .home-page .section-1 .txt-content {
        max-width: 54%;
        width: 100%;
        margin: 0 auto;
    }
    .home-page .section-1 .txt-content h3 {
        margin: 0px auto 0;
    }
    .top-banner-block {
        height: 500px;
    }
    .top-banner-block.current-opening-header {
        height: 570px
    }
    .top-banner-block.current-opening-detail-header {
        height: 600px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    /*footer {
        padding-top: 50px;
        padding-bottom: 50px;
    }*/
    .why-vinfo-with-lp-block .equal-col {
        max-width: 100%;
        clear: both;
    }
    .lp-img {
        width: 40%;
        float: left;
    }
    .why-vinfo-with-lp-block .equal-col p {
        padding: 0px 15px 20px;
        margin: 0;
        width: 50%;
        display: inline-block;
        float: left;
    }
    .why-vinfo-with-lp-block .equal-col .li-name {
        float: right;
        width: 60%;
        text-align: left;
        display: inline-block;
        clear: both;
    }
    .why-vinfo-with-lp-block .equal-col .li-name p {
        float: right;
        width: 100%;
        text-align: left;
        display: inline-block;
        margin-bottom: 50px;
    }
}

@media screen and (min-width:1025px) {
    .section-7 .wrap {
        padding-top: 100px;
    }
    .section-6 .container {
        height: 100%;
    }
}

@media screen and (max-width:1279px) {
    .animation-wrapper .container-wrapper {
        width: 992px;
    }
    .omega {
        width: 320px;
        height: 320px;
    }
    .alfa {
        width: 130px;
        height: 130px;
    }
    .beta {
        width: 130px;
        height: 130px;
        top: -40px;
        right: 240px;
    }
    .alfa .primary-content ul {
        left: -200px;
        width: 190px;
    }
    .alfa3 .alfa-wrapper .alfa:first-child {
        top: -20px;
        left: 220px;
    }
    .alfa3 .alfa-wrapper .alfa:nth-child(2) {
        top: 129px;
        left: 192px;
    }
    .alfa3 .alfa-wrapper .alfa:last-child {
        bottom: -80px;
        left: 258px;
    }
    .gama:first-child {
        right: 213px;
        width: 110px;
        height: 110px;
    }
    .gama:nth-child(2) {
        width: 120px;
        height: 120px;
        bottom: -17px;
        right: 112px;
    }
    .gama:last-child {
        width: 140px;
        height: 140px;
        bottom: -80px;
        right: 241px;
    }
    .animation-wrapper.alfa4 {
        padding: 130px 15px;
    }
    .alfa4 .alfa-wrapper .alfa:first-child {
        top: -100px;
        left: 270px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(2) {
        top: 30px;
        left: 199px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(3) {
        top: 165px;
        left: 192px;
    }
    .alfa4 .alfa-wrapper .alfa:last-child {
        bottom: -100px;
        left: 278px;
    }
    .alfa2 .alfa-wrapper .alfa:first-child {
        top: 10px;
        left: 195px;
        ;
        animation-name: bobble;
        animation-duration: 8s;
        animation-iteration-count: infinite;
    }
    .alfa2 .alfa-wrapper .alfa:nth-child(2) {
        top: 170px;
        left: 202px;
        animation-name: bobble-2;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
}

@media screen and (max-width: 1024px) {
    .section-1 .txt-content,
    .section-2 .txt-content,
    .section-3 .txt-content,
    .section-4 .txt-content,
    .section-5 .txt-content {
        max-width: 530px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .section-1 .txt-content a {
        margin: 15px auto;
    }
    .img-content {
        margin-left: auto;
        margin-right: auto;
        display: table;
        max-width: 450px;
    }
    .visible-img-content-tablet {
        display: block !important
    }
    .hidden-img-content-tablet {
        display: none;
    }
    .txt-content a.know-more {
        float: none;
    }
    .bg-img {
        background-attachment: initial !important
    }
    .pagi {
        display: none
    }
    .home-page .section-6 .section-content {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section#section6 {
        height: auto !important;
    }
    .home-page .section-7 .txt-content-normal .h3:first-child {
        padding-top: 100px;
    }
    .circular-animation svg {
        stroke-dashoffset: 18;
    }
    .current-opening-header a {
        margin-bottom: 0px;
        display: block;
        float: left;
    }
    .home-page .section-1 .txt-content h3 {
        margin-top: 80px;
        text-align: center
    }
    .home-page .section-1 .txt-content p {
        text-align: center
    }
    .home-page .section-1 .txt-content a {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .about-wrapper {
        background-position: top left !important;
        background-size: initial !important;
    }
    .about-wrapper:last-child {
        background-position: top left !important;
        background-attachment: initial !important;
        background-size: cover !important;
        background-color: transparent !important;
    }
    .top-banner-block.current-opening-detail-header .h1 {
        font-size: 48px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:991px) {
    .wrapper-404 {
        padding: 200px 0 100px;
    }
    .home-page .section-6 .h2 {
        margin-left: auto;
        margin-right: auto;
    }
    .block-wrapper {
        margin: 15px auto;
    }
    .blog-detail-wrapper .h2 h2 {
        font-size: 48px;
        margin: 0;
    }
    /*.second-last.footer-block ul {
        min-height: auto;
        margin-bottom: 40px;
    }*/
    .last-menu-block .footer-block {
        margin-bottom: 30px;
    }
    /*.sub-nav-footer ul {
        margin-bottom: 30px;
    }*/
    .panel-white .panel-body {
        padding: 50px 50px;
    }
    .top-banner-block.current-opening-header .top-banner-bg {
        background-size: cover !important;
        background-position: 70% 0 !important;
    }
    .top-banner-block.current-opening-header {
        height: 500px;
    }
    .current-opening-header a {
        margin-bottom: 0px;
    }
    .section .txt-content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .txt-content a.know-more {
        float: none;
        display: inline-block;
    }
    .txt-content.txt-content-no-img {
        margin: 0 auto;
    }
    /*.sub-nav-footer {
        text-align: center;
    }*/
    .enquiries .description {
        margin-bottom: 20px;
    }
    .differ-content .media-icon-custom {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .differ-content .media-body {
        text-align: center
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 600px;
        margin: 0 auto;
        display: block;
    }
    .work-page .show-case-type-1 .show-case-img-block img {
        max-width: 500px;
    }
    .show-case-type-1 .show-case.even {
        background: url(../img/ST-1-T.png) no-repeat;
        background-size: inherit;
    }
    .show-case-type-1 .show-case + .show-case {
        border-top: 1px solid #ECECEC;
    }
    .show-case-type-1 .show-case.odd {
        background: url(../img/ST-2-T.png) no-repeat;
        background-position: top right;
        background-size: inherit;
    }
    .show-case-type-1 .show-case-img-block {
        margin-top: 30px;
    }
    .more-show-case,
    .show-case-type-1 .show-case-text-block .h5,
    .show-case-type-1 .show-case-text-block p,
    .show-case-type-1 .show-case-text-block .h3,
    .show-case-type-1 .show-case-text-block a {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .show-case-content .client-block .client-pic {
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        margin-bottom: 20px;
    }
    .show-case-content .client-block .client-pic img {
        max-width: 71px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .show-case-content .client-block .client-info {
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .show-case-content .client-block .client-designation .client-name {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .codrops-header .container {
        top: 9vh;
    }
    .home-page .section-6 .h2,
    .home-page .section-6 .h2 p {
        text-align: center;
    }
    .home-page .section-6 p,
    .field-name-field-team-small-text {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
    .home-page .section-6 .h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
    .home-page .section-6 ul {
        margin-bottom: 20px
    }
    .home-page .section-1 .txt-content h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
    }
    .copyright p {
        margin-bottom: 0;
        text-align: center;
    }
    .home-page .blog-section {
        margin-top: 40px;
    }
    .partner-block {
        margin-bottom: 60px;
    }
    .home-page .more-link {
        margin-top: 10px;
        margin-bottom: 50px;
    }
    .partner-block ul li {
        display: inline-block;
        margin-top: 10px;
        padding:0 10px;
    }
    .home-page .quick-reads {
        -webkit-transform: translate(0, -22px);
        -moz-transform: translate(0, -22px);
        -ms-transform: translate(0, -22px);
        transform: translate(0, -22px)
    }
    .home-page .section-6 .bg-img-still {
        background: none !important;
    }
    .section-7 .txt-content-normal .client-testimonial + .h3 {
        margin-bottom: 10px;
    }
    .client-testimonial {
        margin-bottom: 80px;
    }
    .client-testimonial .owl-carousel .owl-stage {
        background: #fff
    }
    .section-7 .txt-content-normal .h3 {
        margin-bottom: 30px
    }
    .challenge ul li.tech:before,
    .challenge ul li.client:before {
        display: inline-block;
        position: initial;
        width: 100%;
    }
    .case-study-heading {
        margin-top: 160px;
    }
    .client-story .equal-col {
        height: auto !important
    }
    .challenge ul li.client {
        margin: 0 0 10px 0;
    }
    .challenge ul li.tech {
        margin: 0 0 30px 0;
    }
    .slider-txt-internal {
        margin: 0 auto;
        text-align: center
    }
    .slider-txt-content h3,
    .slider-txt-content p {
        padding-right: 0;
    }
    .slider-txt-content,
    .slider-txt-content.mobile,
    .slider-txt-content.tablet {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }
    .slider-wrapper {
        width: 100%;
        max-width: 570px;
        display: block;
        vertical-align: middle;
        margin: 0 auto;
    }
    .slider-txt-content a {
        margin-bottom: 50px;
        text-align: center;
        float: none;
    }
    .work-page .show-case-type-1 .show-case-text-block .h3 {
        font-size: 36px;
    }
    .top-banner-block {
        height: initial;
    }
    .top-banner-block .h1 {
        margin-top: 160px;
    }
    .top-banner-block p {
        margin-bottom: 40px;
    }
    .top-banner-block .zoomer-txt p {
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .rapid-development-wrap {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .internal-process-wrap {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .current-opening-header.top-banner-block .h1 {
        font-size: 48px;
        margin-top: 100px;
    }
    .top-banner-block.current-opening-detail-header .h1 {
        margin-top: 160px;
        margin-bottom: 10px;
    }
    .current-opening-detail-header.key-people.top-banner-block .h1 {
        margin-top: 120px;
        margin-bottom: 120px;
    }
    .current-opening-header.top-banner-block .h1 {
        margin-top: 30px;
    }
    .top-banner-block.current-opening-detail-header .gray-text {
        margin-bottom: 40px;
    }
    .top-banner-bg {
        background-size: 80% !important;
    }
    .contact-alt .column {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
        display: block;
        float: none;
    }
    .top-banner-block .h1 {
        font-size: 48px;
        margin-bottom: 20px;
    }
    .top-banner-block .h1 h1 {
        font-size: 48px;
        margin: 0;
    }
    .about-heading {
        font-size: 36px;
    }
    .rapid-development-content h3 {
        font-size: 24px
    }
    .journey-wraper.our-aim .h2 {
        font-size: 36px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .blog-section {
        margin-top: 60px;
    }
    .more-link {
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .more-link.empthy-more-link{
        margin-bottom: 30px;
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 36px
    }
    .open-position {
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .why-vinfo-with-lp-block .equal-col {
        margin: 0 auto;
    }
    .nav-block:last-child {
        margin-bottom: 30px;
    }
    .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;
    }
    .job-detail .btn-primary {
        letter-spacing: 2px;
    }
    .contact-form {
        padding-bottom: 0px;
    }
    .panel-white .panel-body {
        margin-top: 50px;
    }
    .contact-alt .column .contact-info {
        min-width: 360px;
    }
    .nav-footer {
        position: relative;
        bottom: 10px;
        right: initial;
        margin: 30px -15px 20px -15px;
        left: 15px;
    }
    .rigt-menu ul {
        text-align: center;
        min-height: initial;
        margin: 0;
    }
    /*.footer-spacer {
        height: auto !important;
    }*/
    .animation-wrapper .container-wrapper {
        width: 768px;
    }
    .omega {
        width: 250px;
        height: 250px;
    }
    .primary-content .primary-dsa {
        font-size: 24px;
        line-height: 28px;
    }
    .alfa .primary-content .primary-dsa,
    .beta .primary-content .primary-dsa {
        font-size: 12px;
        line-height: 16px;
    }
    .beta .primary-content .primary-dsa {
        margin-bottom: 0px;
    }
    .alfa {
        width: 100px;
        height: 100px;
    }
    .alfa .primary-content ul li {
        font-size: 12px;
    }
    .beta .primary-content ul li {
        margin-bottom: 0;
    }
    .beta {
        width: 100px;
        height: 100px;
        top: -80px;
        right: 240px;
        font-size: 12px;
    }
    .alfa .primary-content ul {
        left: -170px;
        width: 160px;
    }
    .alfa3 .alfa-wrapper .alfa:first-child {
        top: -20px;
        left: 170px;
    }
    .alfa3 .alfa-wrapper .alfa:nth-child(2) {
        top: 99px;
        left: 148px;
    }
    .alfa3 .alfa-wrapper .alfa:last-child {
        bottom: -60px;
        left: 208px;
    }
    .alfa4 .alfa-wrapper .alfa:first-child {
        top: -90px;
        left: 230px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(2) {
        top: 20px;
        left: 149px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(3) {
        top: 135px;
        left: 168px;
    }
    .alfa4 .alfa-wrapper .alfa:last-child {
        bottom: -90px;
        left: 238px;
    }
    .alfa2 .alfa-wrapper .alfa:first-child {
        top: 10px;
        left: 155px;
        ;
        animation-name: bobble;
        animation-duration: 8s;
        animation-iteration-count: infinite;
    }
    .alfa2 .alfa-wrapper .alfa:nth-child(2) {
        top: 170px;
        left: 152px;
        animation-name: bobble-2;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
    .gama .primary-content .primary-dsa {
        font-size: 16px;
        line-height: 18px;
    }
    .gama .primary-content .primary-dsa > span > i {
        font-size: 46px;
        line-height: 23px;
    }
    .gama:first-child {
        right: 159px;
        width: 95px;
        height: 95px;
    }
    .gama:nth-child(2) {
        width: 120px;
        height: 120px;
        bottom: -17px;
        right: 52px;
    }
    .gama:last-child {
        width: 120px;
        height: 120px;
        bottom: -90px;
        right: 181px;
    }
    .green-block {
        padding: 20px;
        width: 360px;
        height: 120px;
        margin-top: -60px;
        right: -20px;
    }
    .blog-featured-img-wrap {
        margin: 40px 0 40px 0;
    }
    .blog-detail-wrapper .blog-detail-block:first-child {
        margin-top: 0;
    }
    .nutshell-wraper {
        padding-left: 35px;
        padding-right: 35px;
    }
    .animated-text-prefix h1 {
        font-size: 36px;
        line-height: 38px;
        max-width: 520px;
    }
    .animated-text-prefix p {
        max-width: 440px;
    }
}

@media screen and (max-width:767px) {
    .about-heading-mobile-view{
        max-width:100%!important;
    }
    .carrer-h1{
         line-height: 38px !important;
    }
    .about-heading-mobile-view h1{
        font-size:30px !important;
    }
    .about-heading-mobile-view p{
        font-size:14px !important;
    }
    .cd-primary-nav-mobile{
        padding-bottom: 30px!important;

    }
    .container-tst {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        z-index: 0;
        top: initial !important;
        left: initial !important;
    }
    .featur-vinfo .txt-content-new h6 {
        margin-bottom: 20px;
    }
    .block-404 h1 {
        font-size: 48px;
    }
    .block-404 p {
        font-size: 24px;
        line-height: 28px;
    }
    .zoomer-txt h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .client-story1 .client-story {
        width: 100%;
    }
    .block-wrapper {
        max-width: 310px;
    }
    .zoomer {
        height: 600px;
    }
    .zoomer-img {
        max-height: 600px;
    }
    .category-dropdown .dropdown-menu li a:hover {
        background: none;
        color: #00cc6b;
        -moz-transform: translate(1px, 0px);
        -webkit-transform: translate(1px, 0px);
        -o-transform: translate(1px, 0px)
    }
    .dropdown.category-dropdown {
        height: 48px;
    }
    .dropdown.category-dropdown .dropdown-toggle {
        width: 100%;
        display: block;
        height: 48px;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 1.33;
        border-radius: 0;
        border: 1px solid #ddd;
        text-decoration: none;
    }
    .dropdown.category-dropdown.open > .dropdown-menu {
        width: 100%;
    }
    .dropdown.category-dropdown .dropdown-toggle .caret {
        right: 0;
        border: 2px solid;
        border-radius: 2px;
        border-color: transparent #888888 #888888 transparent;
        width: 12px;
        height: 12px;
        -webkit-transform: rotate(44deg);
        -ms-transform: rotate(44deg);
        -o-transform: rotate(44deg);
        transform: rotate(44deg);
        top: 13px;
        position: absolute;
        right: 20px;
    }
    .dropdown.category-dropdown .dropdown-menu > li > a {
        line-height: 38px;
    }
    .dropdown.category-dropdown.open > .dropdown-toggle .caret {
        top: 19px;
        -webkit-transform: rotate(224deg);
        -ms-transform: rotate(224deg);
        -o-transform: rotate(224deg);
        transform: rotate(224deg);
    }
    .green-block {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0;
        height: auto;
        border-radius: 0 0 4px 4px;
        padding: 15px;
    }
    .blog-featured-img-wrap img {
        border-radius: 4px 4px 0 0
    }
    .blog-detail-wrapper .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .animation-wrapper-mobile {
        display: block;
    }
    .animation-wrapper {
        display: none !important;
    }
    .sub-nav-footer ul {
        margin-bottom: 00px;
    }
    .animation-wrapper {
        display: none;
    }
    .current-opening-detail-header.key-people.top-banner-block .h1 {
        margin-top: 90px;
        margin-bottom: 90px;
    }
    .rigt-menu ul {
        text-align: left;
    }
    .rigt-menu ul li {
        width: 100%;
        margin: 0;
    }
    .blog-detail {
        padding-bottom: 20px;
    }
    .right-bar-internal {
        padding: 25px 15px 30px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        display: block
    }
    .top-banner-block .h1 {
        margin-top: 120px;
    }
    .slider-txt-content h3 {
        margin-bottom: 20px
    }
    .internal-process-img .p {
        width: 100%;
        display: inline-block;
    }
    .show-case-type-2 .h3 {
        text-align: left
    }
    .slider-txt-content h3 {
        margin-bottom: 20px;
    }
    .user-story-start {
        text-align: left
    }
    .media-icon-custom {
        min-width: 70px;
    }
    .home-page .section-7 .txt-content-normal .h3 {
        padding-top: 0
    }
    /*.right-bar{display:none}*/
    #fp-nav {
        display: none;
    }
    .client-testimonial {
        max-width: 414px;
    }
    .client-img,
    .client-view {
        width: 100%
    }
    .contact-form {
        padding-bottom: 0;
        max-width: 450px;
        margin: 0 auto;
    }
    footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-block ul li:first-child {
        margin-top: 10px
    }
    .footer-block .h2 {
        position: relative;
        display: block;
        line-height: 45px;
        margin-bottom: 0;
        margin: 0;
        padding-bottom: 0;
    }
    /*.footer-block .h2:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .footer-block .h2.open:after {
        content: "\e906"
    }*/
    .footer-block {
        margin-bottom: 0;
    }
    .footer-bottom {
        margin-top: 25px;
    }
    .contact-wrapper .h1 {
        font-size: 42px;
        margin-top: 140px;
    }
    .contact-wrapper .h1 h1 {
        margin: 0px;
        font-size: 42px;
    }
    .contact-wrapper p {
        margin-bottom: 50px;
    }
    .xs-text-center {
        text-align: left
    }
    .differ-left {
        background: #333;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .differ-right {
        background: #404040;
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .text-center-xs {
        text-align: left;
    }
    .media-icon-custom + .media-body h4.media-heading {
        font-size: 16px;
    }
    .media-icon-custom + .media-body > p {
        margin-bottom: 25px;
        font-size: 16px;
    }
    .media:last-child .media-body p {
        margin-bottom: 0;
    }
    .media-section-offer {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .differ-content {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        text-align: center
    }
    .codrops-header {
        height: 350px;
    }
    .tilt__front {
        background-position: right top;
        background-size: contain !important;
    }
    .differ-content p {
        font-size: 14px;
    }
    .why-vinfo .media-left {
        display: none
    }
    .show-case-type-2 .h3 {
        margin-bottom: 30px;
        font-size: 24px;
    }
    .show-case-text {
        width: 100%;
        display: block;
        vertical-align: middle;
        position: relative;
    }
    .show-case-img {
        width: 100%;
        display: block;
        vertical-align: middle;
        text-align: center;
        padding-left: 0;
        position: relative;
    }
    .show-case-type-2 .show-case-content.odd .show-case-img {
        text-align: center;
        padding-left: initial;
        padding-right: 0px;
        left: initial
    }
    .show-case-type-2 .show-case-content.odd .show-case-text {
        left: initial;
    }
    .show-case-type-2 .show-case-content .h4 {
        text-align: left
    }
    .show-case-type-2 .show-case-content p {
        text-align: left
    }
    .show-case-type-1 .show-case {
        background: none !important;
    }
    .why-vinfo .h3 {
        text-align: left
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 480px;
    }
    .show-case-content .client-block .client-pic img {
        max-width: 40px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .codrops-header .h1 {
        text-align: center;
        font-size: 44px;
        letter-spacing: 0px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }
    .codrops-header p {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-width: 100%
    }
    .codrops-header .container {
        top: 23vh;
    }
    .featur-vinfo .media {
        margin-bottom: 20px;
    }
    .footer-block ul {
        display: none;
    }
    .home-page .section-7 {
        padding-bottom: 00px;
    }
    .height-400 .section-1 {
        height: auto !important;
    }
    .height-400 .section-1 .img-content {
        padding-bottom: 50px;
    }
    .section-7 .txt-content-normal .h3 {
        font-size: 24px;
    }
    .home-page .blog-section {
        margin-top: 0px;
    }
    .blog-detail-wrapper .h2 {
        margin-bottom: 20px;
    }
    .why-vinfo {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .show-case-type-2 {
        padding-top: 30px;
    }
    .why-vinfo .h3 {
        margin-bottom: 40px;
    }
    .blog-section {
        margin-top: 30px;
    }
    .more-link {
        margin-bottom: 70px;
    }
    .more-link.empthy-more-link{
        margin-bottom: 30px;
    }
    .user-story-block {
        text-align: left;
        margin-bottom: 20px;
    }
    .showcase-nav-footer {
        height: auto;
    }
    .showcase-nav-footer .prev-case,
    .showcase-nav-footer .next-case {
        display: inline-block;
        width: 100%
    }
    .showcase-nav-footer .next-case {
        border-top: 1px solid #ECECEC;
    }
    .showcase-nav-footer i {
        display: none;
    }
    .showcase-nav-footer h4 {
        margin: 0;
        line-height: 80px;
    }
    .showcase-nav-footer a {
        display: block;
        height: 80px;
    }
    .showcase-slider {
        padding: 40px 0;
    }
    .post-internal:after,
    .story-post:after,
    .story-start {
        display: none;
    }
    .story-post:nth-child(even) {
        text-align: left;
    }
    .story-post:nth-child(odd) .post-internal {
        left: initial;
        padding-left: 0;
        padding-right: initial;
    }
    .post-internal {
        width: 100%;
        position: initial;
        float: left;
        clear: both;
        padding-right: 0;
    }
    .story-post p {
        max-width: 100%;
    }
    .story-post:nth-child(even) p {
        float: left;
    }
    .story-line-wrapper {
        padding-bottom: 40px;
    }
    .user-story-start {
        margin-bottom: 0;
    }
    .story-post h3 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.3;
        letter-spacing: 0;
        font-family: Gotham-Bold;
    }
    .featured-in {
        padding-top: 30px;
    }
    .featured-in .h2 {
        margin-top: 0;
    }
    .featured-in ul {
        margin-bottom: 0px;
    }
    .client-story + .client-story:last-child p {
        margin-top: 0
    }
    .case-story {
        padding-top: 60px;
        padding-bottom: 40px
    }
    .journey-wraper {
        padding-top: 60px;
    }
    .showcase-img-wrapper {
        padding-top: 50px;
    }
    .work-page .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 100px;
    }
    .work-page .show-case-type-1 .show-case-img-block img {
        max-width: 400px;
        width: 100%
    }
    .top-banner-block .h1 {
        font-size: 48px;
    }
    .rapid-development-content {
        background: none;
        padding: 0
    }
    .rapid-development-content h3 {
        font-size: 24px;
    }
    .rapid-development-wrap {
        padding-top: 40px;
        padding-bottom: 50px
    }
    .internal-process-img img.img-1 {
        display: none;
    }
    .internal-process-img img.img-2 {
        display: block;
        margin: 0 auto;
    }
    .internal-process-img img.img-2.mT80{
        margin-top: 80px;
    }
    .about-heading,
    .journey-wraper.our-aim .h2 {
        font-size: 36px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .internal-process-img p {
        margin-bottom: 10px;
    }
    .gallery-slider-wrap .owl-nav {
        display: none;
    }
    .why-vinfo-with-lp-block .equal-col .li-name {
        margin-bottom: 50px;
        padding: 0;
    }
    .challenge {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .journey-wraper.our-aim .h2 {
        margin-bottom: 20px;
    }
    .internal-process-img p {
        font-size: 24px;
        text-align: center;
        margin: 0px 0 30px 0
    }
    .internal-process-img:last-child {
        margin: 40px 0 0px 0
    }
    .home-page .section-6 .h3,
    .block-wrapper a span.blog-heading {
        font-size: 24px;
    }
    .why-vinfo .media-heading {
        font-size: 18px;
    }
    .journey-wraper .h2,
    .challenge .h2,
    .user-story-line .h2 {
        font-size: 24px
    }
    .journey-wraper .h2 h2 {
        font-size: 24px;
        margin: 0;
    }
    .about-wrapper {
        height: 630px !important;
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 36px;
        text-align: left
    }
    .why-vinfo p {
        text-align: left;
    }
    .why-vinfo-with-lp-block .equal-col p {
        padding: 30px 0px;
    }
    .open-position .h3 {
        display: inline-block;
        width: 100%;
        margin-top: 0;
    }
    .top-banner-block.current-opening-header {
        height: 380px;
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 24px
    }
    .current-opening-header.top-banner-block .h1,
    .top-banner-block.current-opening-detail-header .h1 {
        font-size: 36px;
    }
    .top-banner-block.current-opening-detail-header .h1 h1 {
        font-size: 36px;
    }
    .open-position .h3 h3 {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 24px;
    }
    .vacancy a {
        font-size: 16px;
    }
    .contact-alt .column .contact-info {
        min-width: 260px;
    }
    .panel-white .panel-body {
        padding: 30px 30px
    }
    .key-people-img {
        display: inline-block;
        vertical-align: top;
        width: 226px;
        height: 310px;
        padding-bottom: 5px;
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: -231px;
        padding-left: 260px;
    }
    .key-detail {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .key-people-block {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:550px) {
    .custom-popup .modal-content {
        margin: 50px 15px;
    }
    .top-banner-block.current-opening-header {
        height: 380px;
    }
    .right-bar-internal .btn-block {
        padding: 14px 16px;
    }
    .key-people-img {
        display: table;
        vertical-align: top;
        width: 226px;
        height: 280px;
        padding-bottom: 5px;
        /*margin: 0 auto;*/
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: 0;
        padding-left: 0;
        margin-top: 20px;
    }
    .tranding-div {
        position: fixed;
        right: 5px;
        bottom: 10px;
        max-width: 310px;
        z-index: 120;
    }
    .tranding-content {
        height: 100%;
        padding: 10px 20px 20px;
        max-height: 360px;
    }
    .tranding-div > a {
        width: 36px;
        height: 36px;
        line-height: 33px;
        font-size: 16px
    }
    .tranding-div > a i,
    .tranding-div > a i:before {
        line-height: 36px;
        font-size: 16px;
    }
    .tranding-div > a.active i.icon-trend {
        font-size: 12px;
        line-height: 33px;
    }
    .tranding-div > a.active i.icon-trend:before,
    .tranding-div > a:hover,
    .tranding-div a.active {
        font-size: 12px;
        line-height: 36px;
    }
    .tranding-content:after {
        right: 10px;
    }
    .tranding-content:before {
        right: 8px;
    }
    .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:750px) and (orientation:landscape) {
    .tranding-carousal .tanding-news-img {
        margin: 5px 0 10px;
    }
    .tranding-carousal .h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        margin: 0;
    }
    .tranding-content {
        max-width: 280px;
        max-height: 257px;
    }
}

@media screen and (max-width:480px) {
    .menu-header {
        position: fixed;
        top: 65px;
        right: initial;
        left: 15px;
    }
    .txt-content h3,
    .txt-content .h3 {
        font-size: 24px;
    }
    .cd-primary-nav {
        padding-top: 85px;
        height: 100%;
        top: -100%;
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 320px;
    }
    .codrops-header .h1 {
        text-align: center;
        font-size: 40px;
    }
    .codrops-header {
        height: 350px;
    }
    .codrops-header .container {
        top: 15vh;
    }
    .home-page .section-6 .h2,
    .home-page .section-6 .h2 p {
        font-size: 36px;
    }
    .case-study-featuring-img img {
        width: 100%
    }
    .text-content-bottom {
        margin-bottom: 10px;
    }
    .challenge {
        padding-top: 40px;
    }
    .current-opening-header a {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:414px) {
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 24px;
    }
    .partner-block {
        margin-bottom: 60px;
    } 
    .partner-block.partner-block-mob{
        margin-bottom: 20px;
    }

    .show-case-type-1 .show-case-img-block img {
        max-width: 100%;
    }
    .case-study-head-info {
        font-size: 36px;
    }
    .case-study-head-info h1 {
        color: #fff;
        font-size: 36px;
        margin: 0;
    }
    .case-study-heading {
        margin-top: 140px;
    }
    .slider-wrapper.mobile {
        width: 85%;
    }
    .user-story-line .h2,
    .about-heading,
    .journey-wraper.our-aim .h2,
    .work-page .show-case-type-1 .show-case-text-block .h3 {
        font-size: 24px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 24px;
        margin: 0;
    }
    .top-banner-block .h1 {
        font-size: 36px;
    }
    .top-banner-block .h1 h1 {
        font-size: 36px;
        margin: 0;
    }
    .slider-txt-content h3 {
        font-size: 24px;
        margin-top: 0;
    }
    .challenge {
        padding-top: 20px;
    }
    .user-story-line p,
    .user-story-line .h2 {
        text-align: left;
    }
    .work-page .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 30px;
    }
    .journey-wraper {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .internal-process-wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .current-opening-header.top-banner-block .h1 {
        font-size: 36px;
        margin-top: 60px;
    }
    .case-study-tag ul li:after {
        display: none;
    }
    .work-page .section-1 .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 60px;
    }
    .contact-alt .column .contact-info .icon,
    .contact-alt .column .contact-info .h4 {
        margin-left: 15px;
    }
    .contact-alt .column .contact-info .phon-number {
        padding: 15px 15px 5px
    }
    .contact-alt {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .panel-white .panel-body {
        margin-bottom: 50px;
    }
}

@media screen and (max-width:767px) {
    .list-style-block li {
        display: block;
    }
    .list-style-block li a:after {
        display: none;
    }
    .case-study-tag ul li:after {
        display: none
    }
}

.video-player {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 99999;
}

.video-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.video-container embed,
.video-container iframe,
.video-container object {
    width: 100%;
    height: 100%;
}

.videoclose {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 40px;
    top: 30px;
    z-index: 5;
    color: #fff;
    text-decoration: none !important;
}

.overlay-txt {
    position: relative;
}

.clientImg {
    position: relative;
}

.over-texts {
    color: #fff;
    position: absolute;
    z-index: 5;
    top: 70px;
    left: 110px;
    width: 320px;
}

.over-texts p {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}

.over-texts .client_name,
.over-texts .client_position {
    line-height: 1;
    margin: 0;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    color: #fff;
}

.over-texts .client_name {
    font-size: 24px;
    font-family: Gotham-Ultra;
    margin-bottom: 5px;
}

.over-texts .client_position {
    font-size: 16px;
    font-family: Gotham-Medium;
}

.play-btn {
    color: #fff;
    font-size: 64px;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    line-height: 1;
}

.play-btn:hover,
.play-btn:focus {
    text-decoration: none;
}

@media only screen and (max-width: 991px) {
    .over-texts {
        top: 30px;
    }
    .work-page-logo{
       text-align: -webkit-center; 
    }

}

@media only screen and (max-width: 767px) {
    .over-texts {
        top: 38px;
        left: 15px;
    }
    .play-btn {
        margin-bottom: 5px;
        font-size: 44px;
    }
    .over-texts .client_name {
        font-size: 22px;
    }
}

@media only screen and (max-width: 320px) {
    .over-texts {
        top: 15px;
    }
}

.lead-heading {
    font-family: 'Gotham-Black';
    font-size: 48px;
    color: #1A1A1A;
    margin-top: 50px;
    margin-bottom: 18px;
    line-height: 1.0;
}

.sub-lead-heading {
    font-family: Gotham-Book;
    font-size: 18px;
    color: #1A1A1A;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .lead-heading {
        font-size: 32px;
    }
}

.social-network {
    border-top: 1px solid #C8C7C7;
    border-bottom: 1px solid #C8C7C7;
    display: table;
    vertical-align: middle;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 1;
    margin-top: 50px;
}

@media only screen and (max-width: 767px) {
    .social-network {
        text-align: center;
    }
    .customer-engagement-auto-height .inner-box , .keep-the-coming-new .inner-box-fantastic{
        margin: 10px auto; 
    }
    .region-centent-new-h2 h2{
        font-size:28px!important;
        line-height:35px;
    }
}
.visible-sm-h2 h2{
    line-height:40px!important;
}
.visible-sm-slider .inner-box{
    margin-bottom: 20px;
}
.social-network-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-family: Gotham-Medium;
    font-size: 16px;
}

.social-network-inner>h4 {
    margin: 0;
}

.social-network-inner>.list-inline {
    margin-top: 15px;
}

.social-network-inner>.list-inline>li+li {
    margin-left: 10px;
}

.social-network-inner>.list-inline>li>a {
    color: #9B9B9B;
    font-size: 18px;
    line-height: 1;
}

.social-network-inner>.list-inline>li>a:hover,
.social-network-inner>.list-inline>li>a:focus {
    text-decoration: none;
    color: #00ca6f;
}

@media only screen and (min-width: 768px) {
    .social-network-inner>.list-inline {
        margin-top: 0;
    }
    .social-network-inner>h4 {
        float: left;
    }
    .social-network-inner>.list-inline {
        float: right;
    }
}

.social-network.centered-align {
    text-align: center;
}

.social-network.centered-align .social-network-inner>.list-inline {
    float: none;
    margin-top: 0;
}

.nutshell-wraper+.social-network {
    border-top: 0;
    margin-top: 0;
    padding-bottom: 50px;
}

@media only screen and (min-width: 768px) {
    #facebookcomments {
        margin-top: 90px !important;
    }
}

@media only screen and (max-width: 767px) {
    #facebookcomments {
        width: 100% !important;
    }
}

.videoPlayBtn {
    font-size: 16px;
}

.videoPlayBtn > i {
    font-size: 23px;
    vertical-align: middle;
}

.videoPlayBtn > a {
    display: inline-block;
    vertical-align: middle;
}

.body-color {
    color: #101010;
}

.read-story-link {
    color: #00CA6F;
    font-family: Gotham-Bold;
    letter-spacing: 2px;
    display: block;
}


/*.top-banner-block:not(.current-opening-detail-header){
  padding-top: 180px;
  height: auto !important;
  padding-bottom: 40px;
}
.top-banner-bg{
  height: 100%;
  background-position: bottom right !important;
}*/

.blog-section-sm .row {
    margin-left: -10px;
    margin-right: -10px;
}

.blog-section-sm [class^="col-"],
.blog-section-sm [class*=" col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.table-green {
    color: #333;
}

.table-green th {
    background-color: #81e3ba;
}

.table-green > thead > tr > th,
.table-green > tbody > tr > td {
    border: 1px solid #e0f5ec;
    vertical-align: middle;
    font-size: 15px;
}

.table-green > tbody > tr > td {
    background-color: #f3f8fe;
}

.table-green > tbody > tr:nth-child(even) > td {
    background-color: #d9f7eb;
}

.table-label {
    display: none;
    color: #616161;
    font-size: 12px;
    margin-bottom: 2px;
}

.table-responsive-secondary th {
    text-align: center;
}

.table-responsive-secondary > .table > thead > tr > th {
    border-bottom: 0;
}

.table-responsive-secondary > .table {
    vertical-align: middle;
}

.table-responsive-secondary > .table > tbody > tr > td .icon-check {
    color: #02872c;
}

.table-responsive-secondary > .table > tbody > tr > td .icon-cross {
    color: #f90000;
}

.table-responsive-secondary > .table > thead > tr > th:first-child,
.table-responsive-secondary > .table > tbody > tr > td:first-child {
    width: 35%;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .table-label {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive-secondary .table>thead {
        display: none;
    }
    .table-responsive-secondary .table > tbody,
    .table-responsive-secondary .table > tbody > tr,
    .table-responsive-secondary .table > tbody > tr > td {
        display: block;
        width: 100%;
        float: left;
    }
    .table-responsive-secondary .table > tbody > tr+tr {
        border-top: 1px solid #d6eae1;
    }
    .table-responsive-secondary .table > tbody,
    .table-responsive-secondary .table > tbody > tr > td {
        border: none;
    }
    .table-responsive-secondary .table > tbody > tr > td {
        width: 33.33%;
    }
    .table-responsive-secondary .table > tbody > tr > td:first-child {
        width: 100%;
    }
}

.banner-play-btn {
    color: #4A4A4A;
    text-decoration: none !important;
    font-size: 54px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: 150px;
    margin-left: 150px;
    &:hover,
    &:focus {
        color: #00cc6b;
        text-decoration: none !important;
    }
}

@media screen and (max-width: 767px) {
    .blog-post-items {
        height: auto !important;
    }
    .blog-post-content {
        min-height: auto !important
    }
    .mobile-pad-b0 {
        padding-bottom: 0;
    }
    .mobile-pad-t25 {
        padding-top: 25px !important;
    }
    .mobile-m-b0 {
        margin-bottom: 0 !important;
    }
    .floated-btn {
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
    }
    .floated-btn>.btn {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .tranding-div {
        display: none;
    }
    .home-page footer {
        padding-bottom: 100px;
    }
}

.blogSection {
    height: 686px;
    background: url(../img/blog-banner.jpg) no-repeat left top;
    background-size: cover;
    color: #fff;
}

.blogSection-hegiht {
    background-position: 100%;
}

@media (min-width: 1601px) {
    .blogSection-hegiht {
        height: 686px;
    }
}

@media (min-width: 2200px) {
    .blogSection-hegiht {
        height: 800px !important;
        background-position: 100% 55%;
    }
}

@media (max-width: 1600px) {
    .blogSection-hegiht {
        height: 500px !important;
    }
}

@media (max-width: 1024px) {
    .blogSection-hegiht {
        height: 307px !important;
    }
    .customer-engagement-auto-height , .customer-engagement-auto-height .box-list-width {
        height:auto!important;
    }
    /*.footer-block .h2 {
        position: relative;
        display: block;
        line-height: 45px;
        margin-bottom: 0;
        margin: 0;
        padding-bottom: 0;
    }*/
    .footer-block .h2:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .footer-block .h2.open:after {
        content: "\e906"
    }
    .second-last.footer-block ul {
        min-height: auto;
        margin-bottom: 40px;
        margin-top: 15px;
    }
    .footer-block ul {
        padding: 0;
        list-style: none;
        min-height: 160px
    }
    .footer-spacer {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .blogSection-hegiht {
        height: 160px !important;
    }
}

.blogSection_inner {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 1;
}

.blogSection--vMiddle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 100%;
}

.blogSection_heading {
    margin-bottom: 0;
    margin-top: 0;
    /*text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);*/
    color: #fff;
    margin-bottom: 25px;
}

.blogSection_heading--big {
    font-family: "Gotham-Black";
    font-size: 36px;
}

.blogSection_heading--sm {
    font-family: Gotham-Medium;
    font-size: 13px;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .blogSection {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .blogSection {
        height: 400px;
    }
    .blogSection_heading {
        margin-bottom: 15px;
    }
    .blogSection_heading--big {
        font-size: 25px;
    }
}

.btn-bordered {
    font-size: 16px;
    line-height: 19px;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    box-shadow: none;
}

.btn-bordered:hover,
.btn-bordered:focus,
.right-bar .btn-bordered:hover,
.right-bar .btn-bordered:focus {
    background-color: #fff;
    color: #333;
}

.text-transform-no {
    text-transform: none !important;
}

.blogCategories {
    padding-top: 25px;
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .blogCategories>.dropdown-toggle {
        width: 100%;
        display: block;
        height: 48px;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 1.33;
        border-radius: 0;
        border: 1px solid #ddd;
        text-decoration: none;
        text-align: left;
        color: #666;
        position: relative;
    }
    .blogCategories>.dropdown-toggle .caret {
        position: absolute;
        right: 16px;
        top: 22px;
    }
    .blogCategories.open>.dropdown-toggle .caret {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .categories-list {
        width: 100%;
        top: 69px;
    }
    .categories-list>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (min-width: 768px) {
    .blogCategories>.dropdown-toggle {
        display: none;
    }
    .categories-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        box-shadow: none;
        border: none;
        float: none;
    }
    .categories-list>li {
        float: left;
        color: #666666;
        text-align: center;
    }
    .categories-list>li>a {
        color: #666666;
        font-family: Gotham-Medium;
        font-size: 14px;
        text-decoration: none;
        border: 1px solid transparent;
        border-radius: 100px;
        display: block;
        padding: 8px 14px;
        line-height: 1;
    }
    .categories-list>li>a:hover,
    .categories-list>li>a:focus,
    .categories-list>li.active>a,
    .categories-list>li.active>a:hover,
    .categories-list>li.active>a:focus {
        color: #00CA6F;
        background-color: transparent;
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .categories-list>li.active>a {
        border: 1px solid #C8C7C7;
    }
    .blogSectionSection {
        background-color: #fff;
    }
}

.blog-post-list {
    margin-left: -10px;
    margin-right: -10px;
}

@media (min-width: 1199px) {
    .blog-post-list {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.blog-post-items {
    padding: 10px;
}

.blog-post-img {
    height: auto;
}

.blog-post-img>img {
    border-radius: 2px;
}

.blog-post-content {
    padding: 15px 0;
    font-family: Gotham-Book;
    font-size: 16px;
    /*text-align: center;*/
    line-height: 25px;
    color: #666666;
    min-height: 280px;
}

.blog-post-heading {
    margin-top: 0;
    margin-bottom: 10px;
}

.blog-post-heading-sm {
    font-family: Gotham-Medium;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    text-transform: uppercase;
    margin-top: 15px;
}

.blog-post-heading-lead {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 28px;
    color: #1A1A1A;
    min-height: 85px;
}

.blog-post-content p {
    margin-bottom: 5px;
    min-height: 70px;
    overflow: hidden;
    height: 50px;
}

.blog-post-content .readMore {
    font-family: Gotham-Medium;
    font-size: 14px;
    line-height: 24px;
    color: #9B9B9B;
    text-decoration: none;
}

.blog-post-content .readMore:focus,
.blog-post-content .readMore:hover {
    color: #00CA6F;
}

@media (max-width: 767px) {
    .blog-post-img {
        /*height: 155px;*/
    }
    .blog-post-heading-sm {
        margin-top: 0;
    }
}

.loadmore-posts {
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
}

.loadmore-posts>.btn {
    box-shadow: none;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
}

.subscribe-block {
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    font-family: Gotham-Book;
    font-size: 12px;
    color: #666666;
}

.subscribe-block h3 {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 27px;
    color: #1A1A1A;
    margin-top: 0;
    margin-bottom: 5px;
}

.subscribe-form {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    position: relative;
}

.subscribe-form .element-invisible {
    display: none;
}

.subscribe-form .form-text,
.subscribe-form .form-control,
.subscribe-form .dropdown,
.subscribe-form .form-item {
    float: left;
    width: 280px;
    height: 48px;
}

.subscribe-form .dropdown,
.subscribe-form .form-item-selectCategory {
    margin-left: -1px;
    outline: none !important;
}

.categories-type-btn {
    height: 48px;
    border: 1px solid #D8D8D8;
    border-radius: 0 2px 2px 0;
    display: block;
    padding: 6px 12px;
    line-height: 34px;
    font-size: 16px;
    color: #1A1A1A;
    text-decoration: none;
    text-align: left;
    position: relative;
}

.open>.categories-type-btn,
.categories-type-btn:hover,
.categories-type-btn:focus {
    text-decoration: none;
    color: #00ca6f;
}

.categories-type-btn:hover .caret,
.categories-type-btn:focus .caret {
    border-color: transparent #00ca6f #00ca6f transparent;
}

.open>.categories-type-btn .caret {
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.categories-type-btn .caret {
    position: absolute;
    right: 16px;
    top: 19px;
    height: 7px;
    width: 7px;
    border: 1px solid;
    border-color: transparent #000000 #000000 transparent;
    -moz-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
}

.subscribe-form .form-control:focus {
    box-shadow: none;
}

.subscribe-form .dropdown .dropdown-menu {
    width: 100%;
    margin-top: -1px;
}

.subscribe-form .dropdown .dropdown-menu>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn--subscribe {
    float: left;
    width: 140px;
    height: 48px;
    background-color: #00CA6F;
    border: 2px solid #00CA6F;
    border-radius: 2px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    box-shadow: none;
    margin-left: 11px;
}

.subscribe-form .form-select option {
    display: none;
}

.white-wrapper {
    background-color: #fff;
}

.absolute {
    position: absolute;
}

.form-checkboxes >.form-type-checkbox {
    float: none;
    width: 100%;
    height: auto;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.form-checkboxes {
    min-height: 200px;
    overflow: auto;
    width: 280px;
    display: none;
    position: absolute;
    left: 279px;
    top: 48px;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 8px;
    z-index: 9;
    min-width: 234px;
}

#block-simplenews-0 > h2 {
    display: none;
}

@media (max-width:767px) {
    .subscribe-form {
        width: 100%;
    }
    .subscribe-form .form-control,
    .subscribe-form .form-text,
    .subscribe-form .dropdown,
    .subscribe-form .btn--subscribe,
    .subscribe-form .form-item {
        float: none;
        margin: 0 0 4px 0;
        width: 100%;
        max-width: 100%;
    }
    .form-checkboxes {
        top: 98px;
        width: 100%;
        left: 0;
    }
}


/* shivraj */

@media(min-width:768px) {
    .drop-down-menu:hover .dropdown-menu {
        display: block;
    }
    .drop-down-menu .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .drop-down-menu {
        position: relative;
    }
}

.drop-down-menu .dropdown-menu>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.drop-down-menu .dropdown-menu {
    margin: 0px !important;
}

@media (max-width:767px) {
    .banner-box-support img {
        max-width: 100%;
    }
    .banner-box-support {
        display: table;
        margin: 38px 0px 26px;
    }
    .button-box-support {
        background-color: #00ca6f;
        color: #fff;
        display: inline-block;
        padding-left: 4px;
        position: relative;
        text-align: center;
        width: 100%;
        font-weight: bold;
        position: relative;
        margin-top: 10px;
        padding: 20px;
    }
    .blog-post-img {
        /*height: 201px;*/
    }
    .drop-down-menu .dropdown-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        max-height: 300px;
        border-top: #00ca6f solid 1px;
        padding-left: 11px;
        background: #f2f2f2;
        overflow-y: auto;
    }
    .drop-down-menu > a:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .displayblock:after {
        content: "\e906" !important;
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .displayblock + .dropdown-menu {
        display: block;
    }
}

.blog-post-heading-sm a {
    color: #666666;
}

.blog-post-heading-sm a:hover,
.blog-post-heading-lead a:hover {
    text-decoration: none;
    color: #00ca6f;
}

.blog-post-heading-lead a {
    color: #1A1A1A;
}

.blog-post-items {
    /*height: 600px;*/
    overflow: hidden;
}

@media(min-width:768px) {
    /*shivraj 08-02-17*/
    .banner-box-support {
        display: table;
        margin: 10px 0px 40px;
    }
    .banner-box-support .img,
    .banner-box-support .button-box-support {
        display: table-cell;
        vertical-align: middle;
        float: left;
    }
    .button-box-support {
        background-color: #00ca6f;
        color: #fff;
        display: inline-block;
        padding-left: 21px;
        padding-right: 12px;
        position: relative;
        text-align: justify;
        width: 122px;
        font-weight: bold;
        padding-top: 22px;
        position: relative;
        letter-spacing: 2px;
        height: 91px;
        vertical-align: middle;
        float: left;
    }
    .arrow {
        border-style: dashed;
        border-color: transparent;
        border-width: 45PX;
        display: inline-block;
        font-size: 100px;
        height: 0;
        position: relative;
        width: 0;
        background-color: #fff;
        border-left-width: 20PX;
        border-left-style: solid;
        border-left-color: #00ca6f;
        right: -65px;
        top: 1PX;
        position: absolute;
    }
}

.book-meeting-section .label-box span {
    color: red;
}

.book-meeting-section .open > .dropdown-menu {
    width: 100%;
}

.book-meeting-section .categories-type-btn .caret {
    height: 10px;
    width: 10px;
    top: 15px;
}

.book-meeting-section .open>.categories-type-btn,
.categories-type-btn:hover,
.categories-type-btn:focus {
    text-decoration: none;
    color: #000000;
}

.book-meeting-section .categories-type-btn:hover .caret,
.book-meeting-section .categories-type-btn:focus .caret {
    border-color: transparent #000000 #000000 transparent;
}

.book-meeting-section .dropdown-menu > .active > a,
.book-meeting-section .dropdown-menu > .active > a:hover,
.book-meeting-section .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #000000;
}


/* Checkbox css*/

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.clr {
    padding-left: 35px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 7px;
}

input[type=checkbox].css-checkbox:checked + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.chk {
    background-position: 0 -20px;
}

label.css-label {
    background-image: url(../img/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.book-meeting-section .heading-margin {
    margin-top: 20px;
    margin-bottom: 20px;
}

.book-meeting-section .margin-left-20 {
    margin-left: 20px;
}

.book-meeting-section .margin-top-50 {
    margin-top: 50px;
}

@media (max-width:768px) {
    .book-meeting-section .margin-top-50 a,
    .book-meeting-section .margin-top-50 button,
    .book-meeting-section .form-group {
        width: 100%;
    }
    .book-meeting-section .margin-left-20 {
        margin-left: 0px !important;
    }
    .inner-box-fantastic {
        margin: 10px auto!important;
    }
}

.book-meeting-section .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #000000;
    color: #ffffff;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

#confirm-add-pg #edit-cancel {
    margin-left: 15px;
    background: url(../img/confirm_submit.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 3px;
    color: #DAE3F2;
    cursor: pointer;
    font-size: 14px;
    line-height: normal;
    padding: 5px 20px;
    text-shadow: 1px 1px 0 #000000;
    width: 100px;
}

@media (min-width:768px) {
    #confirm-add-pg {
        width: 600px;
        margin: 0 auto;
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

@media (max-width:767px) {
    #confirm-add-pg {
        width: 94%;
        margin: 90px auto 19px;
        padding-bottom: 18px;
    }
}

.subscribe-block .form-item-selectCategory label {
    font-size: 16px;
    font-weight: normal !important;
    text-transform: uppercase !important;
}

.subscribe-block::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000000;
}

.subscribe-block::-moz-placeholder {
    /* Firefox 19+ */
    color: #000000;
}

.subscribe-block:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000;
}

.subscribe-block:-moz-placeholder {
    /* Firefox 18- */
    color: #000000;
}

.blogCategories .dropdown-menu > li > a {
    font-size: 14px;
    font-family: Gotham-Medium;
}

.open .dropdown-menu {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.error-msg {
    color: #a94442;
}

.has-error a {
    border-color: #a94442;
}

.m-t-10 {
    margin-top: 10px;
}

.error-msg-checkbox {
    color: red;
    font-size: 16px;
    font-weight: bold;
}

.link--text {
    color: inherit;
    text-decoration: none;
}

.link--text,
.link--text:hover,
.link--text:focus {
    text-decoration: none;
}

.clear {
    clear: both;
}

.video-embeded {
    margin-top: 15px;
    margin-bottom: 15px;
}

.particles {
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    opacity: .9;
}

.featuredIn {
    margin-top: 50px;
}

.featuredIn ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.featuredIn ul >li {
    color: #9b9b9b;
    display: inline-block;
    font-family: 'Gotham-Book';
    vertical-align: middle;
    font-size: 14px;
    margin-right: 19px;
}

.featuredIn ul >li:last-child {
    margin-right: 0;
}

@media (max-width:1024px) {
    .featuredIn ul >li {
        margin-bottom: 10px;
    }
    .featuredIn ul >li.featuredIntxt {
        display: block;
        margin-right: 0;
    }
}

@media (max-width:767px) {
    .featuredIn ul >li {
        font-size: 14px;
    }
}

.section-6 {
    background-color: #fff;
}

.header-summary a {
    color: #fff;
    text-decoration: none;
}

.header-summary a:hover {
    color: #00cc6b;
}


/*shivraj 08-02-17*/

@media(min-width:1100px) {
    .banner-play-custom-postion {
        position: absolute;
        right: -20px;
        top: 196px;
    }
}


/*Loader css*/

.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;
}

.postion-relative {
    position: relative;
}

.featuredIn ul li .bnn-logo {
    width: 63px;
    height: 29px;
}

.featuredIn ul li .cbc-news-logo {
    width: 38px;
    height: 34px;
}

.featuredIn ul li .tech-logo {
    width: 126px;
    height: 22px;
}

.featuredIn ul li .urekha-logo {
    width: 33px;
    height: 44px;
}

.featuredIn ul li .global-mail-logo {
    width: 184px;
    height: 15px;
}

.featuredIn ul li .winnipeg-logo {
    width: 150px;
    height: 21px;
}

.featuredIn ul li .forbes-logo {
    width: 75px;
    height: 23px;
}

.featuredIn ul li .espn-logo {
    width: 77px;
    height: 30px;
}

.featuredIn ul li .wall-street-logo {
    width: 196px;
    height: 21px;
}

.featuredIn ul li .moorusurbangreekz {
    width: 210px;
    height: 32px;
}

.featuredIn ul li .FamousB-The-washington {
    width: 208px;
    height: 46px
}

.featuredIn ul li .FamousB-The-Huffing {
    width: 200px;
    height: 40px;
}

.featuredIn ul li .Banana-bandy-your-story {
    width: 144px;
    height: 37px;
}

.featuredIn ul li .FamousB-NBC {
    width: 39px;
    height: 56px;
}

.light-color {
    color: #333333 !important;
    font-family: inherit !important;
}

iframe {
    border-width: 0px;
}

.img-max-width {
    max-width: 100%;
}

@media(min-width:768px) {
    .heading-top {
        margin-top: 80px;
    }
}

@media(max-width:768px) {
    .mTZero-xs {
        margin-top: 0px !important;
    }
}

.devider-box {
    border-top: 1px solid #ECECEC;
    display: block;
    height: 1px;
}

.custom-top-banner {
    background-size: auto !important;
}

@media screen and (max-width: 1024px) {
    .custom-top-banner {
        background-size: 44% !important;
    }
}

.about-vinfotech {
    background: #fff url(../img/vinfotech-creates-social-networks-&-communities.png) no-repeat !important;
    background-position: left bottom !important;
    background-size: contain;
    background-color: #fff;
}

.about-vinfotech .show-case-type-1 .show-case {
    padding-top: 30px !important;
}

.font-green {
    color: #00CA6F;
}

.about-us-vinfotech-ul ul li {
    list-style: none;
    font-family: Gotham-Medium;
    font-size: 16px;
    line-height: 32px;
    color: #1A1A1A;
}

.about-us-vinfotech-ul ul li:before {
    content: "/";
    display: inline-block;
    margin-right: 15px;
}

.vsocial-content {
    background: #F9F9F9;
    padding-top: 20px;
    padding-bottom: 90px
}

.custom-popup-new {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 99;
    height: 396px;
    transition: all 0.3s;
    overflow: hidden;
}


.custom-popup-new .h4 {
    font-family: inherit;
    margin-top: 12px;
    margin-bottom: 18px;
}

.custom-popup-new .p p {
    font-family: inherit;
}

.custom-popup-new form textarea.form-control {
    height: 70px
}

.custom-popup-new .form-group {
    margin-bottom: 6px;
}

.custom-popup-new .help-block {
    margin-bottom: 0px
}

.custom-popup-new .modal-contact-area .modal-contact-area-seprator {
    width: 113px;
    margin: 0px 12px;
}

.custom-popup-new .modal-contact-area div.p,
.custom-popup-new .modal-contact-area span {
    font-family: inherit;
    font-size: 11px;
}

.custom-popup-new .back-clm {
    width: 290px;
}

.custom-popup-new form .btn {
    padding: 10px 25px;
}

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

.custom-popup-new .modal-header .close {
    outline: none;
    color: #fff;
    position: absolute;
    right: -1px;
    z-index: 9999;
    top: -16px;
}

.custom-popup-new .modal-header {
    position: relative;
}

.custom-popup-new .modal-body {
    padding-bottom: 0px;
}

.toggle-popup {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 40px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #00CA6F;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
    z-index: 999;
}

.toggle-popup i {
    color: white;
}

.pZero {
    padding: 0px;
}

@media(max-width:767px) {
    .custom-popup-new {
        width: 100%;
        height: 0px;
    }
    .toggle-popup {
        display: none;
    }
}

@media(max-width:414px) {
    .custom-popup-new .back-clm {
        width: 92%;
    }
}

.heading-3 {
    font-family: 'Gotham-Black';
    margin-bottom: 40px;
    margin-top: 70px;
}

@media(min-width: 1024px) {
    .padding-49-md {
        padding-left: 60px;
    }
    .padding-84-md {
        padding-left: 84px;
    }
}

.custom-left-top-menu .page-name {
    width: 100% !important;
    padding: 20px;
    margin-left: -59px !important;
    padding-left: 73px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 205px;
}

@media(max-width:767px) {
    .custom-left-top-menu .page-name {
        margin-left: -48px !important;
        padding-left: 77px !important;
        padding: 15px 20px;
    }
}

.landing-cursor ul li a {
    pointer-events: none;
}

.circular-animation-wrap.margin-top-btm {
    margin-top: 50px;
    margin-bottom: 50px;
}

#CaseStudyOne,
#CaseStudyTwo,
#CaseStudyThree,
#CaseStudyFour {
    display: none;
}

.close-acc,
.close-acc-custom {
    display: table;
    position: relative;
    top: 100px;
    left: 20px;
    cursor: pointer;
}

.meet-us-box {
    position: fixed;
    left: 0px;
    top: 76%;
    transform: translateY(-50%);
    z-index: 9;
    width: 180px;
    background-color: #00ca6f;
    border-color: #00ca6f;
    -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);
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    color: white;
    font-size: 12px;
    padding: 20px 10px;
    text-align: center;
}

.meet-us-text {
    display: block;
}

.fsta-img {
    max-width: 80px;
    margin: 7px AUTO 13px AUTO;
    display: block;
}

.img-box {
    max-width: 80px;
    margin: 4px auto 12px;
    display: block;
    text-align: center;
}

.block {
    display: block;
}

.top-popup-box {
    text-align: center;
    max-width: 378px;
    margin: 0 auto;
}

.summer-connfrence {
    font-size: 22px;
    font-weight: bold;
    color: white
}

.time-date-confrence {
    font-size: 16px;
    color: white;
}

.confrence-address {
    font-size: 15px;
    color: white;
    font-weight: bold;
    margin-bottom: 20px;
}

#meet-us .categories-type-btn {
    background: white;
    color: #9a9a9a;
}

#meet-us .dropdown-menu li a:hover {
    background: none;
    color: #02b765;
    -moz-transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
}
.get-in-touch-index .categories-type-btn {
    background: white;
    color: #9a9a9a;
}
.get-in-touch-index .dropdown-menu li a:hover{
    background: none;
    color: #02b765;
    -moz-transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
}

@media(min-width:768px) {
    .pr-8 {
        padding-right: 8px;
    }
    .pl-8 {
        padding-left: 8px;
    }
}

#meet-us .dropdown-menu {
    min-width: 303px;
}
.get-in-touch-index .dropdown-menu {
    min-width: 291px;
}
.get-in-touch-index .categories-type-btn{
    height: 38px;
    padding: 2px 12px;
}
.get-in-touch-index  .categories-type-btn .caret{
        top: 14px;
} 

#meet-us textarea {
    height: 68px;
}

.meet-us-heading {
    font-size: 17px;
    font-weight: bold;
    color: white;
}

.summer-connfrence-2017 {
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    font-weight: bold;
}

.in-accordian .h2 {
    font-family: Gotham-Black;
}

.custom-p p {
    color: #333;
}


.img-box-countainer{
     max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.img-cont-box{
   margin:15px;
    position: relative;
    float:left;
}

.img-cont-box .over-texts {
    width: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.img-cont-box img {
    max-width: 100%;
    //height: 265px;
}
.img-cont-box .content-video-p{
    position: absolute;
    left: 39px;
    top: 40px;
    color:white;
    z-index: 99;
}
.img-cont-box .content-video-p span, .img-cont-box .content-video-p p{ 
    color:white;
    font-family: Gotham-Bold;
    font-size: 19px;
    

}
.sup{
        font-size: 25px !important;
        top: 0px;
        left: -5px
}
.content-box-vert{
    display: inline-block;
    vertical-align: middle;
    padding: 55px 28px 0px 0px;

}
.content-box-vert .h4 {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 10px;
    color: black;
}  
.custom-h1{
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Ultra';
    margin-top: 0px;
}
.custom-h2 {
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 36px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Black';
    margin-top: 0px;
}
.dropdown-white-bg{
    background: white;
    color: #9a9a9a;
}
.custompopup-dropdown-menu {
    min-width: 303px;
}
.pT0{
    padding-top: 0px !important;
}
.slider-object{
    position: absolute;
    z-index: 99;
}
.footer-section.active ~ ul.pagi{
    opacity: 0;
}
/*.footer-section ~ ul.pagi{
    opacity: 0;
}*/
/*new css included by ayushi*/
.h4-new-class{
    max-width: 370px !important;
    margin-bottom: 20px !important;
    /*margin-top: 10px;*/
    letter-spacing: 1px !important;
}
.new-form-css{
    max-width: 360px !important;
}
.new-form-group-css{
    margin-bottom: 10px;
}
.new-modal-body-css{
    padding-top: 10px !important;
}
.h4-new-class{
max-width: 370px !important;
margin-bottom: 20px !important;
letter-spacing: 1px !important;
}
.new-form-css{
max-width: 360px !important;
}
.new-form-group-css{
margin-bottom: 10px;
}
.new-modal-body-css{
padding-top: 10px !important;
}
/*css add by ayushi*/
.no-style-ul{
list-style-type: none;
}
@media(max-width:991px){
  .no-style-ul{
    margin-top:-60px;
    margin-bottom: 10px;
  }  
}
.white-base{
background: #FFF;
}
.prev-case.fantasy-solution-offering,
.next-case.fantasy-solution-offering{
width: 33.33333%;
}
.footer-block .footer-hyperlink li{
display: inline-block;
color: #FFF;
}
.footer-block ul.footer-hyperlink{
min-height: 10px;
}
.why-vinfo .media-left.number-list{
font-size: 60px;
line-height: 60px;
}
@media screen and (max-width:767px){
.prev-case.fantasy-solution-offering,
.next-case.fantasy-solution-offering{
width: 100%;
}
}
@media(min-width:768px){
    .pl-sm{
        padding-right: 50px;
    }
}
.pB0 {
    padding-bottom: 0px;
}
.duel-text-padding {
    padding: 40px 0 !important;
}
.duel-text-padding h4{
    font-size: 18px !important;
}
.duel-text-padding  .list-style-block li a {
    font-size: 14px;
}
.duel-text-padding  .list-style-block li{
   line-height: 1 !important;
}
.duel-text-padding  .list-style-block li a:after{
    margin: 0 3px !important;
}
.showcase-nav-footer-custom{
        min-height: 81px !important;
        height: auto !important;
}
.showcase-nav-footer-custom h4{
        font-size: 14px;
}
@media(max-width:767px){
   .showcase-nav-footer-custom h4{
        font-size: 12px;
    } 
    .duel-text-padding-custom{
        padding: 30px 0 !important;
    }
}
.more-link-custom{
    margin-top: 38px !important;
    margin-bottom: 50px !important;
}
.offset-top{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
.show-case-text-block.readmore-success-link{
    float: none !important;
    padding-top: 50px !important;
}
.show-case-text-block.readmore-success-link a{
    margin-bottom: 0px !important;
}
.showcase-nav-footer .prev-case:hover, .showcase-nav-footer .next-case:hover{
    background: #eaeaea !important;
}
.readmore-success-link i{
    padding-left: 15px !important;
}
.duel-text-padding h4{
    color: #999999;
}
@media(max-width:767px){
    .duel-text-padding ul li{
        display: inline-block !important;
    }
    .duel-text-padding ul li a{
        font-size: 10px !important;
    }
}
@media (max-width: 768px){
    .showcase-nav-footer a {
    font-size: 12px;
    }
}

@media only screen and (max-width: 767px){
    .why-vinfo p{
    margin-bottom: 0px;
    }
    .showcase-nav-footer h4 {
    line-height: 80px;
    }
    .showcase-nav-footer a {
    height: 80px;
    }
    .showcase-nav-footer.nav-footer-custom h4 {
    line-height: 40px;
    }
    .showcase-nav-footer.nav-footer-custom a {
    height: 25px;
    }
    .list-style-block li a:after {
    display: inline-block;
    font-size: 14px;
    }
    .showcase-nav-footer .prev-case, .showcase-nav-footer .next-case{
        padding: 0px 15px;
    }
    /*.number-list-media-body p:before{
        content: "/";
        display: inline-block;
        margin: 0 5px 0 0;
        color: #00CA6F;
        font-size: 16px;
    }*/
    .nav-footer-custom .prev-case.fantasy-solution-offering, 
    .nav-footer-custom .next-case.fantasy-solution-offering{
        width: 100% !important;
    }
    .nav-footer-custom ul{
        padding-bottom: 10px;
        padding-top: 15px;
    }
}
.banner-overlays{
    position: relative;
}
.banner-overlays::after{
    content: '';
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
}
.white-container{
    background-color: white;
}
.white-container .show-case-text-block.readmore-success-link a{
    margin-bottom: 30px !important;
}
.skype-inbuild-button{
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 0;
}
.skype-inbuild-button img{
    margin: 0px !important;
    vertical-align: top !important;
    width: 26px;
}
.nav-footer-custom.showcase-nav-footer,
.nav-footer-custom.showcase-nav-footer .next-case,
.nav-footer-custom.showcase-nav-footer .prev-case,
.nav-footer-custom.showcase-nav-footer .next-case{
    border: 0px;
}
.nav-footer-custom.showcase-nav-footer .prev-case:hover,
.nav-footer-custom.showcase-nav-footer .next-case:hover{
    background: transparent !important;
}
.nav-footer-custom.showcase-nav-footer{
    font-family: Gotham-Bold;
    color: #00CA6F;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 16px;
    display: block;
}
.nav-footer-custom .prev-case.fantasy-solution-offering, 
.nav-footer-custom .next-case.fantasy-solution-offering{
   /* width: 24% ;
    display: inline-block;*/
        width: 25%;
    display: block;
    float: left;
    text-align: center;
}
.nav-footer-custom .prev-case.fantasy-solution-offering i, 
.nav-footer-custom .next-case.fantasy-solution-offering i{
        position: static;
        font-size: 13px;
        display: inline;
        margin-left: 10px;
}
.nav-footer-custom.showcase-nav-footer a:hover{
    transform: translate(1px, 0px);
    color: #000;
}
@media (max-width: 768px){
    .categories-list>li>a{
        padding: 8px 6px;
    }
}
.blog-post-content.blog-ellipses p {
    display: block;
    display: -webkit-box;
    /* max-width: 400px; */
    height: 74.2px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-post-heading-lead.blog-title-ellipses{
    display: block;
    display: -webkit-box;
    max-width: 400px; 
    height: 55px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} 

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

/*.nav-footer-custom ul{
    padding-top: 15px;
}*/
@media only screen and (min-width: 991px){
    .showcase-nav-footer a {
        margin: 0 auto;
    }
    .nav-footer-custom.showcase-nav-footer a {
        max-width: 240px;
    }
}
.nav-footer-custom ul{
    overflow: hidden;
}
@media only screen and (max-width: 1024px){
    .blog-post-heading-lead{
        font-size: 18px;
        min-height: 70px;
        line-height: 24px;
    }
}
@media (min-width: 1025px) and (max-width: 1430px)  {
    .blog-post-heading-lead{
        font-size: 20px;
        line-height: 26px ;
    }
    
}
@media (min-width: 1025px) and (max-width: 1440px)  {
    .media.media-custom{
        min-height: 170px !important;
    }
}
@media only screen and (max-width: 768px){
    .blogCategories .dropdown-menu > li > a{
    font-size: 12px;
    }
} 

@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;
    }
    footer {
        padding-top: 50px;
        padding-bottom: 50px;

    }
}
@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(max-width:1025px){
    .sub-nav-footer {
        text-align: center;
    }
    /*.sub-nav-footer ul {
        margin-bottom: 30px;
    }*/
}
.slick-href a:focus, .slick-href a sports-block:focus{
    outline: 0px !important;
    border: none !important;
}
.slick-center .sports-block:focus {
    outline: 0;
}

.txt-content-info{
    padding-top: 30px;
}
.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: -11px;
}
@-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: -11px;
}
@-webkit-keyframes moveimg3 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes moveimg3 {
     0%   {opacity: 0.5};
    100% {opacity: 1}
}
.top-banner-block .h1 h1{
    line-height: 0.9;
}
iframe[name=google_conversion_frame]{
    position: absolute;
    z-index: -1;
    height: 0px;
    top: 0;
}
/*.carousel-container{
    border: 1px solid rgba(151,151,151,0.2);
    padding: 0px;
}*/
/*.carousel-options:hover,
.carousel-options:active{
    border: 1px solid rgba(216,216,216,0.14);
    background-color: #F6F6F6;
    color: #00CA6F;
}
.carousel-options{
    padding: 20px 7px;
    text-align: center;
    font-weight: bold;
    line-height: 23px;
    border: 1px solid transparent;
    font-family: "Gotham-Bold";
    width: 180px;
}*/
/*.carousel-container .owl-controls{
    margin: 0px;
}
.carousel-container .gallery-slider-wrap{
    background: transparent;
}
.carousel-container .gallery-slider-wrap .owl-controls .owl-prev:hover svg,
.carousel-container .gallery-slider-wrap .owl-controls .owl-next:hover svg{
    stroke: #8f8f8f;
}
.carousel-container .gallery-slider-wrap .owl-controls svg{
    height: 36px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-prev{
    left: -10px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-next{
    right: -40px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-prev,
.carousel-container .gallery-slider-wrap .owl-nav .owl-next{
    top: calc(50% - 100px);
}*/
/*.carousel-affix.affix {
    z-index: 125;
    top: 100px;
    left: 0;
    right: 0;
}*/
.component-phone{
    padding-left: 10px;
}
.component-phone .form-group{
    padding-right: 0px;
}
.component-code .form-group{
    padding-left: 0px;
}
.component-code{
    padding-right: 10px;
}
@media screen and (min-width: 1024px){
    .table-row{
        display: table;
    }
    .table-row > .col-md-6{
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
}
.icon-uparrow-ahref img{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    left: 12px;
}
.amount-component{
    padding: 0px;
}
.currency-component{
    padding-right: 0px;
}
.red-text{
    color: #ff0000;
}
select.input-lg{
    line-height: 48px;
    padding: 0 16px;
}
.dropdown.custom-dropdown a.dropdown-toggle{
    width: 100%;
    display: block !important;
    height: 48px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 0;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #888888 ;
}
.dropdown.custom-dropdown a.dropdown-toggle .caret{
    border: 2px solid;
    border-radius: 2px;
    border-color: transparent #888888 #888888 transparent;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    transform: rotate(44deg);
    top: 13px;
    position: absolute;
    right: 20px;
}
.dropdown.custom-dropdown.open > .dropdown-menu {
    width: 100%;
}
.dropdown.custom-dropdown .dropdown-menu > li > a {
    line-height: 38px;
}
.dropdown.custom-dropdown.open > .dropdown-toggle .caret {
    top: 19px;
    -webkit-transform: rotate(224deg);
    -ms-transform: rotate(224deg);
    -o-transform: rotate(224deg);
    transform: rotate(224deg);
}
.no-padding{
    padding: 0px;
}
.contact-form label{
    line-height: 48px;
}
.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label{
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before{
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #00cc6b;
    color: #fff;
}
.checkbox-custom:focus + .checkbox-custom-label{
  outline: none; /* focus style */
}
.currency-label{
    text-align: right;
}
@media only screen and (max-width: 767px){
    .currency-label{
        text-align: left;
    }   
    .contact-form label {
        line-height: 28px;
    }
}
/*.custom-slider-wrap.gallery-slider-wrap .owl-nav {
    opacity: 1;
}*/
select.form-control{
    -webkit-appearance: menulist;
    -moz-appearance: none;
    appearance: none;
}
footer.custom-footer{
    padding-top: 0px;
}
.custom-heading-block{
    height: 70px;
}
.custom-popup .p.custom-heading-block p{
    margin: 0 auto 10px;
}
.red-text{
    color: red;
}
.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;
}
.help-block{
    display: none;
}
.has-error .help-block-message{
    background-color: #fff;
    border-radius: 10px;
    width: 19px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
}
.help-message{
    display: none;
    text-align: right !important;
}
.custom-heading-block p{        
    margin-bottom: 10px;        
}
.landing-footer .prev-case.fantasy-solution-offering,       
.landing-footer .next-case.fantasy-solution-offering{       
   width: 33.33%;       
}
.has-error.help-message{
    display: block !important;
}
/* sliding tabs */

.slider-container{
    background-color: #ffffff;
    padding-top: 0px;
    width: 100%;
    z-index: 999999;
    top: 0;
    border: 1px solid #dddddd;
}
.slider-container .scrtabs-tabs-fixed-container{
    height: 80px;
}
.nav > li > a{
    font-family: "Gotham-Bold";
    padding: 32px 15px;
    color: #555555;
    margin: 0px;
    border-right: 1px solid #dddddd !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    font-size: 14px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #00cc6b;
    border-right: 1px solid #dddddd;
    background-color: #eeeeee;
}
.nav-tabs{
    /*border: 1px solid #dddddd;*/
    border: 0px;
    height: 80px;
}
.slider-container .scrtabs-tab-scroll-arrow{
    border: 0px;
}
.slider-container .scrtabs-tab-scroll-arrow{
    padding: 0px;
    height: 80px;
    width: 40px ;
    background-image: url('../img/up-arrow-green.svg');
    background-repeat: no-repeat;    
}

.slider-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left{
    background-image: url('../img/back-arrow.svg');
    background-repeat: no-repeat;  
    background-size: 30px 80px;
}
.slider-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right{
   background-image: url('../img/next-arrow.svg');
    background-repeat: no-repeat; 
    background-size: 30px 80px;
}
ul.affix.list-inline > li{
    display: block;
    padding-top: 20px;
    text-align: center;
}
ul.affix{
    left: 10%;
    top: 50%;
}
.footer-block.contact-info .h2:before{
    display: none;
}
.footer-block.contact-info .h2{
    color: #ffffff;
    font-family: Gotham-Book;
    font-size: 18px;
    line-height: 22px;
    margin: 0px;
}
.footer-block.contact-info{
    margin: 0px;
}
footer.contact-info-footer{
    padding-top: 60px;
}
.footer-block.contact-info .h2:after,
.footer-block.contact-info .h2:before{
    display: none;
}

.blog-container-wrapper .contact-wrapper .h1 h1 {
    font-size: 36px;
}
@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 screen and (max-width: 768px){
    .list-inline.affix{
        opacity: 0;
    }
}
.custom-contact-wrapper.contact-wrapper .h1{
    margin-top: 80px;
}

.media-left.media-separator{
    display: none;
}
@media screen and (max-width: 767px){
    .media-left.media-separator{
        display: table-cell;
        font-size: 16px;
        line-height: 24px;
        min-width: 30px;
        color: #00CA6F;
    }    
}
.white-background{
    background-color: #f9f9f9;
}
.fantasy-page.work-page .pagi li{
    width: 210px;
    font-weight: bold;
}
.fantasy-page.work-page .pagi li a.active span,
.fantasy-page.work-page .pagi li a:hover span {
    color: #00CA6F;
    border-bottom: 3px solid #00CA6F;
}
.fantasy-page.work-page .pagi li a span{
    width: 100%;
    color: #999999;
    font-family: Gotham-Bold;
}
.fantasy-page.work-page .pagi li{
    margin: 20px 15px;
}
@media only screen and (max-width: 1440px) and (min-width: 1280px){
    .fantasy-page.work-page .pagi{
        left: 0;
    }
    .fantasy-page.work-page .pagi li a span{
        overflow: visible;
        height: auto;
        font-size: 12px;
    }
    .fantasy-page.work-page .pagi li{
        width: 130px;
        height: auto;
    }
}
.fantasy-page.work-page .pagi{
    top: 35%;
}
.notVisible{display: none !important;} 
.framework-pagi{
    display: none !important;
    -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;
}      
.framework-pagi-blog-footer{
    display: none !important;-webkit-transition: all .3s ease;      
    -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;
}      
.pagi{      
     -webkit-transition: all .3s ease;      
    -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;       
}
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;       
}
.section-heading{
    display: none;
}
@media only screen and (max-width: 1279px){
    .fantasy-page.work-page .pagi{
        display: none !important;
    }
    .section-heading{
        display: block;
    }
}
.pagi.homepagi{
    display: none;
}

/* payment form css for formVinfotech page */

form.payment-form .has-error .help-block {
    background: red;
    display: table;
    padding: 5px 10px;
    position: absolute;
    border-radius: 4px;
    -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);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    left: 0px;
    z-index: 1;
    margin: 2px 0 0 0;
    top: 50px;
}

form.payment-form .has-error .help-block{
    width: auto;
}

form.payment-form .has-error .help-block:after,
form.payment-form .has-error .help-block:before {
    bottom: 100%;
    left: 10px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

form.payment-form .has-error .help-block:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: red;
    border-width: 8px;
    margin-left: 0;
}

form.payment-form .has-error .help-block:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-width: 9px;
    margin-left: 0;
    left: 9px;
}
form.payment-form .form-group {
    position: relative;
}
.btn.subscribe-for-more{
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px;
}
.custom-popup.video-popup-modal{
     z-index: 99999;
}
.custom-popup.video-popup-modal .modal-body{
    background-color: transparent;
}

/* heading tags css */

h2.custom-heading-tags.media-heading ,h5.custom-heading-tags.media-heading, {
    font-size: 24px;
}
.internal-process-img h5.custom-heading-tags{
    font-size: 34px;
    margin-bottom: -72px;
    line-height: 1.4;
    font-family: 'Gotham-Black';
    text-align: left;
    float: left;
    position: relative;
    z-index: 10;
    color: #333333;
}
h3.custom-heading-tags{
    padding: 0 0 11px;
    line-height: 1;
}
.duel-text h3.custom-heading-tags{
    font-family: Gotham-Bold;
    font-size: 24px;
    margin-top: 11px;
    margin-bottom: 11px;
}

/* framework pages */

/*.img-cont-box .content-video-p h2.custom-heading-blogs{
    color: white;
    font-family: Gotham-Bold;
    font-size: 19px;
    margin: 0;
    line-height: 1.42857143;
}
h1.custom-heading-tags.custom-h1{
    font-size: 64px;
    margin: 0;
    font-weight: 500;
    line-height: 1.1;
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Ultra';
}
.featur-vinfo .txt-content-new h4.custom-heading-tags,
.featur-vinfo .txt-content-new h5.custom-heading-tags{
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin-bottom: 50px;
    color: #262626;
    margin-top: 22px;
}*/


/* changed heading tags for framework pages */

h1.custom-h1.custom-heading-tags{
    line-height: 1.1;
    font-size: 64px;
    color: #101010;
    font-family: 'Gotham-Ultra';
}
/*.img-cont-box .content-video-p h2{
    color: white;
    font-family: Gotham-Bold;
    font-size: 19px;
    margin: 0;
    line-height: 1.42857143;
}*/
.video-popup-modal.custom-popup.modal {
    background: rgba(0, 0, 0, 1.0) !important;
}
@media only screen and (max-width: 767px){
    .section.section-footer{
        z-index: 12;
    }
    .nav-toggle-right{
        top: 87%;
    }
}
.launch-link{
    text-align: center;
}
.launch-link.more-link .btn{
    display: inline-block;
}
.launch-link.more-link .btn:nth-child(2){
    margin-left: 10px;
}
div.thankyou-social-icons ul{
    margin-top: 10px;
}
/* telehealth-solution */

.gama.gama-differ-green{
    background-color: #00CA6F;
}
.gama.gama-differ-green .primary-content .primary-dsa{
    color: #fff;
    font-family: 'Gotham-Black';
    font-size: 16px; 
}
@media only screen and (max-width: 991px){
    .top-banner-bg {
        display: none;
    }
}
.text-content-bottom p.slash-para:before{
    content: '\005C';
    display: block;
    position: absolute;
    left: 5px;
}
.text-content-bottom p.slash-para{
    padding-left: 5px;
}
.gama.gama-xtrnal-data .primary-content .primary-dsa > span{
    font-family: 'Gotham-Black';
    font-size: 16px;
}
.gama.gama-xtrnal-data .primary-content ul li{
    width: 100%;
    position: relative;
    padding-left: 20px;
    line-height: 18px;
    margin-bottom: 15px;
}
.gama.gama-xtrnal-data .primary-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -220px;
    text-align: left;
    width: 210px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
/*.gama.gama-xtrnal-data .primary-content ul li:before{
    content: '\005C';
    display: block;
    position: absolute;
    left: 5px;
}*/
.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;
}
/*.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;
} 

.nav-block.social-nav a.social-nav-link{
    padding-top: 0;
}
.nav-block.active a .h3{
    color: #00CA6F;
}
.media-heading.custom-heading-tags a:hover {
     color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}
.media-heading.custom-heading-tags a{
    text-decoration: none;
}
.arrow-linking{
    position: fixed;
    top: 42%;
    right: 0;
    z-index: 9;
}
.upper-arrow-linking,.lower-arrow-linking{
    display: block;
}
.lower-arrow-linking:hover,.upper-arrow-linking:hover{
    transform: translateX(-10px);
}
@media screen and (max-width: 1024px){
    .arrow-linking{
        display: none;
    }
}

@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: 1440px) {
    .healthcare-nav{
        margin-bottom: 70px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 34px;
    }
}
@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: 50px;
    }
}
@media screen and (max-width: 767px){
    .healthcare-nav{
        margin-bottom: 40px;
    }
}

/* css added for new mind map */

.mind-map-circle {
    display: block;
    width: 80%;
    height: 80%;
    border-radius: 100%;
    border: 1px dotted #ccc;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 12;
    top: 10%;
}

.category-block {
  height: 30px;
  width: auto;
  position: absolute; 
  color: #000;
  font-size: 12px;
    line-height: 24px;
    font-family: 'Gotham-Bold';
    padding: 0 10px;
    text-transform: uppercase;
}

.category-block-0 {
  left: 98.3333333333%;
  top: 48.3333333333%; }

.category-block-1 {
      left: 93.833333%;
    top: 63%; }

.category-block-2 {
  left: 86.333333%;
    top: 80.333333%; }

.category-block-3 {
     left: 66.666667%;
    top: 93.166667%;}

.category-block-4 {
      left: 23%;
    top: 93.5%;}

.category-block-5 {
  left: -3.166667%;
    top: 79.166667%; }

.category-block-6 {
      left: -11.666667%;
    top: 60.666667%; }

.category-block-7 {
  left: -3.833333%;
    top: 40.833333%; }

.category-block-8 {
      left: 5%;
    top: 21%; }

.category-block-9 {
      left: 15.166667%;
    top: 5%;}

.category-block-10 {
      left: 46%;
    top: -2.166667%; }

.category-block-11 {
      left: 74.166667%;
    top: 6.166667%; }

.category-block-12 {
      left: 89.333333%;
    top: 22.666667%; }

.category-block-13 {
      left: 96.333333%;
    top: 43%;
}
.inner-circle {
    display: block;
    width: 58%;
    height: 58%;
    background-color: #fff;
    border-radius: 100%;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute; 
    border: 1px dashed #999999;
    box-shadow: 0 0 70px 0 rgba(0,0,0,0.2);
    z-index: 9;
}
.inner-circle .text-heading{
    color: #000000;
    font-family: 'Gotham-Black';
    font-size: 28px;
    font-weight: 900;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    padding: 0 50px;
    position: relative;
    margin-top: -57px;
    top: 50%;
}
.option-list-circle-wrapper{
    list-style: none;
    margin: 50%;
    transform: translate(-50%,-50%);
    padding: 0;
    width: 80%;
    height: 80%;
    position: relative;
    overflow: hidden;
    border: 1px dashed #9c9c9c;
    border-radius: 100%;
    box-shadow: 0 0 60px 0 rgba(0,0,0,0.2);
}
.list-content{
    position: absolute;
    z-index: 2;
    color: #666666; 
    font-family: "Gotham-Black"; 
    font-size: 15px;    
    line-height: 18px;
    width: 80px;
}

.emr-list-content{
     top: 12%;
    left: 29%;
}
.social-list-content{
    top: 33%;
    left: 5%;    
}
.teleheath-list-content{
    top: 63%;
    left: 6%;
}
.customdev-list-content{
    top: 83%;
    left: 26%;
}
.whyVinfo-list-content{
    top: 83%;
    left: 59%;
}
.whyVinfo-list-content span{
    color: #00ca6f;
}
.integration-list-content{
    top: 63%;
    left: 80%;
}
.coordinated-list-content{
    top: 33%;
    left: 80%;
}
.eRx-list-content{
    left: 63%;
    top: 12%;
}
.option-list-circle {
  list-style: none;
  margin: 50%;
    transform: translate(-50%,-50%);
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 100%; }
  .option-list-circle > li {
    border-bottom: 1px dashed #9c9c9c;
    transform-origin: 100% 100%;
    background-color: #ffffff;
    width: 50%;
    height: 50%;
    position: absolute; }
    .option-list-circle > li.hello{
        background-color: #00B563;
    }
    .option-list-circle > li:nth-child(0) {
      transform: rotate(0deg) skewX(45deg);
      }
    .option-list-circle > li:nth-child(1) {
      transform: rotate(45deg) skewX(45deg);
    }
    .option-list-circle > li:nth-child(2) {
        transform: rotate(360deg) skewX(45deg);
    }
    .option-list-circle > li:nth-child(3) {
      transform: rotate(315deg) skewX(45deg);
      }
    .option-list-circle > li:nth-child(4) {
      transform: rotate(270deg) skewX(45deg);
     }
    .option-list-circle > li:nth-child(5) {
      transform: rotate(225deg) skewX(45deg);
      }
    .option-list-circle > li:nth-child(6) {      
      transform: rotate(180deg) skewX(45deg);
      }
    .option-list-circle > li:nth-child(7) {      
      transform: rotate(135deg) skewX(45deg);  
      }
    .option-list-circle > li:nth-child(8) {
      transform: rotate(90deg) skewX(45deg);
      }

.option-list-circle > li:hover{
    background-color: #00B563;
    color: #ffffff;
    cursor: pointer; 
    
}
.list-content-detail:before{
  content: "";
  width: 20px;
  height: 20px;
  border: 3px solid transparent;
  position: absolute;
  background: white;
  z-index: 30;
}

.list-content-detail:after{
    content: "";
    height: 20px;
    width: 20px;
    background-color: #fff;
    position: absolute;
    border: 1px dashed #999999;
}
.emr-content-detail:after{
    top: -2px;
    left: 101px;
    transform: rotate(22deg);    
}
.emr-content-detail:before{
    top: -1px;
    left: 102px;
    transform: rotate(22deg);    
}
.social-content-detail:after{
     top: 98px;
    left: 0px;
    transform: rotate(-115deg);
}
.social-content-detail:before{
    top: 99px;
    left: 2px;
    transform: rotate(-115deg);
}
.teleheath-content-detail:after{
    top: 222px;
    left: 3px;
    transform: rotate(-70deg);
}
.teleheath-content-detail:before{
    top: 222px;
    left: 5px;
    transform: rotate(-71deg);
}
.customdev-content-detail:after{
    top: 309px;
    left: 90px;
    transform: rotate(-23deg);
}
.customdev-content-detail:before{
    top: 307px;
    left: 91px;
    transform: rotate(-23deg);
}
.whyVinfo-content-detail:after{
    top: 306px;
    right: 83px;
    transform: rotate(19deg);
}
.whyVinfo-content-detail:before{
    top: 304px;
    right: 84px;
    transform: rotate(19deg);
}
.integration-content-detail:after{
    top: 221px;
    right: 3px;
    transform: rotate(65deg);
}
.integration-content-detail:before{
    top: 220px;
    right: 5px;
    transform: rotate(65deg);
}
.coordinated-content-detail:after{
    top: 90px;
    right: 4px;
    transform: rotate(22deg);
}
.coordinated-content-detail:before{
    top: 90px;
    right: 6px;
    transform: rotate(22deg);
}
.eRx-content-detail:after{
    top: 2px;
    right: 91px;
    transform: rotate(70deg);
}
.eRx-content-detail:before{
    right: 92px;
    top: 5px;
    transform: rotate(70deg);
}
.inner-circle .text-heading p{
    margin: 0;
}
.inner-circle .text-heading img{
    margin-bottom: 10px;
}
.list-content-detail{
    position: absolute;
    transition: all 0.6s ease;
    display: none;
    top: 50%;
    height: 333px;
    left: 50%;
    background-color: #fff;
    width: 333px;
    z-index: 134;
    margin-top: -166px;
    border-radius: 50%;
    margin-left: -167px;
    /* overflow: hidden; */
    color: #444444;
    text-align: center;
    border: 1px dashed #999999;
}
.list-content-detail ul{
    margin: 50% 0;
    transform: translateY(-50%);
    margin-left: 60px;
}
@media only screen and (min-width: 768px){
    .list-content:hover{
        background-color: #00B563;
        cursor: pointer;
        color: #ffffff !important;
    }
}
.animation-wrapper.mind-map-wrapper .container-wrapper{
    margin: 0;
    width: 100%;
}
.animation-wrapper.mind-map-wrapper .container-wrapper section {
  display: block;
  width: 900px;
  height: 900px;
  margin-right: auto;
  margin-left: auto; 
}

.animation-wrapper.mind-map-wrapper .container-wrapper:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    top: 55%;
    max-height: 1000px;
    left: 50%;
    margin-top: -496px;
    margin-left: -500px;
    display: block;
    max-width: 1000px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.05);
}
.animation-wrapper.mind-map-wrapper .container-wrapper:before{
    content: "";
    position: absolute;
    height: 1100px;
    width: 1200px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -550px;
    margin-left: -600px;
    display: block;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.05);
}
@media screen and (max-width: 991px){
    .animation-wrapper.mind-map-wrapper .container-wrapper:after,
    .animation-wrapper.mind-map-wrapper .container-wrapper:before{
        display: none;
    }
    .animation-wrapper.mind-map-wrapper .container-wrapper section{
        width: 770px;
        height: 770px;
        margin: 0;
    }
    .category-block-6{
        left: -14.666667%;
    }
    .category-block-5{
        left: -7.166667%;
    }
    .category-block-7{
        left: -7.833333%;
    }
    .category-block-8{
        left: 0;
    }
    .category-block-9{
        left: 10.166667%;
    }
    .category-block-10{
        left: 43%;
    }
    .category-block-11 {
        left: 71.166667%;
    }
    .category-block-12 {
        left: 85.333333%;
    }
    .category-block-13 {
        left: 93.333333%;
    }
    .category-block-1 {
       left: 90.833333%;
    }
    .category-block-2 {
        left: 83.333333%;
    }
    .category-block-3 {
        left: 64.666667%;
    }
    .category-block-4 {
        left: 20%;
    }
}


.layered-div{
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #333;
    transition: all 0.6s ease;
}
.animation-wrapper.mind-map-wrapper{
    padding: 0 15px;
}
@media screen and (max-width: 767px){
    .container-fluid.animation-wrapper-mobile.mind-map-wrapper-mobile{
        padding: 0 5px;
        background-color: #f4f4f4;
    }
    .animation-wrapper-mobile.mind-map-wrapper-mobile section{
        max-width: 360px;
        height: 360px;
        margin: 0 auto;
    }
    .mind-map-circle{
        margin: 0 auto;
        width: 90%;
        height: 90%;
    }
    .option-list-circle-wrapper{
        width: 100%;
        height: 100%;
        border: none;
    }
    .list-content{
        font-size: 10px;
        line-height: 12px;
    }
    .inner-circle .text-heading{
        font-size: 12px;
        line-height: 13px;
    }
    .inner-circle{
        height: 50%;
        width: 50%;
    }
    .inner-circle .text-heading{
        padding: 0 25px;
        margin-top: -35px;
    }
    .inner-circle .text-heading img{
        width: 60px;
    }
    .emr-list-content {
        top: 14%;
        left: 28%;
    }
    .eRx-list-content {
        left: 60%;
        top: 14%;
    }
    .coordinated-list-content {
        top: 33%;
        left: 74%;
    }
    .integration-list-content {
        top: 63%;
        left: 75%;
    }
    .whyVinfo-list-content {
        top: 82%;
        left: 57%;
    }
    .customdev-list-content {
        top: 82%;
        left: 25%;
    }
}
@media screen and (max-width: 360px){
    .animation-wrapper-mobile.mind-map-wrapper-mobile section{
        max-width: 310px;
        height: 310px;
        margin: 0px auto 15px;
    }
    .mind-map-circle{
        width: 95%;
        height: 95%;
    }
    .list-content{
        font-size: 9px;
    }
}
.btn-featured{
    border-radius: 16px;
    border: 1px solid #DDDDDD;
    background-color: rgba(255,255,255,0.8);
    color: #666666;
    font-size: 12px;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 3px 0 3px 3px;
    box-shadow: none;
    pointer-events: none
}
.option-detail-modal .modal-header button{
    color: #444444;
    font-size: 32px;
}
.option-detail-modal .modal-header{
    border-bottom: 0;
}
.option-detail-modal .modal-body{
    padding: 26px;
}
.option-detail-modal .modal-content{
    height: 96vh;
}
.triangle-bullet-list > li {
    position:relative;
    font-size: 13px;
    line-height: 20px;
    color: #444444;
    font-family: Gotham-book;
    list-style-type: none;
}
.triangle-bullet-list > li::before{
    position:absolute;
    content:"";
    top:5px;
    margin-left:-10px;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #00B563;
}
.list-content-detail .triangle-bullet-list > li{
    text-align: left;
    padding-right: 10px;
}
.arrow-linking-left{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}
.arrow-linking-left .lower-arrow-linking:hover,
.arrow-linking-left .upper-arrow-linking:hover {
    transform: translateX(10px);
}
.arrow-linking-left .meet-us-linking{
    position: absolute;
    top: -22px;
    z-index: 1;
}
.bg-grey-color{
    background-color: #F9F9F9;
}
.description-block .h4{
    color: #000000;
    line-height: 33px;
    font-size: 26px;
}
.description-block .h3{
    color: #000000;
    font-family: "Gotham-Black";
    letter-spacing: -1px;
    font-size: 34px;
}
.description-block .media-section-offer{
    padding-bottom: 70px;
    padding-top: 70px;
}
.bullet-list.differ-content li:before{
    content: '';
}
.bullet-list.differ-content li{
    list-style: disc;
    list-style-position: inside;
    padding-left: 0;
}
/* .heading-healthcare{
    font-size: 64px;
    font-family: "FeltThat";
    color: #D0021B;
    line-height: 40px;
} */
.animation-wrapper.mind-map-wrapper{
    background-color: #f4f4f4;
}
@media only screen and (max-width: 1024px) {
    .arrow-linking-left{
        display: none;
    }
}
@media only screen and (max-width: 991px){
    /* .top-banner-block .heading-healthcare{
        margin-top: 160px;
    }
    .top-banner-block .heading-healthcare + .h1{
        margin-top: 10px;
    } */
    .description-block .media-section-offer{
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media screen and (min-width: 1200px){
    .top-banner-block.top-banner-small-block{
        height: 400px;
        margin-top: 100px;
    }
}
@media only screen and (max-width: 768px){
    .top-banner-block .heading-healthcare{
        margin-top: 110px;
        font-size: 54px;
    }
    .option-list-circle > li {
        border-bottom: 1px dashed #9c9c9c;
        width: 49.65%;
        height: 49.65%;
    }
    .option-list-circle-wrapper{
       box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    }
}
.description-block .heading-healthcare{
    font-size: 49px;
}
.differ-block-wrapper-inverse{
    background-color: #ECECEC;
}
.differ-block-wrapper-inverse .differ-block-inverse{
    background-color: #DEDEDE;
}
.differ-block-inverse .differ-content .media-heading{
    color: #000000;
    font-family: Gotham-Black;
}
.differ-block-inverse .differ-content ul li,.differ-block-inverse .differ-content p{
    color: #4A4A4A;
}
@media screen and (max-width: 767px){
    .differ-block-inverse .differ-left {
        background-color: #DEDEDE;
    }    
    .differ-block-inverse .differ-right{
        background-color: #ECECEC;
    }
    .differ-block-inverse ul li{
        text-align: left;
    }
    .mind-map-wrapper-mobile .mind-map-circle{
        border: 1px dashed #9c9c9c;
    }
    .triangle-bullet-list > li{
        padding: 0 5px;
        margin-bottom: 5px;
    }
    .list-content{
        width: 70px;
    }
}
@media screen and (min-width: 1024px){
    .telehealth-text-content{
        padding-bottom: 60px;
    }
}

.option-list-circle.iOS-option-list-circle > li:nth-child(5){
    border: 0;
}
.option-list-circle.iOS-option-list-circle > li:nth-child(6):after{
    content: '';
    border-bottom: 1px dashed #7b7777;
    width: 100%; 
    height: 1px;
    /* background-color: #333; */
    top: 38px;
    right: -35px;
    transform: rotate(264deg); 
    position: absolute; 
    z-index: 999;
}

/* css added for FSTA form */
.book-meeting-section .contact-wrapper .h1{
    margin-top: 30px;
    margin-bottom: 20px;
}
.book-meeting-section .margin-top-20{
    margin-top: 20px;
}
.book-meeting-section .contact-wrapper textarea.form-control{
    height: 90px;
}
.fstaForm .form-group{
    margin-bottom: 25px;
}

/* css added for white label page */

.why-fantasy h5.h3{
    margin-bottom: 30px;
}
.why-fantasy h6{
    margin-bottom: 45px;
}
.why-fantasy{
    padding-bottom: 60px;
}
.success2-btn{
    background-color: #00B569;
    color: #FFFFFF;
}
.blog-section-white .block-wrapper a{
    background-color: #ffffff;
    height: 420px !important;
    /* padding: 30px; */
}
.blog-section-white .block-wrapper a .blog-heading{
    color: #444444;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
}
.blog-section-white .block-wrapper a .blog-content{
    color: #333333;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}
.blog-section-white{
    margin-top: -40px;
}
.blog-section-white .block-wrapper{
    box-shadow: 0 2px 29px 0 rgba(0,0,0,0.15);
    border-radius: 4px;
}
.blog-section-white .img-blog{
    /*background-image: url("../img/icon-bg.svg");*/
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 50px;
    margin-top: 20px;
}
.btn-primary-alt.btn-primary:hover{
    color: #ffffff;
    background-color: #222;
    border-color: #222;
}
@media screen and (max-width: 991px){
    .blog-section-white .block-wrapper a{
        height: 240px !important;
    }
    .blog-section-white .img-blog{
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .blog-section-white .block-wrapper a .blog-heading{
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 767px){
    .blog-section-white .block-wrapper a{
        height: auto !important;
    }
}
.photo-grid img{
    width: 100%;
}
.photo-grid .h3{
    font-family: 'Gotham-Black';
    margin-bottom: 20px;
}
.photo-grid .photo-grid-element{
    margin-top: 30px;
}
.photo-grid .show-case{
    border-top: 0 !important;
}
.photo-grid .show-case.even{
    padding-bottom: 0;
}
.photo-grid .show-case.odd{
    padding-top: 0; 
    padding-bottom: 0;   
}
.more-link.xtra-spacing{
    margin-top: 50px;
    margin-bottom: 50px;
}
.photo-grid .more-link{
    margin-top: 50px;
}
@media screen and (max-width: 768px){
    .more-link.xtra-spacing{
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
.closeDark{
    color: #4A4A4A;
    opacity: 1;
    font-size: 30px;
    margin-right: 6px;
}
.closeDark:hover{
    color: #000;
    opacity: 1;
}
.cursor-pointer{
    cursor: pointer;
}
.list-group-item.list-group-item-custom{
    display: block;
    position: relative;
    padding: 0;
    border: 0;
}
.list-group-item.list-group-item-custom .list-group-body .list-figure{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
}
.list-group-item.list-group-item-custom .list-group-body{
    padding-left: 60px;
}
.fantasy-history{
    padding-top: 20px;
    padding-bottom: 20px;
}
.fantasy-history .panel-default{
    margin-top: 30px;
}
.text-muted{
    color: #A0A0A0;
}
.list-group-item-custom .list-group-item-heading{
    font-size: 20px;
    font-family: 'Gotham-Black';
    font-weight: normal;
    color: #000000;
}
.list-group-item-custom .list-group-content{
    font-size: 18px;
    color: #00B569;
}
.text-black{
    color: #000000;
}
.no-margin{
    margin: 0 !important;
}
.fantasy-history .panel-collapse .panel-body{
    background-color: #ffffff;
    color: #333333;
    padding: 15px 0px 25px 60px;
}
.fantasy-history .panel-collapse .panel-body .owl-carousel{
    margin-top: 40px;
}
.fantasy-history .panel-collapse .panel-body .owl-controls{
    margin-top: 0;
}
.faq-section .h3{
    font-family: 'Gotham-Black';
    /* margin-top: 80px; */
    margin-bottom: 40px;
}
.faq-section{
    padding-top: 80px;
    padding-bottom: 80px;
}
.faq-section .panel-title{
    color: #1A1A1A;    
    font-size: 22px;   
    line-height: 22px; 
    font-weight: bold;
}
.panel-default.white-card{
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 20px;
}
.panel-default.white-card .panel-body{
    padding-left: 40px;
}
.panel-default.white-card .panel-body ul{
    padding-left: 30px;
}
a.collapsed figure.minus-sign-button{
    display: none;
}
a.collapsed figure.plus-sign-button{
    display: inline-block;
}
a figure.minus-sign-button{
    display: inline-block;
}
a figure.plus-sign-button{
    display: none;
}
.fantasy-history-container{
    padding-top: 60px;
}
.faq-section .panel-title a{
    color: #1A1A1A;
    text-decoration: none;
}
.faq-section .panel-title a:hover{
    text-decoration: none;
}

@media screen and (max-width: 767px){
    .panel-default.white-card .panel-body{
        padding: 15px 0 15px 40px;
    }
    .faq-section .panel-title{
        font-size: 18px;
    }

}
.panel.panel-default.white-card a .list-group-content{
    color: #1A1A1A; 
    font-family: 'Gotham-Bold';    
    font-size: 20px;    
    line-height: 28px;
    font-weight: normal;
}
.panel.panel-default.white-card a .list-group-content h4{
   font-size: 20px;
}
.panel.panel-default.white-card .list-group-item.list-group-item-custom .list-group-body{
    padding-left: 40px;
    line-height: 26px;
}
.container-fluid.bg-dark-grey-color{
    background-color: #404040;
    color: #ffffff;
    padding-top: 200px;
    padding-bottom: 200px;
    font-family: Gotham-Bold;    
    font-size: 22px;   
    line-height: 26px;
}
.container-fluid.bg-dark-grey-color .devider-box{
    margin-top: 80px;
    margin-bottom: 80px;
}
/* .first-feature-block div{
    width: 230px;
    position: relative;
    left: -60px;
}

.second-feature-block div{
    width: 340px;
    position: relative;
}

.third-feature-block div{
    position: relative;
}

.fourth-feature-block div{
    position: relative;
    right: -30%;
}
 */
.bordered-div{
    position: relative;
}
.bordered-div:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ECECEC;
    position: absolute;
    top: 50%;
    left: 0;
}
.pT30{
    padding-top: 30px;
}
.pB30{
    padding-bottom: 30px;
}
.first-feature-block div,.third-feature-block div{
    position: relative;
    top: -77px;
    left: -80px;    
}
.first-feature-block div{
    width: 200px;
}
.third-feature-block div{
    left: 10px;
    width: 300px;
}
.second-feature-block div,.fourth-feature-block div{
    bottom: -100px;
    position: relative;
    width: 300px;
}
.second-feature-block div{
    right: 60%;
    width: 350px;
}
.fourth-feature-block div{
    right: -55%;
    text-align: right;
    width: 200px;
}
.first-feature-block div:after{
    content: '';
    width: 28px;
    height: 28px;
    background-color: #D5D5D5;
    box-shadow: 0 0 25px 0 rgba(255,255,255,0.43);
    position: absolute;
    border-radius: 50%;
    bottom: -155%;
    left: 20%;
    z-index: 1;
}
.first-feature-block div:before{
    content: '';
    width: 1px;
    height: 45px;
    border: 1px dotted #D5D5D5;
    position: absolute;
    bottom: -107%;
    left: 27%;
}
.second-feature-block div:after{
    content: '';
    width: 28px;
    height: 28px;
    background-color: #D5D5D5;
    box-shadow: 0 0 25px 0 rgba(255,255,255,0.43);
    position: absolute;
    border-radius: 50%;
    bottom: 185%;
    left: 53%;
    z-index: 1;
}
.second-feature-block div:before{
    content: '';
    width: 1px;
    height: 45px;
    border: 1px dotted #D5D5D5;
    position: absolute;
    top: -96%;
    right: 43%;
}
.third-feature-block div:after{
    content: '';
    width: 28px;
    height: 28px;
    background-color: #D5D5D5;
    box-shadow: 0 0 25px 0 rgba(255,255,255,0.43);
    position: absolute;
    border-radius: 50%;
    bottom: -152%;
    left: 40%;
    z-index: 1;
}
.third-feature-block div:before{
    content: '';
    width: 1px;
    height: 45px;
    border: 1px dotted #D5D5D5;
    position: absolute;
     bottom: -99%;
    left: 44%;
}
.fourth-feature-block div:after{
    content: '';
    width: 28px;
    height: 28px;
    background-color: #D5D5D5;
    box-shadow: 0 0 25px 0 rgba(255,255,255,0.43);
    position: absolute;
    border-radius: 50%;
    top: -144%;
    right: 25%;
    z-index: 1;
}
.fourth-feature-block div:before{
    content: '';
    width: 1px;
    height: 45px;
    border: 1px dotted #D5D5D5;
    position: absolute;
    top: -92%;
    right: 31%;
}
@media screen and (max-width: 1440px){
    .fourth-feature-block div{
        right: -40%;
    }
    .second-feature-block div{
        right: 80%;
    }
}
@media screen and (max-width: 768px){
    .rigt-menu .nav-effect li:last-child{
        margin-bottom: 0;
    }
    .fantasy-history-container{
        padding-top: 40px;
    }
    .fantasy-history{
        padding-top: 0;
    }
}
.white-labe-top-parallex .top-banner-block p:nth-child(2){
    margin-top: 20px;
}
@media screen and (max-width: 1024px) and (min-width: 991px){
    .white-labe-top-parallex .top-banner-block {
        height: 670px;
    }
}
@media screen and (max-width: 1024px){
    .fourth-feature-block div{
        right: -10%;
    }
    .second-feature-block div:before{
        right: 52.5%;
    }
    .second-feature-block div:after{
        left: 43%;
    }
    .third-feature-block div:before{
        left: 34%;
    }
    .third-feature-block div:after{
        left: 30%;
    }
}
@media screen and (max-width: 767px){
    .faq-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .faq-section .h3{
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .panel.panel-default.white-card a .list-group-content, .panel.panel-default.white-card a .list-group-content h4{
        font-size: 18px;
        line-height: 22px;
    }
    .fantasy-history-container .more-link.xtra-spacing{
        margin-top: 0;
    }
}
@media screen and (min-width: 991px){
    .visible-xs{
        display: none;
    }
}
@media screen and (max-width: 768px){
    .bordered-div:after{
        display: none;
    }
    .first-feature-block div, .third-feature-block div{
        left: 0;
        width: 100%;
    }
    .second-feature-block div,.fourth-feature-block div{
        right: auto;
        left: 0;
        text-align: left;
        width: 100%;
    }
    .hidden-xs{
        display: none;
    }
    .first-feature-block div:after,.second-feature-block div:after,
    .third-feature-block div:after{
        bottom: 0;
    }
    .fourth-feature-block div:after{
        top: 0;
    }
    .container-fluid.bg-dark-grey-color{
        padding-bottom: 50px;
        padding-top: 50px;
        font-size: 18px;
        line-height: 24px;
    }
    .first-xs-feature-block,.second-xs-feature-block,
    .third-xs-feature-block,.fourth-xs-feature-block{
        padding: 15px 0 15px 35px;
    }
    .first-xs-feature-block div:before,.second-xs-feature-block div:before,
    .third-xs-feature-block div:before,.fourth-xs-feature-block div:before{
        content: '';
        width: 20px;
        height: 20px;
        background-color: #D5D5D5;
        box-shadow: 0 0 25px 0 rgba(255,255,255,0.43);
        position: absolute;
        border-radius: 50%;
        z-index: 1;
        left: 0;
    }
    .first-xs-feature-block:before,.second-xs-feature-block:before,
    .third-xs-feature-block:before{
        content: '';
        width: 1px;
        height: 100%;
        border: 1px dotted #D5D5D5;
        position: absolute;
        left: 9px;
        top: 33px;
    }
    .photo-grid .h3{
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 767px){
    .first-xs-feature-block div:before, 
    .second-xs-feature-block div:before, 
    .third-xs-feature-block div:before, 
    .fourth-xs-feature-block div:before{
        left: 20px;
    }
    .first-xs-feature-block:before, .second-xs-feature-block:before, .third-xs-feature-block:before{
        left: 29px;
    }
    .first-xs-feature-block,.second-xs-feature-block,
    .third-xs-feature-block,.fourth-xs-feature-block{
        padding-left: 55px;
    }
}
/* css added for fantasy landing page */

.bg-green-color{
    background-color: #00CA6F;
}
.our-vision{
    padding-top: 80px;
    padding-bottom: 80px;
    color: #000000; 
    font-family: "Gotham-Black";    
    font-size: 44px;      
    line-height: 52px;
}
.white-text{
    color: #ffffff;
}
.font-black{
    font-family: "Gotham-Black";
}
.vinfo-deatil .h3{
    padding-top: 80px;
    padding-bottom: 80px;
}
.num-count{
    color: #00CA6F; 
    font-family: "Gotham-Ultra";    
    font-size: 57px;    
    line-height: 64px;  
    text-align: center;
}
.first-deatil-block{
    color: #4A4A4A;    
    font-size: 14px;    
    font-weight: bold;  
    line-height: 21px;  
    text-align: center;
}
.second-deatil-block{
    color: #4A4A4A; 
    font-size: 16px;    
    font-weight: bold;  
    line-height: 22px;  
    text-align: center;
}
.first-deatil-block,.second-deatil-block{
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.why-vinfotech{
    margin-top: 60px;
}
.green-border-div{
    border: 3px dotted #27855A;
    width: 200px;
    border-radius: 10px;
    height: 60px;
    padding: 5px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #000000;
    line-height: 17px;
    font-family: 'Gotham-Bold';
}
.office-detail .h3{ 
    padding-bottom: 10px;
    margin-top: 140px;
}
.office-detail p{
    color: #333333; 
    font-size: 18px;    
    font-weight: 300;   
    line-height: 28px;  
    text-align: center;
}
.office-detail .img-cont-box{
    margin-top: 30px;
    margin-bottom: 30px;
}


.vinfo-aim{
    background-image: url('../img/why-vinfotech-for-fantasy-sports-solutions-image-3.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.vinfo-aim-detail{
    margin-top: 60px;
    margin-bottom: 230px;
}
.vinfo-aim-detail .vinfo-aim-content{
    display: inline-block;
    vertical-align: middle;
    margin-left: 70px;
    position: relative;
}
.vinfo-aim-detail .vinfo-aim-content figure{
    width: 100px;
    height: 100px;
}
.vinfo-aim-detail .vinfo-aim-content.vinfo-aim{
    width: 140px;
    height: 140px;
    color: #000000; 
    font-family: Gotham-Black;    
    font-size: 18px;    
    font-weight: bold;  
    line-height: 23px;  
    text-align: center;
    padding: 30px;
}
.first-vinfo-aim-text,.second-vinfo-aim-text,
.third-vinfo-aim-text,.fourth-vinfo-aim-text{
    position: absolute !important;
    margin: 0;
    width: 200px;
    height: 50px;
}
.first-vinfo-aim-text,.fourth-vinfo-aim-text{
    bottom: -100px;
    left: -40%;
}
.second-vinfo-aim-text,.third-vinfo-aim-text{
    top: -100px;
    left: -50%;
}
.vinfo-aim-content:after{
    position: absolute;
    content: '';
    height: 35px;
    width: 1px;
    border: 1px dotted #27855A;
    bottom: -52px;
    left: 60%;
}
.vinfo-aim-content:nth-child(2):after,
.vinfo-aim-content:nth-child(4):after{
    top: -37px;
    left: 60%;
}
.vinfo-aim-content.vinfo-aim:after{
    display: none;
}
.background-line{
    height: 1px;
    width: 70%;
    margin: -58px auto 0 auto;
    display: block;
    border-top: 1px dashed #27855A;;
}
.vinfo-extra.vinfo-aim-detail .vinfo-aim-content figure{
    width: 130px;
    height: 130px;
}
.vinfo-extra.vinfo-aim-detail .vinfo-aim-content{
    margin-left: 100px;
}
.vinfo-aim-detail .vinfo-aim-content:first-child,
.vinfo-extra.vinfo-aim-detail .vinfo-aim-content:first-child{
    margin-left: 0;
}
.vinfo-extra-heading{
    margin-bottom: 80px;
}
.vinfo-extra-text-top{
    position: absolute;
    top: -100px;
    width: 200px;
    height: 50px;
    left: -40px;
}
.block-element{
    display: block;
}
.vinfo-extra-text{
    position: absolute !important;
    margin: 0;
    width: 200px;
    height: 50px;
    bottom: -90px;
    left: -40%;
}
.vinfo-extra .vinfo-aim-content:after{
    top: -37px;
    left: 50%;
}
.vinfo-extra .vinfo-aim-content:before {
    position: absolute;
    content: '';
    height: 35px;
    width: 1px;
    border: 1px dotted #27855A;
    bottom: -38px;
    left: 50%;
} 
.vinfo-extra-text-top .green-border-div{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 15px;
}
.first-deatil-block .outer-border,
.second-deatil-block .outer-border{
    background-image: url('../img/vinfotech-fantasy-sports-solutions-image-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 300px;
    height: 157px;
    padding: 6px;
    display: table-cell;
    vertical-align: middle;
}
.idea-to-launch{
    padding-top: 80px;
}
.vinfo-extra-container .h3{
    margin-top: 100px;
}
.idea-to-launch div{
    background-image: url('../img/idea.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 67%;
    height: 130px;
    position: relative;
}
.idea-text span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #000000; 
    font-family: 'Gotham-Black';    
    font-size: 24px;
    line-height: 32px;
}
div.w50{
    width: 49%;
    display: inline-block;
}
.text-content-bottom-cell div.w50{
    border: 1px solid #E1E1E1;  
    border-radius: 10px 5px 5px 10px; 
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
}
/* .text-content-bottom-cell .bg-green-color{
    padding: 80px;
} */
.text-content-bottom-cell.fantasy-text-content{
    padding: 10px 0;
}
.text-content-bottom-cell div.w50.bg-white-color{
    left: -30px;
    border: 1px solid #00CA6F;
    position: relative;
    top: 50px;
}
.fantasy-text-content .bg-green-color{
    padding: 75px 70px;
}
.fantasy-text-content .bg-green-color .h3{
    color: #000000; 
    font-family: 'Gotham-Black';    
    font-size: 34px;  
    line-height: 38px;
}
.fantasy-text-content .bg-green-color .h3 .white-text{
    height: 34px;   
    width: 295px;   
    color: #FFFFFF; 
    text-transform: uppercase;    
    font-size: 30px;    
    font-weight: bold;  
    line-height: 37px;
}
.fantasy-text-content .bg-white-color ul{
    list-style-type: none;
    margin-left: 20px;
    margin-right: 20px;
}
.fantasy-text-content .bg-white-color ul li{
    padding: 11px 5px;
    text-align: left;
    border-bottom: 2px solid rgba(155, 155, 155, 0.14);
    color: #000000; 
    font-size: 16px;    
    font-weight: 300;   
    line-height: 24px;
}
.fantasy-text-content .bg-white-color ul li:last-child{
    border-bottom: 0;
}
.sports-based-fantasy.bg-grey-color{
    background-color: #F5F5F5;
    padding-top: 80px;
    padding-bottom: 80px;
}
.sports-based-fantasy.bg-grey-color .sports-heading{
    color: #000; 
    font-family: Gotham-Black;  
    font-size: 32px;    
    font-weight: 800;   
}
.sports-flow{
    background-image: url('../img/fantasy-solutions-for-sports-and-non-sports-domains.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 436px;  
    width: 923px;
    margin: 80px auto 0;
}
.sports-flow ul li{
    color: #000; 
    font-family: 'Gotham-Black';    
    font-size: 22px;  
    font-weight: bold;  
    line-height: 26px;  
    text-align: right;
    position: relative;
    margin-bottom: 69px;
    top: 12px;
}
.sports-flow ul{
    list-style-type: none;
}
.sports-flow ul.first-list li a,
.sports-flow ul.second-list li a{
    color: #000;
    text-decoration: none;
}
.sports-flow ul.first-list li a:hover,
.sports-flow ul.second-list li a:hover{
    color: #00cc6b;
}
.sports-flow ul.first-list li:nth-child(1){
    left: 190px;
}
.sports-flow ul.first-list li:nth-child(2){
    left: 130px;
}
.sports-flow ul.first-list li:nth-child(3){
    left: 110px;
}
.sports-flow ul.first-list li:nth-child(4){
    left: 130px;
}
.sports-flow ul.first-list li:nth-child(5){
    left: 200px;
}

.sports-flow ul.second-list li:nth-child(1){
    left: -200px;
}
.sports-flow ul.second-list li:nth-child(2){
    left: -140px;
}
.sports-flow ul.second-list li:nth-child(3){
    left: -120px;
}
.sports-flow ul.second-list li:nth-child(4){
    left: -110px;
}
.sports-flow ul.second-list li:nth-child(5){
    left: -210px;
}
.sports-flow .inner-circle-content{
    position: absolute;
    top: 50%;
    left: 50%;
    color: #000; 
    font-family: Gotham-Black;  
    font-size: 32px;    
    font-weight: 800;   
    line-height: 40px;  
    text-align: center;
    width: 140px;
    margin-top: -40px;
    margin-left: -65px;
    height: 150px;
}
.game-plays{
    padding-top: 80px;
    padding-bottom: 80px;
}
.game-plays .h3{
    margin-bottom: 50px;
}
.gameplays-deatil{
    margin: 0 auto;
    height: 540px;    
    width: 1100px;
}
.gameplays-deatil img{
    width: 100%;
}
.platform-special{
    padding-top: 60px;
    padding-bottom: 60px;
}
.platform-special .h3{
    margin-bottom: 150px;
}
.platform-special .h3 a{
    text-decoration: none;
    cursor: pointer;
}
.platform-special .fifth-vinfo-aim-text{
    position: absolute !important;
    margin: 0;
    width: 200px;
    height: 50px;
}
.platform-special .third-vinfo-aim-text{
    top: auto;
    bottom: -100px;
}
.platform-special .fourth-vinfo-aim-text{
    bottom: auto;
    top: -100px;
}
.platform-special .fifth-vinfo-aim-text{
    bottom: -100px;
    left: -40%;
}
.platform-special .background-line {
    width: 60%;
    margin: -38px auto 0 auto;
}
.platform-special .vinfo-aim-content:after{
    left: 58%;
}
.platform-special .vinfo-aim-content:nth-child(2):after, 
.platform-special .vinfo-aim-content:nth-child(4):after{
    left: 57%
}
.platform-special .more-link.xtra-spacing{
    margin-top: 240px;
}
.key-features{
    padding-bottom: 80px;
}
.key-features .h3{
    margin-bottom: 60px;
}
.key-feature-img p{
    color: #000000; 
    font-family: Gotham-Black;    
    font-size: 16px;
    line-height: 19px;  
    text-align: center;
    padding: 15px;
    margin: 0 auto;
    max-width: 200px;
}
.key-feature-img{
    margin-bottom: 80px;
}
.advance-analytics .h3{
    margin-bottom: 70px;
}
.advance-analytics .duel-advance-analytics{
    width: 50%;
    float: left;
}
.advance-analytics .duel-advance-analytics figure,
.advance-analytics .duel-advance-analytics figure img{
    width: 100%;
}
.advance-analytics,.success-stories{
    padding-bottom: 100px;
}
.success-stories .h3{
    margin-bottom: 70px;
}
.success-storie-content{
    width: 265px;
    margin: 0 auto;
    color: #262626; 
    font-family: Gotham-Bold;    
    font-size: 16px;    
    font-weight: bold;  
    line-height: 26px;  
    text-align: center;
}
.success-stories p{
    margin-top: 20px;
}
@media screen and (max-width: 1440px){
    .idea-to-launch {
        padding-top: 30px;
    }
    .fantasy-landing-banner.top-banner-block .h1 h1{
        font-size: 52px;
    }
    .fantasy-landing-banner.top-banner-block{
        height: 450px;
    }
    .platform-special .background-line{
        width: 75%;
    }
}
@media screen and (max-width: 1024px){
    .fantasy-text-content .bg-green-color {
        padding: 20px 60px;
    }
    .sports-flow{
        width: 700px;
    }
    .sports-flow ul li{
        margin-bottom: 48px;
        top: 58px;
    }
    .sports-flow ul.first-list li:nth-child(1){
        left: 120px;
    }
    .sports-flow ul.first-list li:nth-child(2){
        left: 70px;
        top: 56px;
    }
    .sports-flow ul.first-list li:nth-child(3){
        left: 60px;
        top: 55px;
    }
    .sports-flow ul.first-list li:nth-child(4){
        left: 80px;
        top: 52px;
    }
    .sports-flow ul.first-list li:nth-child(5){
        left: 130px;
        top: 51px;
    }
    .sports-flow ul.second-list li:nth-child(1){
        left: -140px
    }
    .sports-flow ul.second-list li:nth-child(2){
        left: -100px;
        top: 56px;
    }
    .sports-flow ul.second-list li:nth-child(3){
        left: -80px;
        top: 55px;
    }
    .sports-flow ul.second-list li:nth-child(4){
        left: -60px;
        top: 52px;
    }
    .sports-flow ul.second-list li:nth-child(5){
        left: -140px;
        top: 51px;
    }
    .sports-based-fantasy.bg-grey-color{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .sports-flow{
        margin-top: 0;
    }
    .gameplays-deatil{
        height: 400px;
        width: 700px;
    }
    .gameplays-deatil img{
        width: 100%;
    }
    .game-plays{
        padding-top: 50px;
        padding-bottom: 0;
    }
    .platform-special{
        padding-top: 0;
        padding-bottom: 0;
    }
    .vinfo-aim-detail .vinfo-aim-content figure{
        width: 90px;
        height: 100px;
    }
    .vinfo-aim-detail .vinfo-aim-content figure img{
        width: 100%;
    }
    .green-border-div{
        width: 160px;
    }
    .vinfo-aim-detail .vinfo-aim-content{
        margin-left: 30px;
    }
    .platform-special .background-line{
        margin-top: -48px;
    }
    .platform-special .vinfo-aim-content:after{
        left: 50%;
    }
    .platform-special .vinfo-aim-content:nth-child(2):after, .platform-special .vinfo-aim-content:nth-child(4):after{
        left: 49%;
    }
    .vinfo-aim-content:after{
        bottom: -29px;
    }
    .platform-special .third-vinfo-aim-text{
        bottom: -80px;
    }
    .first-vinfo-aim-text, .fourth-vinfo-aim-text,.platform-special .fifth-vinfo-aim-text{
        bottom: -80px;
    }
    .first-deatil-block .outer-border, .second-deatil-block .outer-border{
        display: block;
        margin: 0 auto;
    }
    .platform-special .h3{
        margin-top: 100px;
    }
    .first-deatil-block .outer-border, .second-deatil-block .outer-border{
        padding: 15px 6px;
        width: 260px;
    }
    .num-count{
        font-size: 48px;
        line-height: 48px;
    }
    .second-deatil-block .second-outer-border{
        padding: 30px 6px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 991px){
    .success-storie-content{
        width: 195px;
    }
    .success-storie-content img{
        width: 100%;
    }
    .key-feature-img figure img{
        width: 100%
    }
    .vinfo-extra.vinfo-aim-detail .vinfo-aim-content figure{
        width: 90px;
        height: 100px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .vinfo-extra-container .vinfo-extra-text-top {
        position: absolute;
        top: -125px;
        width: 110px;
        height: 150px;
        left: -15px;
    }
    .vinfo-extra-container .vinfo-extra-text {
        position: absolute !important;
        margin: 0;
        width: 110px;
        height: 50px;
        bottom: -90px;
        left: -20%;
    }
    .vinfo-extra-container .green-border-div {
        width: 110px;
        height: 90px;
    }
    .vinfo-extra-container .vinfo-extra.vinfo-aim-detail .vinfo-aim-content figure {
        width: 80px;
        height: 80px;
    }
    .vinfo-extra-container .vinfo-extra.vinfo-aim-detail .vinfo-aim-content {
        margin-left: 40px;
    }
}
@media screen and (min-width: 992px){
    .text-content-bottom-cell div.w50.bg-green-color{
        float: left;
    }
}
@media screen and (max-width: 991px){
    .text-content-bottom-cell.fantasy-text-content{
        text-align: center;
    }
    .text-content-bottom-cell div.w50.bg-green-color{
        width: 90%;
        text-align: left;
    }
    .text-content-bottom-cell div.w50.bg-white-color{
        width: 80%;
        left: 0;
        top: -25px;
    }
    .idea-to-launch div{
        background-size: 80%;
    }
    .idea-text span{
        font-size: 16px;
        line-height: 20px;
    }
    .fantasy-text-content .bg-green-color .h3{
        text-align: center;
    }

    .key-features{
        padding-bottom: 0;
    }
    /* .container-fluid.bg-dark-grey-color{
        display: none;
    } */
}
@media screen and (max-width: 767px){
    .fantasy-landing-banner.top-banner-block .h1 h1{
        font-size: 36px;
    }
    .idea-to-launch div{
        background-size: 100%;
    }
    .idea-to-launch{
        padding-top: 0;
    }
    .text-content-bottom-cell.fantasy-text-content{
        padding: 0;
    }
    .fantasy-text-content .bg-green-color .h3,
    .fantasy-text-content .bg-green-color .h3 .white-text{
        font-size: 22px;
        line-height: 26px;
    }
    .fantasy-why-vinfotech.why-vinfotech{
        margin-top: 0;
    }
    .office-detail .h3{
        margin-top: 30px;
    }
    .fantasy-text-content .bg-green-color .h3{
        margin-top: 0;
    }
    .fantasy-text-content .bg-white-color ul li{
        font-size: 12px;
        line-height: 16px;
        padding: 10px 5px;
    }
    .fantasy-text-content .bg-green-color{
        padding: 20px 40px;
    }
    .sports-based-fantasy.bg-grey-color .sports-heading{
        font-size: 12px;
        line-height: 15px;
    }
    .sports-based-fantasy.bg-grey-color{
        padding-top: 20px;
        padding-bottom: 0;
    }
    .sports-flow{
        height: 200px;
        width: 270px;
        margin: 0 auto 0;
    }
    .sports-flow .inner-circle-content {
        font-size: 12px;
        line-height: 16px;
        width: 70px;
        margin-top: -22px;
        margin-left: -35px;
        height: 40px;
    }
    .sports-flow ul li{
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 12px;
        top: 35px;
    }
    .sports-flow ul.first-list li:nth-child(1){
        left: 40px;top: 35px;
    }
    .sports-flow ul.first-list li:nth-child(2){
        left: 20px;top: 35px;
    }
    .sports-flow ul.first-list li:nth-child(3){
        left: 13px;top: 35px;
    }
    .sports-flow ul.first-list li:nth-child(4){
        left: 20px;top: 35px;
    }
    .sports-flow ul.first-list li:nth-child(5){
        left: 40px;top: 35px;
    }
    .sports-flow ul.second-list li:nth-child(1){
        left: -40px;top: 35px;
    }
    .sports-flow ul.second-list li:nth-child(2){
        left: -30px;top: 35px;
    }
    .sports-flow ul.second-list li:nth-child(3){
        left: -20px;top: 35px;
    }
    .sports-flow ul.second-list li:nth-child(4){
        left: -12px;top: 35px;
    }
    .sports-flow ul.second-list li:nth-child(5){
        left: -50px;top: 35px;
    }
    .bg-white-color.sports-based-fantasy{
        display: none;
    }
    .vinfo-aim-detail .vinfo-aim-content{
        width: 100%;
    }
    .vinfo-aim-detail .vinfo-aim-content figure{
       margin: 0 auto;
    }
    .vinfo-aim-detail .vinfo-aim-content{
        margin-left: 0;
        margin-bottom: 100px;
    }
    .background-line{
        display: none;
    }
    .first-vinfo-aim-text, .fourth-vinfo-aim-text,
    .platform-special .fifth-vinfo-aim-text,
    .second-vinfo-aim-text, .third-vinfo-aim-text{
        left: 30%;
    }
    .vinfo-aim-content:after{
        height: 20px;
        bottom: -13px;
    }
    .first-vinfo-aim-text, .fourth-vinfo-aim-text, .platform-special .fifth-vinfo-aim-text,
    .platform-special .third-vinfo-aim-text,
    .platform-special .second-vinfo-aim-text,.platform-special .fourth-vinfo-aim-text{
        bottom: -60px;
        top: auto;
    }
    .vinfo-aim-content:nth-child(2):after, .vinfo-aim-content:nth-child(4):after{
        top: auto;
    }
    .platform-special .h3,.key-features .h3,.advance-analytics .h3,.success-stories .h3,.vinfo-deatil .h3{
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 28px;
        margin-top: 50px;
    }
    .vinfo-aim-detail{
        margin-top: 20px;
        margin-bottom: 0;
    }
    .platform-special .more-link.xtra-spacing{
        margin-top: 0;
        margin-bottom: 0;
    }
    .more-link.xtra-spacing .btn{
        font-size: 10px;
        padding: 12px 15px;
        line-height: 14px;
        letter-spacing: 1px;
    }    
    .key-feature-img{
        margin-bottom: 20px;
    }
    .key-features{
        padding-bottom: 0;
    }
    .advance-analytics .duel-advance-analytics{
        width: 100%;
    }
    .advance-analytics, .success-stories{
        padding-bottom: 10px;
    }
    .vinfo-deatil .h3{
        padding-top: 0;
        padding-bottom: 0;
    }
    .first-deatil-block .outer-border, .second-deatil-block .outer-border{
        display: block;
        margin: 0 auto;
    }
      
    .why-vinfotech{
        margin-top: 10px;
    }
    .our-vision{
        display: none;
    }
    .vinfo-aim-content:after{
        left: 50%;
    }
    .second-vinfo-aim-text.text-center,
    .third-vinfo-aim-text.text-center{
        bottom: -60px;
        top: auto;
    }
    .vinfo-aim-content:nth-child(2):after, .vinfo-aim-content:nth-child(4):after{
        left: 50%;
    }
    .vinfo-aim.vinfo-aim-content{
        margin-bottom: 20px;
    }
    .vinfo-aim-detail.vinfo-extra{
        margin-top: 120px;
    }
    .vinfo-extra-text-top{
        left: 30%;
        top: -80px;
    }
    .vinfo-extra .vinfo-aim-content:after{
        top: -17px;
    }
    .vinfo-extra.vinfo-aim-detail .vinfo-aim-content:first-child{
        margin: 0;
    }
    .vinfo-extra.vinfo-aim-detail .vinfo-aim-content{
        margin-left: 0;
        margin-top: 280px;
        margin-bottom: 0;
    }
    .vinfo-extra-text{
        left: 30%;
    }
    .vinfo-extra.vinfo-aim-detail .vinfo-aim-content:last-child{
        margin-bottom: 200px;
    }
}
@media screen and (max-width: 400px){
    .idea-text span{
        font-size: 12px;
    }
    .first-vinfo-aim-text, .fourth-vinfo-aim-text, .platform-special .fifth-vinfo-aim-text, .second-vinfo-aim-text, .third-vinfo-aim-text{
        left: 28%;
    }
    .vinfo-extra-text-top,.vinfo-extra-text{
        left: 25%;
    }
}
@media screen and (min-width: 768px){
    figure.visible-xs{
        display: none;
    }
}
@media screen and (max-width: 320px){
    .first-vinfo-aim-text, .fourth-vinfo-aim-text, .platform-special .fifth-vinfo-aim-text, .second-vinfo-aim-text, .third-vinfo-aim-text{
        left: 22%;
    }
    .vinfo-extra-text-top, .vinfo-extra-text{
        left: 20%;
    }
}

/* css for resolved issues */

@media screen and (max-width: 767px){
    .img-cont-box .content-video-p{
        top: 10px;
        left: 20px;
    }
    .img-cont-box{
        margin-bottom: 20px;
    }
    figure.hidden-xs{
        display: none;
    }
}
.vinfo-extra-text .green-border-div.block-element{
    position: relative;
}
.vinfo-extra-text .green-border-div.block-element span{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    transform: translate(-50%,-50%);
}
/* css changes for white label page */

.modal-title.font-20{
    font-size: 20px;
}
.version_carousel.owl-carousel .owl-stage-outer .item{
    text-align: center;
}
.version_carousel.owl-carousel .owl-stage-outer .item img{
    width: auto;
    margin: 0 auto;
}
/* partneship section css for fanstay landing page */
.partnership-section{
    padding-top: 30px;
}
.differ-block-wrapper-inverse2 .differ-content a{
    background-color: transparent;
    border: 2px solid #000000;
    color: #000;
    font-family: "Gotham-Black";
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    padding: 20px;
    border-radius: 7px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.differ-block-wrapper-inverse2 .differ-content a:hover{
    color: #FFFFFF; 
    background-color: #00CA6F;
    border-color: #00CA6F;
}
.differ-block-wrapper-inverse2 .differ-content a i{
    font-size: 24px;
    color: #FFFFFF;
}
.differ-block-wrapper-inverse2 .differ-content a:hover i{
    color: #000000; 
}
.differ-block-wrapper-inverse2 .differ-block{
    background-color: #DEDEDE;    
}
@media screen and (min-width: 768px){
    .differ-block-wrapper-inverse2 .differ-block{
        padding: 100px 0;
    }
}
.differ-block-wrapper-inverse2.differ-block-wrapper{
    background-color: #ECECEC;
}

@media screen and (max-width: 1440px){
    /*.partnership-section .success-storie-content img{
        width: 100%;
    }*/
}
@media screen and (max-width: 767px){
    .differ-block-wrapper-inverse2 .differ-block .differ-left{
        background: #DEDEDE;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .differ-block-wrapper-inverse2 .differ-block .differ-right{
        background: #ECECEC;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.differ-block-wrapper-inverse2 i.first-arrow{
    -webkit-animation: moveimg1 0.6s infinite; /* Safari 4.0 - 8.0 */
    animation: moveimg1 0.6s infinite;
    -webkit-filter: invert(100%);
    margin-right: -8px;
}
@-webkit-keyframes moveimg1 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes moveimg1 {
     0%   {opacity: 0.5};
    100% {opacity: 1}
}
.differ-block-wrapper-inverse2 i.second-arrow{
    -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%);
}
@-webkit-keyframes moveimg2 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes moveimg2 {
     0%   {opacity: 0.5};
    100% {opacity: 1}
}
.differ-block-wrapper-inverse2 i.third-arrow{
    -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: -8px;
}
@-webkit-keyframes moveimg3 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

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

.custom-popup .p .request-a-demo-heading {
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    color: #FFFFFF;
    max-width: 308px;
    text-align: center;
    margin: 0 auto 30px;
}
/* brand communities page css */

.top-banner-block p.brand-tagline{
    font-style: italic;
    font-family: 'Gotham-Medium';
    margin-bottom: 30px;
    color: #4A4A4A;
}
.top-banner-block.small-top-banner-block{
    height: 500px;
}
.section-h3-heading{
    margin-bottom: 50px;
    font-family: "Gotham-Black";
    margin-top: 30px;
}

.inner-section-heading{
    font-size: 24px;
    font-family: "Gotham-Bold";
    margin-top: 30px;
}
.inner-section-content{
    padding: 80px 0;
}
.why-vinfo.why-platform{
    background: #FFFFFF;
}
.communities-differblock{
    padding: 50px 0;
}
.communities-differblock .media-heading{
    margin-bottom: 10px;
    margin-top: 10px;
}
.communities-differblock .media-body{
    padding-left: 20px;
}
.communities-differblock ul{
    list-style-type: none;
}
.platform-extensions .inner-section-content .media-body .media-heading{
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 36px;
    font-family: "Gotham-Black";
}
.platform-extensions .inner-section-content .media-body .secondary-heading{
    color: #4A4A4A; 
    font-family: "Gotham-Bold";    
    font-size: 24px; 
    line-height: 26px;
    margin: 15px 0;
}
.platform-extensions .inner-section-content .media-body ul li{
    color: #4A4A4A; 
    font-family: "Gotham-Medium";    
    font-size: 16px;    
    line-height: 22px;
}
.platform-extensions .inner-section-content .media{
    margin-top: 30px;
}
.platform-extensions .inner-section-content .media-left{
    padding-right: 20px;
}
@media screen and (max-width: 767px){
    .inner-section-content{
        padding: 0;
    }
    .section-h3-heading{
        margin-bottom: 30px;
        margin-top: 24px;
    }
    .platform-extensions .inner-section-content .media-body .media-heading{
        font-size: 22px;
        line-height: 26px;
    }
    .platform-extensions .inner-section-content .media-body .secondary-heading{
        font-size: 20px;
    }
    .communities-differblock .media-body{
        padding-left: 0;
    }
}
@media screen and (max-width: 1200px){
    .communities-differblock .media-content:nth-child(2){
        margin-top: 10px;
    }    
}
.request-a-demo-footer-text {
    font-family: Gotham-Medium;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    color: #FFFFFF;
}
.right-bar.floated-btn a .btn{
    font-family: 'Gotham-Black';
}
.differ-block-wrapper-inverse2 p{
    max-width: 358px;
    margin: 10px auto;
    text-align: center;
    color: #000;
}
.differ-block-wrapper-inverse2 .differ-right p{
    max-width: 310px;
}
.blog-exceptional-heading {
    font-size: 22px;
    font-weight: bold;
    font-family: Gotham-Bold;
    color: #101010;
}
/* css change for social landing page */

.social-landing-page .top-banner-block .h1 h1{
    color: #464646;
    font-family: 'Gotham-Bold';
    text-align: center;
}
@media (max-width: 1200px){
    .social-landing-page .top-banner-block .h1 h1{
        text-align: left;
    }
}
.description-text{
    max-width: 700px;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}
@media (max-width: 1200px){
    .description-text{
        text-align: left;
    }
}
.social-landing-page .blog-section-white .block-wrapper a .blog-heading{
    color: #000;
    font-size: 16px;
    font-family: 'Gotham-Bold';
    line-height: 20px;
}
.social-landing-page .block-wrapper a:not(.blog-category-link){
    padding: 30px;
}
.social-landing-page .blog-section-white .block-wrapper a{
    height: 220px !important;
}
.social-landing-page .blog-section-white .img-blog{
    margin-top: 0;
    margin-bottom: 30px;
}
.social-landing-page .blog-section-white{
    margin-top: -110px;
    margin-bottom: 50px;
}
.blog-section-text h5{
    color: #464646;
    font-size: 18px;
    font-family: 'Gotham-Bold';
    padding-top: 20px;
    padding-bottom: 10px;
}
.blog-section-text p{
    font-size: 14px;
    color: #333333;
}
.head-text{
    font-family: 'Gotham-Bold';
    margin-bottom: 0;
    margin-top: 35px;
}
.blog-section-text-wrapper{
    margin-bottom: 80px;
}
.section-heading-text h3{
    color: #464646;
    font-family: 'Gotham-Bold';
    letter-spacing: -1px;
}
.section-heading-text p{
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    font-family: 'Gotham-Book';
    margin: 20px auto;
    max-width: 720px;
}
.section-subHeading{
    font-size: 28px;
    color: #464646;
    font-family: 'Gotham-Bold';
    text-align: center;
    margin-bottom: 80px;
}
.social-landing-page .show-case-type-2 .show-case-content:last-child{
    margin-bottom: 120px;
}
.approach-section{
    padding-top: 60px;
    padding-bottom: 100px;
}
.section-btm-text p{
    max-width: 720px;
    margin: 0 auto;
    color: #7B7B7B;
    font-family: 'Gotham-Bold';
    text-align: center;
    font-size: 16px;
    font-style: italic;
}
.four-cols{
    width: 20%;
    float: left;
    margin-right: 5%;
    border: 2px solid rgba(70, 70, 70, 0.19);
    border-radius: 10px;
    height: 140px;
    text-align: center;
    margin-top: 90px;
    margin-bottom: 60px;
}
.four-cols:last-child{
    margin-right: 0;
}
.partners-img{
    background: #fff;
    position: relative;
    top: -35px;
    width: 40%;
    margin: 0 auto;
}
.partners-data{
    font-size: 16px;
    color: #000000;
    font-family: 'Gotham-Bold';
}
.vinfo-unique{
    background: #000000;
    padding: 70px 0;
}
.vinfo-unique .section-heading-text h3{
    color: #00CA6F;
}
.vinfo-unique .section-heading-text p{
    color: rgba(255, 255, 255, 0.9);
}
.vinfo-feature{
    height: 120px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.28);
    padding-left: 140px;
    position: relative;
    float: left;
    width: 48%;
    margin-left: 2%;
}
.top-border{
    border-top: 2px solid #E4E4E4;
}
.vinfo-feature img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
}
.vinfo-feature-wrapper{
    margin-top: 80px;
}
.partners-wrapper{
    padding-top: 60px;
    padding-bottom: 100px;
}
.thumbnail-section,.thumbnail-data-section{
    float: left;
    width: 50%;
}
.thumbnail-data-section{
    padding: 25px 0;
}
.thumbnail-data-section div{
    height: 340px;
    background: #fff;
    padding: 45px 60px;
    margin-left: -25px;
}
.thumbnail-data-section h3{
    font-size: 28px;
    color: #464646;
    font-family: 'Gotham-Bold';
}
.thumbnail-data-section p{
    font-size: 16px;
    color: #464646;
    font-family: 'Gotham-Book';
}
.approach-detail-section-alt .thumbnail-section{
    float: right;
}
.approach-detail-section-alt .thumbnail-data-section div{
    margin-left: 0;
    margin-right: -25px;
}
/* .bigger-section{
    height: 440px;
    width: 600px;
    float: left;
}
.bigger-section img{
    position: relative;
    right: -40px;
    width: 100%;
}
.smaller-section{
    height: 350px;
    background-color: #fff;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
    float: left;
    padding: 40px 60px;
    width: 530px;
    position: relative;
    top: 30px;
    left: -30px;
} */
/* .bigger-section.odd-approach-section{
    float: right;
}
.bigger-section.odd-approach-section img{
    right: 10px;
}
.smaller-section.odd-approach-section{
    float: right;
    left: 40px;
} */
.approach-detail-section{
    margin-top: 100px;
}
.social-landing-page .bg-grey-color{
    background-color: #F5F6F5;
}
.show-case-type-2.bg-white-color{
    background: #fff;
}
/* .smaller-section h3{
    color: #464646;
    font-size: 28px;
    font-family: 'Gotham-Bold';
}
.smaller-section p{
    color: #333333;
    font-size: 16px;
}
.width-100{
    width: 100%;
}
.approach-detail-section .width-100{
    position: relative;
} */
@media screen and (min-width: 768px){
    .social-landing-page .show-case-type-2 .show-case-content p{
        font-size: 14px;
        line-height: 20px;
    }    
}
@media (max-width: 991px){
    .social-landing-page .top-banner-block .h1 h1{
        text-align: center;
    }
    .vinfo-feature{
        width: 94%;
    }
    .social-landing-page .blog-section-white{
        margin-bottom: 10px;
    }
    .blog-section-text-wrapper{
        margin-bottom: 30px;
    }
    .thumbnail-data-section div{
        margin-left: 65px;
        margin-top: -70px;
        width: 80%;
        height: 300px;
        padding: 40px 40px;
    }
    .thumbnail-section, .thumbnail-data-section{
        width: 90%;
    }
    .approach-detail-section .width-100{
        text-align: center;
        width: 100%;
    }
    .approach-detail-section-alt .thumbnail-data-section div{
        margin-left: 65px;
        margin-right: 0;
    }
    .approach-detail-section-alt .thumbnail-section{
        float: left;
    }
    .approach-detail-section{
        margin-top: 30px;
    }
    .four-cols{
        width: 40%;
        margin-top: 0;
    }
    .four-cols:first-child{
        margin-left: 6%;
    }
    .four-cols:nth-child(3){
        margin-left: 6%;
    }
    .four-cols:first-child,.four-cols:nth-child(2){
        margin-top: 50px;
    }
    .social-landing-page .top-banner-block .h1{
        margin-top: 120px;
    }
    .description-text{
        padding-bottom: 90px;
        text-align: center;
    }
}
@media (max-width: 767px){
    .head-text{
        margin-top: 20px;
    }
    .section-heading-text h3{
        font-size: 28px;
    }
    .section-subHeading{
        font-size: 22px;
        text-align: left;
        margin-bottom: 10px;
    }
    .thumbnail-section, .thumbnail-data-section{
        width: 100%;
    }
    .thumbnail-section img{
        width: 100%;
    }
    .thumbnail-data-section div{
        width: 90%;
        margin-left: 5%;
        padding: 20px 20px;
        height: 320px;
    }
    .thumbnail-data-section h3{
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .thumbnail-data-section p{
        font-size: 14px;
    }
    .approach-detail-section-alt .thumbnail-data-section div{
        margin-left: 5%;
    }
    .approach-section,.partners-wrapper,.vinfo-unique{
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .four-cols{
        width: 90%;
        margin-right: 0;
        margin-left: 6%;
    }
    .four-cols:nth-child(2){
        margin-top: 0;
    }
    .social-landing-page .show-case-type-2 .show-case-content:last-child{
        margin-bottom: 60px;
    }
    .vinfo-feature{
        padding: 10px 10px 10px 140px;
        font-size: 14px;
    }
    .show-case-type-2 .show-case-img img{
        margin: 30px 0px;
    }
}

/*** 14 April ***/
.service-cell{
    text-align: center;
}
.service-cell > ul > li {
    width: 196px;
    padding: 33px 0px;
    vertical-align: middle;
     -webkit-transition: background 1s ease-out;  
    -moz-transition: background 1s ease-out;  
    -o-transition: background 1s ease-out;  
    transition: background 1s ease-out;  
    cursor: pointer;
}
.img-white{
    display: none ;
}

.service-cell > ul {
    width: 100%;
}

.service-cell-text {   
  max-width: 130px;   
  color: #000000; 
  font-family: Gotham-Bold;    
  font-size: 16px;      
  line-height: 23px;  
  margin: 0 auto;
  padding-top: 20px;
}

.service-cell > ul > li:hover, .service-cell > ul > li.active {
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
     -webkit-transition: background 1s ease-out;  
    -moz-transition: background 1s ease-out;  
    -o-transition: background 1s ease-out;  
    transition: background 1s ease-out;  
}
.service-cell > ul > li:hover .img-white, .service-cell > ul > li.active .img-white{
    display: block;
    margin: 0 auto;
    text-align: center;
}
.service-cell > ul > li:hover .img-color, .service-cell > ul > li.active .img-color{
    display: none;
}
.service-cell > ul > li:hover .service-cell-text, .service-cell > ul > li.active .service-cell-text{
    color: #fff; 
}
.service-cell-padding{
    padding-top: 120px;
    padding-bottom: 250px;
}

.service-panel-text{   
    color: #000;   
    font-size: 14px;    
    font-weight: 300;   
    line-height: 22px;
}
.service-panel-heading span{     
    color: #464646; 
    font-family: Gotham-Bold;    
    font-size: 20px;    
    font-weight: bold;  
    letter-spacing: -0.63px;    
    line-height: 30px;
}
.service-panel-img, .service-panel-heading{
    display: inline-block;
    vertical-align: middle;
}
.service-panel{
    width: 100%;
    border: 1px solid #D9D9D9;
    /*background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);*/
    background: #fff;
    position: relative;

}
.collapsed .service-panel{
    background: #F8F8F8;
}
.service-panel .service-panel-img{
    width: 30%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.service-panel .service-panel-heading{
    width: 70%;
    padding: 40px;
    background: #fff;
}
.list-group-item.list-group-item-custom.list-group-item-service .list-group-body{
    padding-left: 0;
}
.list-group-item-service .list-group-body{
    position: relative;
}
.list-group-item.list-group-item-custom.list-group-item-service .list-group-body .list-figure {
    position: absolute;
    right: -12px;
    top: 50%;
    width: 40px;
    left: auto;
    text-align: right;
    z-index: 1;
}
.service-panel-body ul {
    margin-top: 20px;
}
.service-panel-body ul li{
    width: 49%;
    padding-bottom:10px;
    color: #000;
    font-family: Gotham-Medium;   
    font-size: 14px;   
    letter-spacing: -0.44px;   ;
}
@media screen and (max-width:460px){
   .service-panel-body ul li{
      width: 100%;
   }
}
.service-panel-body ul li img{
    padding-right: 7px;
}
.servive-accordion .panel{
    margin-bottom: 30px;
}
.servive-accordion .panel [role="button"] {
    cursor: default;
}
.servive-accordion{
  margin-top: -150px;
}


.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;
}
.service-wrapper{
    padding-top: 100px;
}
.service-wrapper h1{  
    font-family: Gotham-Bold;    
    font-size: 48px;    
    font-weight: bold;  
    letter-spacing: -3.21px;     
    text-align: center;
}
.service-wrapper .p{
    max-width: 720px;
    margin: 0 auto;
}
.process-block{
    padding: 100px 0px 200px;
    overflow: hidden;
}
.process-block-heading h2{
     font-size: 48px;    
     letter-spacing: -2.41px;   
      text-align: center;
      font-family: Gotham-Bold;
}
.service-tab ul li{
    display: block;
    list-style: none;
    float: none;
    width: 254px;
    background-color: #B3B3B3;
    margin: 0 auto;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.service-tab .nav{
    height: auto;
    margin: 0 auto;
    text-align: center;
}
.service-tab .nav li.active{
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    position: relative;
    z-index:1;
}
.service-tab ul li a{
    font-size: 20px;
    letter-spacing: -0.63px;
    font-family: Gotham-Medium;
    padding: 40px 60px;
    text-align: left;
    color: #fff;
}
.service-tab ul li.active a{
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    color:#fff;
}
.service-tab .nav-tabs > li.active > a, 
.service-tab .nav-tabs > li.active > a:hover, 
.service-tab .nav-tabs > li.active > a:focus{
    color: #fff;
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);  
}
.service-tab .nav > li > a:hover, .service-tab .nav > li > a:focus{
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);  
}

.mart50{
    margin-top: 50px;
}
.service-tab-content-text h2{
    color: #464646; font-family: Gotham-Bold;    font-size: 20px;    letter-spacing: -0.63px;
}
.service-tab-content-text p{
    color: #000; 
    font-size: 14px;    
    line-height: 24px;
}
.service-tab{
    position: relative;
}
.service-tab:before {
    content: "";
    width: 450px;
    height: 856px;
    background-image: url(../img/service-hand.png);
    top: 10px;
    right: 5px;
    position: absolute;
    display: inline-block;
    left: -7%;
    top: -4%;
}

.service-tab ul li:first-child a, .service-tab ul li:first-child{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.service-tab ul li:last-child a, .service-tab ul li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.service-tab ul li:nth-child(odd){
   background-color: #A0A0A0;
}
.panel-default.white-card1 {
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1), 0 20px 30px 0 rgba(0,0,0,0.1);
    margin-bottom: 10px;
    padding: 20px;
    background: #fff;
}
.list-group-item-custom.list-group-item-product .list-group-content {
    font-size: 18px;
    color: #464646;;
}
.white-card1 .panel-heading{
    border-bottom: 1px solid #ececec;
    padding: 25px 20px;
}
.white-card1.panel{
    padding: 0;
    margin-bottom: 20px;
}
.product-panel-body{
    padding: 25px;
}

@media screen and (min-width: 1200px){
    .product-panel-body.product-panel-body-plus{
        padding: 65px 150px;
    }
}
.service-tab-block{
    margin-top: 50px;
}
.service-text p{
    padding-top: 30px;
}

.projectCollapse.collapsed .img-white-panel, .projectCollapse  .img-color-panel{
    display: none;
}
.projectCollapse.collapsed .img-color-panel, .projectCollapse .img-white-panel{
    display: block;
    margin: 0 auto;
}
.projectCollapse .service-panel{
    border: none;
    font-size: 0px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
}
.projectCollapse.collapsed .service-panel{
    border: 1px solid #D9D9D9;
    box-shadow: none;
}

@media screen and (min-width: 1600px){
   .service-tab:before {
        left: 3%;
        top: -4%;
    }
}
/*@media screen and (min-width: 768px){
    .service-tab .nav-tabs > li.active > a::after {
            position: absolute;
            right: -70px;
            content: "";
            height: 1px;
            border: 2px solid #00CA6F;
            border: 1px solid #000;
            width: 70px;
    }
}*/
@media screen and (max-width: 1200px){
 .service-panel .service-panel-heading{
    width: 70%;
 }
 .service-tab:before{
   left: -20%;
 }
}

@media screen and (min-width: 787px){
    .projectCollapse.collapsed .service-panel::after{
        position: relative;
        background: none;
    }
    .projectCollapse .service-panel::after{
        position: absolute;
        content: '';
        left: 0;
        right:0;
        width: 30%;
        background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        height: 100%;
    }
}
@media screen and (max-width: 768px){
    .service-wrapper h1{
        font-size: 35px;
    }
    .service-cell-padding{
        padding: 35px 0px 90px;
    }
    .servive-accordion{
        margin-top: -45px;
    }
    .service-panel .service-panel-heading, .service-panel .service-panel-img{
        width: 100%;
        padding: 20px;
    }
    .process-block{
        padding: 0px 0px 30px;
    }
    .process-block-heading h2{
        font-size: 35px;
    }
    .service-tab-block{
        margin-top: 10px;
    }
    .service-tab ul li{
        width: 80%;
    }
    
    .service-tab:before {
        top: 10px;
        left: -17%;
        top: -4%;
        background-size: 72%;
        background-repeat: no-repeat;
    }
    .service-tab ul li a {
        font-size: 15px;
        padding: 30px 30px;
    }
    .service-tab .nav-tabs > li.active > a::after {
        position: absolute;
        right: -30px;
        content: "";
        height: 1px;
        border: 2px solid #00CA6F;
        border: 1px solid #000;
        width: 30px;
    }
    .service-panel {
        width: 100%;
        border: 1px solid #D9D9D9;
        background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    }

}
@media screen and (max-width: 767px){
  .service-tab:before{
    display: none;
  }
  .service-tab .nav-tabs > li.active > a::after{
    display: none;
  }
}
@media screen and (max-width: 460px){
    .service-tab ul li a {
        font-size: 15px;
        padding: 15px 30px;
    }
   .service-tab-content{
        padding-left: 0px;
    }
    .service-tab {
        padding-top: 0px;
    }
    .service-tab ul li:first-child a, .service-tab ul li:first-child,  .service-tab ul li:last-child a, .service-tab ul li:last-child{
           border-radius: 0;
    }
     .service-tab ul li{
        width: 100%;
    }
}

.customer-section .list-group-content span{
    font-family: Gotham-Bold;
}
.product-panel-body img{
    margin: 0 auto;
}

.service-tab.mobile-morph{
    height: 516px;
    
}
.mobile-morph >.nav{
    height: inherit;
    display: flex;
    flex-flow: column nowrap;
}
.mobile-morph >.nav >li{
    flex: 1;
    display: flex;
}
.mobile-morph >.nav >li>a{
    padding-top: 0; 
    padding-bottom: 0;
    flex: 1;
    display: flex;
    align-items: center;
}

.featured-fantasy-project{
    background-color: #fff;
    color: #000000;
    padding-bottom: 99px;
    padding-top: 120px;
}
.we-beleive{
    padding-top: 0!important;
}
.project-blocks{
    padding: 0;
    height: 384px;
    margin: 0 auto;
    list-style: none;
    max-width:1280px;
    font-size: 14px;
}
.project-blocks.fbrand-blocks{
    height:840px; max-width: 992px; margin-top:50px;
}
.project-blocks > li{
    position: relative;
    float:left;
    width:25%;
    padding: 0 10px;
    height: 100%;
    cursor: default;
}
.project-blocks.fbrand-blocks > li{
    width:50%; height:auto; margin-bottom:30px;
}
.featured-fantasy-project .inner-wrap{
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    padding: 25px;
    min-height: 370px;
}
.featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap{min-height:390px;}
.featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap .top-block{display: table; overflow: hidden; margin: 0 auto;}
.featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap > .top-block .project-media{float: left;width: 115px;}
.featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap > .top-block h3{display:inline-block;margin-top: 35px;}
.fbrand-btm-content{display: block;font-family:'Gotham-Bold'; font-size:20px;}
.featured-fantasy-project.featured-fantasy-bfantasy{padding-bottom: 35px;}

.fantasy-project-center ul li{
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.featured-fantasy-project.fantasy-project-center {
    padding-top: 40px;
}
.fantasy-project-center ul li p{
    text-align: left;
}
.list-unstyled.fbrand-list{vertical-align: top;}
.list-unstyled.fbrand-list li{margin-bottom:15px; font-family:'Gotham-Bold';}
.trusted-parterns.fbrand-trusted-parterns .four-cols{height:180px;}
.trusted-parterns.fbrand-trusted-parterns .partners-img.partners-img-grey{min-height:75px;}
@media(max-width: 991px){
    .featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap > .top-block .project-media{float: none; width:auto;margin-bottom:0px;}
    .featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap{min-height: 525px;}
}
@media (hover: hover){
   .featured-fantasy-project .inner-wrap{
        transform: translate3d(0,0,0);
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        opacity: 0.6;
        transition: all 0.2s ease;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        min-height: 430px;
   }
   .project-blocks > li:hover .inner-wrap{
        box-shadow: 0 0 40px 0 rgba(0,0,0,0.15);
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        opacity: 1;
    }
}

.project-blocks > li h3{
    text-transform: uppercase;
    margin: 0 0 18px;
    font-size: 14px;
    font-weight: 600;
}

.project-media{
    text-align: center;
    margin-bottom: 35px;
    height: 89px;
    position: relative;
}

.project-media>img{
    display: inline-block;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

@media(max-width: 1199px){
    .project-blocks > li{
        padding: 0 5px;
    }
    .featured-fantasy-project .inner-wrap{
        padding: 15px;
    }
}

@media(max-width: 991px){
    .project-blocks{
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    .project-blocks > li{
        white-space: normal;
        width:280px;
        float: none;
        vertical-align: top;
        display: inline-block;
    }
}


.fantasy-solution-banner{
    background-color: #fff;
    color: #fff;
}
.ground-group{
    height: 830px;
    --ground-bottom-spaces: 40px;
    --ground-bottom-spaces-lg: 80px;
}


.fantasy-ground{
    width:20%;
    float: left;
    height: 100%;
    padding-bottom: 20px;
    position: relative;
}


.fantasy-ground:first-child,
.fantasy-ground:last-child{
    height: -webkit-calc(100% - var(--ground-bottom-spaces-lg));
    height: calc(100% - var(--ground-bottom-spaces-lg));
}

.fantasy-ground:nth-child(2),
.fantasy-ground:nth-child(4){
    height: -webkit-calc(100% - var(--ground-bottom-spaces)); 
    height: calc(100% - var(--ground-bottom-spaces));
}

.fantasy-ground:nth-child(3):after,
.fantasy-ground:nth-child(3):before,
.fantasy-ground:nth-child(4):after,
.fantasy-ground:nth-child(2):before{
    content: "";
    position: absolute;
    bottom: 0;
    top:100%;
    z-index: 4;
    width: 2px;
    background-color: #000;
    box-shadow: 6px 0 6px 0 rgba(0,0,0,0.5);
    transition: all 0.4s ease-in-out;
}

.fantasy-ground:after{
    right:0;
}

.fantasy-ground:before{
    left:0;
}

.ground-trak{
    height: 100%;
    position: relative;
    background-color: #f2f2f2;
    overflow: hidden;
}

.ground-trak:after,
.ground-trak:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ground-trak:before {   
    z-index: 2;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.ground-trak:after{
    background-color: #fff;
    z-index: 3;
    transition: transform 0.5s ease-out;
}

.ground-trak>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate3d(0, 15px, 0);
    transition: transform 0.5s ease-out 0.25s;
}



.fantasy-ground:nth-child(1) .ground-trak:after {
    transition-delay: 0.1s;
}
.fantasy-ground:nth-child(2) .ground-trak:after {
    transition-delay: 0.15s;
}

.fantasy-ground:nth-child(3) .ground-trak:after {
    transition-delay: 0.18s;
}

.fantasy-ground:nth-child(4) .ground-trak:after {
    transition-delay: 0.16s;
}

.fantasy-ground:nth-child(5) .ground-trak:after {
    transition-delay: 0.14s;
}

.fantasy-effect .fantasy-ground:nth-child(3):after,
.fantasy-effect .fantasy-ground:nth-child(3):before,
.fantasy-effect .fantasy-ground:nth-child(4):after,
.fantasy-effect .fantasy-ground:nth-child(2):before{
    top: 0; 
}

.fantasy-effect .ground-trak:after{
    transform: translate3d(0, 100%, 0);
}

.fantasy-effect .ground-trak>img{
    transform: translate3d(0, 0, 0);
}
.fantasy-solution-banner .hero-text{
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    z-index: 5;
    text-align:center;
}
.fantasy-solution-banner .hero-text h1,
.fantasy-solution-banner .hero-text p{
    opacity: 0;
    transform: translate3d(0, 25px, 0);
    transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.28s;
    backface-visibility: hidden; 
}
.fantasy-solution-banner .hero-text p{
    transition-delay: 0.35s;
}
.fantasy-solution-banner .hero-text h1{
    font-size: 64px;
    letter-spacing: -2px;
    font-family: 'Gotham-Bold';
    width:60%;
    margin-left: auto;
    margin-right: auto;
}

.fantasy-effect .hero-text h1,
.fantasy-effect .hero-text p{
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.fantasy-player{
    position: absolute;
    bottom:20px;
    left: 0;
    right: 0;
    z-index: 5;
    text-align: center;
    opacity: 0;
    transform: translate3d(0, -25px, 0);
    transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0.30s;
}
.fantasy-player>img{
    max-width: 100%;
}
.fantasy-effect .fantasy-player{
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.fantasy-ground:nth-child(1) .fantasy-player{
    transition-delay: 0.50s;
    bottom: -5px;
}
.fantasy-ground:nth-child(3) .fantasy-player{
    bottom: -50px;
}
.fantasy-ground:nth-child(2) .fantasy-player{
    transition-delay: 0.40s;
    bottom: -70px; 
}
.fantasy-ground:nth-child(4) .fantasy-player{
    transition-delay: 0.40s;
    bottom: -84px;
}
.fantasy-ground:nth-child(5) .fantasy-player{
    transition-delay: 0.50s;
    left:-75px;
}

.fantasy-app-user{
    padding-top: 128px;
    padding-bottom: 150px;
    background-size: cover;
    background-position: left bottom;
    background-attachment: fixed;
}
.fantasy-app-inner{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.fantasy-app-inner h2{
    font-family: 'Gotham-Bold';
    margin: 0 0 5px;
    font-size: 48px;
    letter-spacing: -2px;
    line-height: 48px
}
.app-users-count{
    list-style: none;
    padding: 0;
    width:888px;
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
}
.app-users-count>li{
    width:33.33%;
    padding: 15px;
    display: flex;
    cursor: default;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #E8E7E7;
}
.app-users-count>li:nth-child(2),
.app-users-count>li:nth-child(3),
.app-users-count>li:nth-child(5),
.app-users-count>li:nth-child(6),
.app-users-count>li:nth-child(8),
.app-users-count>li:nth-child(9),
.app-users-count>li:nth-child(11),
.app-users-count>li:nth-child(12){
    border-left: 1px solid #E8E7E7;
}
.app-users-count>li:nth-child(10),
.app-users-count>li:nth-child(11),
.app-users-count>li:nth-child(12){
    border-bottom: none;
}
.app-users-count h3,
.app-users-count h6{
    font-family: Gotham-Bold;
    margin-top: 0;
    margin-bottom: 0;
}
.users-count-num{
    font-family: Gotham-Bold;
    margin-top: 0;
    margin-bottom: 0;
    font-size:48px;
}
.app-users-count h3{
    font-size: 16px;
    color: #464646;
    text-transform: uppercase;
}
.app-users-count h6{
    font-size: 48px;
}
.text-filled{
    height: 145px;
}
li.text-filled:hover, li.text-filled.active {
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    position: relative;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    border-radius: 5px;
}
li.text-filled:hover h3, li.text-filled:hover h6, li.text-filled.active h3, li.text-filled.active h6 {
    color: #fff; 
}
.fantasy-tradition {
        background-color: #FBFBFB;
         padding-top: 150px; 
        padding-bottom: 80px;
}
.fantasy-tradition1{
     background-color: #FBFBFB;
}
.fantasy-daily-list{
    padding-top: 30px;
}
.fantasy-daily-list h3, .fantasy-daily-list h5{
        color: #464646;
        font-family: Gotham-Bold;
        font-size: 20px;
        letter-spacing: -0.51px; 
        line-height: 28px; 
        margin: 0 0 5px 0;
}
.fantasy-story {
    background-color: #E6E6E6;
}
.fantasy-story-wrapper {
    padding: 50px 10px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.fantasy-story-wrapper:hover, .fantasy-story-wrapper.active {
    background-color: #00CC6B;
    cursor: pointer;
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);
    position: relative;
    z-index: 1;
}

.fantasy-story-wrapper img{
    display: block;
    margin: 0 auto;
}
.fantasy-story-wrapper .media .media-body h4{
        color: #464646; 
        font-family: Gotham-Bold;  
        font-size: 18px;    
        line-height: 26px;
}
.fantasy-story-wrapper .media .media-body p{
    color: #464646; 
    font-family: Gotham-Book;   
    font-size: 14px;    
    letter-spacing: -0.53px;    
    line-height: 20px;
}
.fantasy-story-wrapper .media .media-right a{
    color: #464646; 
    font-family: Gotham-Bold;   
    font-size: 12px;    
    letter-spacing: 1.71px; 
    line-height: 26px;
}
.fantasy-story-wrapper .media {
    max-width: 560px;
    margin: 0 auto;
}
.fantasy-story-wrapper:hover .media-body h4,
.fantasy-story-wrapper:hover .media-body p,
.fantasy-story-wrapper:hover .media-right a,
.fantasy-story-wrapper.active .media-body h4,
.fantasy-story-wrapper.active .media-body p,
.fantasy-story-wrapper.active .media-right a
{
    color: #fff !important;
}

.section-4-1 {
    height: auto !important;
    background: #fff;
}
.section-4-1.fbrand-grey{background: #fbfbfb;}
.table-view {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.table-view .table-row {
    display: table-row;
}
.table-row-head {
    height: 240px;
    background: #fbfbfb;
}
.table-view .table-row .tabel-cell {
    display: table-cell;
    vertical-align: middle;
}
.greenColor > h3 {
    font-family: Gotham-Bold;
    font-size: 48px;
    letter-spacing: -2px;
    line-height: 48px;
}
.greenColor .text-width {
    max-width: 780px;
        margin: 0 auto;
}
.table-view .table-row .tabel-cell {
    display: table-cell;
    vertical-align: middle;
}
.tabel-cell .client-testimonial{
    width: 100%;
    max-width: 100%;
}
.tabel-cell .client-testimonial .client-wrapper{
    background:#000;
}
.tabel-cell .client-testimonial .client-wrapper .client-view-block > img {
    width: auto !important;
}
.tabel-cell .client-testimonial .client-wrapper .client-view .client-name {
    font-size: 25px;
    line-height: 25px;
    font-family: Gotham-Bold;
    margin-bottom: 20px;
    margin-top: 30px;
    color: transparent;
}
@media screen and (max-width: 767px){
    .tabel-cell .client-testimonial .client-wrapper .client-view .client-name {
        font-size: 18px;
        margin: 10px 0px;
        min-height: 50px;
    } 
    .client-testimonial.client-testimonial-1 .owl-carousel .owl-stage{
        /* background: #000;*/
         background: #FFF;
    }
} 
@media screen and (min-width: 992px){
    .tabel-cell .client-testimonial .client-wrapper .client-view .client-name {
        font-size: 36px;
        line-height: 34px;
    }
}

.client-carousel .owl-controls {
    position: absolute;
    top: 30%;
    width: 100%;
}
.client-testimonial-1 .client-carousel .owl-controls {
    position: absolute;
    top: 30%;
    width: 100%;
    left: 0;
}
.client-testimonial-1 .client-carousel .owl-controls .owl-nav .owl-prev {
    float: left;
    background: url(../img/left-arrow-icon.png);
    width: 86px;
    height: 189px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    left: 0;
}
.client-testimonial-1 .client-carousel .owl-controls .owl-nav .owl-next {
    float: right;
    background: url(../img/right-arrow-icon.png);
    width: 86px;
    height: 189px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    right: 0;
}

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


@media only screen and (min-width: 1250px) and (max-width: 1350px){
 .client-testimonial-1 .client-img {
            height:470px !important;
        }
}
@media only screen and (min-width: 768px) and (max-width: 1366px){
   .client-testimonial-1 .client-img img{
            position: absolute;
            margin-top: -9%;
    }
}
@media only screen and (max-width: 768px) {
    .client-testimonial-1 .client-img {
        height: 345px;
    }
}
.client-testimonial-1 .client-view {
    display: inline-block;
    width: 43%;
    vertical-align: middle;
    height: auto
}
@media screen and (max-width: 1600px) and (min-width: 1366px){
    .client-testimonial-1 .client-img {
         height:560px;
         width: 65%;
    }
    .client-testimonial-1 .client-view {
        width: 34%;
    }
    .client-testimonial-1 .client-img img {
        position: absolute;
        margin-top: -16%;
        width: 95% !important;
        left: 10%;
    }
    .section-4-1{
        padding-bottom: 60px;
    }
    .section-4-1.sectionBg.clearfix.social-networks-page{
        padding-bottom:0px; 
    }
}
@media screen and (min-width: 1600px){
    .section-4-1{
        padding-bottom: 70px;
    }
    .section-4-1.sectionBg.clearfix.social-networks-page{
        padding-bottom:0px; 
    } 
}
@media screen and (min-width: 992px){
    .client-testimonial-1 .client-view-block {
        padding: 30px;
    }
}
.client-testimonial-1 .client-view-block {
    margin:0 auto;
    padding-left: 40px;
}
@media screen and (max-width:768px){
   .client-testimonial-1 .client-view-block{
     padding: 20px;
   }
}
@media screen and (min-width:992px){
    .client-testimonial-1 .client-view-block {
        margin:0 auto;
        max-width: 580px;
        padding-left: 85px;
    }
}
.client-testimonial-1 .client-view-block  > img{
    width: auto !important;
}

.client-testimonial-1 client-img img{
    position: absolute;
    margin-top: 0%;
}
@media only screen and (min-width: 1600px) {
  .client-testimonial-1 .client-img img{
    left: 15%;
  }
}

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


@media screen and (max-width: 1200px) and (min-width: 1024px){
    .client-testimonial-1 .client-img {
        height: 411px;
    }
    .client-testimonial-1 .table-view {
        height: 50vh;
    }
    .client-testimonial-1 .client-img img {
    position: absolute;
        margin-top: -6%;
    }
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    .client-testimonial-1 .client-view {
        width: 38%;
    }
    .client-testimonial-1 .client-img {
        display: inline-block;
        width: 60%;
    }
}

@media only screen and (max-width: 768px) {
    .client-testimonial-1 .client-img {
        height: 345px;
    }
}
.client-testimonial-1 .client-carousel .owl-stage-outer {
    overflow: initial;
}
.create-fantasy{
    padding: 90px 0px 50px 0;
}
.fantasy-premium{
    height: 900px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.fantasy-premium-bottom {
    position: absolute;
    right: 0;
    left: 0;
    height: 240px;
    bottom: -50px;
    background-size: 100%;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 990px) and (max-width: 1024px){
   .fantasy-premium-bottom {
    height: 220px;
   }
}
.fantasy-industry{
    background: #fff;
    position: relative;
    padding-bottom: 225px;
    padding-top: 100px;
}
.fantasy-premium-list ul li{
    height: 260px;  
    width: 413px;   
    border-radius: 5px; 
    background-color: #00CA6F;  
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    padding: 50px;
}
.fantasy-premium-list ul li.fantasy-premium-content-white{
    background-color: #fff;
    margin: 0 10px;
    position: relative;
    top:22px; 
}
.fantasy-premium-list, .fantasy-premium-list > ul{
    margin: 0 auto;
    text-align: center;
}
.fantasy-premium-list > ul li p{
    /*color: #FFFFFF;*/ 
    font-family: Gotham-Book;   
    font-size: 14px;     
    text-align: center;
    margin: 0;
    padding-top: 20px;
}
.fantasy-premium-list > ul li.fantasy-premium-content-white p{
    color: #333;
}
.fantasy-premium .text-width1{
    max-width: 597px;
    margin: 0 auto;
    color: rgba(255,255,255,0.8);
    font-family: Gotham-Book;
}
.fantasy-premium .text-invite{
    color: rgba(255,255,255,0.8);
    font-family: Gotham-Medium;
    text-align: center;
    padding-top: 50px;
}
.fantasy-industry-list h3{
    color: #000000; 
    font-family: Gotham-Medium; 
    font-size: 16px;    
    line-height: 19px;
    margin: 0;
}
.fantasy-industry-list{
    float: left;
    width: 50%;
    padding-left: 30px;
}
.fantasy-industry-list ul li{
    width: 48%;
   display: inline-block;
   padding: 20px 0px;
}
.fantasy-industry-list ul li.list-full-width{
    width: 100%;
}
.fantasy-industry-list ul li:nth-child(5){
    width: 100%;
}
.border-right{
        border-right:1px solid rgba(0,0,0,0.1);
}
.fantasy-industry-wrapper{
    max-width: 850px;
    margin: 0 auto;
    display: block;
    padding-top: 40px;
    overflow:hidden; 
    clear: both;
}
.fantasy-leading{
    background: #fff;
    padding: 100px 0;
}

.fantasy-leading-wrapper{
    max-width: 694px;
    margin: 0 auto;
    padding: 0px 100px;
    height: 600px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%;
    position: relative;
}
.fantasy-leading-img1{
    position: absolute;
    left: -40%;
    top: 16%;
}
.fantasy-leading-img1 p{
    position: relative;
}
.fantasy-leading-img2{
    position: absolute;
    left: -34%;
    top: 52%;
}
.fantasy-leading-img3 {
    position: absolute;
    left: 11%;
    top: 79%;
}
.fantasy-leading-img3 p{
    position: relative;
}
.fantasy-leading-img4 {
    position: absolute;
    left: 60%;
    top: 80%;
}
.fantasy-leading-img5 {
    position: absolute;
    right: -35%;
    top: 51%;
}
.fantasy-leading-img6 {
    position: absolute;
    right: -40%;
    top: 18%;
}
.fantasy-leading-text{
    width: 237px;
    color: #666666; 
    font-family: Gotham-Medium; 
    font-size: 14px;    
    line-height: 20px;
}
.fantasy-leading-wrapper .greenColor p{
        color: #000000; 
        font-family: Gotham-Book;   
        font-size: 16px;    
        letter-spacing: -0.4px; 
        line-height: 24px;  
}
.fantasy-idea{
    background: #fff;
    padding: 0px 0px 100px;
}
.fantasy-idea-circle{
    height: 90px;
    width: 90px;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    position: relative;
    z-index: 99;
    background:#fff;
}
.fantasy-idea-circle img{
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
}
.fantasy-leading-carousel li a{
    display: block;
}
.fantasy-idea-list ul li:nth-child(odd):before{
    background: url(../img/idea-element.png) no-repeat;
    height: 222px;
    width: 210px;
    position: absolute;
    content: '';
    top:-150px;
}
.fantasy-idea-list ul li:last-child:before{
    background: url(../img/idea-element-second.png) no-repeat;
}

.fantasy-idea-list ul li:nth-child(even):before{
   background: url(../img/idea-element-third.png) no-repeat;
    height: 222px;
    width: 210px;
    position: absolute;
    content: '';
    top:25px;
}
.fantasy-idea-list ul li{
    position: relative;
    width: 180px;
}
.fantasy-idea-list{
   padding: 250px 0px;
   margin: 0 auto;
}
.fantasy-idea-list ul{
    margin: 0 auto;
}
.fantasy-idea-content h3{
    opacity: 0.06;  
    color: #464646; 
    font-family: Gotham-Bold;  
    font-size: 80px;    
    letter-spacing: -4.01px;    
    line-height: 48px;
    margin: 0;
}
.fantasy-idea-content h4, .fantasy-idea-content h5{
    color: #464646; 
    font-family: Gotham-Bold;  
     font-size: 24px;    
     letter-spacing: -1.2px; 
     line-height: 48px;
     /* margin:-25px 0 0 0; */
     margin:-10px 0 0 0;
     width: 345px;
}
.fantasy-idea-content p{
        color: #333333; 
        font-family: Gotham-Book;   
        font-size: 16px;    
        letter-spacing: -0.5px; 
        line-height: 22px;
        width: 240px;
}
.fantasy-idea-content {
    position: absolute;
    top: -200px;
    left: 40px;
    width: 100%;
}
.fantasy-idea-content.fantasy-idea-content-last{
    top: 20px;
    left:140px
}
.fantasy-idea-content.f-b{
    top:100px;
}
.fantasy-people{
    padding: 200px 0px;
}
.fantasy-people .greenColor{
    max-width: 526px;
    padding-right: 100px;
    padding-top: 40px;
}
.fantasy-people{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.fantasy-vinfotech{
    background: #fff;
    padding: 100px 0px 188px;
}
.fantasy-vinfotech.fantasy-vinfotech-bg{
    background:#F8F8F8;
}
.fantasy-vinfotech-list h3 {
    opacity: 0.06;
    color: #464646;
    font-family: Gotham-Bold;
    font-size: 80px;
    letter-spacing: -4.01px;
    line-height: 48px;
    margin: 0;
}
.fantasy-vinfotech-list h4 ,.fantasy-vinfotech-list h5 {
    color: #464646;
    font-family: Gotham-Bold;
    font-size: 24px;
    letter-spacing: -1.2px;
    line-height: 28px;
    margin: 0;
    padding: 15px 0px 5px;
}
.fantasy-vinfotech-list p{
    color: #333333;
    font-family: Gotham-Book;
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 22px;
}
.fantast-vinfotech-wrapper ul li{
    width: 49%;
    vertical-align: top;
    height: 300px;
    position: relative;
    z-index: 2;
} 

.fantast-vinfotech-wrapper{
    position: relative;
}
.fantasy-vinfotech-list{
    max-width: 350px;
}
.fantast-vinfotech-wrapper ul li:nth-child(odd){
    text-align: right;
}
.fantast-vinfotech-wrapper ul li:nth-child(even) .fantasy-vinfotech-list{
    margin-right: 0;
    margin: 0 0 0 auto;
}

@media screen and (min-width: 767px){
    .fantast-vinfotech-wrapper ul li:nth-child(5){
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        text-align: center !important;

    }
    .fantast-vinfotech-wrapper ul li:nth-child(5) .fantasy-vinfotech-list{
        margin:140px auto 0;
    }
    .fantast-vinfotech-wrapper ul li:nth-child(5) .fantasy-vinfotech-list h4, .fantast-vinfotech-wrapper ul li:nth-child(5) .fantasy-vinfotech-list p{
        text-align: left;
    }
}

.vinfotech-logo-1{
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    margin-top: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 275px;
    background-position: center;
}
@media screen and (min-width: 1600px){
    .fantasy-idea-content.fantasy-idea-content-last{
        top: 20px;
        left:250px
    }
    .fantasy-premium-bottom {
        bottom: 0;
    }
    .fantasy-idea-list ul li{
        width: 200px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1366px){
    .fantasy-idea-list ul li:nth-child(even):before {
        background-size: 86%;
    }
    .fantasy-idea-list ul li:nth-child(odd):before {
        top: -135px;
        background-size: 86%;
    }
    .fantasy-idea-list ul li:last-child:before{
        margin-top: 15px;
    }
}
@media screen and (max-width: 1366px){
    .fantasy-idea-content h4, .fantasy-idea-content h5{
            line-height: 22px;
            width: 240px;
            font-size: 18px;
    }
    .fantasy-idea-content.fantasy-idea-content-last {
        top: 35px;
        left: 240px;
    }
    .fantasy-idea-content.fantasy-idea-content-last p, .fantasy-idea-content.fantasy-idea-content-last h4{
        width: 190px !important;
    }

}
@media screen and (max-width: 1200px){
    .fantasy-idea-list ul li {
        position: relative;
        width: 130px;
    }
    .fantasy-leading-img1 {
        left: -25%;
    }
    .fantasy-leading-img2 {
        left: -10%;
    }
    .fantasy-leading-img6 {
        right: -25%;
    }
    .fantasy-leading-img5 {
        right: -10%;
    }
    /*.fantasy-idea-list{
        overflow:hidden;
    }*/
    .app-users-count{
        width: 100%;
    }
}
@media screen and (max-width: 992px){
    .fantasy-leading-wrapper .greenColor p{
        width: 260px;
        margin: 0 auto;
    }
    .fantasy-leading-img1 {
     left: 1%;
   }
   .fantasy-leading-img1 p{
     left: -20%;
   }
   .fantasy-leading-img6 {
        right: -9%;
    }
    .fantasy-leading-img6 p {
        width: 167px;
    }
    .fantasy-leading-img2 {
        left: 0%;
    }
    .fantasy-leading-img5 {
        right: -5%;
    }
    .fantasy-leading-img5 p{
        text-align: left;
    }
    .fantasy-idea-list ul li {
         width: 110px; 
    }
    .fantasy-idea-content h4, .fantasy-idea-content h5{
        font-size: 18px;
        width: 130px;
        line-height: 20px;
    }
    .fantasy-idea-content.fantasy-idea-content-last {
        left: 95px;
    }
    .fantasy-idea-content p {
        width: 165px;
        word-break: break-word;
        font-size: 12px;
        line-height: 16px;
    }
    .fantasy-people .greenColor{
        padding-top: 0;
        padding-right: 0;
    }
    .fantasy-premium-list ul li{
        width: 48%;
        padding: 20px 0px;
        height: 180px;
        vertical-align: middle;
    }
    .fantasy-premium {
       height: 800px;
    }
    .fantasy-premium-bottom {
        height: 170px;
    }
}
@media screen and (min-width: 767px){
    .vinfotech-logo-1 h3.grad-color, .vinfotech-logo-1 h4.grad-color{
        padding-top: 75px;
    }

}
@media screen and (max-width: 767px){
    .app-users-count h6 {
        font-size: 25px;
    }
    .app-users-count h3 {
        font-size: 9px;
        text-align: center;
    }
    .text-filled {
        height: 95px;
    }
    .fantasy-app-inner h2{
        font-size: 24px;
        line-height: 28px;
    }
    .fantasy-app-user{
        padding: 30px 0px 10px;
    }
    .fantasy-leading{
        padding: 30px 0px;
    }
    [class^="fantasy-leading-"],[class*=" fantasy-leading-"], 
    [class^="fantasy-leading-"] p,[class*=" fantasy-leading-"] p{
        position: relative;
        left: 0;
        right: 0;
        text-align: center;
        width: 100%; 
        padding-top: 15px;
    }
    .fantasy-leading-wrapper {
        max-width: 100%;
        padding: 0;
        background-image: none !important;
        height: auto;
    }
    .fantasy-leading-wrapper h3{
        font-size: 24px;
        line-height: 28px;
    }
    .fantasy-leading-wrapper .greenColor p{
        width: 100%;
    }
    .fantasy-story-wrapper .media .media-right a{
        font-size: 10px;
    }
    .fantasy-story-wrapper .media .media-body p {
        font-size: 10px;
        line-height: 15px;
    }
    .fantasy-story-wrapper .media .media-body h4 {
        font-size: 12px;
        line-height: 12px;
    }
    .create-fantasy{
        padding: 30px 0;
    }
    .create-fantasy h3, .greenColor > h3{
       font-size: 24px;
       line-height: 28px;
    }
    .mob-pad{
        padding: 0 15px;
    }
    .fantasy-idea-list ul li:nth-child(odd):before,
    .fantasy-idea-list ul li:nth-child(even):before
    {
        background:none;
    }
    .fantasy-idea-content, .fantasy-idea-content.f-b{
        position: relative;
        left: 0;
        right: 0;
        text-align: center;
        top: 0;
    }
    .fantasy-idea-list ul li{
        width: 100%;
        padding: 10px 0px;
    }
    .fantasy-idea-circle{
        margin: 15px auto;
    }
    .fantasy-idea-content p{
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .fantasy-idea-list{
        padding: 30px 0px;
    }
    .fantasy-idea-content.fantasy-idea-content-last{
        left: 0;
    }
    
    .fantasy-premium-list ul li.fantasy-premium-content-white{
        margin: 0;
    }
    .fantasy-premium-list > ul li p{
        font-size: 11px;
    }
    .fantasy-premium{
        height: 780px;
    }
    .fantasy-industry-list{
        padding-left: 10px;
    }
    .fantasy-industry-list ul li img{
        width: 80%;
    }
    .fantasy-industry{
        padding: 30px 0 100px;
    }
    .fantasy-people, .fantasy-vinfotech, .fantasy-tradition{
        padding: 30px 0px;
    }
    .fantasy-people .greenColor{
        text-align: center;
        padding-right: 0;
        padding-top: 0;
    }
    .fantast-vinfotech-wrapper ul li{
        width: 100%;
        text-align: center !important;
        height: auto;
        padding: 10px 0px;
    }
    .fantasy-idea-content.fantasy-idea-content-last{
        top: 50px;
    }
    .vinfotech-logo-1{
        position: relative;
        margin-top: 0;
        background-image: none !important;
        height: auto;
    }
    .fantasy-vinfotech-list h4 ,.fantasy-vinfotech-list h5{
        font-size: 19px;
        line-height: 24px;
        padding-top: 10px;
    }
    .fantasy-vinfotech-list p{
        font-size: 16px;
    }
    .vinfotech-logo-1 .greenColor{
        position: relative;
        top: 0;
    }
    .vinfotech-logo-1 .greenColor h3{
        margin: 0;
        padding-bottom: 25px;
    }
    .greenColor p{
        font-size: 14px;
    }

    .client-testimonial-1 .client-img,
    .client-testimonial-1 .client-view {
        width: 100% !important;
    }
    .client-testimonial-1.client-testimonial{
        margin-bottom: 40px;
    }
    .fantasy-solution-banner .hero-text h1{
        font-size: 26px;
        line-height: 24px;
    }
    .ground-group{
        height: 570px;
    }
    .featured-fantasy-project{
        padding-bottom: 30px;
    }
    .fantasy-leading-carousel li.item  img{
        width: auto;
        margin: 0 auto;
        text-align: center;
    } 
    .fantasy-vinfotech-list{
        max-width: 100%;
    }
    .fantasy-player>img {
        max-width: 60%;
    }
    .fantasy-ground:nth-child(3) .fantasy-player {
        bottom: -60px;
    }
    .fantasy-solution-banner .hero-text h1{
        width: 100%;
    }
    .hero-text  p{
        font-size: 14px;
    }
    .fantasy-premium-list ul li{
        width: 100%;
        margin-bottom: 20px;
    } 

}

@media screen and (max-width: 460px){
    .fantasy-premium-bottom {
       bottom: -110px;
    }
}
@media screen and (max-width: 320px){
    .fantasy-premium-bottom {
       bottom: -120px;
    }
}

.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);
        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';
}
.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: 40%;
    }
    .set-location.set2 {
        left: 51%;
        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: 27%;
    }
    .set-location.set2 {
        left: 41%;
    }
    .set-location.set3 {
       left: 74%;
    }
    .set-location.set4 {
        left: 88%;
    }
}
/*.section-4{
    height: auto !important;
}*/
.count-cell-white{
    background-color: #FBFBFB;
}
@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;
    }
    .product-panel-body {
        padding: 10px 0px;
    }
}

.faq-thumbnail p{
    color: #000;     
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: 0.3px;
    text-align: center;
    min-height: 50px;
}
.faq-thumbnail figure{
    height: 50px;
} 
.faq-thumbnail{
    margin: 50px 0px;
}
.faq-thumbnail figure img{
    width: auto;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.faq-thumbnail h3{
    font-size: 18px;
    font-family: Gotham-Bold;
    line-height: 20px;
    margin:0;
    padding-bottom: 10px;
    display: none;
}
@media only screen and (max-width: 767px){
     .faq-thumbnail{
        padding: 15px;
        text-align: center;
        margin: 0 auto;
     }
}   

.sectionbgTranslate ul > li {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 25px;
    color: #000;
}
.translate-layout .translate-layout-div2, 
.translate-layout .translate-layout-div3, 
.translate-layout .translate-layout-div4{
  max-width: 320px;
}

.laptop-layout{
    position: relative;
    width: 100%;
    text-align: center;
}
.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: 25%;
    left: 20%;
}

.translate-layout .translate-layout-div3 {
    top: 70%;
    left: 32%;
}
.translate-layout .translate-layout-div4 {
    top: 30%;
    left: 80%;
}

@media screen and (min-width: 767px){
  .translate-layout {
     height: 100%;
     position: relative;
    }
    .laptop-layout{
        position: absolute;
        right: 0;
        left: 0;
        text-align: center;
        top:0;
        width: auto;
    }
    .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;
    }
    .laptop-section{
        height: 680px;
    }
}
@media screen and (min-width: 1600px){
  .laptop-layout img {
        width: 50%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1600px){
   .laptop-layout img {
        width: 60%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
   .laptop-layout{ 
    width: 100%;
  } 
  .laptop-layout img{
    width: 100%;
  }
}

@media screen and (max-width: 992px){
    .translate-layout .translate-layout-div1 {
    left: 25%;
    top: 20%;
  }
}


@media only screen and (min-width: 767px) and (max-width: 1024px){
    .translate-layout .translate-layout-div4 {
        left: 93%;
        top: 28%;
    }
}
@media screen and (max-width: 768px){
    .layout-product-text{
     padding-top: 25px;
     padding-bottom: 25px;
  }
  .laptop-layout img{
    width: 100%;
 }
 .sectionbgTranslate > h3 {
    color: #464646;
    font-family: Gotham-Bold;
    font-size: 18px;
    line-height: 20px;
}
.laptop-section{
        height: auto;
    }
}

.guiding-thumbnail h3{   
    color: #464646; 
    font-family: Gotham-Bold;    
    font-size: 20px;      
    letter-spacing: -0.45px;   
    line-height: 28px;  
    text-align: center;
}
.guiding-thumbnail p{
    font-size: 14px;
    color: #000;
    line-height: 22px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.3px;
}
.guiding-thumbnail-icon{
    position: relative;
    margin: 0 auto;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    background-color: #EAEAEA;
    padding: 8px;
}
.guiding-thumbnail-icon .svg-icon1{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.guiding-thumbnail-icon-inner{
    height: 59px;
    width: 59px;
    border-radius: 50%;
    background-color: #FFFFFF;  
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}
@media screen and (min-width: 1366px){
    .guiding-thumbnail {
        padding: 10px 50px;
    }
}
@media screen and (min-width: 1600px){
    .guiding-thumbnail p{
        padding: 0 35px;
    }
}
.guiding-thumbnail{
    padding: 15px;
}
.internal-process-body{
    padding: 20px;
}
.internal-process-body .internal-process-img p{
    font-size: 18px;
}
.work-content ul li h4{
        color: #000;
        font-family: Gotham-Medium;
        font-size: 16px;
        line-height: 18px;
        vertical-align: sub;
        margin: 0;
        padding-bottom: 20px;
}
.work-content{
    padding: 25px;
}

@media screen and (min-width: 767px){
  .work-content ul li .media-left{
        padding-right: 30px;
    }
}
@media screen and (max-width: 767px){
    .work-content{
        padding: 5px 15px;
    }
    .work-content ul li h4{
        font-size: 14px;
        line-height: 18px;
    }
}

.partner-block-mob ul li {
    width: 13%;
    padding: 10px 0px;
}
.partner-block-mob ul{
    padding-top: 30px;
}
.partner-block-mob .greenColor p{
    color:#000;
    font-weight: 300;
    letter-spacing: 0.3px;
    font-size: 14px;
}
@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%;
        text-align: center;
    }
    .partner-block-mob{
        padding: 15px;
    }
}

.collapse.in {
      height: auto !important;
}

.fantasy-solution-bg{
    background-size: cover;
    height: 100vh;
    background-position: center;
    background-color: #fff;
}
.greenColor > h2, .greenColor > h1{
    margin: 0;
    font-family: Gotham-Bold;    
    font-size: 64px;    
    font-weight: bold;  
    letter-spacing: -2px;   
    line-height: 70px;
}
.fantasy-solution-content p{
        color: #FFFFFF;
        margin: 0;
        padding-top: 15px;
}
@media screen and (min-width: 1600px){
   .fantasy-solution-content h1{
       padding: 0 140px;
    }
}
@media screen and (max-width: 767px){
   .greenColor > h2, .greenColor > h1{   
        font-size: 32px;     
        line-height: 40px;
    }

}
@media screen and (max-width: 768px){
 .fantasy-ground{
    width: 100%;
 }
}
.create-social {
    padding: 50px 15px;
    overflow:hidden;
}
.create-social > p{
     color: #464646;      
     font-size: 16px;
     margin: 0;
     padding: 15px 0px;
     text-align: justify;
}
.create-social{
    max-width: 100%;
    margin:0 auto;
}
@media screen and (min-width: 992px){
   .create-social{
        max-width: 888px;
        margin:0 auto;
        padding: 100px 0px 60px;
    }
    .create-social > h3{
        margin:0;
        padding: 0 90px;
    }
    .create-social > p{
        text-align: center;
    }
}
.create-social-content > h3{
   margin: 0;   
   font-family: Gotham-Bold; 
   font-size: 18px;
   text-align: left;
   color: #464646;
}  
.create-social-content > p{
   text-align: left;
   padding-top: 5px;
}
.partners-wrapper-bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.owl-carousel .owl-item img.mobile-in-owl{
max-width:750px;
}
.partners-img-grey{
    background: #F9F9F9;
}

/* fantasy sports for brands page css */
.top-banner-block .h1 h1.h1-heading{
    font-family: 'Gotham-Bold';
    color: #464646;
    letter-spacing: -2px;   line-height: 67px;
}
.top-banner-block-alt{
    background: linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);
    height: 600px;
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
}
.container-alt{
    display: table-cell;
    vertical-align: middle;
}
.top-banner-block-alt h1 {
    font-family: Gotham-Bold;    
    letter-spacing: -3.21px;  
}
@media screen and (min-width: 992px){
    .top-banner-block-alt h1 {
        font-size: 48px;  

    } 
} 
@media screen and (max-width: 992px){
    .top-banner-block-alt h1 {
         font-size: 28px;  
         line-height: 30px;  
    }
    .top-banner-block-alt{
        height: 540px;
    }
}
@media screen and (max-width: 460px){
    .top-banner-block-alt{
        height: 500px;
    } 
}
.alt-block{
    max-width: 890px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 35px;
}
.fans-info{
    background-color: #FFFFFF;
    margin-top: -115px;
}
.fans-info p{
    font-size: 18px;
    letter-spacing: -0.6px;
    line-height: 24px;
    text-align: center;
    color: rgba(255,255,255,0.8);
    font-family: 'Gotham-Book';
    margin-bottom: 0;
    padding-top: 12px;
}
.fans-info .fans-container{
    background-color: #000000;
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'Gotham-bold';
    padding: 50px;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
    border-radius: 5px;
}
.fans-info h3{
    color: #FFFFFF;
    font-size: 32px;
    font-family: 'Gotham-bold';
    margin: 0;
    letter-spacing: -1.13px;    
    line-height: 36px;
}
@media screen and (max-width: 768px){
    .fans-info h3{
        font-size: 28px;
        line-height: 35px;
    }
    .fans-info p {
        font-size: 16px;
    }
    .fans-info .fans-container{
        padding: 25px 20px;
    }
}
.show-case-type-2 .h3.h3-heading{
    font-family: 'Gotham-book';
    letter-spacing: -1.13px;    
    line-height: 30px;
    font-size: 20px;
}
@media screen and (max-width: 768px){
    .show-case-type-2 .h3.h3-heading{
            line-height: 28px;
            font-size: 23px;
            margin: 0 0 20px 0;
    }
}
.cols-two-container{
    max-width: 1065px;
    margin: 0 auto;
    margin-bottom: 80px;
}
.cols-two{
    background-color: #EFEFEF;
    width: 49%;
    display: inline-block;
    color: #464646;
    padding: 55px 30px;
    font-size: 18px;
    font-family: 'Gotham-Book';
    min-height: 200px;
    vertical-align: middle;
}
.cols-two:last-child{
    border-left: 2px solid #FFFFFF;
}

.show-case-type-2 .cols-two-container .show-case-content{
    margin: 100px 0px;
}
.show-case-type-2 .cols-two-container .show-case-content .h4-text{
    font-size: 16px;
    color: #464646;
    max-width: 100%;
}
@media screen and (max-width: 768px){
    .show-case-type-2 .cols-two-container .show-case-content .h4-text{
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .show-case-type-2 .show-case-content .h4-text{
        font-size: 16px;
        line-height: 24px;
    }
    .show-case-type-2 .cols-two-container .show-case-content{
        margin: 0px 0px 50px;
    }
}
.show-case-type-2 .cols-two-container-alt{
    width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 992px){
   .show-case-type-2 .cols-two-container-alt{
        width: 850px;
    }
}
.cols-two.cols-two-smaller{
    padding: 50px;
    height: 250px;
    vertical-align: top;
    width: 422px;
    font-family: "Gotham-Bold";
    letter-spacing: -1.53px;    line-height: 44px;
}
.cols-two h4{
    font-size: 24px;
    color: #464646;
    line-height: 32px;
    font-weight: 100;
}
.cols-two h1{
    font-size: 36px;
    margin-top: 0;
    line-height: 38px;
}
.cols-two p{
    font-size: 18px;
    font-family: 'Gotham-Book';
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 24px;
}
.cols-two ul{
    list-style-type: none;
    margin-top: 20px;
}
.cols-two ul li{
    border-bottom: 1px solid #D8D8D8;
    color: #464646;
    font-size: 16px;
    font-family: 'Gotham-Book';
    padding: 20px 0;
    letter-spacing: -1px;
    line-height: 24px;
}    
.cols-with-list{
    padding: 40px;
    vertical-align: top;
    background-color: #FFFFFF;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
    width: 422px;
}

.cols-with-list:last-child,
.cols-two-smaller:last-child{
    border: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .cols-two.cols-two-smaller{
        width: 49%;
        height: 225px;
    } 
}
@media screen and (max-width: 768px){
   .cols-two{ 
        width: 100%;
        padding: 20px;
        margin-bottom: 15px;
        font-size: 16px;
        min-height:125px;
   }
   .cols-two h4, .cols-two h1{
    font-size: 23px;
    line-height: 28px;
   }
   .cols-two.cols-two-smaller{
    padding: 25px;
   }
   .cols-two p{
    font-size: 16px;
   }
   
}
@media screen and (max-width: 767px){
   .cols-two.cols-two-smaller{
        width: 100%;
        height: auto;
    }
}
.black-section{
    background-color: #000000;
    padding: 130px 20px;
}
.black-section h2{
    font-size: 36px;
    font-family: 'Gotham-bold';
    margin-top: 0;
    letter-spacing: -1.25px;    line-height: 42px;
}
.black-section p{
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Gotham-Medium';
    margin-top: 20px;
    letter-spacing: -0.3px; line-height: 24px;
}
.black-section img{
    position: absolute;
    top: -180px;
}
@media only screen and (max-width: 991px){
    .black-section img{
        top: -140px;
    }
}
@media only screen and (max-width: 768px){
    .black-section img{
        width: 100%;
    }
    .black-section h2{
        font-size: 23px;
        line-height: 28px;
    }
    .black-section p{
        font-size: 18px;
        line-height: 25px;
    }
    .black-section{
        padding: 50px 20px 20px;
    }
}
.showcase-slider-alt{
    background-color: #EFEFEF;
}
.showcase-slider-alt h3{
    /*color: #464646;*/
    color: transparent;
    font-size: 36px;
    font-family: 'Gotham-bold';
    letter-spacing: -1.13px;
    max-width: 90%;
}
.showcase-slider-alt p{
    color: #464646;
    font-size: 16px;   
    font-weight: 300;   
    letter-spacing: -1px;   
    line-height: 24px;
}
.showcase-slider-alt h4{
    color: #464646;
    font-size: 26px;
    font-family: 'Gotham-Medium';
    margin-bottom: 40px;
    margin-top: 0;
}
.showcase-slider-alt .slider-wrapper-main.mobile{
    background-image: url(../img/mobile-frm1.png);
}
.showcase-slider-alt .slider-txt-content.mobile{
    width: 67%;
}
.showcase-slider-alt .slider-wrapper.mobile{
    width: 18%;
}
.showcase-slider-alt .slider-txt-internal{
    max-width: 85%;
    padding-left: 20%;
}
@media only screen and (max-width: 768px){
    .showcase-slider-alt .slider-txt-internal{
        max-width: 100%;
        padding-left: 0;
    }
    .showcase-slider-alt .slider-txt-content.mobile{
        width: 100%;
    }
    .showcase-slider-alt .slider-wrapper.mobile{
        width: 25%;
    }
    .showcase-slider-alt h3{
        font-size: 23px;
        line-height: 28px;
    }
    .showcase-slider-alt h4{
        font-size: 18px;
        line-height: 25px;
    }
}
@media screen and (max-width: 414px){
    .showcase-slider-alt .slider-wrapper.mobile{
        width: 85%;
    }
}             
.show-case-type-2 .h3.h3-heading.with-subheading{
    margin-bottom: 0;
}
.show-case-type-2 .h3.h3-heading.with-subheading p{
    color: #464646;
    font-size: 16px;
    max-width: 720px;
    line-height: 24px;
    margin: 20px auto 50px;
    font-family: 'Gotham-Book';
}
.fantasy-benefit{
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    height: 240px;  
    width: 213px;
    padding: 40px 16px 30px;
    display: inline-block;
    vertical-align: middle;
    color: #464646;
    font-size: 16px;
    font-family: 'Gotham-Bold';
    text-align: center;
    margin: 0 25px;
}
@media screen and (max-width: 1024px){
   .fantasy-benefit{
      margin: 0 10px;
   }
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .fantasy-benefit{
        width: 165px;
        margin: 0 5px;
        padding: 40px 6px 30px;
    }
}
@media screen and (max-width: 767px){
    .fantasy-benefit{
       width: 100%;
       margin: 0 0 20px 0;

    }
}
.fantasy-benefit .hover-img{
    display: none;
}
.fantasy-benefit:hover, .fantasy-benefit.active{ 
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
    color: #FFFFFF;
}
.fantasy-benefit:hover .img{
    display: none;
}
.fantasy-benefit:hover .hover-img{
    display: inline;
}
.fantasy-benefit.active img{
    display: none;
}
.fantasy-benefit.active .hover-img{
    display: inline-block;
}
.fantasy-benefit p{
    margin-top: 40px;
}
.fantasy-benefit:last-child{
    margin-right: 0;
}
.about-vinfotech-alt .description-upper-part{
    font-size: 24px;
    color: #464646;
    display: table;
    font-family: Gotham-Bold;
    margin-bottom: 20px;
}
.about-vinfotech-alt .description-upper-part div{
    display: table-cell;
    width: 26%;
    line-height: 26px;
}
.about-vinfotech-alt .description-upper-part .text-section{
    width: 70%;
    padding-left: 10px;
    display: table-cell;
}
.about-vinfotech-alt .description-upper-part p{
    color: #464646;
}
.description-about-vinfo{
    margin-bottom: 50px;
}
.bg-grey{
    background: #FBFBFB;
}
.green-section{
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
    padding: 60px 0;
}
.green-section h3{
    font-family: Gotham-Bold;
    font-size: 36px;
    letter-spacing: -1.5px;
    line-height: 42px;
    text-align: center;
    margin: 0;
}
@media only screen and (max-width: 768px){
    .green-section h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .green-section{
        padding: 30px 0px;
    }
    .description-about-vinfo{
        margin-bottom: 15px;
    }
}
.showcase-slider.fantasy-brand-slider{
    padding: 60px 0;
}
.showcase-slider.fantasy-brand-slider .h3{
    font-family: Gotham-Bold;
    margin-bottom: 60px;
    margin-top: 0;
    letter-spacing: -1.13px;    line-height: 46px;
}
.fantasy-brand-slider .slider-txt-content h3{
    color: #FFFFFF; 
    font-family: "Gotham-Medium";  
    font-size: 26px;    
    letter-spacing: -1.85px;    
    line-height: 32px;
}
.fantasy-brand-slider .slider-txt-content p{   
   font-weight: 300;   
   letter-spacing: -1px;   
   line-height: 24px;
}
.owl-carousel-section .owl-carousel{
    background-color: #FFFFFF;
}
.owl-carousel-section .owl-carousel .owl-item{
    padding: 70px;
}
.owl-carousel-section .owl-carousel .owl-item img{
    width: 665px;
    margin: 0 auto;
}

.owl-carousel-section .owl-carousel .owl-item .image-descption{
    height: 268px;
    width: 481px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
    position: absolute;
    margin-top: -134px;
    top: 50%;
    display: none;
    right: 10px;
    color: #333;
    font-size: 36px;
    font-family: Gotham-Bold;
    padding: 85px 20px;
    text-align: center;
}
.owl-carousel-section .owl-carousel .owl-item .image-descption span{
    color: #00B569;
}
.owl-carousel-section .owl-carousel .owl-item .item-content{
    position: relative;
    margin: 0 auto; 
    height: 470px;
    margin: 0 auto;
    /*width: 1070px;*/
    overflow: hidden;

}
.owl-carousel-section .owl-carousel .owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.owl-carousel-section .owl-carousel .owl-nav .owl-prev{
    float: left;
        width: 86px;
    height: 170px;
    background-repeat: no-repeat;
    background: url(../img/left-arrow-icon.png);
}
.owl-carousel-section .owl-carousel .owl-nav .owl-next{
    float: right;
    background: url(../img/right-arrow-icon.png);
    width: 86px;
    height: 170px;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 768px){
    .owl-carousel-section .owl-carousel .owl-item img{
        width: 450px;
    }   
    .owl-carousel-section .owl-carousel .owl-item .image-descption {
        height: auto;
        border-radius: 4px;
        margin-top: -89px;
        top: 50%;
        right: 420px;
        font-size: 26px;
        padding: 42px 20px;
        width: 300px; 
    }
    .owl-carousel-section .owl-carousel .owl-item .item-content{
        height: 320px;
    }
    .owl-carousel-section .owl-carousel .owl-item .image-descption {
            margin-top: -75px;
            top: 50%;
            right: 44%;
            padding: 30px 20px;
            width: 300px;
    }
    
}
@media only screen and (max-width: 460px){
    .owl-carousel-section .owl-carousel .owl-item {
        padding: 15px;
    }
    .owl-carousel-section .owl-carousel .owl-item img{
        width: 235px;
    }
    .owl-carousel-section .owl-carousel .owl-item .item-content{
        height: 180px;
    }
    .owl-carousel-section .owl-carousel .owl-item .image-descption {
        right: 65%;
        padding: 16px 20px;
        width: 201px;
        font-size: 18px;
        margin-top: -55px;
    }
}
/** 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;
}
@media only screen and (min-width: 1600px){
    .blog-caption > .blog-caption-heading{
     min-height: 128px;
    }
}
@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;
    }
}
.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: 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;
    }
    .blog-thumbnail-img {
        padding: 15px;
    }
}
.section-btn{
    background: #fff;
    padding: 0px 0px 30px;
    margin: 0 auto;
    text-align: center;
}
@media only screen and (max-width: 768px){
    .section-btn{
        padding: 10px 0px;
    }
}
.btn-grad{
    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);
    color: #fff;
}
.fantasy-game{
    padding: 20px 0px;
    background: #fff;
}
.fantasy-game-content .fantasy-game-title{
        color: #464646; 
        font-family: Gotham-Bold;    
        font-size: 18px;    
        letter-spacing: -0.51px;   
        line-height: 28px;
        margin: 0;
        padding-bottom: 10px;
}
.fantasy-game-content ul li a{
    color: #464646;   
    font-size: 12px;    
    font-weight: 300;   
    line-height: 21px;
    text-decoration: none;
}
.fantasy-game-content ul li a:hover{
   color:#00cc6b;
}
.fantasy-game-content ul{
    padding-left: 15px;
    list-style-type: circle;
}
@media only screen and (max-width: 768px){
    .fantasy-game-content{
        margin-bottom: 30px;
    }
}
.view-link .btn {
    margin-left: auto;
    margin-right: auto;
    display: table;
    font-family: "Gotham-Bold";
    font-size: 14px;
    padding: 12px 14px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.green-color{
    color: #00CA6F;
}
@media only screen and (min-width: 1600px){
    .fifa-sports{
        padding-right: 180px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 992px){
   .fifa-sports{
        padding-right: 50px;
    }
}
.show-case-type-2-1{
    padding: 50px 0px 80px;
}
@media screen and (max-width: 767px){
     .show-case-type-2-1{
        padding: 35px 0px 35px;
    }
    .tab-pane.tab-pane-show{
        display: block !important;
    } 
}
.fantasy-solutions{
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.fantasy-solutions.p-50{
    padding: 50px 0px;
}
.fantasy-solutions.p-50.pT80{
    padding-top: 80px;
}
.fantasy-solutions h3{
    margin: 0;
    font-size: 36px;
    font-family: 'Gotham-bold';
    letter-spacing: -1.25px;
    line-height: 42px;
}
.fantasy-solutions p{
    margin:0;
    padding-top: 20px;
}
.show-case-type-2.show-case-type-21{
    padding: 0px 0px 70px;
}
.cols-two.cols-with-list:nth-child(2){
  margin-left: -40px;
}
.cols-two.cols-with-list:nth-child(1){
    margin-left: 20px;
}

.cols-two.cols-with-list > span{
    font-family: "Gotham-Bold";
}
.cols-two.cols-with-list{
    min-height: 700px;
}
.cols-two.cols-with-list ul li{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.fantasy-benefits{
    padding-top: 60px;
}
.fantasy-solutions.p-b-50{
    padding-bottom: 70px;
}
.fantasy-solutions .white-color{
    color: #fff;
}
@media screen and (max-width: 768px){
    .cols-two.cols-with-list:nth-child(2), .cols-two.cols-with-list:nth-child(1){
      margin-left: 0px;
    }
    .cols-two.cols-with-list{
        min-height: auto;
    }
    .fantasy-solutions h3{
        font-size: 23px;
        line-height: 28px;
    }
    .show-case-type-2.show-case-type-21{
        padding: 20px 0px 35px;
    }
    .fantasy-solutions.p-50{
        padding: 25px 0px;
    }
    .fantasy-benefits {
        padding-top: 30px;
    }
    .showcase-slider-alt{
        padding: 50px 15px;
    }
    .fantasy-solutions{
        max-width: 100%;
    }
    .fantasy-solutions.p-b-50{
        padding-bottom: 30px;
    }

}
.fantasy-league-1{
    padding: 100px 0px;
    background-color: #EFEFEF;
}
.fantasy-league-thumbnail-heading{
    padding: 25px 50px 15px;
    font-size: 18px;
    font-family: "Gotham-Bold";
    text-align: center;
}
.fantasy-league-thumbnail img{
    margin: 0 auto;
}
.fantasy-league-thumbnail{
    padding: 15px;
    position: relative;
    z-index: 2;
}

.fantasy-league-thumbnail p{
    text-align: justify;
}
@media screen and (min-width: 768px){
  .fantasy-league-thumbnail::after{
    position: absolute;
    content: "";
    top: 40%;
    right: -120px;
    border: 1px dashed #000;
        width: 100%;
        z-index: -1;
    }
    .fantasy-league-1 ul li:last-child .fantasy-league-thumbnail::after{
        border: none;
    }
}
@media screen and (max-width: 768px){
    .fantasy-league-thumbnail{
        margin-bottom: 20px;
    }
     .fantasy-league-1{
        padding: 35px 0px;
    }
    .fantasy-league-thumbnail-heading{
        padding: 25px 0px 15px;
    }
}
.success-storie-content.partnership-content{
    width: 100%;
}

.item.brands-slider img{
    width: auto !important;
    text-align: center;
    margin: 0 auto;
}
.brands-wrapper .slider-wrapper-main.window{
    background: none !important; 
}
.table-fantasy-branding{
    background: #fff;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
}
.table-fantasy-branding .table-bordered > thead > tr > th{
    width: 50%;
}
.table-fantasy-branding .table{
    margin-bottom: 0;
}
.table-fantasy-branding .table > tbody > tr > td, .table-fantasy-branding .table > thead > tr > th{
    vertical-align: middle;
    padding: 15px;
    border-bottom-width:1px;
}
@media screen and (max-width: 460px){
    .app-users-count>li{
        float: left !important;
        width: 33%;
    }

} 
.about-heading h1.about-heading-gradient {
    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; 
}
.top-banner-block .h1 h1.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;
} 
.contact-wrapper .h1.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;
}
.description-block .h3.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;
}
.showcase-img-wrapper .container.hide-launch-button {
    padding-bottom: 50px;
}

.react-wrapper{
    padding-top: 120px;
    background-color:#FAFAFA;
}
.react-wrapper h1{
        font-family: Gotham-Bold;
        font-size: 48px;
        font-weight: bold;  
        letter-spacing: -3.21px;    
        text-align: center;
         /*margin-top: -130px;*/
}
.react-wrapper2{
        background: #FAFAFA;
        padding: 20px 0 30px;
}
.react-content{
    max-width: 824px;
    margin: 0 auto;
}
.react-content  > p{
    color: #000000;     
    font-size: 16px;    
    font-weight: 300;   
    letter-spacing: -1px;  
    line-height: 24px;  
    text-align: center;
    max-width: 710px;
    margin:0 auto;
}

.react-content ul{
    margin-top: 90px;
}

.react-content ul li{
    width: 412px;
    vertical-align: top;
}
.react-caption .media .media-body{
   vertical-align: middle;
}
.react-caption .media .media-body > p{
    color: #000000;
    font-family: Gotham-Bold;
    font-size: 18px;
    letter-spacing: -0.63px;
    line-height: 24px;
    margin: 0;
}
.react-content ul li > p{
    color: #767676; 
    font-size: 14px;    
    font-weight: 300;   
    line-height: 22px;
    padding: 20px 0 0 10px;
}
.react-caption{
    padding: 25px;
    height: 120px;
    border-radius: 7px; 
    background-color: #FFFFFF;  
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
    vertical-align: top;
    margin: 0 10px;
}
.react-feature{
    padding: 50px 0;
}
.react-feature.react-feature-plus{
    padding: 100px 0px;
    background-color: #fff;
}
.sub-title{
    font-family: Gotham-Bold;    
    font-size: 42px;    
    font-weight: bold;  
    letter-spacing: -2.41px;    
    line-height: 48px;  
    text-align: center;
    margin: 0;
}
.react-feature-content p{
    max-width: 720px; 
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 24px; 
    text-align: center;
    margin: 15px auto 0;
}
.react-feature-list{
    margin-top: 30px;
    text-align: center;
    position: relative;
}
.react-feature-list:after{
    background: url(../img/line.png);
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
}
.react-feature-list:last-child:after{
  background: none;

}
.react-feature-list ul li:nth-child(2){
    background: url(../img/circle-element.png);
    width: 190px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}
.react-feature-list ul li:nth-child(2) > span{
    opacity: 0.5;   
    color: #9B9B9B; 
    font-size: 28px;    
    font-weight: bold;  
    letter-spacing: -1.4px; 
    line-height: 55px;  
    text-align: center;
}
.react-feature-list ul li:nth-child(1), .react-feature-list ul li:nth-child(3){
    width: 413px;
}
.react-feature-list ul li:nth-child(1){
    text-align: right;
    padding-right:10px;
}
.react-feature-list ul li:nth-child(3){
    text-align: left;
    padding-left: 10px;
}
.react-feature-list ul li{
    vertical-align:  middle;
    color: #4A4A4A;
    font-size: 14px;    
    font-weight: 300;   
    line-height: 22px;
}
.react-feature-list.react-feature-list-img ul li{
    width: 100% !important;
}
.react-feature-list.react-feature-list-img ul li img{
    text-align: center;
    margin: 0 auto;
}

.react-deliver{
    padding:100px 0;
    background: #FAFAFA;
}
.react-service-cell{
    padding: 60px 0px 120px;
}
.react-service-cell ul li{
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
    margin: 0 10px;
}
.react-joins .react-content ul li{
    vertical-align: middle;
    clear: both;
    position: relative;
}
.react-joins .react-content{
    max-width: 970px;
    margin: 0 auto;
}
.react-joins .react-content ul li:nth-child(1){
    float: right;
}
.react-joins .react-content ul li:nth-child(2){
    float: left;
}
.react-joins .react-content ul li:nth-child(3){
    float: right;
}
.react-joins .react-content ul li:nth-child(4){
    float: left;
}
.react-joins .react-content ul li:nth-child(5){
    float: right;
}
.react-joins .react-content ul li:nth-child(odd):after{
    background: url(../img/circle-right.png);
    left: -80px;
    top: 50%;
    
}
.react-joins .react-content ul li:nth-child(odd):after, .react-joins .react-content ul li:nth-child(even):after{
    width: 93px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;  
    content: "";
}

.react-joins .react-content ul li:nth-child(even):after{
    background: url(../img/circle-left.png);
    right: -85px;
    top: 50%;
}
.react-joins .react-content > img{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.react-joins .react-caption .media .media-body{
    padding-left: 20px;
}

.color-transparent{
    color: transparent !important;
}

@media screen and (max-width: 1200px){
    .react-feature-list ul li:nth-child(1), .react-feature-list ul li:nth-child(3) {
        width: 350px;
    }
}
@media screen and (max-width: 992px){
    .react-content ul li{
        width: 360px;
    }
    .react-feature-list ul li:nth-child(1), .react-feature-list ul li:nth-child(3) {
        width: 230px;
    }
}
@media screen and (max-width: 767px){
    .react-wrapper h1 {
        font-size: 32px;
    }
    .react-content ul {
        margin-top: 0px;
        margin-left: 0;
    }
    .react-caption{
        margin: 0;
    }
    .react-content ul li{
        width: 100%;
    }
    .react-wrapper2{
        padding: 20px 0px;
    }
    .react-feature-list ul li{
        display: block;
        width: 100% !important;
        text-align: center !important;
        background-position: center !important;
        margin: 10px 0px;
    }
    .react-feature-list:after{
        background: none;
    }
    .react-joins .react-content ul li{
        margin: 10px 0;
        width: 100% !important;
        float: none !important
    }
    .react-joins .react-content ul li:after{
        background: none !important;
    }
    .sub-title{
        font-size: 24px;
        line-height: 32px;
    }
    .react-service-cell ul li{
        margin: 10px 0;
    }
    .react-deliver{
        overflow: hidden;
        padding: 35px 0;
    }
    .react-service-cell{
        padding: 35px 0;
    }
    .react-wrapper {
        padding-top: 100px;
        padding-bottom: 25px;
    }
    .react-feature.react-feature-plus{
        padding: 35px 0;
    }
    .react-caption .media .media-body > p{
        font-size: 16px;
    }
    .react-feature-list{
        display: none;
    }
    .react-feature-list-mob h2 {
        font-size: 18px;
        font-weight: bold;
    }
    .react-feature-list-mob ul li {
        padding: 5px 0px;
    }
}
.fantasy-project-center ul.project-header li {
    float: left;

}
.fantasy-project-center ul.project-header li h3{
    font-family: 'Gotham-Bold';
    font-size: 20px;
    text-transform: initial;
    min-height: 45px;
}

 .efficiency .greenColor > h3{ font-size:48px; line-height: 58px; text-align: center; }
.practice-efficiency{ list-style: none; overflow: hidden; margin-top:50px;}
.practice-efficiency li{ float: left; width:18%;margin-bottom:10px; min-height:187px;}
.practice-efficiency li .inner-practice{padding:5px 20px; margin:10px auto;}
.practice-efficiency li .inner-practice figure{display: block; margin:0 auto; width:60px; height:60px; line-height: 60px; text-align: center; overflow: hidden;}
.practice-efficiency li .inner-practice figure img{max-width:100%;}
.practice-efficiency li .inner-practice p{
    padding-top: 6px;
    color: #464646; 
    font-family: 'Gotham-Medium'; 
    font-size: 16px; 
    text-align: center;
    margin-bottom: 0;
}
@media screen and (max-width: 992px){
    .fantasy-project-center ul.project-header li{
        width:50%;
    }
    .practice-efficiency li{width:33.33%;}
}
@media screen and (max-width: 767px){
    .fantasy-project-center ul.project-header li{
        width:100%;
    }
    .practice-efficiency li{width:50%;}

}

.success-storie-content.partnership-content img{
    margin: 0 auto;
    text-align: center;
}

.blog-section-white.fbrand-roi-section{
    margin-top: 30px;
}

/* ################################ custom emr software development page styling ################################# */

.fantasy-solution-bg,.fantasy-solution-grey-bg{
    /*background-color: #f9f9f9;*/
}
.four-equal-section{
    height: 335px;
    width: 300px;
    display: inline-block;
    border: 1px solid #E9E9E9;  
    border-radius: 5px; 
    background-color: #FFFFFF;  
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
    margin-right: 18px;
    padding: 40px 25px 30px;
    vertical-align: top;
}
.four-equal-section:last-child{
    margin-right: 0;
}
.four-equal-section:hover{
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.25);
}
.font-22{
    font-size: 22px;
}
.font-bold{
    font-family: 'Gotham-Bold';
}
.font-14{
    font-size: 14px;
}
.mB15{
    margin-bottom: 15px;
}
.feature-enriched-heading{
    font-size: 58px;
    margin-bottom: 30px;
}
.feature-enriched .practice-efficiency li{
    padding: 10px;
    /*height: 150px;*/
    display: inline-block;
    float: none;
    vertical-align: top;
    min-height: 135px;
}
.feature-enriched .practice-efficiency li .inner-practice{
    border: 1px solid rgba(151, 151, 151, 0.3);
    padding: 10px 12px;
    height: 170px;
    max-width: 160px;
}
.feature-enriched .practice-efficiency li .inner-practice p{
    font-size: 14px;
    font-family: 'Gotham-Bold';
}
.feature-emr-black{
    background-color: #000000;
    padding: 100px 0;
}
.text-white{
    color: #FFFFFF;
}
.four-grad-section{
   height: 237px;  
   width: 196px;   
   display: inline-block;
   background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
   margin-right: 20px;
   vertical-align: top;
   padding: 22px 12px;
}
.four-grad-section:last-child{
    margin-right: 0;
}
.mB70{
    margin-bottom: 70px;
}
.four-grad-section p{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
}
.four-grad-section h2{
    font-size: 22px;
    font-family: 'Gotham-Bold';
    color: #FFFFFF;
    margin: 0 0 16px 0;
    line-height: 28px;
}
.Major-challenges{
    padding: 70px 0 100px;
}
.Major-challenges p{
    color: #000;
    font-size: 20px;
    line-height: 30px;
}
.feature-enriched-list{
    margin-top: 50px;
}
.feature-enriched-list .list-container{
    display: inline-block;
    vertical-align: top;
    width: 10%;
}
.feature-enriched-list .list-container.list-container-middle{
    width: 78%;
}
.list-container-middle .practice-efficiency{
    margin-top: 0;
}
.list-container-sm ul{
    list-style-type: none;
}
.list-container-sm li p{
    font-size: 18px;
    font-family: "Gotham-Bold";
    color: #000000;
    margin-top: 10px;
    margin-bottom: 0;
}
.list-container-sm li{
    height: 215px;
    width: 145px;
    border-left: 1px solid rgba(151, 151, 151, 0.3);
    border-right: 1px solid rgba(151, 151, 151, 0.3);
    border-top: 3px solid #00CA6F;
    text-align: center;
    position: relative;
    padding: 45px 10px;
}
.list-container-sm li:last-child{
    border-bottom: 3px solid #00CA6F;   
}
.list-container-sm li .right-list-arrow{
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -8px;
}
.list-container-sm li .left-list-arrow{
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -8px;
    transform: rotate(180deg);
}
@media (max-width: 1281px){
    .four-equal-section{
        padding: 20px 20px 20px;
        width: 20%;
    }
    .practice-efficiency li{
        width: 18.66%;
    }
}
.feature-emr-black-desc{
    max-width: 780px;
    margin: 0 auto 70px;
}
@media (max-width: 1024px){
    .list-container-sm ul{
        list-style: none;
    }
    .feature-enriched-list .list-container{
        width: 100%;
        text-align: center;
    }
    .feature-enriched-list .list-container.list-container-middle{
        width: 100%;
    }
    .list-container-sm li{
        width: 32%;
        float: left;
        height: 185px;
        padding: 25px 10px;
        border-bottom: 3px solid #00CA6F;
    }
    .list-container-sm li .left-list-arrow{
        left: 50%;
        top: -16px;
        margin-left: -8px;
        margin-top: 0;
        transform: rotate(-90deg);
    }
    .list-container-sm li .right-list-arrow{
        left: 50%;
        bottom: -16px;
        top: auto;
        margin-left: -8px;
        margin-top: 0;
        transform: rotate(90deg);
    }
    .four-grad-section{
        padding: 22px 10px;
        width: 22%;
    }
}

.fantasy-idea.fantasy-idea-to-launch{
    background-color: #F5F6F5;
    padding-top: 50px;
}

@media (max-width: 991px){
    .four-equal-section{
        width: 90%;
        margin-top: 10px;
        height: auto;
        margin-right: 0;
    }
    .practice-efficiency li{
        width: 24%;
        margin-bottom: 0;
    }
    .feature-enriched .practice-efficiency li .inner-practice{
        margin: 0;
    }
    .list-container-sm{
        margin: 20px 0;
    }
    .four-grad-section{
        height: 190px;
        width: 48%;
        margin: 5px;
    }
}
@media (max-width: 767px){
    .four-grad-section{
        height: auto;
        width: 100%;
    }
    .practice-efficiency li{
        width: 48%;
    }
    .list-container-sm li{
        padding: 15px 10px;
        height: 145px;
    }
    .list-container-sm li p{
        font-size: 14px;
        line-height: 16px;
    }
    .feature-enriched-list .list-container img{
        width: 70%;
    }
    .feature-enriched-list .list-container img.right-list-arrow,
    .feature-enriched-list .list-container img.left-list-arrow{
        width: auto;
    }
    .fantasy-idea.fantasy-idea-to-launch{
        padding-top: 0;
    }
    .fan-interactions p{
        display:none;
    }
    .fan-interactions .sponsored-contest-h3{
        display:table-caption;

    }
}
@media (max-width: 360px){
    .list-container-sm li{
        width: 100%;
    }
    .feature-enriched-list .list-container img{
        width: auto;
    }
}
@media (max-width: 320px){
    .practice-efficiency li{
        width: 68%;
    }
}


/* css added by ayushi */

.alfa2 .alfa-wrapper .alfa:first-child {
    top: 00px;
    left: 245px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}
.alfa2 .alfa-wrapper .alfa:nth-child(2) {
    top: 210px;
    left: 222px;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
/* Work page css */

@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
}

.pB80 {
    padding-bottom: 80px;
}

.primary-header {
    float: left;
}

.right-bar {
    position: fixed;
    right: 15px;
    top: 15px;
    /*z-index: 90;*/
    z-index: 125;
}

.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);
}

.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;
}

.cd-nav-trigger {
    display: inline-block;
}

.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;
}

.logo-link:hover,
.logo-link:active,
.logo-link:focus {
    background: rgba(0, 0, 0, 0.12);
    color: #fff;
    text-decoration: none;
}

.home .nav-toggle .page-name {
    font-size: 24px;
    line-height: 18px;
    padding: 20px 20px;
    background: #03A55C;
    border-bottom: 0 none;
    color: #fff;
    float: left;
    font-family: Gotham-ultra;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    float: left;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -.02em;
    z-index: 5;
}

.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;
}

.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;
}

.cd-logo {
    top: 28px;
    left: 5%;
}

.cd-logo img {
    display: block;
}

.internal-menu {
    display: block;
    height: 100%;
    overflow-y: visible;
    overflow-x: hidden;
}

.left-menu {}

.cd-primary-nav .left-menu a {
    text-transform: initial !important;
}

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

i.icon-logo {
    line-height: 58px;
    display: block;
}

.cd-nav-close {
    font-size: 20px;
    color: #fff;
    width: 58px;
    display: block;
    height: 58px;
    text-align: center;
    line-height: 58px;
    text-decoration: none;
}

.cd-nav-close i {
    display: block;
    line-height: 58px;
}

.cd-nav-close:hover,
.cd-nav-close:focus {
    background: #222;
    color: #fff;
    text-decoration: none;
}

.nav-toggle .page-name {
    width: 100%;
    padding: 20px;
    margin-left: -116px;
    padding-left: 136px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
    .nav-toggle .page-name {
        max-width: 470px;
    }
}
@media only screen and (max-width: 1439px) and (min-width: 1025px) {
    .nav-toggle .page-name {
        max-width: 850px;
    }
}

@media only screen and (max-width: 600px) {
    .primary-header {
        max-width: 438px;
        display: block;
    }
    .nav-toggle {
        max-width: 438px;
        display: block;
        height: 48px;
    }
    .cd-nav-trigger,
    .logo-link {
        height: 48px;
        width: 48px;
        font-size: 38px;
        position: relative;
    }
    .nav-toggle .page-name {
        width: 100%;
        padding: 15px 20px;
        margin-left: -96px;
        padding-left: 116px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 400px;
    }
    i.icon-logo {
        line-height: 48px;
        display: block;
    }
    .cd-nav-close {
        height: 48px;
        width: 48px
    }
    .cd-nav-close i {
        line-height: 48px
    }
}

@media only screen and (max-width: 414px) {
    .primary-header {
        max-width: 320px;
        display: block;
    }
    .nav-toggle {
        max-width: 320px;
        display: block;
        height: 48px;
    }
}

@media only screen and (max-width: 320px) {
    .primary-header {
        max-width: 290px;
        display: block;
    }
    .nav-toggle {
        max-width: 290px;
        display: block;
    }
}

.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 .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;
}

.cd-nav-trigger::before {
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
}

.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::after {
    content: '';
    background-color: #00CA6F;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.cd-nav-trigger:hover::before,
.cd-nav-trigger:hover::after {
    background: #1ebf6c;
}

.cd-nav-trigger.close-nav::before {
    /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.cd-nav-trigger.close-nav::after {
    /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
    -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.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.cd-nav-trigger.close-nav .cd-icon {
    /* user clicks on the .cd-nav-trigger element - transform the icon */
    background-color: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.close-nav .cd-icon::before,
.cd-nav-trigger.close-nav .cd-icon::after {
    background-color: white;
}

.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-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;
}
.internal-menu {        
    display: block;     
    height: 100%;       
    position: relative;     
    margin-left: -15px;     
    margin-right: -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;
}

.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;
}

.nav-block {
    margin-bottom: 30px;
    position:relative;
}

@media screen and (min-width: 768px){
    .nav-block:last-child {
        margin-bottom: 0
    }    
}

.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;
   }
} 

.rigt-menu ul li a {
    font-family: "Gotham-Medium";
    font-size: 14px;
    padding-left: 0;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: .2em;
}



.cd-primary-nav li {
    text-align: left;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
}

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

.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;
}

.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);
}
.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%);
}*/
.cd-primary-nav li.coming-soon-link a {
    position: relative;
}

.cd-primary-nav li.coming-soon-link a:hover:after {
    content: "Coming Soon";
    font-size: 12px;
    margin-left: 12px;
    line-height: 1px;
    color: #fff;
}

.cd-primary-nav li.active a {
    color: #00CA6F;
}

@media screen and (min-width: 1200px){
    .cd-primary-nav .rigt-menu ul li a {
         font-size: 24px;      
         line-height: 30px;
    }
}


.cd-primary-nav.fade-in {
    /* navigation visible at the end of the circle animation */
    visibility: visible;
    /* opacity: 1; */
    top: 0;
}

@media screen and (min-width: 1170px) {
    .cd-primary-nav {
        padding: 100px 2% 0 2%;
    }
}

.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-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);
}

.cd-overlay-nav.is-hidden,
.cd-overlay-content.is-hidden {
    /* background fades out at the end of the animation */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
    /* main rounded colored bg 1 
    z-index: 110;*/
    z-index: 1;
}

.cd-overlay-content {
    /* main rounded colored bg 2 */
    z-index: 111;
}

.sectionBg {
    overflow: hidden;
    cursor: pointer
}

.section {
    position: relative;
}

.section-content {
    position: relative;
    z-index: 1;
    height: 100%;
}

.animated-text-prefix h1 {
    position: relative;
    z-index: -1;
}

.animated-text-prefix a {
    text-decoration: none;
    display: table;
    margin: 0 auto;
    font-family: Gotham-Black;
    text-transform: uppercase;
    font-size: 14px;
}

.animated-text-prefix a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #fff
}

.morphext {
    color: #00CA6F;
}

.morphext > .animated {
    display: inline-block;
    line-height: 26px;
}

.animated-text-prefix h1 {
    font-family: Gotham-Bold;
    font-size: 72px;
    line-height: 83px;
    letter-spacing: -2px;
    color: #FFFFFF;
    margin-bottom: 20px;
    text-align: left;
    max-width: 1000px;
}

.animated-text-prefix p {
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: left;
    line-height: 19px;
    color: #9B9B9B;
}

.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%;
}

.slide .bg-img-still,
.bg-img-still {
    background-color: #fff;
    background-size: initial;
    background-attachment: initial;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.section-6 .bg-img-still {
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    background-size: inherit !important;
}

@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);
    }
}

.fp-auto-height {
    height: initial !important;
}

.slide .stars {
    background: #000 url(../img/stars.png) repeat top center;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.slide .twinkling {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent url(../img/twinkling.png) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back 200s linear infinite;
    -ms-animation: move-twink-back 200s linear infinite;
    -o-animation: move-twink-back 200s linear infinite;
    -webkit-animation: move-twink-back 200s linear infinite;
    animation: move-twink-back 200s linear infinite;
}

.section-1 .stars {
    background: #000 url(../img/stars.png) repeat top center;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.section-1 .twinkling {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent url(../img/twinkling.png) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back 200s linear infinite;
    -ms-animation: move-twink-back 200s linear infinite;
    -o-animation: move-twink-back 200s linear infinite;
    -webkit-animation: move-twink-back 200s linear infinite;
    animation: move-twink-back 200s linear infinite;
}

@keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-webkit-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-moz-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-ms-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

.txt-content h4,
.txt-content .h4 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
    font-family: 'Gotham-black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    margin-top: 0px;
    text-transform: uppercase;
}

.txt-content h3,
.txt-content .h3 {
    font-size: 36px;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    margin-top: 0px;
    max-width: 510px;
}

.txt-content h3 + p {
    margin-top: 20px
}

.txt-content p {
    margin-bottom: 0;
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    max-width: 510px;
}

.link-hover,
.nav-effect a {
    position: relative;
    display: block;
}

.link-hover-invert {
    color: #fff;
    display: table;
    padding: 8px 0;
}

.link-hover-invert::before {
    color: #00cc6b;
}

.link-hover:hover::before,
.nav-effect a:hover::before,
.nav-effect a:focus::before,
.link-hover:focus::before {
    opacity: 0;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.section-1 .container,
.section-2 .container,
.section-3 .container,
.section-4 .container,
.section-5 .container,
.work-page .section-6 .container,
.work-page .section-7 .container,
.work-page .section-8 .container,
.work-page .section-9 .container,
.work-page .section-10 .container,
.work-page .section-11 .container,
.work-page .section-12 .container,
.work-page .section-13 .container {
    height: 100%
}

.section-1 .txt-content a {
    text-transform: uppercase;
}

.txt-content a:hover,
.txt-content a.know-more:hover {
    color: #fff;
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.txt-content a.know-more {
    color: #fff;
    font-family: Gotham-Book;
    font-size: 14px;
    text-decoration: none;
    margin-top: 30px;
    float: left;
    border: 1px solid #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.txt-content a.know-more:hover {
    color: #00cc6b;
}

.img-100 {
    width: 100%
}

.txt-content {
    display: inline-block;
    vertical-align: middle;
}

.img-content {
    display: inline-block;
    vertical-align: middle;
}

.txt-content.txt-content-no-img {
    display: block;
}

.txt-content a {
    font-family: Gotham-Black;
    font-size: 14px;
    display: inline-block;
    font-family: Gotham-Black;
    font-size: 14px;
    margin-top: 20px;
    text-decoration: none
}

.home-page .section-1 .img-content {
    max-width: 44%;
    width: 100%;
    margin-bottom: 50px;
}

.home-page .section-6 .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-6 .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;
}

.home-page .section-6 p {
    text-align: left;
    font-family: Gotham-book;
    font-size: 16px;
    max-width: 445px;
    color: #101010;
    margin-top: 20px;
}

.list-style-block .h3 {
    color: #999999;
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin: 0 0 0 0;
}

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

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

.list-style-block {
    padding: 0;
    margin: 0 0 20px 0;
}

.list-style-block:last-child {
    margin-bottom: 0;
}

.list-style-block li {
    display: inline-block;
    line-height: 2
}

.list-style-block li a {
    color: #666666;
    font-size: 16px;
    font-family: 'Gotham-Book';
    margin-top: 0;
}

.list-style-block li a:hover {
    color: #101010;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.list-style-block li a:after {
    content: "/";
    display: inline-block;
    margin: 0 10px;
    color: #00CA6F;
    font-size: 16px;
}

.list-style-block li:last-child a:after {
    display: none;
}

.visible-img-content-tablet {
    display: none !important;
}

.section-7 {
    background: #f2f2f2
}

.home-page .quick-reads {
    margin: -22px auto 0;
}

.additional-header {
    padding-bottom: 25px;
}

.additional-header .quick-reads {
    margin-bottom: -60px;
    text-align: center;
    position: relative;
}

.section-7 .txt-content-normal .h3 {
    color: #101010;
    font-size: 36px;
    margin-bottom: 50px;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    margin-top: 0px;
    text-align: center;
    max-width: initial;
}

.client-testimonial {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 990px;
    -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: 120px
}

.client-carousel {
    display: block;
}

.client-wrapper {
    display: block;
    background: #fff;
    float: left;
    width: 100%;
}

.client-img {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    height: auto;
    position: relative;
}

.client-img > .video-btn {
    position: absolute;
    top: 75%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 197px;
    padding: 12px;
}

.owl-carousel .owl-item .video-btn>.play-icn,
.video-btn>.play-icn {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
}

.client-view {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    height: auto
}

.client-view-block {
    padding: 20px;
}

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

.client-view .client-name {
    font-size: 18px;
    color: #111;
    font-family: Gotham-Medium;
    margin-top: 20px;
}

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

.client-carousel .owl-controls {
    float: left;
    margin: 10px auto 0;
    display: table;
    position: relative;
    left: 50%;
    right: 0;
    left: -webkit-calc(50% - 24px);
    left: calc(50% - 24px)
}

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

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

.partner-block ul li {
    display: table-cell;
}

.side .navigation ul li {
    display: none;
}

.section-8 {
    background: #fff;
}

.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;
}

.field-name-field-team-small-text {
    max-width: 595px;
}

.block-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    z-index: 1;
}

.block-wrapper:hover .blog-img-content {
    transform: scale(1.02);
    -o-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
}

.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;
}

.block-wrapper a:hover {}

.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 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;
}

.blog-txt-content-wrapp {
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 20px;
}

.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;
}

.block-wrapper a:hover span {}

.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;
}

.more-link .btn:hover {
    background: #00CA6F;
    border-color: #00CA6F;
}

.stage-1 .side .navigation ul li,
.stage-2 .side .navigation ul li,
.stage-3 .side .navigation ul li,
.stage-4 .side .navigation ul li,
.stage-5 .side .navigation ul li {
    display: block;
}

.slides .side .navigation ul li:nth-child(6),
.slides .side .navigation ul li:nth-child(7),
.slides .side .navigation ul li:nth-child(8),
.slides .side .navigation ul li:nth-child(9),
.slides .side .navigation ul li:nth-child(10),
.slides .side .navigation ul li:nth-child(11),
.slides .side .navigation ul li:nth-child(12) {
    display: none;
}

footer {
    background-color: #101010;
    padding-top: 40px;
    padding-bottom: 20px;
}

.footer-block {
    margin-bottom: 20px;
}

.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;
}

.footer-block ul {
    padding: 0;
    list-style: none;
}
.last-menu-block .footer-block {
    margin-bottom: 30px;
}

.footer-block ul li {}

.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.coming-soon-link a:hover:after {
    content: "Coming Soon";
    font-size: 12px;
    margin-left: 12px;
    line-height: 1px;
    color: #fff;
}

.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 a {}

.last-menu-block .footer-block ul li.active a {
    color: #00cc6b;
}

.footer-bottom {
    border-top: 1px solid #272727;
}

.footer-bottom ul {}

.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:after {
    content: "-";
    display: block;
    float: right;
    margin: 0 5px 0 10px;
}*/

.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;
}

.section-white {
    background: #fff;
}

.without-side-nav .side {
    display: none !important
}

.contact-form {
    padding-bottom: 70px;
}

.contact-wrapper .h1 {
    margin-top: 160px;
    margin-bottom: 0;
    font-family: 'Gotham-Black';
    font-size: 64px;
    color: #101010;
}

.contact-wrapper .h1 h1 {
    margin: 0px;
    font-size: 64px;
    font-family: 'Gotham-Black';
}

.contact-wrapper p {
    color: #666666;
    font-family: Gotham-Book;
    margin-bottom: 70px;
}

.contact-wrapper textarea.form-control {
    height: 128px;
    resize: none
}

.enquiries {
    padding: 50px 0;
}

.enquiries .title {
    font-family: Gotham-Medium;
    font-size: 16px;
    color: #666666;
}

.enquiries .description p {
    margin-bottom: 0;
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 24px;
}

.contact-alt {
    display: table;
    width: 100%;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f8f8f8', GradientType=0);
}

.contact-alt .column {
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}

.contact-alt .column .featuring-img {
    float: left;
    width: 100%;
}

.contact-alt .column .featuring-img img {
    width: 100%
}

.home-page .contact-alt .column .contact-info {
    margin-top: -6px;
    float: left;
    width: 100%;
    border-right: 1px solid #DDDDDD;
    padding: 40px 25px 60px
}

.contact-alt .column .contact-info {
    float: none;
    width: auto;
    padding: 0px 0px 00px;
    background: #fff;
    margin: 0 auto 0 auto;
    display: table;
    margin-top: 0;
    position: relative;
    top: -50px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-radius: 3px;
    min-width: 276px
}

.contact-alt .column .contact-info .icon {
    display: inline-block;
    vertical-align: top;
    color: #9B9B9B;
    margin-left: 30px;
    width: 38px;
    font-size: 19px;
}

.contact-alt .column .contact-info .icon-with-text {
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
}

.contact-alt .column:last-child .contact-info {
    border: none;
}

.contact-alt .column .contact-info .h4 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: Gotham-Bold;
    font-size: 16px;
    color: #101010;
    margin-left: 30px
}

.contact-alt .column .contact-info p {
    font-family: Gotham-Medium;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 10px;
}

.contact-alt .column .contact-info .phon-number {
    border-top: 1px solid #ECEBEB;
    padding: 15px 30px 5px;
    margin-top: 20px;
}

.contact-alt .column .contact-info .phon-number i {
    color: #9B9B9B;
    display: inline-block;
    width: 38px;
    font-size: 19px;
    vertical-align: middle;
    margin-bottom: 11px;
}

.contact-alt .column .contact-info .phon-number p {
    vertical-align: middle;
    color: #101010;
    display: inline-block;
    font-family: Gotham-Medium;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 24px;
}

.section-with-background {
    position: relative;
    display: table;
    margin: 0 auto;
}

.section-with-background .content {
    display: table-cell;
    vertical-align: middle;
}

.section-background-div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain;
    background-position: top right;
}

.blog-detail-wrapper {
    display: block;
}

.blog-detail-wrapper .h2 {
    margin-top: 100px;
    color: #101010;
    font-family: Gotham-Ultra;
    font-size: 64px;
    margin-bottom: 10px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
    letter-spacing: -2px;
}

.blog-detail-wrapper .h2 h2 {
    font-size: 64px;
    margin: 0;
}

.blog-detail-wrapper .blog-detail-block {
    50px auto 30px auto
}

.blog-detail-wrapper .blog-detail-block:first-child {
    margin: 0px auto 30px;
}

.blog-detail-wrapper .blog-detail-block a {
    text-decoration: none;
    float: none;
}

.blog-detail-wrapper .blog-detail-block a:first-child {
    float: none;
}

.blog-detail-wrapper .blog-detail-block a.blog-category-link-an {
    display: inline-block;
}

.blog-detail-wrapper .blog-detail-block p a {
    float: left;
}

.blog-detail-wrapper .blog-detail-block .blog-detail-heading {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    line-height: 1.2;
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 28px;
    margin-bottom: 5px;
}

.blog-detail-wrapper .blog-detail-block a:hover .blog-category {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-detail-wrapper .blog-detail-block a:hover .blog-detail-heading {
    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);
}

.blog-detail-wrapper .view-more {
    margin: 30px auto 60px;
}

.blog-detail-wrapper .view-more.subscribe a.btn {
    min-width: 150px;
}

.blog-detail-wrapper .blog-detail-block p {
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin: 0;
}

.blog-detail-wrapper .blog-detail-block a.specific-blog-feature {
    border-radius: 4px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    clear: both;
    float: none !important;
}

.specific-blog-feature img {
    width: 100%;
}

.blog-read-more {
    margin: 10px 0 40px;
    display: block;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 24px;
    color: #9B9B9B;
    float: none !important;
}

.blog-read-more:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-featured-img-wrap {
    margin: 40px 0 90px 0;
    border-radius: 4px;
    position: relative;
}

.blog-featured-img-wrap img {
    width: 100%;
    border-radius: 4px;
}

.blog-featured-img-wrap span {
    font-family: Gotham-Medium;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 10px;
    left: 10px;
}

.green-block {
    width: 400px;
    height: 160px;
    background-color: #00CA6F;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -80px;
    padding: 40px;
}

.blog_animation {
    display: block;
    width: 80px;
    height: 2px;
    background: #00CA6F;
    margin-bottom: 40px;
}

.green-block .h5,
.green-block h5 {
    margin: 0;
    font-family: Gotham-Bold;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
}

.green-block .h5 a,
.green-block h5 a {
    text-decoration: none;
}

.green-block p {
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    margin: 10px 0 0 0;
}

.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%);
}

.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;
}

.home-page .section-6.active ~ .pagi,
.home-page .section-7.active ~ .pagi,
.home-page .section-8.active ~ .pagi,
.home-page .section-9.active ~ .pagi,
.home-page .section-10.active ~ .pagi {
    display: none;
}

.work-page .pagi {
    right: initial;
    left: 37px;
    top: 50%;
    margin-top: -160px;
}

.work-page .pagi li a {}

.work-page .pagi li a span {
    text-indent: 0;
    color: #444;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
   /* font-family: Gotham-Bold;*/
    width: 34px;
    height: 25px;
    display: block;
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid transparent

}

.work-page .pagi li a.active span,
.work-page .pagi li a:hover span {
    color: #fff;
    border-bottom: 1px solid #fff
}

.work-page .pagi li {
    display: block;
    width: 34px;
    height: 25px;
    position: relative;
    margin-bottom: 10px;
}

.case-study-wrapper .container {
    overflow: hidden;
}

.case-study-wrapper {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center !important;
}

.case-study-heading {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 92px;
    margin-bottom: 10px;
    font-family: Gotham-Bold;
    color: #00ca6f;
    text-align: center
}

.case-study-head-info {
    margin-bottom: 10px;
    font-size: 48px;
    font-family: 'Gotham-Black';
    line-height: 1;
    color: #fff;
    text-align: center;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}

.case-study-head-info h1 {
    color: #fff;
    font-size: 48px;
    margin: 0;
    font-family: 'Gotham-Black';
}

.case-study-tag {}

.case-study-tag ul {
    list-style: none;
    padding: 0;
    margin: 20px auto 50px auto;
    max-width: 830px;
    text-align: center;
}

.case-study-tag ul li {
    font-size: 16px;
    color: #666666;
    font-family: Gotham-Book;
    display: inline-block;
    line-height: 30px;
}

.case-study-tag ul li:after {
    content: ".";
    display: block;
    line-height: 25px;
    text-align: center;
    float: right;
    font-size: 30px;
    margin: 0 7px 0 13px;
}

.case-study-tag ul li:last-child:after {
    display: none;
}

.case-study-featuring-img {
    overflow: hidden;
}

.case-study-featuring-img img {
    max-width: 80%;
    margin: 0 auto;
    display: block
}

.background-gray {
    background: #F4F4F4;
}

.case-story {
    padding-top: 100px;
    padding-bottom: 100px;
}

.circular-animation-wrap {
    text-align: center;
}

.circular-animation {
    display: inline-table;
    text-align: center;
    position: relative;
    width: 195px;
    height: 195px;
    vertical-align: top;
}

.landing-cs-circles .circular-animation svg {
    stroke-dashoffset: 18 !important;
}

.circular-animation svg {
    width: 195px;
    height: 195px;
    z-index: 1;
    stroke-dasharray: 602;
    stroke-dashoffset: 602;
    -webkit-transition: all 1.4s;
    transition: all 1.4s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: middle;
    display: inline-block;
    position: absolute;
}

.circular-animation.animation.fadeIn {
    opacity: 1
}

.circular-animation:nth-child(2) svg {
    -webkit-transition: all 1.7s;
    transition: all 1.7s;
}

.circular-animation:nth-child(3) svg {
    -webkit-transition: all 2s;
    transition: all 2s;
}

.circular-animation:nth-child(4) svg {
    -webkit-transition: all 2.3s;
    transition: all 2.3s;
}

.circular-animation.animation[style*="visibility: visible"] svg {
    stroke-dashoffset: 18;
}

.circular-animation svg circle {
    box-shadow: 0px 0px 30px 0px rgba(15, 115, 238, 0.1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(15, 115, 238, 0.1);
}

.circular-animation .feature-txt {
    max-width: 180px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.circular-animation .feature-txt h4 {
    font-size: 33px;
    color: #333;
    font-family: Gotham-Ultra;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    text-overflow: initial;
    white-space: normal;
    max-width: 180px;
    word-wrap: break-word;
}

.circular-animation .feature-txt p {
    margin: 0 0 -10px 0;
    font-size: 14px;
    padding: 0 9px;
}

.top-parallex {
    display: block;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}

.top-banner-block {
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.top-banner-block.current-opening-detail-header.current-blog-detail-crx {
    display: block;
    overflow: hidden;
}

.container-tst {
    display: table-cell;
    vertical-align: middle;
    top: initial !important;
    left: initial !important;
}

.top-banner-bg {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-position: top right !important;
}

.top-banner-block p {
    margin-bottom: 0px;
}

.top-banner-block .h1 {
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Black';
    margin-top: 0px;
}

.top-banner-block .h1.blog-detail-h1,
.top-banner-block .h1.blog-detail-h1 h1 {
    font-family: Gotham-Ultra;
    font-size: 48px;
    text-align: center;
    line-height: 56px;
    letter-spacing: -1px;
    color: #FFFFFF;
}

.top-banner-block .h1.blog-detail-h1 p {
    font-family: Gotham-Medium;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    color: #FFFFFF;
    display: block;
    width: 100%;
    margin-top: 20px
}

.current-opening-detail-header .gray-text {
    color: #fff;
    font-family: Gotham-Medium;
}

.current-opening-detail-header .gray-text a {
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: center;
    line-height: 19px;
    color: #FFFFFF;
}

.nutshell-wraper {
    background-color: #f5f5f5;
    position: relative;
    border-radius: 2px;
    display: block;
    padding: 50px 0;
    margin: 60px auto 40px;
}

.nushell-heading {
    width: 155px;
    height: 50px;
    background-color: #FFFFFF;
    border: 2px solid #EAEAEA;
    font-family: Gotham-Bold;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 2px;
    color: #1A1A1A;
    position: absolute;
    top: -75px;
    text-align: center;
    line-height: 43px;
}

.nutshell ul {}

.nutshell li {
    font-family: Gotham-Medium;
    font-size: 16px;
    line-height: 32px;
    color: #1A1A1A;
}

.nutshell li:before {
    content: "/";
    display: inline-block;
    margin-right: 5px;
}

.top-banner-block .h1 h1 {
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: 'Gotham-Black';
}

.text-content-bottom {
    padding-bottom: 40px;
    background: #fff;
}

.text-content-bottom + .container-fluid,
.text-content-bottom + .container-fluid + .container {
    background-color: #fff;
}

.bg-white-color {
    background-color: #fff;
}

.text-content-bottom .h4 {
    color: #757575;
    font-family: Gotham-Black;
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 12px;
    text-transform: uppercase;
}

.text-content-bottom p {
    font-size: 16px;
    margin-bottom: 10px;
}

.text-content-bottom-cell {}

.frmwork-feature-img {
    display: block;
    width: 100%;
    background: #f4f4f4;
}

.frmwork-feature-img img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}

.svg-icon.svg-center {
    margin: 0 auto;
    display: block;
}

.media-icon-custom {
    min-width: 100px
}

.differ-content i {
    color: #999;
    font-size: 60px;
}

.differ-content {
    max-width: 640px;
    width: 100%;
}

.differ-content .media-heading {
    color: #fff;
    line-height: 1.3;
    margin-bottom: 18px;
    font-size: 24px;
}

.differ-content p {
    color: #999;
    line-height: 1.4;
    font-size: 16px;
}

.differ-content ul {
    margin: 0;
    padding: 0;
}

.differ-content ul li {
    position: relative;
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 24px;
    color: #999999;
    padding-left: 20px;
}

.differ-content ul li:before {
    content: "/";
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

.why-vinfo {
    background: #F9F9F9;
    padding-top: 20px;
    padding-bottom: 90px;
}

.why-vinfo .h3 {
    font-size: 24px;
    font-family: 'Gotham-Black';
    margin-bottom: 60px;
}

.why-vinfo .media-heading {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.why-vinfo p {
    font-size: 16px;
    margin-bottom: 30px;
    overflow: auto;
}

.why-vinfo .media-left {
    font-size: 80px;
    line-height: 82px;
    color: #E6E6E6;
    margin-right: 20px;
    width: 100px;
    font-family: Gotham-Black;
    min-width: 100px;
    vertical-align: top;
}

.bold-type {
    font-family: Gotham-Bold;
    font-size: 1em;
}

.pera-img-view-1 {
    background-size: cover !important;
    background-position: center !important;
    /*background-attachment:fixed !important;*/
    min-height: 200px;
    background-repeat: no-repeat !important;
}

.show-case-type-1 .show-case {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
    background-color: #fff;
}

.show-case-type-1 .show-case.even {
    /*background: url(../img/ST-1.png) no-repeat;*/
    background-size: contain;
    background-color: #fff;
}

.show-case-type-1 .show-case + .show-case {
    border-top: 1px solid #ECECEC;
}

.show-case-type-1 .show-case.odd {
    background: url(../img/ST-2.png) no-repeat;
    background-position: top right;
    background-size: contain;
    background-color: #fff;
}

.show-case-type-1 .show-case-content {}

.show-case-type-1 .show-case-text-block .h5 {
    font-size: 14px;
    color: #999;
    font-family: Gotham-Bold;
    line-height: 1.4;
    text-transform: uppercase;
}

.show-case-type-1 .show-case-text-block .h3 {
    color: #101010;
    font-size: 24px;
    line-height: 1;
    font-family: 'Gotham-Black';
    margin-top: 0px;
    margin-bottom: 10px;
}

.show-case-type-1 .show-case-text-block a {
    font-family: Gotham-Bold;
    color: #00CA6F;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 30px;
    display: block;
}

.show-case-type-1 .show-case-text-block a:hover {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.show-case-type-1 .show-case-text-block p {
    margin-bottom: 20px;
    font-size: 16px
}

.show-case-type-1 .show-case-text-block-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.show-case-type-1 .show-case-img-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.show-case-type-1 .show-case-img-block img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.show-case-type-1 .show-case + .more-show-case {
    padding-top: 35px;
    padding-bottom: 35px;
    //border-top: solid 1px #ECECEC;
    background-color: #fff;
}

.work-page * {
    -o-transform: translate3d(0, 0, 0px);
    -ms-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px);
}

.work-page .show-case-type-1 .show-case {
    background: none
}

.work-page .show-case-type-1 .show-case-text-block .h5 {
    color: #fff;
}

.work-page .show-case-type-1 .show-case-text-block .h5 h5 {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.work-page .show-case-type-1 .show-case-text-block .h3 {
    font-size: 48px;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    margin-top: 0px;
}

.work-page .show-case-type-1 .show-case-text-block a {}

.work-page .show-case-type-1 .show-case-text-block a:hover {
    color: #fff
}

.work-page .show-case-type-1 .show-case-text-block p {
    font-family: 'Gotham-Book';
    font-size: 16px;
    color: #fff;
}

.work-page .show-case-type-1 .show-case-text-block a p {
    letter-spacing: 0px;
}

.more-show-case a {
    display: block;
    font-family: Gotham-Bold;
    font-size: 14px;
    letter-spacing: 2px;
    color: #00CA6F;
    text-decoration: none;
    text-align: center;
}

.client-block {
    display: block;
    width: 100%;
}

.more-show-case a:hover {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

/*.more-show-case a i {
    display: none;
}*/

.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-block {
    display: block;
    width: 100%;
}

.client-block.without-img .client-pic {
    display: none;
}

.client-block.without-img .client-info {
    margin-left: 0;
    padding-left: 0;
}

.show-case-type-2 {
    background: #f9f9f9;
    padding-top: 60px;
    overflow: hidden;
    clear: both;
}

.show-case-type-2 .h3 {
    font-family: 'Gotham-Black';
}

.show-case-type-2 .show-case-content {
    display: table;
    width: 100%;
}

.show-case-type-2 .show-case-content .h4 {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 20px;
}

.show-case-type-2 .show-case-content p {
    font-size: 16px;
    margin-bottom: 15px;
}

.show-case-type-2 .show-case-content p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
    color: #101010;
}

.show-case-text {
    width: 42%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.show-case-img {
    width: 58%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-left: 30px;
    position: relative;
}

.show-case-type-2 .show-case-content.odd .show-case-img {
    text-align: left;
    padding-left: initial;
    padding-right: 30px;
    left: -42%
}

.show-case-type-2 .show-case-content.odd .show-case-text {
    left: 58%;
}

.show-case-img img {
    max-width: 100%;
}

.featur-vinfo {
    background: #f4f4f4;
    padding: 80px 0 80px 0;
}

.featur-vinfo i {
    font-size: 33px;
    color: #333333;
}

.featur-vinfo .media-left {
    min-width: 65px;
}

.featur-vinfo .media-heading {
    font-family: Gotham-Bold;
    font-size: 20px;
    color: #101010;
    margin: 0 0 10px 0;
    padding-right: 15px;
}

.featur-vinfo .txt-content-new h3 {
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin-bottom: 50px;
    color: #262626
}

.featur-vinfo .txt-content-new p {
    margin-bottom: 50px;
}

.featur-vinfo .txt-content-new h6 {
    margin: 0px 0 40px;
    font-family: Gotham-Bold;
    font-size: 20px
}

.home-page-blog-section {
    background: #fff;
}

.section-1 .txt-content p {
    margin-top: 20px;
}

.blog-category {
    font-family: Gotham-Book;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0px;
    margin-bottom: 10px;
    line-height: 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.client-story-wrapper {
    display: table;
    width: 100%;
}

.client-story {
    margin: 40px auto 30px;
}

.client-story1 .client-story {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.client-story p {
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}

.journey-wraper {
    padding-top: 100px;
    overflow: hidden;
    padding-bottom: 60px;
    /*float: left;*/
    width: 100%;
}

.journey-wraper .h2,
.challenge .h2,
.user-story-line .h2,
.h2.acc {
    margin-top: 10px;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 30px;
    font-family: 'Gotham-Black';
}

.journey-wraper .h2 h2 {
    font-size: 36px;
    margin: 0;
}

.journey-wraper .p {
    margin-bottom: 20px;
    letter-spacing: 0;
    font-size: 16px;
}

.journey-wraper .list-unstyled {
    line-height: 30px
}

.journey-wraper .small {
    color: #666666;
    font-size: 18px;
    font-family: Gotham-Black;
    margin-top: 60px;
}

.challenge {
    padding-bottom: 100px;
    background-color: #fff;
}

.challenge ul {
    padding: 0;
    margin: 0;
}

.challenge ul li {
    list-style: none;
}

.challenge ul li p {
    margin: 0
}

.challenge ul li.client {
    position: relative;
    font-size: 16px;
    font-family: Gotham-Bold;
    line-height: 23px;
    margin: 0 0 00px 0;
}

.challenge ul li.client:before {
    position: absolute;
    content: "CLIENT";
    color: #b2b2b2;
    left: -90px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 29px;
}
.challenge ul li.client1 {
    position: relative;
    font-size: 16px;
    font-family: Gotham-Bold;
    line-height: 23px;
    margin: 0 0 00px 0;
}

.challenge ul li.client1:before {
    position: absolute;
    content: "TRAVELER";
    color: #b2b2b2;
    left: -116px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 29px;
}

.challenge ul li.tech {
    position: relative;
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 30px 0;
}

.challenge ul li.tech:before {
    position: absolute;
    content: "VINFOTECH";
    color: #b2b2b2;
    left: -126px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 23px;
}

.wrap-label {
    border-top: 1px solid #ECECEC;
}

.user-story-wrapper,
.journey-wraper {
    background: #fff;
}

.user-stories-heading {
    background-color: #fff;
    border: 1px solid #ececec;
    font-family: Gotham-Bold;
    margin: -15px auto 0;
    text-transform: uppercase;
    width: 215px;
    letter-spacing: 2px;
    line-height: 1.4;
    padding: 5px 40px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

.user-story {
    padding-top: 0px;
    padding-bottom: 60px;
    text-align: center
}

.user-story-block {
    text-align: left;
    display: inline-block;
    float: none;
    vertical-align: top;
    text-align: left;
    min-width: 229px;
}

.user-story-block p {
    color: #333;
    font-size: 26px;
    font-family: FeltThat;
    line-height: 1.1;
    margin-bottom: 10px;
}

.user-story-block-content {
    min-height: 170px;
    max-width: 198px;
    padding: 20px 20px 30px 20px;
    background-image: url(../img/User-Story-BG-01.png);
    background-repeat: no-repeat;
    max-width: 198px;
    margin: 0 auto;
    background-color: #fff582;
    background-position: bottom right;
    background-size: cover;
    margin-bottom: 20px;
}

.user-story-block:last-child .user-story-block-content {
    margin-bottom: 0;
}

.user-story-block-content[style*="height: auto;"] {
    background-size: cover;
}

.user-story-line p {
    margin-bottom: 30px;
}

.user-story-start {
    color: #101010;
    font-size: 36px;
    line-height: 1;
    font-family: FeltThat;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}

.showcase-slider {
    background: #101010;
    padding: 100px 0;
    overflow: hidden;
}

.slider-wrapper .owl-nav.disabled {
    display: none;
}

.slider-wrapper .owl-dots.disabled {
    display: none;
}

.slider-txt-content h3 {
    font-size: 36px;
    color: #fff;
    font-family: Gotham-Black;
    padding-right: 15px;
    margin-bottom: 30px;
    margin-top: 0;
}

.slider-txt-content p {
    font-size: 16px;
    color: #999;
    font-family: Gotham-Book;
    padding-right: 15px;
    margin-bottom: 30px;
}

.slider-txt-content {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider-txt-content.mobile {
    width: 58%;
}

.slider-txt-content.tablet {
    width: 40%;
}

.slider-txt-internal {
    max-width: 480px;
}

.slider-txt-internal .owl-nav .owl-prev,
.slider-txt-internal .owl-nav .owl-next {
    background: #333;
    color: #fff;
    display: inline-block;
    width: 108px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slider-txt-internal .owl-nav i {
    line-height: 48px;
}

.slider-txt-internal .owl-nav .owl-prev:hover,
.slider-txt-internal .owl-nav .owl-next:hover {
    background: #2d2d2d;
}

.slider-txt-internal .owl-nav .owl-next {
    margin-left: 20px;
}

.slider-wrapper {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
}

.slider-wrapper.tablet {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
}

.slider-wrapper.mobile {
    width: 25%;
}

.slider-wrapper-main.window {
    background: url(../img/browser-window.png) no-repeat;
    padding: 4.1% 0 0;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-wrapper-main.mobile {
    background: url(../img/mobile-frm.png) no-repeat;
    padding: 23.65% 6.1% 23.65% 6.1%;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-wrapper-main.tablet {
    background: url(../img/ipad-frm.png) no-repeat;
    padding: 4.7% 9.7%;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-txt-internal .owl-nav {
    margin-bottom: 50px;
}

.slider-txt-content a {
    font-family: Gotham-Bold;
    float: left;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    display: block
}

.slider-txt-content a:hover,
.slider-txt-content a:focus {
    text-decoration: none;
    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);
}

.showcase-img-wrapper {
    padding-top: 100px;
    background: #fff;
}

.showcase-img-wrapper img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.showcase-nav-footer {
    border-top: 1px solid #ECECEC;
    width: 100%;
    display: table;
    height: 140px;
    background: #fff;
}

.slider-txt-internal .owl-nav .owl-prev,
.slider-txt-internal .owl-nav .owl-next {
    background: #333;
    color: #fff;
    display: inline-block;
    width: 108px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}

.showcase-nav-footer .prev-case,
.showcase-nav-footer .next-case {
    padding: 25px 15px;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.showcase-nav-footer .prev-case:hover,
.showcase-nav-footer .next-case:hover {
    background: #eaeaea;
}

.showcase-nav-footer .next-case {
    border-left: 1px solid #ECECEC
}

.showcase-nav-footer a {
    text-decoration: none;
    display: block;
    width: 100%;
    position: relative;
}

.showcase-nav-footer h4 {
    font-family: Gotham-Black;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.4;
}

.showcase-nav-footer p {
    font-style: italic;
    color: #101010;
    margin-bottom: 0;
    display: none;
    padding: 0 25px;
}

.showcase-nav-footer i {
    font-size: 20px;
    color: #101010;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    left: 0;
}

.showcase-nav-footer .next-case i {
    left: initial;
    right: 0;
}

.showcase-slider.showcase-slider-acc {
    background: #fff;
}

.showcase-slider.showcase-slider-acc .slider-txt-content h3 {
    color: #101010;
}

.story-line-wrapper {
    width: 100%;
    display: inline-block;
    padding-bottom: 100px;
}

.show-case-type-1.type-left.acc {
    background: #fff;
}

.story-start {}

.story-post {
    width: 100%;
    position: relative;
    display: inline-block;
    float: left;
}

.story-post:after {
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    content: "";
    background: #e8e8e8;
    right: 0;
    margin: 0 auto;
    display: block;
}

.post-internal {
    width: 50%;
    position: relative;
    float: left;
    clear: both;
    padding-right: 80px;
}

.post-internal:after {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/tree-awwow-left.png) no-repeat;
    top: 9px;
    width: 137px;
    margin: 0 auto;
    height: 47px;
    right: -68px;
    z-index: 1;
}

.story-post h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 21px;
    font-family: Gotham-Bold;
    letter-spacing: -2px;
}

.story-post p {
    margin-bottom: 0;
    font-size: 16px;
    max-width: 440px;
}

.story-post:nth-child(even) {
    text-align: right
}

.story-post:nth-child(even) p {
    float: right;
}

.story-post:nth-child(odd) {}

.story-post:nth-child(odd) p {
    float: left;
}

.story-post:nth-child(odd) .post-internal {
    left: 50%;
    padding-left: 80px;
    padding-right: initial;
}

.story-post:nth-child(odd) .post-internal:after {
    background: url(../img/tree-awwow-right.png) no-repeat;
    left: -68px;
    right: initial;
}

.story-post:last-child:after {
    display: none;
}

.featured-in {
    padding-top: 60px;
    padding-bottom: 0;
    width: 100%;
    display: inline-block;
}

.featured-in h2 {
    text-align: center;
    font-family: FeltThat;
    font-size: 36px;
    line-height: 1;
}

.featured-in ul {
    padding: 0;
    margin: 30px 0 30px;
    text-align: center;
}

.featured-in li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.featured-in li img {
    margin: 0 auto;
    max-height: 100px;
    display: block;
    height: auto;
}

.about-wrapper {
    background-repeat: no-repeat !important;
    float: left;
    width: 100%;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: top center !important;
}

/*.about-heading {
    max-width: 600px
}
*/
.about-heading h1 {
    font-size: 42px;
    margin-top: 50px;
    margin-top: 0;
    font-family: "Gotham-Black";
    line-height: 1;
    color: #fff;
    /*text-align: left;*/
    margin-left: auto;
    margin-right: auto;
}

.about-heading {
    font-size: 42px;
    font-family: "Gotham-Black";
    line-height: 1;
    color: #fff;
    /*text-align: left*/
}

.about-heading p {
    font-family: 'Gotham-Book';
    font-size: 16px;
}

.about-heading.mB0 {
    margin-bottom: 0;
}

.about-wrapper p {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 24px;
}

.about-wrapper a {
    font-family: Gotham-Bold;
    font-size: 14px;
    margin-bottom: 50px;
    display: inline-block;
    margin-right: 20px;
}

.about-wrapper a:focus,
.about-wrapper a:hover {
    text-decoration: none;
    color: #fff;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.our-aim {
    padding-bottom: 100px;
    overflow: hidden;
}

.our-aim .p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
}

.journey-wraper.our-aim .h2 {
    font-size: 48px;
    margin-bottom: 40px;
}

.journey-wraper.our-aim .h2 h2 {
    font-size: 48px;
    margin: 0;
}

.dark-bg {
    background: #101010;
}

.dark-bg img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.rapid-development-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #fff;
}

.rapid-development-content {
    padding-top: 80px;
    display: inline-block;
    background: url(../img/design-thinking-768.png) no-repeat;
    background-position: center center;
    background-size: contain;
    padding-bottom: 80px;
}

.rapid-development-content .h3 {
    font-family:'Gotham-Black';
    margin-top: 0;
    font-size: 42px;
    margin-bottom: 20px;
}

.rapid-development-content li {
    font-family: Gotham-Bold;
    font-size: 14px;
    list-style: none;
    line-height: 2;
}

.dark-gray-bg {
    background: #EBEBEB;
    overflow: hidden
}

.internal-process-img {
    text-align: right
}

.internal-process-img img {
    max-width: 100%;
    position: relative;
    z-index: 0;
}

.internal-process-img .p {
    position: relative;
    z-index: 10;
}

.internal-process-img p {
    font-size: 34px;
    margin-bottom: -72px;
    line-height: 1.4;
    font-family: 'Gotham-Black';
    text-align: left;
    float: left;
    position: relative;
    z-index: 10;
}

.internal-process-wrap {
    padding-top: 140px;
    padding-bottom: 110px;
}

.internal-process-img img.img-2 {
    display: none;
}

.gallery-slider-wrap {
    position: relative;
    background: #fff;
    float: left;
    width: 100%;
}

.gallery-slider-wrap .owl-carousel {
    position: relative;
}

.gallery-slider-wrap .owl-nav {
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-slider-wrap:hover .owl-nav {
    opacity: 1
}

.gallery-slider-wrap .owl-nav .owl-prev,
.gallery-slider-wrap .owl-nav .owl-next {
    position: absolute;
    width: 84px;
    height: 162px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    overflow: hidden;
    font-size: 78px;
    line-height: 180px;
    text-align: center;
    top: 30%;
    top: calc(50% - 90px);
}

.gallery-slider-wrap .owl-nav .owl-next {
    right: 15px;
}

.gallery-slider-wrap .owl-nav .owl-prev {
    left: 15px;
}

.gallery-slider {
    display: block;
    width: 100%;
}

.gallery-slider-wrap .owl-controls {
    display: block;
    margin-bottom: 30px;
    margin-top: 30px;
}

.gallery-slider-wrap .owl-controls svg {
    height: 70px;
    stroke: #8f8f8f;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-slider-wrap .owl-controls .owl-prev:hover svg,
.gallery-slider-wrap .owl-controls .owl-next:hover svg {
    stroke: #101010
}

.navbar-toggle-cross:hover,
.navbar-toggle:hover {
    background: #00BE6A;
}

.custom-popup.modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

.back-clm {
    background: #00CA6F;
    border-radius: 2px;
    padding: 15px;
    margin: 10px 15px;
}

.custom-popup .modal-content {
    background-color: transparent;
    vertical-align: middle;
    display: table-cell;
    box-shadow: none;
    border: 0;
}

.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;
}

.custom-popup .modal-body {
    padding: 0 0 8px 0;
    background: #00CA6F
}

.custom-popup .modal-dialog {
    max-width: 500px;
    margin: 0 auto;
    display: table;
    height: 100%;
    width: 100%
}

.custom-popup.fade.in ~ .modal-backdrop.fade.in {
    background: rgba(255, 255, 255, 0.99)
}

.custom-popup form {
    max-width: 304px;
    margin: 0 auto;
}

.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;
}
.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;
}

.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 .has-error a {
    background: #fff;
    border-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #fff;
    box-shadow: inset 0 -1px 0 #fff;
}

.custom-popup form .has-error a:focus {
    -webkit-box-shadow: inset 0 -1px 0 #101010;
    box-shadow: inset 0 -1px 0 #101010;
    border-bottom-color: #101010;
}


.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 .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-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 .btn {
    padding: 20px 20px;
}

.custom-popup form .btn.btn-default {
    background: #444444;
    border-color: #444;
}

.custom-popup form .btn.btn-default:hover,
.custom-popup form .btn.btn-default:focus {
    background: #101010;
    border-color: #101010;
}

.custom-popup form .btn:hover {
    background: #02b765;
    color: #fff;
    border-color: #02b765
}

.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
}

.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
}

.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: 260px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: none;
    color: #02b765;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

/*.has-error .help-block {
    background: #fff;
    display: table;
    padding: 5px 10px;
    position: absolute;
    border-radius: 4px;
    -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);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    right: -10px;
    z-index: 1;
    margin: 2px 0 0 0;
}*/

/*.has-error .help-block:after,
.has-error .help-block:before {
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.has-error .help-block:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: 0;
}*/

/*.has-error .help-block:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-width: 9px;
    margin-left: 0;
    right: 9px;
}*/

.form-group {
    position: relative;
}

.modal-contact-area {
    display: block;
    width: 100%;
}

.modal-contact-area .contact-left {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.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 {
    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 .modal-contact-area-seprator:after {
    width: 1px;
    height: 100%;
    content: "";
    background: #00ca6f;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.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
}

.current-opening-header a {
    font-size: 14px;
    font-family: Gotham-Bold;
    display: block;
    float: left;
}

.current-opening-header a:hover,
.current-opening-header a:focus {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    text-decoration: none;
    color: #000;
}

.current-opening-header.top-banner-block .h1 {
    margin-bottom: 10px;
}

.white-bg {
    background: #fff;
}

.why-vinfo .h2 {
    margin-bottom: 30px;
    font-family: 'Gotham-Black';
    line-height: 1;
    font-size: 48px;
}

.lp-block {
    margin-top: 30px;
}

.why-vinfo .p.mB0 p {
    margin-bottom: 0;
}

.why-vinfo .p.mB0 p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
    color: #101010;
}

.why-vinfo .p.mB0 {
    margin-bottom: 30px;
}

.why-vinfo .p.mB0:last-child {
    margin-bottom: 0;
}

.why-vinfo-with-lp-block {}

.why-vinfo-with-lp-block .lp-img img {
    width: 100%;
}

.why-vinfo-with-lp-block .equal-col {
    max-width: 600px;
}

.why-vinfo-with-lp-block .equal-col p {
    padding: 30px 15px;
    margin: 0;
}

.why-vinfo-with-lp-block .equal-col .li-name {
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 1.3;
    padding: 0px 15px;
}

.why-vinfo-with-lp-block .equal-col .li-name p {
    font-family: 'Gotham-Book';
    padding: 0;
    color: #333333;
    margin-top: 10px;
}

.open-position {
    border-top: 1px solid #eee;
    padding-top: 80px;
    padding-bottom: 60px;
    background-color: #fff;
}

.open-position .h2 h2 {
    font-family: 'Gotham-Black';
    font-size: 48px;
}

.open-position .h3 h3 {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-top: 60px;
    font-family: 'Gotham-Black';
    margin-bottom: 70px;
    border-top: 3px solid;
    color: #666;
}

.badge {
    font-size: 12px;
    line-height: 1.5;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    color: #FFF;
    font-weight: normal;
    display: inline-block;
    padding: 3px 5px;
    vertical-align: middle;
    border-radius: 2px;
}

.vacancy {
    display: block;
    margin-bottom: 40px;
}

.vacancy a {
    line-height: 1.5;
    vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    font-family: Gotham-Bold;
    color: #101010;
    margin-top: 0;
    text-decoration: none;
    padding-right: 10px;
}

.panel .vacancy a {
    text-transform: none
}

.vacancy-location {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

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

.upload-cv {
    display: block;
    width: 100%;
    margin: 10px 0 50px 0;
    display: none;
}

.badge-info {
    background: #008cff;
}

.badge-danger {
    background: #FF5750;
}

.current-opening-detail-header a {
    display: inline-block
}

.current-opening-detail-header a:hover {
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.current-opening-detail-header.key-people {
    background: #F6F6F6;
}

.current-opening-detail-header.key-people.top-banner-block .h1 {
    margin-top: 20px;
}

.key-detail {
    padding-top: 60px;
    padding-bottom: 90px;
    font-size: 16px;
    background-color: #fff;
}

.key-people-wrapper {}

.key-people-block {
    margin-bottom: 100px;
}

.key-people-block:last-child {
    margin-bottom: 00px;
}

.key-people-img {
    display: inline-block;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.05)
}

.key-people-img img {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
}

.key-people-info {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.key-people-info .h4 {
    font-family: 'Gotham-Bold';
    font-size: 24px;
    margin: 0;
}

.key-people-info small {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    display: block;
}

.key-people-info p {
    font-family: 'Gotham-Book';
    font-size: 16px;
}

.gray-text {
    color: #999
}

.gray-text a {
    color: #999
}

.gray-text a:hover,
.panel-body > a:hover,
.panel-body > a:focus {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-detail p {
    line-height: 28px;
}

.blog-detail p strong {
    font-family: 'Gotham-Bold';
}

.top-banner-block.current-opening-detail-header .h1 {
    margin-top: 90px;
}

.job-detail {
    padding-top: 60px;
    padding-bottom: 90px;
    font-size: 16px;
    background-color: #fff;
}

.job-detail h4 {
    font-size: 18px;
    font-family: 'Gotham-Black';
    margin: 0 0 20px 0;
}

.job-detail .list-unstyled {
    margin-bottom: 40px;
}

.job-detail .list-unstyled li {
    padding-left: 30px;
    position: relative;
    line-height: 25px;
    margin-bottom: 10px;
}

.job-detail .list-unstyled li:before {
    content: "/";
    display: inline-block;
    width: 30px;
    position: absolute;
    left: 0;
    font-family: 'Gotham-Bold';
}

.job-detail p {
    margin-bottom: 40px;
}

.job-detail .p small {
    color: #999999;
    text-align: center;
    margin-top: 15px;
    display: block;
    padding: 0 15px;
}

.panel {
    background: #F6F6F6;
}

.panel-body {
    padding: 15px 25px;
}

.panel-body h4 {
    margin: 0 0 40px 0;
    color: #666666;
    font-size: 24px;
    font-family: 'Gotham-Black';
}

.panel-body .vacancy {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 20px;
}

.panel-body .vacancy-location {
    color: #999999;
    font-family: 'Gotham-Book';
    font-size: 16px
}

.panel-body > a {
    text-align: center;
    font-size: 12px;
    font-family: 'Gotham-Black';
    text-decoration: none;
    display: table;
    margin: 0 auto 20px;
    letter-spacing: 2px;
}

.blog-detail {
    padding-bottom: 80px;
    overflow: hidden;
    background-color: #fff;
}

.first-letter {
    display: block;
    margin-top: 50px;
    line-height: 28px;
    float: left;
}

.first-letter p {
    margin-bottom: 30px;
}

.blog-container-wrapper {
    background-color: #fff;
}

.first-letter p:last-child {
    margin-bottom: 50px;
}

.blog-detail .blog-feature-img img {
    width: 100%;
}

.first-letter > p:first-child::first-letter {
    font-size: 67px;
    float: left;
    line-height: 67px;
    padding-right: 10px;
    font-family: 'Gotham-Bold'
}

.twitter-featuring-txt {
    position: relative;
    max-width: 531px;
    margin: 0 auto;
    text-align: center;
    margin: 70px auto;
    padding: 40px 0 30px
}

.twitter-featuring-txt p {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 26px;
    color: #1A1A1A;
    margin: 0 auto 30px;
}

.twitter-featuring-txt:before,
.twitter-featuring-txt:after {
    position: absolute;
    content: "";
    width: 220px;
    left: 0;
    right: 0;
    height: 4px;
    background: rgba(0, 202, 111, 1.0);
    margin: 0 auto;
}

.twitter-featuring-txt:after {
    top: 0;
}

.twitter-featuring-txt:before {
    bottom: 0;
}

.twitter-featuring-txt i {
    font-size: 26px;
    color: #9b9b9b;
    cursor: pointer;
}

.blog-detail h3 {
    font-size: 24px;
    font-family: 'Gotham-Bold'
}

.blog-detail h4 {
    font-size: 18px;
    font-family: 'Gotham-Bold'
}

.sharing-button {
    width: 100%;
    margin: 50px 0 0 0;
}

.about-vinfo-blog h3 {
    font-size: 24px;
    font-family: 'Gotham-Bold';
}

.about-vinfo-blog p {
    line-height: 28px;
}

.about-vinfo-blog {
    background: #F6F6F6;
    padding: 50px 0 60px;
}

.panel-white {
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-radius: 3px;
}

.panel-white .panel-body {
    padding: 20px;
    margin-bottom: 80px;
}

.panel-white .panel-body .block-addrs {
    display: block;
}

.panel-white .panel-body .block-addrs a {
    color: #4A4A4A;
}

.panel-white .panel-body .block-addrs a:hover,
.panel-white .panel-body .block-addrs a:focus {
    display: block;
    text-decoration: none;
    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);
}

.panel-white .panel-body .block-addrs i {
    display: inline-block;
    color: #9b9b9b;
    vertical-align: middle;
    font-size: 23px;
    padding-right: 15px;
    width: 38px;
}

.panel-white .panel-body .block-addrs span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
}
.panel-white .panel-body .block-addrs .span {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.block-addrs.without-icon {
    padding-left: 38px;
    font-family: Gotham-Bold;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.block-addrs.without-icon:last-child {
    margin-bottom: 0;
}

.contact-alt {
    padding-top: 80px;
    padding-bottom: 40px;
}

.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;
    }
}

.h3-ultra {
    font-family: 'Gotham-Ultra';
    font-size: 36px;
    margin-bottom: 40px;
}


/* Make clicks pass-through */

#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #00cc6b;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

.tranding-div {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 110;
}

.nav-open .tranding-div {
    z-index: 100;
}

.tranding-div > a {
    float: right;
    position: relative;
    right: 0;
    width: 48px;
    height: 48px;
    color: #fff;
    border-radius: 100%;
    background: #00CA6F;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 48px;
    font-size: 24px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20)
}

.tranding-div > a i {
    line-height: 48px;
}

.tranding-div > a:hover,
.tranding-div a.active {
    background: #1ebf6c;
}

.tranding-div > a.active i.icon-trend {
    font-size: 18px;
}

.tranding-div > a.active i.icon-trend:before {
    content: "\e90f";
}

.tranding-content-pre {
    border-radius: 4px;
    padding: 20px;
    position: relative;
    width: 100%;
    max-width: 350px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px;
}

.tranding-content-pre p {
    font-family: Gotham-Medium;
    font-size: 14px;
    line-height: 16px;
    color: #1A1A1A;
}

.tranding-content-pre a {
    display: block;
    font-family: Gotham-Medium;
    font-size: 12px;
    line-height: 14px;
    color: #9B9B9B;
    text-decoration: none
}

.tranding-content-pre a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #02b765;
}

.tranding-content {
    border-radius: 4px;
    padding: 20px;
    position: relative;
    width: 100%;
    max-width: 420px;
    height: 420px;
    background: #fff;
    display: none;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px;
}

.tranding-content:before,
.tranding-content-pre:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: rgba(0, 0, 0, 0.08) transparent transparent transparent;
    position: absolute;
    bottom: -12px;
    right: 15px;
}

.tranding-content:after,
.tranding-content-pre:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    right: 17px;
}

.tranding-carousal a {
    text-decoration: none;
}

.tranding-content .h2 {
    font-size: 24px;
    font-family: 'Gotham-Black';
    margin: 0;
}

// .tranding-carousal .owl-stage, .tranding-carousal .owl-stage .owl-item{width:100% !important;}
.tranding-carousal .tanding-news-img {
    margin: 20px 0 30px;
    display: block;
    webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20)
}

.tranding-carousal .h3 {
    font-size: 16px;
    font-family: 'Gotham-Medium';
}

.tranding-carousal .trand-date-time {
    font-size: 14px;
    font-family: 'Gotham-Book';
    color: #666666;
    display: block;
    margin-top: 10px;
}

.tranding-carousal .owl-carousel .owl-stage {
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
}

.tranding-carousal .owl-controls {}

.tranding-carousal .owl-controls > .owl-nav {
    right: 0px;
    bottom: -8px;
}

.tranding-carousal .owl-nav {
    width: 80px;
    display: block;
    float: right;
    position: absolute;
    right: 20px;
    bottom: 22px;
    background: #fff;
    text-align: center;
}

.tranding-carousal .owl-nav .owl-prev {
    float: left;
    border: 1px solid #ddd;
    width: 50%;
    line-height: 29px;
}

.tranding-carousal .owl-nav .owl-next {
    float: left;
    border: 1px solid #ddd;
    width: 50%;
    line-height: 29px;
    margin-left: -1px;
    position: relative;
    display: block;
}

.tranding-carousal .owl-stage-outer {
    overflow: hidden;
}

.tranding-carousal .owl-stage-outer .owl-item {
    display: inline-block;
}

.tranding-carousal .owl-stage-outer .owl-item img {
    width: 100%;
}

.tranding-carousal .owl-nav {}


/* .tranding-div-open{overflow:hidden;position:relative;}*/

.key-people-modal {
    padding: 0 !important;
    z-index: 111;
}

.key-people-modal .modal-dialog {
    margin: 0;
}

.key-people-modal .modal-content {
    border: none
}

.key-people-modal .modal-body {
    padding: 0;
}

.key-people-modal .modal-footer {
    padding-bottom: 22px;
    padding-top: 22px;
}

.key-people-modal .modal-footer .close {
    color: #CCCCCC;
    float: none;
    margin: 0 auto;
    display: table;
    font-size: 24px;
    opacity: 1;
    -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;
}

.key-people-modal .modal-footer .close:hover {
    color: #666;
}

.modal-open .modal.key-people-modal ~ .modal-backdrop {
    z-index: 110;
}

.blog-detail-wrapper .view-more.subscribe.fixed a.btn {
    text-align: left;
}

.menu-right {
    width: 320px;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: -320px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10;
}

.menu-right.show-nav {
    -webkit-transform: translateX(-320px);
    transform: translateX(-320px);
    -webkit-transform: translateX(-320px) translateZ(0);
    transform: translateX(-320px) translateZ(0);
    -webkit-transform: translate3d(-320px, 0, 0);
    transform: translate3d(-320px, 0, 0);
    overflow: auto;
}

.menu-right ul {
    margin: 80px 0 40px 0;
    padding: 0 0 0 20px;
}

.menu-right ul li {
    position: relative;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.menu-right ul li:first-child {
    margin-top: 0;
    border: 0;
    box-shadow: none;
}

.menu-right ul li a {
    position: relative;
    padding: 10px 0;
    color: #000;
    font-size: 14px;
    display: block;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.no-touch .menu-right ul li a:hover,
.menu-right ul li.active a {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #00CA6F;
}

.menu-right p {
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 86%;
    left: 20px;
    font-size: 0.875em;
    text-align: center;
}

.menu-right p a {
    color: #FA3251;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-right p a:hover {
    color: #FA3251;
    text-decoration: underline;
}

.nav-toggle-right {
    position: fixed;
    top: 50%;
    right: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    z-index: 11;
    background: #fff;
    padding: 14px 14px;
    border-radius: 100%;
    line-height: 1px;
    color: #666;
}

.filter-applied i {
    position: relative;
}

.filter-applied i:after {
    content: "";
    width: 7px;
    height: 7px;
    background: red;
    border-radius: 100px;
    display: block;
    position: absolute;
    top: -9px;
    right: -11px;
}

.nav-toggle-right:hover,
.nav-toggle-right:focus {
    color: #000;
    text-decoration: none
}

.nav-toggle-right.show-nav {
    color: #fff;
}

.nav-toggle-right.show-nav i:before {
    content: "\e90f";
}

.nav-toggle-right.show-nav {
    background: #00CA6F;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
}

.nav-toggle-right.show-nav .img-b {
    display: block;
}

.nav-toggle-right span {
    color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    font-size: 1.875em;
}

.no-touch .nav-toggle-right span:hover {
    color: white;
}

.nav-toggle-right span.fa-times {
    color: #fff;
}

.nav-toggle-right span.fa-times:hover {
    color: #fff;
}

.animation-wrapper-mobile {
    display: none;
}

.nav-toggle-right.show-nav {
    top: 32px;
    text-decoration: none;
    right: 12px;
}

.animation-wrapper {
    position: relative;
    width: 100%;
    padding: 130px 15px;
    background: url(../img/cicular.png) no-repeat #f4f4f4;
    background-position: center;
    background-size: content;
    overflow: hidden;
}

.animation-wrapper.alfa4 {
    padding: 186px 15px;
    background: url(../img/circle-2.png) no-repeat #f4f4f4;
    background-position: center;
    background-size: content;
}

.animation-wrapper .container-wrapper {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.omega {
    width: 440px;
    height: 440px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    );
    position: relative;
    margin: 0 auto;
    display: block;
}

.primary-content {
    display: table;
    margin: 0 auto;
    height: 100%;
    max-width: 80%;
}

.primary-content .primary-dsa {
    font-size: 32px;
    font-family: 'Gotham-Black';
    line-height: 38px;
    display: table-cell;
    vertical-align: middle;
}

.alfa {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
}

.alfa .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.alfa .primary-content .primary-dsa {
    font-size: 16px;
    line-height: 20px;
}

.alfa .primary-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -230px;
    text-align: right;
    width: 220px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%));
}

.alfa .primary-content ul li {
    width: 100%;
}

.omega small {
    font-size: 16px;
    font-family: 'Gotham-Book';
    color: #999;
    margin-top: 15px;
    width: 100%;
    display: block;
    line-height: 18px;
}

.alfa:first-child {
    top: -60px;
    left: 580px;
}

.alfa:nth-child(2) {
    top: 130px;
    left: 520px;
}

.alfa:last-child {
    bottom: -60px;
    left: 580px;
}

.alfa2 .alfa-wrapper .alfa:first-child {
    top: 00px;
    left: 245px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa2 .alfa-wrapper .alfa:nth-child(2) {
    top: 210px;
    left: 222px;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:first-child {
    top: -60px;
    left: 280px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:nth-child(2) {
    top: 130px;
    left: 222px;
    ;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:last-child {
    bottom: -60px;
    left: 288px;
    animation-name: bobble-4;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.alfa4 .alfa-wrapper .alfa:first-child {
    top: -160px;
    left: 380px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:nth-child(2) {
    top: 0px;
    left: 249px;
    ;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:nth-child(3) {
    top: 205px;
    left: 242px;
    animation-name: bobble-3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:last-child {
    bottom: -120px;
    left: 348px;
    animation-name: bobble-4;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.beta {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
    animation-name: bobble-5;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    top: 30px;
    right: 267px;
}

.beta .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.beta .primary-content .primary-dsa {
    font-size: 16px;
    line-height: 20px;
}

.beta .primary-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -220px;
    text-align: left;
    width: 210px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.beta .primary-content ul li {
    width: 100%;
    position: relative;
    padding-left: 20px;
    line-height: 18px;
    margin-bottom: 15px;
}

.beta .primary-content ul li:before {
    content: '\005C';
    display: block;
    position: absolute;
    left: 5px;
}

.gama {
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
}

.gama .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.gama .primary-content .primary-dsa {
    font-size: 24px;
    line-height: 20px;
    color: #00CA6F;
    font-family: 'FeltThat';
}

.gama .primary-content .primary-dsa > span {
    max-width: 95px;
    display: block;
    margin: 0 auto;
}

.gama .primary-content .primary-dsa > span > i {
    font-style: normal;
    display: block;
    margin: 0 auto;
    font-size: 66px;
    line-height: 33px;
    text-align: center;
}

.gama:first-child {
    bottom: 70px;
    right: 293px;
    width: 131px;
    height: 131px;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.gama:nth-child(2) {
    bottom: -47px;
    right: 164px;
    width: 150px;
    height: 150px;
    animation-name: bobble-3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.gama:last-child {
    bottom: -120px;
    right: 321px;
    width: 180px;
    height: 180px;
    animation-name: bobble-5;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@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);
    }
}

.blog-detail-wrapper .view-more.subscribe {
    text-align: left;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    position: absolute;
    bottom: 30px;
    margin: 0;
    z-index: 1;
    left: 15px;
}

.zoomer {
    overflow: hidden;
    background: #252b33;
    position: relative;
    height: 600px;
    width: 100%;
    text-align: center;
}

.zoomer-img {
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: cover!important;
    background-position: center !important;
    width: 100%;
    max-width: none;
    max-height: 600px;
    left: 0;
    background-color: #a0a0a0
}

.zoomer-txt {
    display: inline-block;
    text-align: center;
    left: 0;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    color: #fff;
    top: 40%;
    position: absolute;
    width: 100%;
}

.zoomer-txt h1 {
    max-width: 840px;
    margin: 0 auto;
    font-family: "Gotham-Black";
    font-size: 48px;
    text-align: center;
    line-height: 56px;
    letter-spacing: -1px;
    color: #FFFFFF;
}

.zoomer-txt p {
    font-family: Gotham-Medium;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    color: #FFFFFF;
    margin: 20px auto 30px;
}

.zoomer-txt .publish-name,
.zoomer-txt .publish-name a,
.zoomer-txt .by-name {
    color: #fff;
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: center;
    line-height: 19px;
    color: #FFFFFF;
}

.current-opening-detail-header .publish-name a {
    color: #fff;
}

.wrapper-404 {
    padding: 240px 0;
}

.block-404 {
    padding: 0 0 60px 0;
    text-align: center;
    margin: 0 auto;
    max-width: 844px;
    background-color: #FFFFFF;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    width: 100%;
    display: table;
}

.block-404 .img-404 {
    display: table;
    margin: 0 auto;
    position: relative;
    top: -60px;
    margin-bottom: -40px;
}

.block-404 h1 {
    font-family: Gotham-Ultra;
    font-size: 72px;
    text-align: center;
    line-height: 83px;
    letter-spacing: -2px;
    color: #101010;
    margin-top: 0;
}

.block-404 p {
    font-family: Gotham-Book;
    font-size: 32px;
    text-align: center;
    line-height: 46px;
    color: #4A4A4A;
    max-width: 520px;
    margin: 20px auto 30px;
}

.block-404 a {
    font-family: Gotham-Bold;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 2px;
    color: #00CA6F;
    display: table;
    text-decoration: none;
    margin: 0 auto;
}

.block-404 a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #333;
}

.comingsoon-wrapper {
    display: table;
    height: 500px;
}

.comingsoon-block {
    display: table-cell;
    vertical-align: middle;
}

.comingsoon-block h1 {
    font-family: Gotham-Ultra;
    font-size: 64px;
    line-height: 75px;
    letter-spacing: -2px;
    color: #1A1A1A;
    margin-top: 0;
}

.comingsoon-block p {
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 26px;
    color: #1A1A1A;
    max-width: 600px;
}

.comingsoon-block p a {
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 26px;
    color: #1A1A1A;
    text-decoration: none;
    block;
}

.comingsoon-block p a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #02b765;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus, .section-content:focus, .section:focus {
    outline: none;
}
.pagidisplay{display: none;}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.sports-slider-section {
    background: #F4F4F4;
    padding: 100px 0;
}

.sports-slider {
    position: relative;
}

.slick-list:after {
    content: "";
    background: rgba(244, 244, 244, 1);
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244, 244, 244, 1)), color-stop(50%, rgba(231, 56, 39, 0)), color-stop(100%, rgba(244, 244, 244, 1)));
    background: -webkit-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -o-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -ms-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: linear-gradient(to right, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=1);
}

.sports-block {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
    width: 185px;
    height: 185px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    text-align: center;
}

.sports-block img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 20;
    margin: 30px auto 0;
    display: inline-block;
}

.sports-block span {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 20;
    background: #fff;
    padding: 2px;
    margin: -70px auto 0;
    width: 98%;
    display: block;
    font-family: Gotham-Bold;
    color: #111111;
    font-size: 14px;
}

.slick-center .sports-block {
    background: #fff;
    width: 200px;
    height: 200px;
    margin: -7px auto 0;
}

.slick-center .sports-block img {
    margin: 40px auto 0;
}

.slick-center .sports-block span {
    margin: -75px auto 0;
}

.slider-item {
    padding-top: 10px;
    padding-bottom: 10px;
    outline: none;
}

button.slick-prev.slick-arrow {
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    margin-top: -24px;
    outline: none;
    font-size: 34px;
    color: #00CE67;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button.slick-next.slick-arrow {
    border: none;
    background: transparent;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    margin-top: -24px;
    outline: none;
    font-size: 34px;
    color: #00CE67;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button.slick-prev.slick-arrow:hover,
button.slick-next.slick-arrow:hover {
    color: #333;
}

.sports-slider-section .slick-track {
    min-height: 213px;
}

.duel-text {
    background: #F4F4F4;
    padding: 100px 0;
}

.duel-text h4 {
    font-family: Gotham-Bold;
    font-size: 24px;
}

.duel-text p {
    font-size: 16px;
    font-family: Gotham-Book;
    color: #333333;
}
.nav-toggle-right.show-nav {
    top: 50%;
    right: 30px;
}

@media screen and (min-width:768px) {
    .comingsoon-wrapper {
        min-height: 768px
    }
    .category-dropdown .dropdown-menu {}
    .category-dropdown .dropdown-toggle {
        display: none;
    }
    .category-dropdown .dropdown-menu {
        display: block;
        position: relative;
        box-shadow: none;
        border: none
    }
    .category-dropdown .dropdown-menu li {
        padding: 0
    }
    .category-dropdown .dropdown-menu li a {
        padding: 0;
        font-family: Gotham-Book;
        font-size: 13px;
        margin-bottom: 20px
    }
    .category-dropdown .dropdown-menu > .active > a,
    .category-dropdown .dropdown-menu > .active > a:hover,
    .category-dropdown .dropdown-menu > .active > a:focus {
        padding: 0;
        background: none;
        color: #00cc6b;
        font-family: Gotham-Bold;
    }
    .other-block .h2 {
        display: none
    }
    /*.footer-block ul {
        padding: 0;
        list-style: none;
        min-height: 160px
    }*/
    .footer-top .last-menu-block ul {
        text-align: center;
        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;*/
    }
    .cd-primary-nav ul {
        min-height: 180px;
        margin-bottom: 30px;
    }
    .menu-right ul {
        margin: 80px 0 0 0;
    }
    .menu-right {
        width: 400px;
        right: -400px;
        display: table;
    }
    .menu-right ul {
        display: table-cell;
        vertical-align: middle;
    }
    .menu-right.show-nav {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
        -webkit-transform: translateX(-400px) translateZ(0);
        transform: translateX(-400px) translateZ(0);
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0);
    }
    /*
    .nav-toggle-right.show-nav {
        top: 50%;
        right: 30px;
    }*/
    .menu-right ul {
        margin: 0;
        padding: 0 0 0 45px;
    }
    .pull-left-sm {
        float: left;
    }
    .pull-right-sm {
        float: right;
    }
    .differ-block-wrapper {
        clear: left;
        float: left;
        width: 100%;
        overflow: hidden;
        background: #404040;
    }
    .differ-block-wrapper-alt {
        background: #333;
    }
    .differ-block-wrapper-alt .differ-block {
        background: #404040;
    }
    .differ-block {
        float: left;
        width: 100%;
        position: relative;
        right: 50%;
        background: #333;
        padding: 60px 0;
    }
    .differ-left {
        float: left;
        width: 50%;
        position: relative;
        left: 50%;
        overflow: hidden;
    }
    .differ-right {
        float: left;
        width: 50%;
        position: relative;
        left: 50%;
        overflow: hidden;
    }
    .why-vinfo .h3 {
        font-size: 28px;
    }
    .why-vinfo p,
    .blog-detail-wrapper .blog-detail-block p {
        font-size: 16px
    }
    .show-case-type-2 .h3 {
        margin-bottom: 60px;
        font-size: 28px;
    }
    .show-case-type-2 .show-case-content p {
        font-size: 16px;
    }
    .show-case-type-2 .show-case-content {
        margin-bottom: 50px;
    }
    .show-case-type-1 .show-case-text-block .h3 {
        font-size: 36px;
        letter-spacing: -2px;
    }
    .show-case-type-1 .show-case {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .show-case-type-1 .show-case-text-block {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .codrops-header {
        height: 490px;
    }
    .blog-detail-wrapper .h2 {
        margin-top: 140px;
    }
    .showcase-nav-footer p {
        display: block
    }
    .about-vinfo-blog {
        background: url(../img/vinfo-service.png) no-repeat #F6F6F6;
        padding: 142px 0;
    }
    .key-people-img {
        display: inline-block;
        vertical-align: top;
        width: 226px;
        height: 310px;
        padding-bottom: 5px;
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: -231px;
        padding-left: 260px;
    }
}

@media screen and (min-width: 992px) {
   
    .footer-top .last-menu-block ul {
        text-align: left;
        min-height: auto;
    }
    /*.sub-nav-footer {
        text-align: right;
    }*/
    .copyright p {
        letter-spacing: 2px;
    }
    .footer-spacer {
        position: relative;
        z-index: -2;
    }
    
    .client-view-block {
        padding: 30px;
    }
    .copyright {
        text-align: right;
        margin-top: 30px
    }
    .pull-left-md {
        float: left;
    }
    .pull-right-md {
        float: right;
    }
    .differ-block {
        padding: 80px 0;
    }
    .why-vinfo .h3 {
        font-size: 34px;
    }
    .pera-img-view-1 {
        min-height: 300px
    }
    .show-case-type-1 .show-case-text-block p {
        font-size: 16px
    }
    .show-case-type-2 .h3 {
        margin-bottom: 60px;
        font-size: 36px;
    }
    .show-case-type-1 .show-case-text-block .h3 {
        font-size: 48px;
    }
    .show-case-type-1 .show-case {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .work-page .show-case-type-1 .show-case {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .more-show-case {
        text-align: right;
    }
    .show-case-type-1 .show-case-text-block {
        max-width: 405px;
    }
    .show-case-type-1 .show-case-text-block-wrapper {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .show-case-type-1 .show-case-img-block {
        width: 59.5%;
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    /*shivraj 08-02-17*/
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 533px;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    .show-case-type-1 .show-case.odd .show-case-img-block {
        padding-right: 50px;
        right: 40%
    }
    .show-case-type-1 .show-case.odd .show-case-text-block-wrapper {
        left: 60%
    }
    .show-case-type-1 .show-case.even .show-case-img-block {
        padding-left: 50px;
    }
    .show-case-type-1 .show-case.even .show-case-text-block {
        /*float: right*/
    }
    .show-case-type-1 .show-case.odd .show-case-text-block {
        float: left
    }
    .case-study-heading {
        font-size: 24px;
        margin-bottom: 30px;
        margin-top: 220px;
    }
    .case-study-head-info {
        margin-bottom: 30px;
        font-size: 64px;
        font-family: 'Gotham-Black';
        line-height: 1;
        color: #fff;
    }
    .case-study-head-info h1 {
        color: #fff;
        font-size: 64px;
        margin: 0;
    }
    .client-story {
        display: table-cell;
        padding: 0 20px;
        min-width: 50%;
    }
    .client-story + .client-story {
        width: 50%;
    }
    .home-page .section-1 .txt-content,
    .home-page .section-2 .txt-content,
    .home-page .section-3 .txt-content,
    .home-page .section-4 .txt-content,
    .home-page .section-5 .txt-content {
        width: 100%;
        max-width: 52%;
        text-align: left;
    }
    .panel-white .panel-body {
        padding: 50px 50px;
    }
    .key-people-img {
        vertical-align: middle;
        width: 304px;
        height: 400px;
        padding-bottom: 10px;
    }
    .key-people-info {
        vertical-align: middle;
        margin-left: -309px;
        width: 100%;
        padding-left: 330px;
    }
}


/*shivraj 08-02-17*/

.work-page .show-case-type-1 .show-case.odd .show-case-text-block-wrapper {
    left: 49%
}

.work-page .show-case-type-1 .show-case-text-block .know-more {
    color: #fff;
    font-family: Gotham-Book;
    font-size: 14px;
    text-decoration: none;
    margin-top: 10px;
}

.work-page .show-case-type-1 .show-case-text-block a {
    margin-bottom: 0px;
}

.work-page .show-case-type-1 .show-case-text-block .know-more:hover {
    color: #00cc6b;
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

@media(max-width:1024px) {
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 375px;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 37%;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 51%;
    }
}

@media(max-width:990px) {
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 480px;
        text-align: center;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 100%;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 100%;
    }
}

@media screen and (min-width:1200px) {
    button.slick-prev.slick-arrow {
        right: -90px;
    }
    button.slick-next.slick-arrow {
        left: -90px;
    }
    .pull-left-lg {
        float: left;
    }
    .pull-right-lg {
        float: right;
    }
    .differ-block {
        padding: 150px 0;
    }
    .pera-img-view-1 {
        min-height: 350px
    }
    .codrops-header .container {
        top: 15vh;
    }
    .codrops-header {
        height: 550px;
    }
    .user-story-block {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .section-6 .container {
        height: 100%;
    }
    .top-banner-block {
        height: 600px;
    }
    .rapid-development-wrap {
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .right-bar {
        right: 20px;
        top: 20px
    }
    .nav-toggle {
        left: 20px;
        top: 20px
    }
    .copyright p {
        letter-spacing: 4px;
    }
}

@media screen and (min-width:1280px) {
    .blog-detail-wrapper .view-more.subscribe.fixed a.btn {
        text-align: center;
        min-width: 150px;
        position: fixed;
        bottom: 60px;
        left: 15px;
        margin-top: 0px;
    }
}

@media screen and (min-width:1366px) {
    .blog-detail-wrapper .view-more.subscribe.fixed a.btn {
        left: 53px;
    }
    .work-page .show-case-type-1 .show-case {
       /* padding-top: 90px;
        padding-bottom: 90px;*/
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .contact-alt .column .contact-info .icon,
    .contact-alt .column .contact-info .h4 {
        margin-left: 20px;
    }
    .contact-alt .column .contact-info .phon-number {
        padding: 15px 20px 5px
    }
}

@media screen and (min-width:1600px) {
    .pull-left-xlg {
        float: left;
    }
    .pull-right-xlg {
        float: right;
    }
    .codrops-header .container {
        top: 21vh;
    }
    .codrops-header {
        height: 600px;
    }
    .top-banner-block {
        height: 600px;
    }
    .top-banner-block.current-opening-header {
        height: 700px;
    }
    .top-banner-block.current-opening-detail-header {
        height: 400px;
    }
    .top-banner-block.current-opening-detail-header.current-blog-detail-crx {
        height: 600px;
    }
    .contact-alt .column .contact-info {
        min-width: 360px;
    }
    .zoomer {
        height: 600px;
    }
    .zoomer-img {
        max-height: 600px;
    }
    .comingsoon-wrapper {
        min-height: 1080px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .home-page .section-1 .img-content {
        max-width: 45%;
        width: 100%;
        margin: 0 auto;
    }
    .home-page .section-1 .txt-content {
        max-width: 54%;
        width: 100%;
        margin: 0 auto;
    }
    .home-page .section-1 .txt-content h3 {
        margin: 0px auto 0;
    }
    .top-banner-block {
        height: 500px;
    }
    .top-banner-block.current-opening-header {
        height: 570px
    }
    .top-banner-block.current-opening-detail-header {
        height: 600px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    /*footer {
        padding-top: 50px;
        padding-bottom: 50px;
    }*/
    .why-vinfo-with-lp-block .equal-col {
        max-width: 100%;
        clear: both;
    }
    .lp-img {
        width: 40%;
        float: left;
    }
    .why-vinfo-with-lp-block .equal-col p {
        padding: 0px 15px 20px;
        margin: 0;
        width: 50%;
        display: inline-block;
        float: left;
    }
    .why-vinfo-with-lp-block .equal-col .li-name {
        float: right;
        width: 60%;
        text-align: left;
        display: inline-block;
        clear: both;
    }
    .why-vinfo-with-lp-block .equal-col .li-name p {
        float: right;
        width: 100%;
        text-align: left;
        display: inline-block;
        margin-bottom: 50px;
    }
}

@media screen and (min-width:1025px) {
    .section-7 .wrap {
        padding-top: 100px;
    }
    .section-6 .container {
        height: 100%;
    }
}

@media screen and (max-width:1279px) {
    .animation-wrapper .container-wrapper {
        width: 992px;
    }
    .omega {
        width: 320px;
        height: 320px;
    }
    .alfa {
        width: 130px;
        height: 130px;
    }
    .beta {
        width: 130px;
        height: 130px;
        top: -40px;
        right: 240px;
    }
    .alfa .primary-content ul {
        left: -200px;
        width: 190px;
    }
    .alfa3 .alfa-wrapper .alfa:first-child {
        top: -20px;
        left: 220px;
    }
    .alfa3 .alfa-wrapper .alfa:nth-child(2) {
        top: 129px;
        left: 192px;
    }
    .alfa3 .alfa-wrapper .alfa:last-child {
        bottom: -80px;
        left: 258px;
    }
    .gama:first-child {
        right: 213px;
        width: 110px;
        height: 110px;
    }
    .gama:nth-child(2) {
        width: 120px;
        height: 120px;
        bottom: -17px;
        right: 112px;
    }
    .gama:last-child {
        width: 140px;
        height: 140px;
        bottom: -80px;
        right: 241px;
    }
    .animation-wrapper.alfa4 {
        padding: 130px 15px;
    }
    .alfa4 .alfa-wrapper .alfa:first-child {
        top: -100px;
        left: 270px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(2) {
        top: 30px;
        left: 199px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(3) {
        top: 165px;
        left: 192px;
    }
    .alfa4 .alfa-wrapper .alfa:last-child {
        bottom: -100px;
        left: 278px;
    }
    .alfa2 .alfa-wrapper .alfa:first-child {
        top: 10px;
        left: 195px;
        ;
        animation-name: bobble;
        animation-duration: 8s;
        animation-iteration-count: infinite;
    }
    .alfa2 .alfa-wrapper .alfa:nth-child(2) {
        top: 170px;
        left: 202px;
        animation-name: bobble-2;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
}

@media screen and (max-width: 1024px) {
    .section-1 .txt-content,
    .section-2 .txt-content,
    .section-3 .txt-content,
    .section-4 .txt-content,
    .section-5 .txt-content {
        max-width: 530px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .section-1 .txt-content a {
        margin: 15px auto;
    }
    .img-content {
        margin-left: auto;
        margin-right: auto;
        display: table;
        max-width: 450px;
    }
    .visible-img-content-tablet {
        display: block !important
    }
    .hidden-img-content-tablet {
        display: none;
    }
    .txt-content a.know-more {
        float: none;
    }
    .bg-img {
        background-attachment: initial !important
    }
    .pagi {
        display: none
    }
    .home-page .section-6 .section-content {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section#section6 {
        height: auto !important;
    }
    .home-page .section-7 .txt-content-normal .h3:first-child {
        padding-top: 100px;
    }
    .circular-animation svg {
        stroke-dashoffset: 18;
    }
    .current-opening-header a {
        margin-bottom: 0px;
        display: block;
        float: left;
    }
    .home-page .section-1 .txt-content h3 {
        margin-top: 80px;
        text-align: center
    }
    .home-page .section-1 .txt-content p {
        text-align: center
    }
    .home-page .section-1 .txt-content a {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .about-wrapper {
        background-position: top left !important;
        background-size: initial !important;
    }
    .about-wrapper:last-child {
        background-position: top left !important;
        background-attachment: initial !important;
        background-size: cover !important;
        background-color: transparent !important;
    }
    .top-banner-block.current-opening-detail-header .h1 {
        font-size: 48px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:991px) {
    .wrapper-404 {
        padding: 200px 0 100px;
    }
    .home-page .section-6 .h2 {
        margin-left: auto;
        margin-right: auto;
    }
    .block-wrapper {
        margin: 15px auto;
    }
    .blog-detail-wrapper .h2 h2 {
        font-size: 48px;
        margin: 0;
    }
    /*.second-last.footer-block ul {
        min-height: auto;
        margin-bottom: 40px;
    }*/
    .last-menu-block .footer-block {
        margin-bottom: 30px;
    }
    /*.sub-nav-footer ul {
        margin-bottom: 30px;
    }*/
    .panel-white .panel-body {
        padding: 50px 50px;
    }
    .top-banner-block.current-opening-header .top-banner-bg {
        background-size: cover !important;
        background-position: 70% 0 !important;
    }
    .top-banner-block.current-opening-header {
        height: 500px;
    }
    .current-opening-header a {
        margin-bottom: 0px;
    }
    .section .txt-content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .txt-content a.know-more {
        float: none;
        display: inline-block;
    }
    .txt-content.txt-content-no-img {
        margin: 0 auto;
    }
    /*.sub-nav-footer {
        text-align: center;
    }*/
    .enquiries .description {
        margin-bottom: 20px;
    }
    .differ-content .media-icon-custom {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .differ-content .media-body {
        text-align: center
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 600px;
        margin: 0 auto;
        display: block;
    }
    .work-page .show-case-type-1 .show-case-img-block img {
        max-width: 500px;
    }
    .show-case-type-1 .show-case.even {
        background: url(../img/ST-1-T.png) no-repeat;
        background-size: inherit;
    }
    .show-case-type-1 .show-case + .show-case {
        border-top: 1px solid #ECECEC;
    }
    .show-case-type-1 .show-case.odd {
        background: url(../img/ST-2-T.png) no-repeat;
        background-position: top right;
        background-size: inherit;
    }
    .show-case-type-1 .show-case-img-block {
        margin-top: 30px;
    }
    .more-show-case,
    .show-case-type-1 .show-case-text-block .h5,
    .show-case-type-1 .show-case-text-block p,
    .show-case-type-1 .show-case-text-block .h3,
    .show-case-type-1 .show-case-text-block a {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .show-case-content .client-block .client-pic {
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        margin-bottom: 20px;
    }
    .show-case-content .client-block .client-pic img {
        max-width: 71px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .show-case-content .client-block .client-info {
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .show-case-content .client-block .client-designation .client-name {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .codrops-header .container {
        top: 9vh;
    }
    .home-page .section-6 .h2,
    .home-page .section-6 .h2 p {
        text-align: center;
    }
    .home-page .section-6 p,
    .field-name-field-team-small-text {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
    .home-page .section-6 .h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
    .home-page .section-6 ul {
        margin-bottom: 20px
    }
    .home-page .section-1 .txt-content h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
    }
    .copyright p {
        margin-bottom: 0;
        text-align: center;
    }
    .home-page .blog-section {
        margin-top: 40px;
    }
    .partner-block {
        margin-bottom: 60px;
    }
    .home-page .more-link {
        margin-top: 10px;
        margin-bottom: 50px;
    }
    .partner-block ul li {
        display: inline-block;
        margin-top: 10px
    }
    .home-page .quick-reads {
        -webkit-transform: translate(0, -22px);
        -moz-transform: translate(0, -22px);
        -ms-transform: translate(0, -22px);
        transform: translate(0, -22px)
    }
    .home-page .section-6 .bg-img-still {
        background: none !important;
    }
    .section-7 .txt-content-normal .client-testimonial + .h3 {
        margin-bottom: 10px;
    }
    .client-testimonial {
        margin-bottom: 80px;
    }
    .client-testimonial .owl-carousel .owl-stage {
        background: #fff
    }
    .section-7 .txt-content-normal .h3 {
        margin-bottom: 30px
    }
    .challenge ul li.tech:before,
    .challenge ul li.client:before {
        display: inline-block;
        position: initial;
        width: 100%;
    }
    .case-study-heading {
        margin-top: 160px;
    }
    .client-story .equal-col {
        height: auto !important
    }
    .challenge ul li.client {
        margin: 0 0 10px 0;
    }
    .challenge ul li.tech {
        margin: 0 0 30px 0;
    }
    .slider-txt-internal {
        margin: 0 auto;
        text-align: center
    }
    .slider-txt-content h3,
    .slider-txt-content p {
        padding-right: 0;
    }
    .slider-txt-content,
    .slider-txt-content.mobile,
    .slider-txt-content.tablet {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }
    .slider-wrapper {
        width: 100%;
        max-width: 570px;
        display: block;
        vertical-align: middle;
        margin: 0 auto;
    }
    .slider-txt-content a {
        margin-bottom: 50px;
        text-align: center;
        float: none;
    }
    .work-page .show-case-type-1 .show-case-text-block .h3 {
        font-size: 36px;
    }
    .top-banner-block {
        height: initial;
    }
    .top-banner-block .h1 {
        margin-top: 160px;
    }
    .top-banner-block p {
        margin-bottom: 40px;
    }
    .top-banner-block .zoomer-txt p {
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .rapid-development-wrap {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .internal-process-wrap {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .current-opening-header.top-banner-block .h1 {
        font-size: 48px;
        margin-top: 100px;
    }
    .top-banner-block.current-opening-detail-header .h1 {
        margin-top: 160px;
        margin-bottom: 10px;
    }
    .current-opening-detail-header.key-people.top-banner-block .h1 {
        margin-top: 120px;
        margin-bottom: 120px;
    }
    .current-opening-header.top-banner-block .h1 {
        margin-top: 30px;
    }
    .top-banner-block.current-opening-detail-header .gray-text {
        margin-bottom: 40px;
    }
    .top-banner-bg {
        background-size: 80% !important;
    }
    .contact-alt .column {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
        display: block;
        float: none;
    }
    .top-banner-block .h1 {
        font-size: 48px;
        margin-bottom: 20px;
    }
    .top-banner-block .h1 h1 {
        font-size: 48px;
        margin: 0;
    }
    .about-heading {
        font-size: 36px;
    }
    .rapid-development-content h3 {
        font-size: 24px
    }
    .journey-wraper.our-aim .h2 {
        font-size: 36px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .blog-section {
        margin-top: 60px;
    }
    .more-link {
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .more-link.empthy-more-link{
        margin-bottom: 30px;
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 36px
    }
    .open-position {
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .why-vinfo-with-lp-block .equal-col {
        margin: 0 auto;
    }
    .nav-block:last-child {
        margin-bottom: 30px;
    }
    .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;
    }
    .job-detail .btn-primary {
        letter-spacing: 2px;
    }
    .contact-form {
        padding-bottom: 0px;
    }
    .panel-white .panel-body {
        margin-top: 50px;
    }
    .contact-alt .column .contact-info {
        min-width: 360px;
    }
    .nav-footer {
        position: relative;
        bottom: 10px;
        right: initial;
        margin: 30px -15px 20px -15px;
        left: 15px;
    }
    .rigt-menu ul {
        text-align: center;
        min-height: initial;
        margin: 0;
    }
    .rigt-menu ul li {
        display: inline-block;
        width: auto;
        margin: 0 10px;
    }
    /*.footer-spacer {
        height: auto !important;
    }*/
    .animation-wrapper .container-wrapper {
        width: 768px;
    }
    .omega {
        width: 250px;
        height: 250px;
    }
    .primary-content .primary-dsa {
        font-size: 24px;
        line-height: 28px;
    }
    .alfa .primary-content .primary-dsa,
    .beta .primary-content .primary-dsa {
        font-size: 12px;
        line-height: 16px;
    }
    .beta .primary-content .primary-dsa {
        margin-bottom: 0px;
    }
    .alfa {
        width: 100px;
        height: 100px;
    }
    .alfa .primary-content ul li {
        font-size: 12px;
    }
    .beta .primary-content ul li {
        margin-bottom: 0;
    }
    .beta {
        width: 100px;
        height: 100px;
        top: -80px;
        right: 240px;
        font-size: 12px;
    }
    .alfa .primary-content ul {
        left: -170px;
        width: 160px;
    }
    .alfa3 .alfa-wrapper .alfa:first-child {
        top: -20px;
        left: 170px;
    }
    .alfa3 .alfa-wrapper .alfa:nth-child(2) {
        top: 99px;
        left: 148px;
    }
    .alfa3 .alfa-wrapper .alfa:last-child {
        bottom: -60px;
        left: 208px;
    }
    .alfa4 .alfa-wrapper .alfa:first-child {
        top: -90px;
        left: 230px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(2) {
        top: 20px;
        left: 149px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(3) {
        top: 135px;
        left: 168px;
    }
    .alfa4 .alfa-wrapper .alfa:last-child {
        bottom: -90px;
        left: 238px;
    }
    .alfa2 .alfa-wrapper .alfa:first-child {
        top: 10px;
        left: 155px;
        ;
        animation-name: bobble;
        animation-duration: 8s;
        animation-iteration-count: infinite;
    }
    .alfa2 .alfa-wrapper .alfa:nth-child(2) {
        top: 170px;
        left: 152px;
        animation-name: bobble-2;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
    .gama .primary-content .primary-dsa {
        font-size: 16px;
        line-height: 18px;
    }
    .gama .primary-content .primary-dsa > span > i {
        font-size: 46px;
        line-height: 23px;
    }
    .gama:first-child {
        right: 159px;
        width: 95px;
        height: 95px;
    }
    .gama:nth-child(2) {
        width: 120px;
        height: 120px;
        bottom: -17px;
        right: 52px;
    }
    .gama:last-child {
        width: 120px;
        height: 120px;
        bottom: -90px;
        right: 181px;
    }
    .green-block {
        padding: 20px;
        width: 360px;
        height: 120px;
        margin-top: -60px;
        right: -20px;
    }
    .blog-featured-img-wrap {
        margin: 40px 0 40px 0;
    }
    .blog-detail-wrapper .blog-detail-block:first-child {
        margin-top: 0;
    }
    .nutshell-wraper {
        padding-left: 35px;
        padding-right: 35px;
    }
    .animated-text-prefix h1 {
        font-size: 36px;
        line-height: 38px;
        max-width: 520px;
    }
    .animated-text-prefix p {
        max-width: 440px;
    }
}

@media screen and (max-width:767px) {
    .container-tst {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        z-index: 0;
        top: initial !important;
        left: initial !important;
    }
    .featur-vinfo .txt-content-new h6 {
        margin-bottom: 20px;
    }
    .block-404 h1 {
        font-size: 48px;
    }
    .block-404 p {
        font-size: 24px;
        line-height: 28px;
    }
    .zoomer-txt h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .client-story1 .client-story {
        width: 100%;
    }
    .block-wrapper {
        max-width: 310px;
    }
    .zoomer {
        height: 600px;
    }
    .zoomer-img {
        max-height: 600px;
    }
    .category-dropdown .dropdown-menu li a:hover {
        background: none;
        color: #00cc6b;
        -moz-transform: translate(1px, 0px);
        -webkit-transform: translate(1px, 0px);
        -o-transform: translate(1px, 0px)
    }
    .dropdown.category-dropdown {
        height: 48px;
    }
    .dropdown.category-dropdown .dropdown-toggle {
        width: 100%;
        display: block;
        height: 48px;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 1.33;
        border-radius: 0;
        border: 1px solid #ddd;
        text-decoration: none;
    }
    .dropdown.category-dropdown.open > .dropdown-menu {
        width: 100%;
    }
    .dropdown.category-dropdown .dropdown-toggle .caret {
        right: 0;
        border: 2px solid;
        border-radius: 2px;
        border-color: transparent #888888 #888888 transparent;
        width: 12px;
        height: 12px;
        -webkit-transform: rotate(44deg);
        -ms-transform: rotate(44deg);
        -o-transform: rotate(44deg);
        transform: rotate(44deg);
        top: 13px;
        position: absolute;
        right: 20px;
    }
    .dropdown.category-dropdown .dropdown-menu > li > a {
        line-height: 38px;
    }
    .dropdown.category-dropdown.open > .dropdown-toggle .caret {
        top: 19px;
        -webkit-transform: rotate(224deg);
        -ms-transform: rotate(224deg);
        -o-transform: rotate(224deg);
        transform: rotate(224deg);
    }
    .green-block {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0;
        height: auto;
        border-radius: 0 0 4px 4px;
        padding: 15px;
    }
    .blog-featured-img-wrap img {
        border-radius: 4px 4px 0 0
    }
    .blog-detail-wrapper .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .animation-wrapper-mobile {
        display: block;
    }
    .animation-wrapper {
        display: none !important;
    }
    .sub-nav-footer ul {
        margin-bottom: 00px;
    }
    .animation-wrapper {
        display: none;
    }
    .current-opening-detail-header.key-people.top-banner-block .h1 {
        margin-top: 90px;
        margin-bottom: 90px;
    }
    .blog-detail {
        padding-bottom: 20px;
    }
    .right-bar-internal {
        padding: 25px 15px 30px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        display: block
    }
    .top-banner-block .h1 {
        margin-top: 120px;
    }
    .slider-txt-content h3 {
        margin-bottom: 20px
    }
    .internal-process-img .p {
        width: 100%;
        display: inline-block;
    }
    .show-case-type-2 .h3 {
        text-align: left
    }
    .slider-txt-content h3 {
        margin-bottom: 20px;
    }
    .user-story-start {
        text-align: left
    }
    .top-banner-bg {
        display: none;
    }
    .media-icon-custom {
        min-width: 70px;
    }
    .home-page .section-7 .txt-content-normal .h3 {
        padding-top: 0
    }
    /*.right-bar{display:none}*/
    #fp-nav {
        display: none;
    }
    .client-testimonial {
        max-width: 414px;
    }
    .client-img,
    .client-view {
        width: 100%
    }
    .contact-form {
        padding-bottom: 0;
        max-width: 450px;
        margin: 0 auto;
    }
    footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-block ul li:first-child {
        margin-top: 10px
    }
    .footer-block .h2 {
        position: relative;
        display: block;
        line-height: 45px;
        margin-bottom: 0;
        margin: 0;
        padding-bottom: 0;
    }
    /*.footer-block .h2:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .footer-block .h2.open:after {
        content: "\e906"
    }*/
    .footer-block {
        margin-bottom: 0;
    }
    .footer-bottom {
        margin-top: 25px;
    }
    .contact-wrapper .h1 {
        font-size: 42px;
        margin-top: 140px;
    }
    .contact-wrapper .h1 h1 {
        margin: 0px;
        font-size: 42px;
    }
    .contact-wrapper p {
        margin-bottom: 50px;
    }
    .xs-text-center {
        text-align: left
    }
    .differ-left {
        background: #333;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .differ-right {
        background: #404040;
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .text-center-xs {
        text-align: left;
    }
    .media-icon-custom + .media-body h4.media-heading {
        font-size: 16px;
    }
    .media-icon-custom + .media-body > p {
        margin-bottom: 25px;
        font-size: 16px;
    }
    .media:last-child .media-body p {
        margin-bottom: 0;
    }
    .media-section-offer {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .differ-content {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        text-align: center
    }
    .codrops-header {
        height: 350px;
    }
    .tilt__front {
        background-position: right top;
        background-size: contain !important;
    }
    .differ-content p {
        font-size: 14px;
    }
    .why-vinfo .media-left {
        display: none
    }
    .show-case-type-2 .h3 {
        margin-bottom: 30px;
        font-size: 24px;
    }
    .show-case-text {
        width: 100%;
        display: block;
        vertical-align: middle;
        position: relative;
    }
    .show-case-img {
        width: 100%;
        display: block;
        vertical-align: middle;
        text-align: center;
        padding-left: 0;
        position: relative;
    }
    .show-case-type-2 .show-case-content.odd .show-case-img {
        text-align: center;
        padding-left: initial;
        padding-right: 0px;
        left: initial
    }
    .show-case-type-2 .show-case-content.odd .show-case-text {
        left: initial;
    }
    .show-case-type-2 .show-case-content .h4 {
        text-align: left
    }
    .show-case-type-2 .show-case-content p {
        text-align: left
    }
    .show-case-type-1 .show-case {
        background: none !important;
    }
    .why-vinfo .h3 {
        text-align: left
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 480px;
    }
    .show-case-content .client-block .client-pic img {
        max-width: 40px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .codrops-header .h1 {
        text-align: center;
        font-size: 44px;
        letter-spacing: 0px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }
    .codrops-header p {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-width: 100%
    }
    .codrops-header .container {
        top: 23vh;
    }
    .featur-vinfo .media {
        margin-bottom: 20px;
    }
    .footer-block ul {
        display: none;
    }
    .home-page .section-7 {
        padding-bottom: 00px;
    }
    .height-400 .section-1 {
        height: auto !important;
    }
    .height-400 .section-1 .img-content {
        padding-bottom: 50px;
    }
    .section-7 .txt-content-normal .h3 {
        font-size: 24px;
    }
    .home-page .blog-section {
        margin-top: 0px;
    }
    .blog-detail-wrapper .h2 {
        margin-bottom: 20px;
    }
    .why-vinfo {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .show-case-type-2 {
        padding-top: 30px;
    }
    .why-vinfo .h3 {
        margin-bottom: 40px;
    }
    .blog-section {
        margin-top: 30px;
    }
    .more-link {
        margin-bottom: 70px;
    }
    .more-link.empthy-more-link{
        margin-bottom: 30px;
    }
    .user-story-block {
        text-align: left;
        margin-bottom: 20px;
    }
    .showcase-nav-footer {
        height: auto;
    }
    .showcase-nav-footer .prev-case,
    .showcase-nav-footer .next-case {
        display: inline-block;
        width: 100%
    }
    .showcase-nav-footer .next-case {
        border-top: 1px solid #ECECEC;
    }
    .showcase-nav-footer i {
        display: none;
    }
    .showcase-nav-footer h4 {
        margin: 0;
        line-height: 80px;
    }
    .showcase-nav-footer a {
        display: block;
        height: 80px;
    }
    .showcase-slider {
        padding: 40px 0;
    }
    .post-internal:after,
    .story-post:after,
    .story-start {
        display: none;
    }
    .story-post:nth-child(even) {
        text-align: left;
    }
    .story-post:nth-child(odd) .post-internal {
        left: initial;
        padding-left: 0;
        padding-right: initial;
    }
    .post-internal {
        width: 100%;
        position: initial;
        float: left;
        clear: both;
        padding-right: 0;
    }
    .story-post p {
        max-width: 100%;
    }
    .story-post:nth-child(even) p {
        float: left;
    }
    .story-line-wrapper {
        padding-bottom: 40px;
    }
    .user-story-start {
        margin-bottom: 0;
    }
    .story-post h3 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.3;
        letter-spacing: 0;
        font-family: Gotham-Bold;
    }
    .featured-in {
        padding-top: 30px;
    }
    .featured-in .h2 {
        margin-top: 0;
    }
    .featured-in ul {
        margin-bottom: 0px;
    }
    .client-story + .client-story:last-child p {
        margin-top: 0
    }
    .case-story {
        padding-top: 60px;
        padding-bottom: 40px
    }
    .journey-wraper {
        padding-top: 60px;
    }
    .showcase-img-wrapper {
        padding-top: 50px;
    }
    .work-page .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 100px;
    }
    .work-page .show-case-type-1 .show-case-img-block img {
        max-width: 400px;
        width: 100%
    }
    .top-banner-block .h1 {
        font-size: 48px;
    }
    .rapid-development-content {
        background: none;
        padding: 0
    }
    .rapid-development-content h3 {
        font-size: 24px;
    }
    .rapid-development-wrap {
        padding-top: 40px;
        padding-bottom: 50px
    }
    .internal-process-img img.img-1 {
        display: none;
    }
    .internal-process-img img.img-2 {
        display: block;
        margin: 0 auto;
    }
    .about-heading,
    .journey-wraper.our-aim .h2 {
        font-size: 36px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .internal-process-img p {
        margin-bottom: 10px;
    }
    .gallery-slider-wrap .owl-nav {
        display: none;
    }
    .why-vinfo-with-lp-block .equal-col .li-name {
        margin-bottom: 50px;
        padding: 0;
    }
    .challenge {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .journey-wraper.our-aim .h2 {
        margin-bottom: 20px;
    }
    .internal-process-img p {
        font-size: 24px;
        text-align: center;
        margin: 0px 0 30px 0
    }
    .internal-process-img:last-child {
        margin: 40px 0 0px 0
    }
    .home-page .section-6 .h3,
    .block-wrapper a span.blog-heading {
        font-size: 24px;
    }
    .why-vinfo .media-heading {
        font-size: 18px;
    }
    .journey-wraper .h2,
    .challenge .h2,
    .user-story-line .h2 {
        font-size: 24px
    }
    .journey-wraper .h2 h2 {
        font-size: 24px;
        margin: 0;
    }
    .about-wrapper {
        height: 480px !important
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 36px;
        text-align: left
    }
    .why-vinfo p {
        text-align: left;
    }
    .why-vinfo-with-lp-block .equal-col p {
        padding: 30px 0px;
    }
    .open-position .h3 {
        display: inline-block;
        width: 100%;
        margin-top: 0;
    }
    .top-banner-block.current-opening-header {
        height: 380px;
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 24px
    }
    .current-opening-header.top-banner-block .h1,
    .top-banner-block.current-opening-detail-header .h1 {
        font-size: 36px;
    }
    .top-banner-block.current-opening-detail-header .h1 h1 {
        font-size: 36px;
    }
    .open-position .h3 h3 {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 24px;
    }
    .vacancy a {
        font-size: 16px;
    }
    .contact-alt .column .contact-info {
        min-width: 260px;
    }
    .panel-white .panel-body {
        padding: 30px 30px
    }
    .key-people-img {
        display: inline-block;
        vertical-align: top;
        width: 226px;
        height: 310px;
        padding-bottom: 5px;
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: -231px;
        padding-left: 260px;
    }
    .key-detail {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .key-people-block {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:550px) {
    .custom-popup .modal-content {
        margin: 50px 15px;
    }
    .top-banner-block.current-opening-header {
        height: 380px;
    }
    .right-bar-internal .btn-block {
        padding: 14px 16px;
    }
    .key-people-img {
        display: table;
        vertical-align: top;
        width: 226px;
        height: 280px;
        padding-bottom: 5px;
        /*margin: 0 auto;*/
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: 0;
        padding-left: 0;
        margin-top: 20px;
    }
    .tranding-div {
        position: fixed;
        right: 5px;
        bottom: 10px;
        max-width: 310px;
        z-index: 120;
    }
    .tranding-content {
        height: 100%;
        padding: 10px 20px 20px;
        max-height: 360px;
    }
    .tranding-div > a {
        width: 36px;
        height: 36px;
        line-height: 33px;
        font-size: 16px
    }
    .tranding-div > a i,
    .tranding-div > a i:before {
        line-height: 36px;
        font-size: 16px;
    }
    .tranding-div > a.active i.icon-trend {
        font-size: 12px;
        line-height: 33px;
    }
    .tranding-div > a.active i.icon-trend:before,
    .tranding-div > a:hover,
    .tranding-div a.active {
        font-size: 12px;
        line-height: 36px;
    }
    .tranding-content:after {
        right: 10px;
    }
    .tranding-content:before {
        right: 8px;
    }
    .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:750px) and (orientation:landscape) {
    .tranding-carousal .tanding-news-img {
        margin: 5px 0 10px;
    }
    .tranding-carousal .h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        margin: 0;
    }
    .tranding-content {
        max-width: 280px;
        max-height: 257px;
    }
}

@media screen and (max-width:480px) {
    .menu-header {
        position: fixed;
        top: 65px;
        right: initial;
        left: 15px;
    }
    .txt-content h3,
    .txt-content .h3 {
        font-size: 24px;
    }
    .cd-primary-nav {
        padding-top: 85px;
        height: 100%;
        top: -100%;
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 320px;
    }
    .codrops-header .h1 {
        text-align: center;
        font-size: 40px;
    }
    .codrops-header {
        height: 350px;
    }
    .codrops-header .container {
        top: 15vh;
    }
    .home-page .section-6 .h2,
    .home-page .section-6 .h2 p {
        font-size: 36px;
    }
    .case-study-featuring-img img {
        width: 100%
    }
    .text-content-bottom {
        margin-bottom: 10px;
    }
    .challenge {
        padding-top: 40px;
    }
    .current-opening-header a {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:414px) {
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 24px;
    }
    .partner-block {
        margin-bottom: 60px;
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 100%;
    }
    .case-study-head-info {
        font-size: 36px;
    }
    .case-study-head-info h1 {
        color: #fff;
        font-size: 36px;
        margin: 0;
    }
    .case-study-heading {
        margin-top: 140px;
    }
    .slider-wrapper.mobile {
        width: 85%;
    }
    .user-story-line .h2,
    .about-heading,
    .journey-wraper.our-aim .h2,
    .work-page .show-case-type-1 .show-case-text-block .h3 {
        font-size: 24px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 24px;
        margin: 0;
    }
    .top-banner-block .h1 {
        font-size: 36px;
    }
    .top-banner-block .h1 h1 {
        font-size: 36px;
        margin: 0;
    }
    .slider-txt-content h3 {
        font-size: 24px;
        margin-top: 0;
    }
    .challenge {
        padding-top: 20px;
    }
    .user-story-line p,
    .user-story-line .h2 {
        text-align: left;
    }
    .work-page .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 30px;
    }
    .journey-wraper {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .internal-process-wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .current-opening-header.top-banner-block .h1 {
        font-size: 36px;
        margin-top: 60px;
    }
    .case-study-tag ul li:after {
        display: none;
    }
    .work-page .section-1 .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 60px;
    }
    .contact-alt .column .contact-info .icon,
    .contact-alt .column .contact-info .h4 {
        margin-left: 15px;
    }
    .contact-alt .column .contact-info .phon-number {
        padding: 15px 15px 5px
    }
    .contact-alt {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .panel-white .panel-body {
        margin-bottom: 50px;
    }
}

@media screen and (max-width:767px) {
    .list-style-block li {
        display: block;
    }
    .list-style-block li a:after {
        display: none;
    }
    .case-study-tag ul li:after {
        display: none
    }
}

.video-player {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 99999;
}

.video-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.video-container embed,
.video-container iframe,
.video-container object {
    width: 100%;
    height: 100%;
}

.videoclose {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 40px;
    top: 30px;
    z-index: 5;
    color: #fff;
    text-decoration: none !important;
}

.overlay-txt {
    position: relative;
}

.clientImg {
    position: relative;
}

.over-texts {
    color: #fff;
    position: absolute;
    z-index: 5;
    top: 70px;
    left: 110px;
    width: 320px;
}

.over-texts p {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}

.over-texts .client_name,
.over-texts .client_position {
    line-height: 1;
    margin: 0;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    color: #fff;
}

.over-texts .client_name {
    font-size: 24px;
    font-family: Gotham-Ultra;
    margin-bottom: 5px;
}

.over-texts .client_position {
    font-size: 16px;
    font-family: Gotham-Medium;
}

.play-btn {
    color: #fff;
    font-size: 64px;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    line-height: 1;
}

.play-btn:hover,
.play-btn:focus {
    text-decoration: none;
}

@media only screen and (max-width: 991px) {
    .over-texts {
        top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .over-texts {
        top: 38px;
        left: 15px;
    }
    .play-btn {
        margin-bottom: 5px;
        font-size: 44px;
    }
    .over-texts .client_name {
        font-size: 22px;
    }
}

@media only screen and (max-width: 320px) {
    .over-texts {
        top: 15px;
    }
}

.lead-heading {
    font-family: 'Gotham-Black';
    font-size: 48px;
    color: #1A1A1A;
    margin-top: 50px;
    margin-bottom: 18px;
    line-height: 1.0;
}

.sub-lead-heading {
    font-family: Gotham-Book;
    font-size: 18px;
    color: #1A1A1A;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .lead-heading {
        font-size: 32px;
    }
}

.social-network {
    border-top: 1px solid #C8C7C7;
    border-bottom: 1px solid #C8C7C7;
    display: table;
    vertical-align: middle;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 1;
    margin-top: 50px;
}

@media only screen and (max-width: 767px) {
    .social-network {
        text-align: center;
    }
}

.social-network-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-family: Gotham-Medium;
    font-size: 16px;
}

.social-network-inner>h4 {
    margin: 0;
}

.social-network-inner>.list-inline {
    margin-top: 15px;
}

.social-network-inner>.list-inline>li+li {
    margin-left: 10px;
}

.social-network-inner>.list-inline>li>a {
    color: #9B9B9B;
    font-size: 18px;
    line-height: 1;
}

.social-network-inner>.list-inline>li>a:hover,
.social-network-inner>.list-inline>li>a:focus {
    text-decoration: none;
    color: #00ca6f;
}

@media only screen and (min-width: 768px) {
    .social-network-inner>.list-inline {
        margin-top: 0;
    }
    .social-network-inner>h4 {
        float: left;
    }
    .social-network-inner>.list-inline {
        float: right;
    }
}

.social-network.centered-align {
    text-align: center;
}

.social-network.centered-align .social-network-inner>.list-inline {
    float: none;
    margin-top: 0;
}

.nutshell-wraper+.social-network {
    border-top: 0;
    margin-top: 0;
    padding-bottom: 50px;
}

@media only screen and (min-width: 768px) {
    #facebookcomments {
        margin-top: 90px !important;
    }
}

@media only screen and (max-width: 767px) {
    #facebookcomments {
        width: 100% !important;
    }
}

.videoPlayBtn {
    font-size: 16px;
}

.videoPlayBtn > i {
    font-size: 23px;
    vertical-align: middle;
}

.videoPlayBtn > a {
    display: inline-block;
    vertical-align: middle;
}

.body-color {
    color: #101010;
}

.read-story-link {
    color: #00CA6F;
    font-family: Gotham-Bold;
    letter-spacing: 2px;
    display: block;
}


/*.top-banner-block:not(.current-opening-detail-header){
  padding-top: 180px;
  height: auto !important;
  padding-bottom: 40px;
}
.top-banner-bg{
  height: 100%;
  background-position: bottom right !important;
}*/

.blog-section-sm .row {
    margin-left: -10px;
    margin-right: -10px;
}

.blog-section-sm [class^="col-"],
.blog-section-sm [class*=" col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.table-green {
    color: #333;
}

.table-green th {
    background-color: #81e3ba;
}

.table-green > thead > tr > th,
.table-green > tbody > tr > td {
    border: 1px solid #e0f5ec;
    vertical-align: middle;
    font-size: 15px;
}

.table-green > tbody > tr > td {
    background-color: #f3f8fe;
}

.table-green > tbody > tr:nth-child(even) > td {
    background-color: #d9f7eb;
}

.table-label {
    display: none;
    color: #616161;
    font-size: 12px;
    margin-bottom: 2px;
}

.table-responsive-secondary th {
    text-align: center;
}

.table-responsive-secondary > .table > thead > tr > th {
    border-bottom: 0;
}

.table-responsive-secondary > .table {
    vertical-align: middle;
}

.table-responsive-secondary > .table > tbody > tr > td .icon-check {
    color: #02872c;
}

.table-responsive-secondary > .table > tbody > tr > td .icon-cross {
    color: #f90000;
}

.table-responsive-secondary > .table > thead > tr > th:first-child,
.table-responsive-secondary > .table > tbody > tr > td:first-child {
    width: 35%;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .table-label {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive-secondary .table>thead {
        display: none;
    }
    .table-responsive-secondary .table > tbody,
    .table-responsive-secondary .table > tbody > tr,
    .table-responsive-secondary .table > tbody > tr > td {
        display: block;
        width: 100%;
        float: left;
    }
    .table-responsive-secondary .table > tbody > tr+tr {
        border-top: 1px solid #d6eae1;
    }
    .table-responsive-secondary .table > tbody,
    .table-responsive-secondary .table > tbody > tr > td {
        border: none;
    }
    .table-responsive-secondary .table > tbody > tr > td {
        width: 33.33%;
    }
    .table-responsive-secondary .table > tbody > tr > td:first-child {
        width: 100%;
    }
}

.banner-play-btn {
    color: #4A4A4A;
    text-decoration: none !important;
    font-size: 54px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: 150px;
    margin-left: 150px;
    &:hover,
    &:focus {
        color: #00cc6b;
        text-decoration: none !important;
    }
}

@media screen and (max-width: 767px) {
    .blog-post-items {
        height: auto !important;
    }
    .blog-post-content {
        min-height: auto !important
    }
    .mobile-pad-b0 {
        padding-bottom: 0;
    }
    .mobile-pad-t25 {
        padding-top: 25px !important;
    }
    .mobile-m-b0 {
        margin-bottom: 0 !important;
    }
    .floated-btn {
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
    }
    .floated-btn>.btn {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .tranding-div {
        display: none;
    }
    .home-page footer {
        padding-bottom: 100px;
    }
}

.blogSection {
    height: 686px;
    background: url(../img/blog-banner.jpg) no-repeat left top;
    background-size: cover;
    color: #fff;
}

.blogSection-hegiht {
    background-position: 100%;
}

@media (min-width: 1601px) {
    .blogSection-hegiht {
        height: 686px;
    }
}

@media (min-width: 2200px) {
    .blogSection-hegiht {
        height: 800px !important;
        background-position: 100% 55%;
    }
}

@media (max-width: 1600px) {
    .blogSection-hegiht {
        height: 400px !important;
    }
}

@media (max-width: 1024px) {
    .blogSection-hegiht {
        height: 307px !important;
    }
    /*.footer-block .h2 {
        position: relative;
        display: block;
        line-height: 45px;
        margin-bottom: 0;
        margin: 0;
        padding-bottom: 0;
    }*/
    .footer-block .h2:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .footer-block .h2.open:after {
        content: "\e906"
    }
    .second-last.footer-block ul {
        min-height: auto;
        margin-bottom: 40px;
        margin-top: 15px;
    }
    .footer-block ul {
        padding: 0;
        list-style: none;
        min-height: 160px;
        margin-bottom: 40px;
        margin-top: 15px;
    }
    .footer-spacer {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .blogSection-hegiht {
        height: 160px !important;
    }
}

.blogSection_inner {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 1;
}

.blogSection--vMiddle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 100%;
}

.blogSection_heading {
    margin-bottom: 0;
    margin-top: 0;
    /*text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);*/
    color: #fff;
    margin-bottom: 25px;
}

.blogSection_heading--big {
    font-family: "Gotham-Black";
    font-size: 36px;
}

.blogSection_heading--sm {
    font-family: Gotham-Medium;
    font-size: 13px;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .blogSection {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .blogSection {
        height: 400px;
    }
    .blogSection_heading {
        margin-bottom: 15px;
    }
    .blogSection_heading--big {
        font-size: 25px;
    }
}

.btn-bordered {
    font-size: 16px;
    line-height: 19px;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    box-shadow: none;
}

.btn-bordered:hover,
.btn-bordered:focus,
.right-bar .btn-bordered:hover,
.right-bar .btn-bordered:focus {
    background-color: #fff;
    color: #333;
}

.text-transform-no {
    text-transform: none !important;
}

.blogCategories {
    padding-top: 25px;
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .blogCategories>.dropdown-toggle {
        width: 100%;
        display: block;
        height: 48px;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 1.33;
        border-radius: 0;
        border: 1px solid #ddd;
        text-decoration: none;
        text-align: left;
        color: #666;
        position: relative;
    }
    .blogCategories>.dropdown-toggle .caret {
        position: absolute;
        right: 16px;
        top: 22px;
    }
    .blogCategories.open>.dropdown-toggle .caret {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .categories-list {
        width: 100%;
        top: 69px;
    }
    .categories-list>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (min-width: 768px) {
    .blogCategories>.dropdown-toggle {
        display: none;
    }
    .categories-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        box-shadow: none;
        border: none;
        float: none;
    }
    .categories-list>li {
        float: left;
        color: #666666;
        text-align: center;
    }
    .categories-list>li>a {
        color: #666666;
        font-family: Gotham-Medium;
        font-size: 14px;
        text-decoration: none;
        border: 1px solid transparent;
        border-radius: 100px;
        display: block;
        padding: 8px 14px;
        line-height: 1;
    }
    .categories-list>li>a:hover,
    .categories-list>li>a:focus,
    .categories-list>li.active>a,
    .categories-list>li.active>a:hover,
    .categories-list>li.active>a:focus {
        color: #00CA6F;
        background-color: transparent;
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .categories-list>li.active>a {
        border: 1px solid #C8C7C7;
    }
    .blogSectionSection {
        background-color: #fff;
    }
}

.blog-post-list {
    margin-left: -10px;
    margin-right: -10px;
}

@media (min-width: 1199px) {
    .blog-post-list {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.blog-post-items {
    padding: 10px;
}

.blog-post-img {
    height: auto;
}

.blog-post-img>img {
    border-radius: 2px;
}

.blog-post-content {
    padding: 15px 0;
    font-family: Gotham-Book;
    font-size: 16px;
    /*text-align: center;*/
    line-height: 25px;
    color: #666666;
    min-height: 280px;
}

.blog-post-heading {
    margin-top: 0;
    margin-bottom: 10px;
}

.blog-post-heading-sm {
    font-family: Gotham-Medium;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    text-transform: uppercase;
    margin-top: 15px;
}

.blog-post-heading-lead {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 28px;
    color: #1A1A1A;
    min-height: 85px;
}

.blog-post-content p {
    margin-bottom: 5px;
    min-height: 70px;
    overflow: hidden;
    height: 50px;
}

.blog-post-content .readMore {
    font-family: Gotham-Medium;
    font-size: 14px;
    line-height: 24px;
    color: #9B9B9B;
    text-decoration: none;
}

.blog-post-content .readMore:focus,
.blog-post-content .readMore:hover {
    color: #00CA6F;
}

@media (max-width: 767px) {
    .blog-post-img {
        /*height: 155px;*/
    }
    .blog-post-heading-sm {
        margin-top: 0;
    }
}

.loadmore-posts {
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
}

.loadmore-posts>.btn {
    box-shadow: none;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
}

.subscribe-block {
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    font-family: Gotham-Book;
    font-size: 12px;
    color: #666666;
}

.subscribe-block h3 {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 27px;
    color: #1A1A1A;
    margin-top: 0;
    margin-bottom: 5px;
}

.subscribe-form {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    position: relative;
}

.subscribe-form .element-invisible {
    display: none;
}

.subscribe-form .form-text,
.subscribe-form .form-control,
.subscribe-form .dropdown,
.subscribe-form .form-item {
    float: left;
    width: 280px;
    height: 48px;
}

.subscribe-form .dropdown,
.subscribe-form .form-item-selectCategory {
    margin-left: -1px;
    outline: none !important;
}

.categories-type-btn {
    height: 48px;
    border: 1px solid #D8D8D8;
    border-radius: 0 2px 2px 0;
    display: block;
    padding: 6px 12px;
    line-height: 34px;
    font-size: 16px;
    color: #1A1A1A;
    text-decoration: none;
    text-align: left;
    position: relative;
}

.open>.categories-type-btn,
.categories-type-btn:hover,
.categories-type-btn:focus {
    text-decoration: none;
    color: #00ca6f;
}

.categories-type-btn:hover .caret,
.categories-type-btn:focus .caret {
    border-color: transparent #00ca6f #00ca6f transparent;
}

.open>.categories-type-btn .caret {
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.categories-type-btn .caret {
    position: absolute;
    right: 16px;
    top: 19px;
    height: 7px;
    width: 7px;
    border: 1px solid;
    border-color: transparent #000000 #000000 transparent;
    -moz-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
}

.subscribe-form .form-control:focus {
    box-shadow: none;
}

.subscribe-form .dropdown .dropdown-menu {
    width: 100%;
    margin-top: -1px;
}

.subscribe-form .dropdown .dropdown-menu>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn--subscribe {
    float: left;
    width: 140px;
    height: 48px;
    background-color: #00CA6F;
    border: 2px solid #00CA6F;
    border-radius: 2px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    box-shadow: none;
    margin-left: 11px;
}

.subscribe-form .form-select option {
    display: none;
}

.white-wrapper {
    background-color: #fff;
}

.absolute {
    position: absolute;
}

.form-checkboxes >.form-type-checkbox {
    float: none;
    width: 100%;
    height: auto;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.form-checkboxes {
    min-height: 200px;
    overflow: auto;
    width: 280px;
    display: none;
    position: absolute;
    left: 279px;
    top: 48px;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 8px;
    z-index: 9;
    min-width: 234px;
}

#block-simplenews-0 > h2 {
    display: none;
}

@media (max-width:767px) {
    .subscribe-form {
        width: 100%;
    }
    .subscribe-form .form-control,
    .subscribe-form .form-text,
    .subscribe-form .dropdown,
    .subscribe-form .btn--subscribe,
    .subscribe-form .form-item {
        float: none;
        margin: 0 0 4px 0;
        width: 100%;
        max-width: 100%;
    }
    .form-checkboxes {
        top: 98px;
        width: 100%;
        left: 0;
    }
}


/* shivraj */

@media(min-width:768px) {
    .drop-down-menu:hover .dropdown-menu {
        display: block;
    }
    .drop-down-menu .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .drop-down-menu {
        position: relative;
    }
}

.drop-down-menu .dropdown-menu>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.drop-down-menu .dropdown-menu {
    margin: 0px !important;
}

@media (max-width:767px) {
    .banner-box-support img {
        max-width: 100%;
    }
    .banner-box-support {
        display: table;
        margin: 38px 0px 26px;
    }
    .button-box-support {
        background-color: #00ca6f;
        color: #fff;
        display: inline-block;
        padding-left: 4px;
        position: relative;
        text-align: center;
        width: 100%;
        font-weight: bold;
        position: relative;
        margin-top: 10px;
        padding: 20px;
    }
    .blog-post-img {
        /*height: 201px;*/
    }
    .drop-down-menu .dropdown-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        max-height: 300px;
        border-top: #00ca6f solid 1px;
        padding-left: 11px;
        background: #f2f2f2;
        overflow-y: auto;
    }
    .drop-down-menu > a:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .displayblock:after {
        content: "\e906" !important;
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .displayblock + .dropdown-menu {
        display: block;
    }
}

.blog-post-heading-sm a {
    color: #666666;
}

.blog-post-heading-sm a:hover,
.blog-post-heading-lead a:hover {
    text-decoration: none;
    color: #00ca6f;
}

.blog-post-heading-lead a {
    color: #1A1A1A;
}

.blog-post-items {
    /*height: 600px;*/
    overflow: hidden;
}

@media(min-width:768px) {
    /*shivraj 08-02-17*/
    .banner-box-support {
        display: table;
        margin: 10px 0px 40px;
    }
    .banner-box-support .img,
    .banner-box-support .button-box-support {
        display: table-cell;
        vertical-align: middle;
        float: left;
    }
    .button-box-support {
        background-color: #00ca6f;
        color: #fff;
        display: inline-block;
        padding-left: 21px;
        padding-right: 12px;
        position: relative;
        text-align: justify;
        width: 122px;
        font-weight: bold;
        padding-top: 22px;
        position: relative;
        letter-spacing: 2px;
        height: 91px;
        vertical-align: middle;
        float: left;
    }
    .arrow {
        border-style: dashed;
        border-color: transparent;
        border-width: 45PX;
        display: inline-block;
        font-size: 100px;
        height: 0;
        position: relative;
        width: 0;
        background-color: #fff;
        border-left-width: 20PX;
        border-left-style: solid;
        border-left-color: #00ca6f;
        right: -65px;
        top: 1PX;
        position: absolute;
    }
}

.book-meeting-section .label-box span {
    color: red;
}

.book-meeting-section .open > .dropdown-menu {
    width: 100%;
}

.book-meeting-section .categories-type-btn .caret {
    height: 10px;
    width: 10px;
    top: 15px;
}

.book-meeting-section .open>.categories-type-btn,
.categories-type-btn:hover,
.categories-type-btn:focus {
    text-decoration: none;
    color: #000000;
}

.book-meeting-section .categories-type-btn:hover .caret,
.book-meeting-section .categories-type-btn:focus .caret {
    border-color: transparent #000000 #000000 transparent;
}

.book-meeting-section .dropdown-menu > .active > a,
.book-meeting-section .dropdown-menu > .active > a:hover,
.book-meeting-section .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #000000;
}


/* Checkbox css*/

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.clr {
    padding-left: 35px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 7px;
}

input[type=checkbox].css-checkbox:checked + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.chk {
    background-position: 0 -20px;
}

label.css-label {
    background-image: url(../img/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.book-meeting-section .heading-margin {
    margin-top: 20px;
    margin-bottom: 20px;
}

.book-meeting-section .margin-left-20 {
    margin-left: 20px;
}

.book-meeting-section .margin-top-50 {
    margin-top: 50px;
}

@media (max-width:768px) {
    .book-meeting-section .margin-top-50 a,
    .book-meeting-section .margin-top-50 button,
    .book-meeting-section .form-group {
        width: 100%;
    }
    .book-meeting-section .margin-left-20 {
        margin-left: 0px !important;
    }
}

.book-meeting-section .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #000000;
    color: #ffffff;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

#confirm-add-pg #edit-cancel {
    margin-left: 15px;
    background: url(../img/confirm_submit.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 3px;
    color: #DAE3F2;
    cursor: pointer;
    font-size: 14px;
    line-height: normal;
    padding: 5px 20px;
    text-shadow: 1px 1px 0 #000000;
    width: 100px;
}

@media (min-width:768px) {
    #confirm-add-pg {
        width: 600px;
        margin: 0 auto;
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

@media (max-width:767px) {
    #confirm-add-pg {
        width: 94%;
        margin: 90px auto 19px;
        padding-bottom: 18px;
    }
}

.subscribe-block .form-item-selectCategory label {
    font-size: 16px;
    font-weight: normal !important;
    text-transform: uppercase !important;
}

.subscribe-block::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000000;
}

.subscribe-block::-moz-placeholder {
    /* Firefox 19+ */
    color: #000000;
}

.subscribe-block:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000;
}

.subscribe-block:-moz-placeholder {
    /* Firefox 18- */
    color: #000000;
}

.blogCategories .dropdown-menu > li > a {
    font-size: 14px;
    font-family: Gotham-Medium;
}

.open .dropdown-menu {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.error-msg {
    color: #a94442;
}

.has-error a {
    border-color: #a94442;
}

.m-t-10 {
    margin-top: 10px;
}

.error-msg-checkbox {
    color: red;
    font-size: 16px;
    font-weight: bold;
}

.link--text {
    color: inherit;
    text-decoration: none;
}

.link--text,
.link--text:hover,
.link--text:focus {
    text-decoration: none;
}

.clear {
    clear: both;
}

.video-embeded {
    margin-top: 15px;
    margin-bottom: 15px;
}

.particles {
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    opacity: .9;
}

.featuredIn {
    margin-top: 50px;
}

.featuredIn ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.featuredIn ul >li {
    color: #9b9b9b;
    display: inline-block;
    font-family: 'Gotham-Book';
    vertical-align: middle;
    font-size: 14px;
    margin-right: 19px;
}

.featuredIn ul >li:last-child {
    margin-right: 0;
}

@media (max-width:1024px) {
    .featuredIn ul >li {
        margin-bottom: 10px;
    }
    .featuredIn ul >li.featuredIntxt {
        display: block;
        margin-right: 0;
    }
}

@media (max-width:767px) {
    .featuredIn ul >li {
        font-size: 14px;
    }
}

.section-6 {
    background-color: #fff;
}

.header-summary a {
    color: #fff;
    text-decoration: none;
}

.header-summary a:hover {
    color: #00cc6b;
}


/*shivraj 08-02-17*/

@media(min-width:1100px) {
    .banner-play-custom-postion {
        position: absolute;
        right: -20px;
        top: 196px;
    }
}


/*Loader css*/

.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;
}

.postion-relative {
    position: relative;
}

.featuredIn ul li .bnn-logo {
    width: 63px;
    height: 29px;
}

.featuredIn ul li .cbc-news-logo {
    width: 38px;
    height: 34px;
}

.featuredIn ul li .tech-logo {
    width: 126px;
    height: 22px;
}

.featuredIn ul li .urekha-logo {
    width: 33px;
    height: 44px;
}

.featuredIn ul li .global-mail-logo {
    width: 184px;
    height: 15px;
}

.featuredIn ul li .winnipeg-logo {
    width: 150px;
    height: 21px;
}

.featuredIn ul li .forbes-logo {
    width: 75px;
    height: 23px;
}

.featuredIn ul li .espn-logo {
    width: 77px;
    height: 30px;
}

.featuredIn ul li .wall-street-logo {
    width: 196px;
    height: 21px;
}

.featuredIn ul li .moorusurbangreekz {
    width: 210px;
    height: 32px;
}

.featuredIn ul li .FamousB-The-washington {
    width: 208px;
    height: 46px
}

.featuredIn ul li .FamousB-The-Huffing {
    width: 200px;
    height: 40px;
}

.featuredIn ul li .Banana-bandy-your-story {
    width: 144px;
    height: 37px;
}

.featuredIn ul li .FamousB-NBC {
    width: 39px;
    height: 56px;
}

.light-color {
    color: #333333 !important;
    font-family: inherit !important;
}

iframe {
    border-width: 0px;
}

.img-max-width {
    max-width: 100%;
}

@media(min-width:768px) {
    .heading-top {
        margin-top: 80px;
    }
}

@media(max-width:768px) {
    .mTZero-xs {
        margin-top: 0px !important;
    }
}

.devider-box {
    border-top: 1px solid #ECECEC;
    display: block;
    height: 1px;
}

.custom-top-banner {
    background-size: auto !important;
}

@media screen and (max-width: 1024px) {
    .custom-top-banner {
        background-size: 44% !important;
    }
}

.about-vinfotech {
    background: #fff url(../img/vinfotech-creates-social-networks-&-communities.png) no-repeat !important;
    background-position: left bottom !important;
    background-size: contain;
    background-color: #fff;
}

.about-vinfotech .show-case-type-1 .show-case {
    padding-top: 30px !important;
}

.font-green {
    color: #00CA6F;
}

.about-us-vinfotech-ul ul li {
    list-style: none;
    font-family: Gotham-Medium;
    font-size: 16px;
    line-height: 32px;
    color: #1A1A1A;
}

.about-us-vinfotech-ul ul li:before {
    content: "/";
    display: inline-block;
    margin-right: 15px;
}

.vsocial-content {
    background: #F9F9F9;
    padding-top: 20px;
    padding-bottom: 90px
}

.custom-popup-new {
    position: fixed;
    right: 0px;
    bottom: 20px;
    z-index: 99;
    height: 450px;
    transition: all 0.3s;
    overflow: hidden;
}

.vsocial-content {
    background: #F9F9F9;
    padding-top: 20px;
    padding-bottom: 90px
}

.custom-popup-new {
    position: fixed;
    right: 0px;
    bottom: 20px;
    z-index: 99;
    height: 450px;
    transition: all 0.3s;
    overflow: hidden;
}

.custom-popup-new .h4 {
    font-family: inherit;
    margin-top: 12px;
    margin-bottom: 18px;
}

.custom-popup-new .p p {
    font-family: inherit;
}

.custom-popup-new form textarea.form-control {
    height: 70px
}

.custom-popup-new .form-group {
    margin-bottom: 6px;
}

.custom-popup-new .help-block {
    margin-bottom: 0px
}

.custom-popup-new .modal-contact-area .modal-contact-area-seprator {
    width: 113px;
    margin: 0px 12px;
}

.custom-popup-new .modal-contact-area div.p,
.custom-popup-new .modal-contact-area span {
    font-family: inherit;
    font-size: 11px;
}

.custom-popup-new .back-clm {
    width: 320px;
}

.custom-popup-new form .btn {
    padding: 10px 25px;
}

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

.custom-popup-new .modal-header .close {
    outline: none;
    color: #fff;
    position: absolute;
    right: -1px;
    z-index: 9999;
    top: -16px;
}

.custom-popup-new .modal-header {
    position: relative;
}

.custom-popup-new .modal-body {
    padding-bottom: 0px;
}

.toggle-popup {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 40px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #00CA6F;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
}

.toggle-popup i {
    color: white;
}

.pZero {
    padding: 0px;
}

@media(max-width:767px) {
    .custom-popup-new {
        width: 100%;
        height: 0px;
    }
    .toggle-popup {
        display: none;
    }
}

@media(max-width:414px) {
    .custom-popup-new .back-clm {
        width: 92%;
    }
}

.heading-3 {
    font-family: 'Gotham-Black';
    margin-bottom: 40px;
    margin-top: 70px;
}

@media(min-width: 1024px) {
    .padding-49-md {
        padding-left: 60px;
    }
    .padding-84-md {
        padding-left: 84px;
    }
}

.custom-left-top-menu .page-name {
    width: 100% !important;
    padding: 20px;
    margin-left: -59px !important;
    padding-left: 73px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 205px;
}

@media(max-width:767px) {
    .custom-left-top-menu .page-name {
        margin-left: -48px !important;
        padding-left: 77px !important;
        padding: 15px 20px;
    }
}

.landing-cursor ul li a {
    pointer-events: none;
}

.circular-animation-wrap.margin-top-btm {
    margin-top: 50px;
    margin-bottom: 50px;
}

#CaseStudyOne,
#CaseStudyTwo {
    display: none;
}

.close-acc,
.close-acc-custom {
    display: table;
    position: relative;
    top: 100px;
    left: 20px;
    cursor: pointer;
}

.meet-us-box {
    position: fixed;
    left: 0px;
    top: 76%;
    transform: translateY(-50%);
    z-index: 9;
    width: 180px;
    background-color: #00ca6f;
    border-color: #00ca6f;
    -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);
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    color: white;
    font-size: 12px;
    padding: 20px 10px;
    text-align: center;
}

.meet-us-text {
    display: block;
}

.fsta-img {
    max-width: 80px;
    margin: 7px AUTO 13px AUTO;
    display: block;
}

.img-box {
    max-width: 80px;
    margin: 4px auto 12px;
    display: block;
    text-align: center;
}

.block {
    display: block;
}

.top-popup-box {
    text-align: center;
    max-width: 378px;
    margin: 0 auto;
}

.summer-connfrence {
    font-size: 22px;
    font-weight: bold;
    color: white
}

.time-date-confrence {
    font-size: 16px;
    color: white;
}

.confrence-address {
    font-size: 15px;
    color: white;
    font-weight: bold;
    margin-bottom: 20px;
}

#meet-us .categories-type-btn {
    background: white;
    color: #9a9a9a;
}

#meet-us .dropdown-menu li a:hover {
    background: none;
    color: #02b765;
    -moz-transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
}
.get-in-touch-index .categories-type-btn {
    background: white;
    color: #9a9a9a;
}
.get-in-touch-index .dropdown-menu li a:hover{
    background: none;
    color: #02b765;
    -moz-transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
}

@media(min-width:768px) {
    .pr-8 {
        padding-right: 8px;
    }
    .pl-8 {
        padding-left: 8px;
    }
}

#meet-us .dropdown-menu {
    min-width: 303px;
}
.get-in-touch-index .dropdown-menu {
    min-width: 291px;
}
.get-in-touch-index .categories-type-btn{
    height: 38px;
    padding: 2px 12px;
}
.get-in-touch-index  .categories-type-btn .caret{
        top: 14px;
} 

#meet-us textarea {
    height: 68px;
}

.meet-us-heading {
    font-size: 17px;
    font-weight: bold;
    color: white;
}

.summer-connfrence-2017 {
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    font-weight: bold;
}

.in-accordian .h2 {
    font-family: Gotham-Black;
}

.custom-p p {
    color: #333;
}


.img-box-countainer{
     max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.img-cont-box{
   margin:15px;
    position: relative;
    float:left;
}

.img-cont-box .over-texts {
    width: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.img-cont-box img {
    max-width: 100%;
    //height: 265px;
}
.img-cont-box .content-video-p{
    position: absolute;
    left: 39px;
    top: 40px;
    color:white;
    z-index: 99;
}
.img-cont-box .content-video-p span, .img-cont-box .content-video-p p{ 
    color:white;
    font-family: Gotham-Bold;
    font-size: 19px;
    

}
.sup{
        font-size: 25px !important;
        top: 0px;
        left: -5px
}
.content-box-vert{
    display: inline-block;
    vertical-align: middle;
    padding: 55px 28px 0px 0px;

}
.content-box-vert .h4 {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 10px;
    color: black;
}  
.custom-h1{
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Ultra';
    margin-top: 0px;
}
.custom-h2 {
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 36px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Black';
    margin-top: 0px;
}
.dropdown-white-bg{
    background: white;
    color: #9a9a9a;
}
.custompopup-dropdown-menu {
    min-width: 303px;
}
.pT0{
    padding-top: 0px !important;
}
.slider-object{
    position: absolute;
    z-index: 99;
}
.section-footer.active ~ ul.pagi{
    opacity: 0;
}
/*.footer-section ~ ul.pagi{
    opacity: 0;
}*/

/*new css included by ayushi*/
.h4-new-class{
    max-width: 370px !important;
    margin-bottom: 20px !important;
    /*margin-top: 10px;*/
    letter-spacing: 1px !important;
}
.new-form-css{
    max-width: 360px !important;
}
.new-form-group-css{
    margin-bottom: 10px;
}
.new-modal-body-css{
    padding-top: 10px !important;
}
.h4-new-class{
max-width: 370px !important;
margin-bottom: 20px !important;
letter-spacing: 1px !important;
}
.new-form-css{
max-width: 360px !important;
}
.new-form-group-css{
margin-bottom: 10px;
}
.new-modal-body-css{
padding-top: 10px !important;
}
/*css add by ayushi*/
.no-style-ul{
list-style-type: none;
}
@media(max-width:991px){
  .no-style-ul{
    margin-top:-60px;
    margin-bottom: 10px;
  }  
}
.white-base{
background: #FFF;
}
.prev-case.fantasy-solution-offering,
.next-case.fantasy-solution-offering{
width: 33.33333%;
}
.footer-block .footer-hyperlink li{
display: inline-block;
color: #FFF;
}
.footer-block ul.footer-hyperlink{
min-height: 10px;
}
.why-vinfo .media-left.number-list{
font-size: 60px;
line-height: 60px;
}
@media screen and (max-width:767px){
.prev-case.fantasy-solution-offering,
.next-case.fantasy-solution-offering{
width: 100%;
}
}
@media(min-width:768px){
    .pl-sm{
        padding-right: 50px;
    }
}
.pB0 {
    padding-bottom: 0px;
}
.duel-text-padding {
    padding: 40px 0 !important;
}
.duel-text-padding h4{
    font-size: 18px !important;
}
.duel-text-padding  .list-style-block li a {
    font-size: 14px;
}
.duel-text-padding  .list-style-block li{
   line-height: 1 !important;
}
.duel-text-padding  .list-style-block li a:after{
    margin: 0 3px !important;
}
.showcase-nav-footer-custom{
        min-height: 81px !important;
        height: auto !important;
}
.showcase-nav-footer-custom h4{
        font-size: 14px;
}
@media(max-width:767px){
   .showcase-nav-footer-custom h4{
        font-size: 12px;
    } 
    .duel-text-padding-custom{
        padding: 30px 0 !important;
    }
}
.more-link-custom{
    margin-top: 38px !important;
    margin-bottom: 50px !important;
}
.offset-top{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
.show-case-text-block.readmore-success-link{
    float: none !important;
    padding-top: 50px !important;
}
.show-case-text-block.readmore-success-link a{
    margin-bottom: 0px !important;
}
.showcase-nav-footer .prev-case:hover, .showcase-nav-footer .next-case:hover{
    background: #eaeaea !important;
}
.readmore-success-link i{
    padding-left: 15px !important;
}
.duel-text-padding h4{
    color: #999999;
}
@media(max-width:767px){
    .duel-text-padding ul li{
        display: inline-block !important;
    }
    .duel-text-padding ul li a{
        font-size: 10px !important;
    }
}
@media (max-width: 768px){
    .showcase-nav-footer a {
    font-size: 12px;
    }
}

@media only screen and (max-width: 767px){
    .why-vinfo p{
    margin-bottom: 0px;
    }
    .showcase-nav-footer h4 {
    line-height: 80px;
    }
    .showcase-nav-footer a {
    height: 80px;
    }
    .showcase-nav-footer.nav-footer-custom h4 {
    line-height: 40px;
    }
    .showcase-nav-footer.nav-footer-custom a {
    height: 25px;
    }
    .list-style-block li a:after {
    display: inline-block;
    font-size: 14px;
    }
    .showcase-nav-footer .prev-case, .showcase-nav-footer .next-case{
        padding: 0px 15px;
    }
    /*.number-list-media-body p:before{
        content: "/";
        display: inline-block;
        margin: 0 5px 0 0;
        color: #00CA6F;
        font-size: 16px;
    }*/
    .nav-footer-custom .prev-case.fantasy-solution-offering, 
    .nav-footer-custom .next-case.fantasy-solution-offering{
        width: 100% !important;
    }
    .nav-footer-custom ul{
        padding-bottom: 10px;
        padding-top: 15px;
    }
}
.banner-overlays{
    position: relative;
}
.banner-overlays::after{
    content: '';
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
}
.white-container{
    background-color: white;
}
.white-container .show-case-text-block.readmore-success-link a{
    margin-bottom: 30px !important;
}
.skype-inbuild-button{
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 0;
}
.skype-inbuild-button img{
    margin: 0px !important;
    vertical-align: top !important;
    width: 26px;
}
.nav-footer-custom.showcase-nav-footer,
.nav-footer-custom.showcase-nav-footer .next-case,
.nav-footer-custom.showcase-nav-footer .prev-case,
.nav-footer-custom.showcase-nav-footer .next-case{
    border: 0px;
}
.nav-footer-custom.showcase-nav-footer .prev-case:hover,
.nav-footer-custom.showcase-nav-footer .next-case:hover{
    background: transparent !important;
}
.nav-footer-custom.showcase-nav-footer{
    font-family: Gotham-Bold;
    color: #00CA6F;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 16px;
    display: block;
}
.nav-footer-custom .prev-case.fantasy-solution-offering, 
.nav-footer-custom .next-case.fantasy-solution-offering{
   /* width: 24% ;
    display: inline-block;*/
        width: 25%;
    display: block;
    float: left;
    text-align: center;
}
.nav-footer-custom .prev-case.fantasy-solution-offering i, 
.nav-footer-custom .next-case.fantasy-solution-offering i{
        position: static;
        font-size: 13px;
        display: inline;
        margin-left: 10px;
}
.nav-footer-custom.showcase-nav-footer a:hover{
    transform: translate(1px, 0px);
    color: #000;
}
@media (max-width: 768px){
    .categories-list>li>a{
        padding: 8px 6px;
    }
}
.blog-post-content.blog-ellipses p {
    display: block;
    display: -webkit-box;
    /* max-width: 400px; */
    height: 74.2px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-post-heading-lead.blog-title-ellipses{
    display: block;
    display: -webkit-box;
    max-width: 400px; 
    height: 55px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} 

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

/*.nav-footer-custom ul{
    padding-top: 15px;
}*/
@media only screen and (min-width: 991px){
    .showcase-nav-footer a {
        margin: 0 auto;
    }
    .nav-footer-custom.showcase-nav-footer a {
        max-width: 240px;
    }
}
.nav-footer-custom ul{
    overflow: hidden;
}
@media only screen and (max-width: 1024px){
    .blog-post-heading-lead{
        font-size: 18px;
        min-height: 70px;
        line-height: 24px;
    }
}
@media (min-width: 1025px) and (max-width: 1430px)  {
    .blog-post-heading-lead{
        font-size: 20px;
        line-height: 26px ;
    }
    
}
@media (min-width: 1025px) and (max-width: 1440px)  {
    .media.media-custom{
        min-height: 170px !important;
    }
}
@media only screen and (max-width: 768px){
    .blogCategories .dropdown-menu > li > a{
    font-size: 12px;
    }
} 

@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;
    }
    footer {
        padding-top: 50px;
        padding-bottom: 50px;

    }
}
@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(max-width:1025px){
    .sub-nav-footer {
        text-align: center;
    }
    /*.sub-nav-footer ul {
        margin-bottom: 30px;
    }*/
}
.slick-href a:focus, .slick-href a sports-block:focus{
    outline: 0px !important;
    border: none !important;
}
.slick-center .sports-block:focus {
    outline: 0;
}

.txt-content-info{
    padding-top: 30px;
}
.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}
}
.top-banner-block .h1 h1{
    line-height: 0.9;
}
iframe[name=google_conversion_frame]{
    position: absolute;
    z-index: -1;
    height: 0px;
    top: 0;
}
/*.carousel-container{
    border: 1px solid rgba(151,151,151,0.2);
    padding: 0px;
}*/
/*.carousel-options:hover,
.carousel-options:active{
    border: 1px solid rgba(216,216,216,0.14);
    background-color: #F6F6F6;
    color: #00CA6F;
}
.carousel-options{
    padding: 20px 7px;
    text-align: center;
    font-weight: bold;
    line-height: 23px;
    border: 1px solid transparent;
    font-family: "Gotham-Bold";
    width: 180px;
}*/
/*.carousel-container .owl-controls{
    margin: 0px;
}
.carousel-container .gallery-slider-wrap{
    background: transparent;
}
.carousel-container .gallery-slider-wrap .owl-controls .owl-prev:hover svg,
.carousel-container .gallery-slider-wrap .owl-controls .owl-next:hover svg{
    stroke: #8f8f8f;
}
.carousel-container .gallery-slider-wrap .owl-controls svg{
    height: 36px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-prev{
    left: -10px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-next{
    right: -40px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-prev,
.carousel-container .gallery-slider-wrap .owl-nav .owl-next{
    top: calc(50% - 100px);
}*/
/*.carousel-affix.affix {
    z-index: 125;
    top: 100px;
    left: 0;
    right: 0;
}*/
.component-phone{
    padding-left: 10px;
}
.component-phone .form-group{
    padding-right: 0px;
}
.component-code .form-group{
    padding-left: 0px;
}
.component-code{
    padding-right: 10px;
}
@media screen and (min-width: 1024px){
    .table-row{
        display: table;
    }
    .table-row > .col-md-6{
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
}
.icon-uparrow-ahref img{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    left: 12px;
}
.amount-component{
    padding: 0px;
}
.currency-component{
    padding-right: 0px;
}
.red-text{
    color: #ff0000;
}
select.input-lg{
    line-height: 48px;
    padding: 0 16px;
}
.dropdown.custom-dropdown a.dropdown-toggle{
    width: 100%;
    display: block !important;
    height: 48px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 0;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #888888 ;
}
.dropdown.custom-dropdown a.dropdown-toggle .caret{
    border: 2px solid;
    border-radius: 2px;
    border-color: transparent #888888 #888888 transparent;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    transform: rotate(44deg);
    top: 13px;
    position: absolute;
    right: 20px;
}
.dropdown.custom-dropdown.open > .dropdown-menu {
    width: 100%;
}
.dropdown.custom-dropdown .dropdown-menu > li > a {
    line-height: 38px;
}
.dropdown.custom-dropdown.open > .dropdown-toggle .caret {
    top: 19px;
    -webkit-transform: rotate(224deg);
    -ms-transform: rotate(224deg);
    -o-transform: rotate(224deg);
    transform: rotate(224deg);
}
.no-padding{
    padding: 0px;
}
.contact-form label{
    line-height: 48px;
}
.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label{
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before{
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #00cc6b;
    color: #fff;
}
.checkbox-custom:focus + .checkbox-custom-label{
  outline: none; /* focus style */
}
.currency-label{
    text-align: right;
}
@media only screen and (max-width: 767px){
    .currency-label{
        text-align: left;
    }   
    .contact-form label {
        line-height: 28px;
    }
}
/*.custom-slider-wrap.gallery-slider-wrap .owl-nav {
    opacity: 1;
}*/
select.form-control{
    -webkit-appearance: menulist;
    -moz-appearance: none;
    appearance: none;
}
footer.custom-footer{
    padding-top: 0px;
}
.custom-heading-block{
    height: 70px;
}
.custom-popup .p.custom-heading-block p{
    margin: 0 auto 10px;
}
.red-text{
    color: red;
}
.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;
}
.help-block{
    display: none;
}
.has-error .help-block-message{
    background-color: #fff;
    border-radius: 10px;
    width: 19px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
}
.help-message{
    display: none;
    text-align: right !important;
}
.custom-heading-block p{        
    margin-bottom: 10px;        
}
.landing-footer .prev-case.fantasy-solution-offering,       
.landing-footer .next-case.fantasy-solution-offering{       
   width: 33.33%;       
}
.has-error.help-message{
    display: block !important;
}
/* sliding tabs */

.slider-container{
    background-color: #ffffff;
    padding-top: 0px;
    width: 100%;
    z-index: 999999;
    top: 0;
    border: 1px solid #dddddd;
}
.slider-container .scrtabs-tabs-fixed-container{
    height: 80px;
}
.nav > li > a{
    font-family: "Gotham-Bold";
    padding: 32px 15px;
    color: #555555;
    margin: 0px;
    border-right: 1px solid #dddddd !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    font-size: 14px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #00cc6b;
    border-right: 1px solid #dddddd;
    background-color: #eeeeee;
}
.nav-tabs{
    /*border: 1px solid #dddddd;*/
    border: 0px;
    height: 80px;
}
.slider-container .scrtabs-tab-scroll-arrow{
    border: 0px;
}
.slider-container .scrtabs-tab-scroll-arrow{
    padding: 0px;
    height: 80px;
    width: 40px ;
    background-image: url('../img/up-arrow-green.svg');
    background-repeat: no-repeat;    
}

.slider-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left{
    background-image: url('../img/back-arrow.svg');
    background-repeat: no-repeat;  
    background-size: 30px 80px;
}
.slider-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right{
   background-image: url('../img/next-arrow.svg');
    background-repeat: no-repeat; 
    background-size: 30px 80px;
}
ul.affix.list-inline > li{
    display: block;
    padding-top: 20px;
    text-align: center;
}
ul.affix{
    left: 10%;
    top: 50%;
}
.footer-block.contact-info .h2:before{
    display: none;
}
.footer-block.contact-info .h2{
    color: #ffffff;
    font-family: Gotham-Book;
    font-size: 18px;
    line-height: 22px;
    margin: 0px;
}
.footer-block.contact-info{
    margin: 0px;
}
footer.contact-info-footer{
    padding-top: 60px;
}
.footer-block.contact-info .h2:after,
.footer-block.contact-info .h2:before{
    display: none;
}

.blog-container-wrapper .contact-wrapper .h1 h1 {
    font-size: 36px;
}
@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 screen and (max-width: 768px){
    .list-inline.affix{
        opacity: 0;
    }
}
.custom-contact-wrapper.contact-wrapper .h1{
    margin-top: 80px;
}

.media-left.media-separator{
    display: none;
}
@media screen and (max-width: 767px){
    .media-left.media-separator{
        display: table-cell;
        font-size: 16px;
        line-height: 24px;
        min-width: 30px;
        color: #00CA6F;
    }    
}
.white-background{
    background-color: #f9f9f9;
}
.fantasy-page.work-page .pagi li{
    width: 210px;
    font-weight: bold;
}
.fantasy-page.work-page .pagi li a.active span,
.fantasy-page.work-page .pagi li a:hover span {
    color: #00CA6F;
    border-bottom: 3px solid #00CA6F;
}
.fantasy-page.work-page .pagi li a span{
    width: 100%;
    color: #999999;
    font-family: Gotham-Bold;
}
.fantasy-page.work-page .pagi li{
    margin: 20px 15px;
}
@media only screen and (max-width: 1440px) and (min-width: 1280px){
    .fantasy-page.work-page .pagi{
        left: 0;
    }
    .fantasy-page.work-page .pagi li a span{
        overflow: visible;
        height: auto;
        font-size: 12px;
    }
    .fantasy-page.work-page .pagi li{
        width: 130px;
        height: auto;
    }
}
.fantasy-page.work-page .pagi{
    top: 35%;
}
.notVisible{display: none !important;} 
.framework-pagi{
    display: none !important;
    -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;
}      
.framework-pagi-blog-footer{
    display: none !important;-webkit-transition: all .3s ease;      
    -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;
}      
.pagi{      
     -webkit-transition: all .3s ease;      
    -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;       
}
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;       
}
.section-heading{
    display: none;
}
@media only screen and (max-width: 1279px){
    .fantasy-page.work-page .pagi{
        display: none !important;
    }
    .section-heading{
        display: block;
    }
}
.pagi.homepagi{
    display: none;
}

/* payment form css for formVinfotech page */

form.payment-form .has-error .help-block {
    background: red;
    display: table;
    padding: 5px 10px;
    position: absolute;
    border-radius: 4px;
    -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);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    left: 0px;
    z-index: 1;
    margin: 2px 0 0 0;
    top: 50px;
}

form.payment-form .has-error .help-block{
    width: auto;
}

form.payment-form .has-error .help-block:after,
form.payment-form .has-error .help-block:before {
    bottom: 100%;
    left: 10px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

form.payment-form .has-error .help-block:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: red;
    border-width: 8px;
    margin-left: 0;
}

form.payment-form .has-error .help-block:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-width: 9px;
    margin-left: 0;
    left: 9px;
}
form.payment-form .form-group {
    position: relative;
}
.btn.subscribe-for-more{
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px;
}
.custom-popup.video-popup-modal{
     z-index: 99999;
}
.custom-popup.video-popup-modal .modal-body{
    background-color: transparent;
}

/* heading tags css */

h2.custom-heading-tags.media-heading , h5.custom-heading-tags.media-heading{
    font-size: 24px;
}
.internal-process-img h5.custom-heading-tags{
    font-size: 34px;
    margin-bottom: -72px;
    line-height: 1.4;
    font-family: 'Gotham-Black';
    text-align: left;
    float: left;
    position: relative;
    z-index: 10;
    color: #333333;
}
h3.custom-heading-tags{
    padding: 0 0 11px;
    line-height: 1;
}
.duel-text h3.custom-heading-tags{
    font-family: Gotham-Bold;
    font-size: 24px;
    margin-top: 11px;
    margin-bottom: 11px;
}

/* framework pages */

/*.img-cont-box .content-video-p h2.custom-heading-blogs{
    color: white;
    font-family: Gotham-Bold;
    font-size: 19px;
    margin: 0;
    line-height: 1.42857143;
}
h1.custom-heading-tags.custom-h1{
    font-size: 64px;
    margin: 0;
    font-weight: 500;
    line-height: 1.1;
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Ultra';
}
.featur-vinfo .txt-content-new h4.custom-heading-tags,
.featur-vinfo .txt-content-new h5.custom-heading-tags{
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin-bottom: 50px;
    color: #262626;
    margin-top: 22px;
}*/


/* changed heading tags for framework pages */

h1.custom-h1.custom-heading-tags{
    line-height: 1.1;
    font-size: 64px;
    color: #101010;
    font-family: 'Gotham-Ultra';
}

/* css for career new page */

.career_page .why-vinfo .h2,
.career_page .show-case-type-2 .h2{
    color: #101010; 
    font-family: "Gotham-Black";    
    font-size: 36px;    
    letter-spacing: -1px;   
    line-height: 67px;  
    text-align: center;
}
.career_page .why-vinfo .people-choose-vinfot,
.career_page .show-case-type-2 .people-choose-vinfot,
.career_page .open-position .ready-to-explore{
    color: #999999; 
    font-family: Gotham;    
    font-size: 16px;    
    font-weight: 300;   
    line-height: 22px;  
    text-align: center;
}
.career_page .open-position h2{
    color: #101010; 
    font-family: "Gotham-Black";    
    font-size: 36px;    
    letter-spacing: -1px;   
    line-height: 67px;  
    text-align: center
}
/*.career_page .open-position .ready-to-explore{
    border-bottom: 2px solid #ECECEC;
    padding-bottom: 36px;
}*/
.career_page .open-position .h3{
    border-top: 3px solid #ECECEC;
    color: #000000; 
    font-family: Gotham;    
    font-size: 18px;    
    font-weight: bold;  
    line-height: 23px;
    margin-bottom: 0px;
    margin-top: 28px;
    padding: 28px 0 0 0;
}
.career_page .open-position .vacancy-for p{
    color: #4A4A4A; 
    font-family: Gotham;    
    font-size: 18px;    
    font-weight: bold;  
    line-height: 23px;
    margin-bottom: 0;
}
.career_page .open-position .vacancy-option{
    opacity: 0.69;  
    color: #666666; 
    font-family: Gotham;    
    font-size: 16px;    
    font-weight: 300;   
    line-height: 18px;
}
.career_page .open-position .apply;
.career_page .open-position .vacancy-for{
    margin-top: 25px;
}

.career_page .open-position .apply button{
    text-transform: none;
    border-radius: 3px;
}
.career_page .open-position .requirements{
    color: #333333; 
    font-family: Gotham;    
    font-size: 16px;    
    font-weight: 300;   
    line-height: 23px;
    padding: 15px 0;
}
.career_page .open-position .read-more{
    color: #00CA6F;
    font-family: Gotham-Bold;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    text-transform: capitalize;
    padding-bottom: 26px;
    border-bottom: 1px solid #ECECEC;
}
.career_page .open-position .criterion h6{
    color: #666666; 
    font-family: Gotham;    
    font-size: 16px;    
    font-weight: bold;  
    line-height: 19px;
}
.career_page .open-position .criterion p{
    color: #666666; 
    font-family: Gotham;    
    font-size: 16px;    
    font-weight: 300;   
    line-height: 24px;
    margin: 0;
}
.career_page .open-position .row.vacancy > div{
    padding-right: 0;
    padding-left: 0;
}
.career_page .open-position .vacancy:last-child .read-more{
    padding-bottom: 10px;
    border: none;
}
.career_page .open-position .vacancy{
    margin-bottom: 0;
    padding-top: 20px;
}
.career_page .opportunity-deatils{
    padding-top: 20px;
}
/*.section.footer-section{
    z-index: 12;
}*/
.section.section-footer{
    z-index: 12;
    height: auto !important;
}
@media only screen and (max-width: 767px){
    .nav-toggle-right{
        top: 87%;
    }
}
thankyou-social-icons ul{
    margin-top: 10px;
    list-style-type: none;
}
.thankyou-social-icons ul li{
    display: inline-block;
}



/* new work page css */


@media only screen and (min-width: 2200px){
    .work-page .section .show-case-text-block-wrapper .show-case-text-block p{
        font-size: 20px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
        font-size: 44px;
        line-height: 44px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h5,
    .work-page .section .show-case-text-block-wrapper .show-case-text-block a{
        font-size: 18px;
        line-height: 24px;
     }
}

.work-page .pagi{
    display: none;
}
.work-page .container-fluid{
    height: 100% !important;
}
@media screen and (min-width: 992px){
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 40%;
    }
     .work-page .show-case-type-1 .show-case-img-block {
        width: 50%;
    }
    .show-case-type-1 .show-case.even .show-case-text-block{
       /*6755*/
    }
}
.work-odd-section{
    background: radial-gradient(circle, #EEF2F7 0%, #F8F8F8 100%);
}
.work-even-section{
    background: radial-gradient(circle, #EEF2F7 0%, #ECF4F7 100%);
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block .h5{
    opacity: 1;
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block .h5,
.work-page .section .show-case-text-block-wrapper .show-case-text-block a{
    color: #4A4A4A;
    font-family: "Gotham-Bold";
    font-size: 14px;
    line-height: 21px;
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
    /*color: #4A4A4A; */
    font-family: "Gotham-Black";    
    font-size: 36px;    
    letter-spacing: -1px;   
    line-height: 34px;
    text-shadow: 5px 3px 1px rgba(132, 132, 132, 0.33);
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block .h4{
    color: #fff; 
    font-family: "Gotham-Book";    
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    text-shadow: 2px 2px 1px rgba(132, 132, 132, 0.66);
}
/*.work-page .section .show-case-text-block-wrapper .show-case-text-block p{
    color: #4A4A4A; 
    font-family: Gotham;    
    font-size: 14px;    
    font-weight: 300;   
    line-height: 21px;
}*/
.work-page .section .show-case-text-block-wrapper .show-case-text-block p{
    color: #fff; 
    font-family: "Gotham-Book";    
    font-size: 14px;    
    line-height: 18px;
    font-weight: bold;
    text-shadow: 2px 2px 1px rgba(132, 132, 132, 0.66);
}
.work-page .section .section-content .show-case,
.work-page .section .section-content .show-case-content{
    height: 100%;
    padding: 0 1%;
}

.work-page .section .section-content .show-case-content .show-case-img-block.rugby{
    width: 46%;
}
.work-page .section .section-content .show-case-content .show-case-img-block.frenzy{
    width: 46%;
}
.work-page .section .section-content .show-case-content .show-case-img-block{
    width: 58%;
}
.work-page .section .section-content .show-case-content .show-case-img-block{
    width: 58%;
}
.work-page .section .section-content .show-case-content .show-case-text-block-wrapper{
    width: 40%;
}
.work-page .section.work-even-section .show-case-img-block{
    padding-left: 2%;
}
.work-page .section.work-odd-section .show-case-img-block{
    padding-right: 2%;
}
.work-page .section.work-even-section .show-case-img-block{
    right: 40%;
}
.work-page .section.work-even-section .show-case-text-block-wrapper{
    left: 61%;
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block a.read-story{
    color: #4A4A4A;
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block a.read-story:hover{
    color: #fff;
}
.work-page .section .show-case-img-block.bottom-img-container,
.work-page .section .show-case-img-block.left-bot-img-container,
.work-page .section .show-case-img-block.right-bot-img-container,
.work-page .section .show-case-img-block.full-img-container-right,
.work-page .section .show-case-img-block.full-img-container-left{
    position: relative;
    height: 100%;
}
.work-page .section .show-case-img-block.bottom-img-container img{
    /*height: 90%;*/
    position: absolute;
    bottom: -50px;
}
.work-page .section .show-case-img-block.full-img-container-right img{
    transform: scale(1.3, 1.3);
    position: absolute;
    right: -90px;
    top: -300px;
}
.work-page .section .show-case-img-block.full-img-container-left img{
    transform: scale(1.3, 1.3);
    position: absolute;
    left: -100px;
    top: -300px;
}
.work-page .section .show-case-img-block.left-bot-img-container img{
    transform: scale(1.3, 1.3);
    position: absolute;
    left: -130px;
    bottom: -100px;
}
.work-page .section .show-case-img-block.right-bot-img-container img{
    transform: scale(1.3, 1.3);
    position: absolute;
    /*right: -130px;*/
    bottom: 7%;
}
header .overlay-header{
    height: 100px;
    position: fixed;
    background-color: #fff;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
}
.section.characters-meet-section .section-content.show-case-type-1{
    background-color: #FECC80;
}
.section.balltalk-section .section-content.show-case-type-1{
    background-color: #F8997B;
}
.section.gifted-parents-section .section-content.show-case-type-1{
    background-color: #64CE84;
}
.section.philmcollab-section .section-content.show-case-type-1{
    background-color: #C0B7CA;
}
.section.gm-genius-section .section-content.show-case-type-1{
    background-color: #75A1C6;
}
.section.famous-birthday-section .section-content.show-case-type-1{
    background-color: #F5AED6;
}
.section.agl-section .section-content.show-case-type-1{
    background-color: #9DD2B8;
}
.section.khiladi-11-section .section-content.show-case-type-1{
    background-color: #FFD28E;
}
.section.finn-app-section .section-content.show-case-type-1{
    background-color: #8FD3A4;
}
.section.pintrip-section .section-content.show-case-type-1{
    background-color: #8BD6D9;
}
.section.poprx-section .section-content.show-case-type-1{
    background-color: #FCB2B1;
}
.section.maximo-avance-section .section-content.show-case-type-1{
    background-color: #B3C0CC;
}
.section.grinta-section .section-content.show-case-type-1{
    background-color: #AAC3A6;
}
.section.memoirs-section .section-content.show-case-type-1{
    background-color: #AEC1DA;
}
.section.draft-gaming-section .section-content.show-case-type-1{
    background-color: #B5CDAB;
}
.section.clinic-you-section .section-content.show-case-type-1{
    background-color: #FBCB8B;
}
.section.my-emar-section .section-content.show-case-type-1{
    background-color: #D0E0B1;
}
.section.dreams-section .section-content.show-case-type-1{
    background-color: #C1B8D7;
}
.section.nationball-section .section-content.show-case-type-1{
    background-color: #9DAFC1;
}
.section.snapdeal-section .section-content.show-case-type-1{
    background-color: #A3DDF1;
}
.section.moorus-section .section-content.show-case-type-1{
    background-color: #AABFD0;
}
.section.frenzy-section .section-content.show-case-type-1{
    background-color: #B3B8BE;
}
.section.medlinx-section .section-content.show-case-type-1{
    background-color: #A0C1E0;
}
.section.banana-bandy-section .section-content.show-case-type-1{
    background-color: #AAD3AB;
}
.section.gifted-parents-section .section-content.show-case-type-1{
    background-color: #92DCA9;
}
.section.all-prodraft-section .section-content.show-case-type-1{
    background-color: #A9CBF0;
}
.section.playzo-section .section-content.show-case-type-1{
    background-color: #F6AF81;
}
.section.mb-fantasy-section .section-content.show-case-type-1{
    background-color: #EED570;
}
.section.dribbly-section .section-content.show-case-type-1{
    background-color: #FEC6AF;
}
.section.myffpc-section .section-content.show-case-type-1{
    background-color: #B5C8D7;
}
.section.fantasy-rugby-section .section-content.show-case-type-1{
    background-color: #CACAD4;
}
.section.escala-11-section .section-content.show-case-type-1{
    background-color: #A7DFC4;
}
.section.draft-fight-section .section-content.show-case-type-1{
    background-color: #AEB5CF;
}
.section.vsocial-section .section-content.show-case-type-1{
    background-color: #B5AED1;
}
.section.vfantasy-section .section-content.show-case-type-1{
    background-color: #B5AED1;
}
.section.dermatology-section .section-content.show-case-type-1{
    background-color: #80D5E9;
}
.section.stars-league-section .section-content.show-case-type-1{
    background-color: #BFC6D8;
}
.section.sports-guru-section .section-content.show-case-type-1{
    background-color: #EED399;
}
.section.myclub-tab-section .section-content.show-case-type-1{
    background-color: #7885B1;
}
.section.fanplayoff-section .section-content.show-case-type-1{
    background-color: #F6C8BE;
}
.section.grinq-section .section-content.show-case-type-1{
    background-color: #96B2FB;
}
.section.dirt-duel-section .section-content.show-case-type-1{
    background-color: #9DC7DE;
}
.section.streetfight-section .section-content.show-case-type-1{
    background-color: #A1CB99;
}
.section.howzat-section .section-content.show-case-type-1{
    background-color: #EDA7A2;
}
.section.spartan-section .section-content.show-case-type-1{
    background-color: #E9D585;
}

@media only screen and (max-width: 1440px){
    .work-page .section .section-content .show-case-content .show-case-text-block-wrapper{
        width: 35%;
    }
   
    .work-page .section .section-content .show-case-content .show-case-img-block{
        width: 60%;
    }
    .work-page .work-even-section.section .section-content .show-case-content .show-case-img-block{
        padding-left: 0;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
        font-size: 34px;
    }
    .work-page .work-odd-section.section .section-content .show-case-content .show-case-text-block-wrapper{
        padding-left: 2%;
    }
    .work-page .section.work-even-section .show-case-img-block{
        right: 35%;
    }
    .work-page .section.work-even-section .show-case-text-block-wrapper{
        left: 63%;
    }
    /*.show-case-type-1 .show-case-img-block.bottom-img-container img{
        max-width: 88%;
    }*/
}
@media only screen and (max-width: 1281px){
    .work-page .section .show-case-img-block.left-bot-img-container img{
        transform: scale(1.3, 1.3);
        position: absolute;
        left: -130px;
        bottom: -130px;
    }
}

@media only screen and (max-width: 1024px){
    .work-page .section .section-content .show-case-content .show-case-text-block-wrapper{
        width: 100%;
        padding: 0;
        /*left: 15%;*/
    }
    .work-page .section.work-even-section .section-content .show-case-content .show-case-img-block,
    .work-page .section.work-odd-section .section-content .show-case-content .show-case-img-block{
        width: 100%;
        /*padding-left: 10%;
        padding-right: 10%;*/
        padding-left: 0;
        padding-right: 0;
        padding-top: 60px;
    }
    .work-page .section.work-even-section .show-case-img-block{
        right: 0;
    }
    .work-page .section.work-even-section .show-case-text-block-wrapper{
        left: 0;
    }
    .work-page .show-case-type-1 .show-case-text-block{
        max-width: 100%;
        text-align: center;
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .show-case-text-block-right{
        width: 100% !important; 
    }
    .show-case-text-block.show-case-text-block-right .work-page-logo.clearfix .img-responsive.pull-right {
        float: none !important;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img.grinta{
        position: relative !important;
    }

    .work-page .section .show-case-img-block.bottom-img-container,
    .work-page .section .show-case-img-block.left-bot-img-container,
    .work-page .section .show-case-img-block.right-bot-img-container,
    .work-page .section .show-case-img-block.full-img-container-right,
    .work-page .section .show-case-img-block.full-img-container-left{
        position: relative;
        height: auto;
    }
    .work-page .section .show-case-img-block.bottom-img-container img{
        position: relative;
        height: auto;
        bottom: 0;
    }
    .work-page .section .show-case-img-block.full-img-container-right img{
        position: relative;
        height: auto;
        bottom: -100px;
        right: -50px;
        top: 200px;
        /*transform: scale(1,1);*/
    }
    .work-page .section .show-case-img-block.full-img-container-left img{
        position: relative;
        height: auto;
        bottom: -100px;
        left: -50px;
        top: 200px;
        /*transform: scale(1,1);*/
    }
    .work-page .section.full-img-section .show-case-text-block-wrapper{
        margin-top: 60px;
    }
    .work-page .section .show-case-img-block.full-img-container-right{
        padding-top: 0;
    }
    .work-page .section .show-case-img-block.full-img-container-left{
        padding-top: 0;
    }
    .work-page .section .show-case-img-block.left-bot-img-container img{
        position: relative;
        height: auto;
        left: -120px;
        bottom: -80px;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img{
        position: relative;
        height: auto;
        right: -120px;
        bottom: -80px;
    }
}
@media only screen and (max-width: 768px){
    .work-page .section .section-content .show-case-content .show-case-img-block{
        padding-top: 0;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block p{
        line-height: 20px;
        font-size: 14px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h4{
        font-size: 12px;
        line-height: 16px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
        font-size: 24px;
        line-height: 24px;
    }
    header .overlay-header{
        height: 90px;
    }
    .work-page .section .show-case-img-block.full-img-container-right{
        padding-top: 0;
    }
    /*.work-page .section .show-case-img-block.full-img-container img{
        max-width: 700px;
    }*/
    .work-page .show-case-type-1 .show-case-img-block img{
        max-width: 700px;
    }
    
    .work-page .section .show-case-img-block.full-img-container-right img,
    .work-page .section .show-case-img-block.full-img-container-left img{
        top: 100px;
    }
    .work-page .section .featuredIn{
        display: none;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img.left-side.grinta{
       left: 0 !important; 
    }
    .work-page .section .show-case-img-block.right-bot-img-container img{
        position: relative !important;
    }
}

@media only screen and (max-width: 767px){
    .work-page .section .show-case-img-block.left-bot-img-container img{
        bottom: -30px;
        left: -30px;
    }
    .work-page .show-case-type-1 .show-case-img-block.bottom-img-container img{
        max-width: 300px;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img{
        bottom: -30px;
        right: -30px;
    }
    .work-page .section .show-case-img-block.full-img-container-right img,
    .work-page .section .show-case-img-block.full-img-container-left img{
        bottom: -30px;
        top: 70px;
    }
    .work-page .section .show-case-img-block.bottom-img-container img{
        bottom: 10px;
    }
    header .overlay-header{
        height: 80px;
    }
    .work-page .section.work-even-section .section-content .show-case-content .show-case-img-block,
    .work-page .section.work-odd-section .section-content .show-case-content .show-case-img-block{
        padding-top: 0;
    }
    .work-page .section.full-img-section .show-case-text-block-wrapper{
        margin-top: 0;
    }
}
.work-page .featuredIn ul >li {
    color: #4A4A4A;
}
/*.show-case-img-block .bottom-image{
    bottom: -50px;
}*/
.work-page .section .section-content .container-fluid{
    padding: 0;
}


@media only screen and (min-width: 2350px){
    .show-case-type-1 .show-case-img-block img{
        width: 100%;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
        font-size: 50px;
        line-height: 50px;
    }
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 700px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h5,
    .work-page .section .show-case-text-block-wrapper .show-case-text-block a{
        font-size: 22px;
        line-height: 28px;
     }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h4{
        font-size: 18px;
        line-height: 24px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block p{
        font-size: 22px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 4000px){
    .work-page .show-case-type-1 .show-case-text-block{
        max-width: 1000px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
        font-size: 72px;
        line-height: 72px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h5, 
    .work-page .section .show-case-text-block-wrapper .show-case-text-block a{
        font-size: 32px;
        line-height: 38px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h4{
        font-size: 24px;
        line-height: 28px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block p{
        font-size: 30px;
        line-height: 38px;
    }
}
@media only screen and (max-width: 1440px) and (min-width: 1025px){
    .work-page .featuredIn ul >li.big-image{
        margin-top: 20px;
        margin-left: 100px;
    }
}
.healthcare-nav{
    margin-bottom: 76px;
}
@media screen and (max-width: 767px){
    .healthcare-nav{
        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: 1439px) and (min-width: 1025px){
    .nav-block .h3 {
        font-size: 26px;
        line-height: 30px;
    }    
    .nav-block .h3:after{
        bottom: 3px;
    }
    .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;
}
.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;
}

@media screen and (max-width: 991px){
    .rigt-menu ul li {
        display: inline-block;
        width: auto;
        margin: 0 10px;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img{
        position: relative;
    }

}
.cd-primary-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.last-menu-block .footer-block ul li a {
    font-size: 15px;
}
.tranding-content-pre{
    display: none;
}

/* gitex page css */

@media screen and (min-width: 992px){
    .gitex-region .case-study-heading{
        margin-bottom: 30px;
        font-size: 64px;
        font-family: 'Gotham-Black';
        line-height: 1;
        color: #fff;
        text-transform: none;
        text-align: left;
        /*max-width: 78%;*/
        margin: 0;
        margin-bottom: 20px;
    }
}

.gitex-region .case-study-wrapper{
    min-height: 100vh;
    position: relative;
}
.gitex-region .case-study-tag{
    font-size: 32px;
    color: #fff;
    font-family: 'Gotham-Bold';
    margin-bottom: 46px;
}
/*.book-meeting-block{
    max-width: 78%;
    margin: 0 auto 220px;
}*/
.gitex-region .button{
    min-width: 260px;
    background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
    box-shadow: 0 10px 40px 0 rgba(0,0,0,0.2);
    padding: 15px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Gotham-Bold';
    display: inline-block;
    text-decoration: none;
}
.gitext-description{
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 61%;
   margin: 0 auto;
   left: 50%;
}
.section-sm{
    padding: 24px;
    text-align: center;
    background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
    /*box-shadow: 0 10px 40px 0 rgba(0,0,0,0.2);*/
    color: #fff;
    margin: 10px;
}
.section-sm .heading{
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    font-family: 'Gotham-Bold';
}

.section-sm .description{
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    font-family: 'Gotham-Medium';
}
.featured-section{
    padding: 0 5px;
}
.col6{
    height: 600px;    
    width: 50%;
    float: left;
    padding: 0 5px 10px 5px;
}
.col6-bg{
    display: block;
    height: 100%;
    padding: 50px;
    position: relative;
}
.col6-text{
    line-height: 1.2;
    letter-spacing: -0.5px;
    color: #000000;
    font-family: 'Gotham-Black';
    font-size: 40px;
}
.pZero{
    padding: 0 !important;
}
.sports-description{
    width: 400px;
}
.social-description{
    text-align: center;
}
.mobile-description{
    width: 350px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
}
.healthcare-description{
    width: 350px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
}
.featured-section-paytm{
    background-color: rgba(0, 163, 218, 0.1);
}
.featured-section-agl{
    background-color: rgba(216, 35, 42, 0.1);
}
.why-wait{
    background-color: #f1f1f1;
    padding: 130px 0;
    text-align: center;
    margin: 10px;
}
.why-wait .heading{
    font-size: 40px;
    color: #000;
    font-family: 'Gotham-Black';
    line-height: 1.6;
}
.why-wait .description{
    color: #9b9b9b;
    line-height: 1.5;
    font-size: 16px;
    font-family: 'Gotham-Bold';
    margin-bottom: 35px;
}
.why-wait .btn{
    padding: 14px 50px;
    font-family: 'Gotham-Bold';
    text-transform: none;
    letter-spacing: initial;
}
.featured-section-paytm,
.featured-section-agl{
    height: 740px;
    padding: 136px 50px 0 50px !important;
}
.featured-section-paytm .col6-bg,
.featured-section-agl .col6-bg{
    padding: 0;
}
.section-paytm-text,
.section-agl-text{
    font-size: 16px;
    font-family: 'Gotham-Bold';
    line-height: 1.75;
    margin: 32px 0;
    color: #666666;
}
.featured-section-paytm .col6-text{
    width: 300px;
    position: absolute;
    /*right: 77px;*/
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
}
.featured-section-agl .col6-text{
    width: 300px;
    position: absolute;
    /*left: 77px;*/
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
}
.featured-section-paytm .btn.btn-primary,
.featured-section-agl .btn.btn-primary{
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    color: #00ca6f;
    font-size: 16px;
    letter-spacing: initial;
    font-family: 'Gotham-Medium';
    border: none;
    padding: 14px 20px;
    text-transform: none;
}
.featured-section-paytm .btn.btn-primary img,
.featured-section-agl .btn.btn-primary img{
    width: 6px;
}
.featured-section-project{
    padding: 0 10px;
    overflow: hidden;
    position: relative;
}
.featured-section-agl img.projectImg{
    position: absolute;
    right: 0;
}
@media screen and (min-width: 1200px){
    .gitex-header .nav-toggle{
        left: 0;
        top: 0;
        width: 277px;
        height: 100px;
        padding: 20px;
        background-color: #000000;
    }    
    .gitex-header .nav-toggle img{
        width: 100%;
    }
    .right-bar{
        width: 190px;
    }
    .right-bar img{
        width: 100%;
    }
}
.gitex-header .nav-toggle{
    left: 0;
    top: 0;
    width: 277px;
    height: 100px;
    padding: 20px;
    background-color: #000000;
}    
.gitex-header .nav-toggle img{
    width: 100%;
}
.right-bar{
   /* width: 190px;*/
}
.right-bar img{
    width: 100%;
}
@media (max-width: 1440px){
    .featured-section-paytm, .featured-section-agl {
        height: 610px;
        padding: 100px 0px 0 20px !important;
    }
    .featured-section-agl .col6-text{
        left: 0;
    }
    .featured-section-paytm .col6-text{
        right: 0;
    }
    .featured-section-agl img.projectImg,
    .featured-section-paytm img.projectImg{
        max-width: 300px;
    }
}
@media (max-width: 1280px){
    .featured-section-agl img.projectImg{
        right: -20px;
    }
    .featured-section-paytm img.projectImg{
        position: absolute;
        left: -20px;
    }
}
@media (max-width: 1200px){
    .col6{
        width: 100%;
    }
    .featured-section-paytm img.projectImg{
        left: 50px;
    }
    .featured-section-agl img.projectImg{
        right: 50px;
    }
    .featured-section-paytm .col6-text{
        right: 15%;
    }
    .featured-section-agl .col6-text{
        left: 15%;
    }
    .gitext-description{
        width: 80%;
    }
}
@media screen and (max-width: 992px){
    
    .gitex-region .case-study-heading{
        font-size: 54px;
        font-family: 'Gotham-Black';
        line-height: 1;
        color: #fff;
        text-transform: none;
        text-align: left;
        margin: 0;
        margin-bottom: 20px;
    }
    .featured-section-paytm .col6-text{
        right: 8%;
    }
    .featured-section-agl .col6-text{
        left: 8%;
    }
    .featured-section-agl img.projectImg{
        right: 30px;
    }
    .featured-section-paytm img.projectImg{
        left: 30px;
    }
}
@media screen and (max-width: 767px){
    .featured-section-agl img.projectImg, .featured-section-paytm img.projectImg{
        max-width: 270px;
    }
    .gitex-region .case-study-heading{
        font-size: 36px;
    }
    .col6{
        height: 400px;
    }
    .col6-text{
        font-size: 20px;
    }
    .sports-description{
        width: 100%;
    }
    .col6-bg{
        padding: 30px;
    }
    .mobile-description{
        width: 180px;
        right: 0;
    }
    .healthcare-description{
        width: 170px;
        left: 20px;
        top: 30%;
        transform: translateY(-30%);
    }
    .featured-section-paytm, .featured-section-agl{
        height: auto !important;
        text-align: center;
        padding: 20px !important
    }
    .featured-section-paytm .col6-text{
        position: static;
        right: 0;
        transform: initial;
        width: 80%;
        margin: 20px auto;
    }
    .featured-section-paytm img.projectImg{
        position: static;
        right: 0;
        transform: initial;
    }
    .featured-section-agl .col6-text{
        position: static;
        left: 0;
        transform: initial;
        width: 80%;
        margin: 20px auto;
    }
    .featured-section-agl img.projectImg{
        position: static;
        left: 0;
        transform: initial;
    }
    .col6-text img{
        width: 100%;
    }
}
@media (max-width: 360px){
    .gitext-description{
        width: 90%;
    }
}
@media (max-width: 320px){
    .gitext-description{
        width: 94%;
    }
}

.section-project-head{
    width: 522px;
    position: absolute;
    right: 50%;
    left: 50%;
    top: 120px;
    z-index: 9;
    transform: translate(-50%,-50%);
}
.section-project-head .heading{
    width: 292px;
    height: 64px;
    font-family: 'Gotham-Black';
    font-size: 32px;
    line-height: 2;
    text-align: center;
    color: #000000;
    top: -20px;
    margin: 0 10px;
    position: relative;
}
.featured-section-paytm{
    position: relative;
}
.left-section-project{
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    width: 90px;
    height: 33px;
}
.right-section-project{
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-right: 2px solid rgba(0, 0, 0, 0.1);
    width: 90px;
    height: 33px;
}
.right-section-project,
.left-section-project,
.section-project-head .heading{
    display: inline-block;
}
@media (max-width: 1200px){
    .section-project-head{
        top: 50px;
    }
}
@media (max-width: 767px){
    .featured-section-paytm{
        padding-top: 100px !important;
    }
    .left-section-project,.right-section-project{
        width: 40px;
        height: 25px;
    }
    .section-project-head .heading{
        width: 190px;
        font-size: 20px;
    }
    .section-project-head{
        top: 80px;
        width: 302px;
    }
    .gitex-header .nav-toggle{
        width: 200px;
        height: 60px;
        padding: 10px;
    }
    .gitex-header .floated-btn{
        top: 0;
        bottom: auto;
        right: 0;
        left: auto;
    }
}
.featured-section-agl .col6-text img{
    width: 100%;
}
@media (max-width: 400px){
    .gitex-header .right-bar{
        width: 170px;
    }
    .gitex-header .nav-toggle{
        width: 180px;
        height: 50px;
        padding: 10px;
    }
}
@media (max-width: 320px){
    .section-project-head{
        width: 282px;
    }
    .left-section-project, .right-section-project {
        width: 30px;
        height: 25px;
    }
    .gitex-header .right-bar{
        width: 160px;
        top: 5px;
    }
    .gitex-header .nav-toggle{
        width: 160px;
        height: 50px;
        padding: 10px;
    }
}
.blog-section-white .block-wrapper a{
    background-color: #ffffff;
}
.why-wait{
    background: url('../img/whyWaitPolygon.png') no-repeat left bottom;
    overflow: hidden;
}
a.col6-bg:hover, a.col6-bg:focus{
    text-decoration: none;
}
img.mouse-scroll{
    position: absolute;
    bottom: 30px;
    left: 50%;
    right: 50%;
}
.col6-overlay{
    display: none;
}
.featured-section a.col6-bg:hover .col6-overlay{
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    top: 0;
    left: 0;
}
.why-wait{
    position: relative;
}
.why-wait img.polygonImage{
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(260deg);
}
@media (max-width: 991px){
    .why-wait img.polygonImage{
        display: none;
    }
}
.region-content.gitex-region{
    background-color: #FFFFFF;
}
@media (max-width: 1440px){
    .four-equal-section{
        width: 260px;
            height: 355px;
    }
}
@media (max-width: 1200px){
    .four-equal-section:last-child{
        margin-top: 10px;
        margin-right: 18px;
    }
}
@media (max-width: 991px){
    .four-equal-section:last-child{
        margin-right: 0;
    }
}
.cd-overlay-nav span, .cd-overlay-content span{
    height: 100px !important;
}

.partner-block-mob .greenColor.awards-section p{
text-align: left;
margin: 0;
max-width: 100%;
margin-left: 10px;
margin-bottom: 20px;
}


/*FOR THANK YOU PAGE*/
   .thank-you-page-block {
        padding: 10px 0;
    }
.thank-you-page-block .back-clm{
    background: #FFFFFF;
}
.thank-you-page-block  .custom-popup .modal-footer{
 background: #FFFFFF;   
}
.thank-you-page-block .custom-popup .modal-footer p{
        color: #00cc6b;
}
.thank-you-page-block  .custom-popup .modal-body{
    background: #FFFFFF;
}
.thank-you-page-block .custom-popup .modal-content{
    background-color: #FFFFFF;
}
.thank-you-page-block .custom-popup .h4{
    color:#00CA6F;   
}
.thank-you-page-block .custom-popup .thankyou-block p{
 color:#00CA6F;      
}

/*============== for new work page ===============*/

.work-page-title{
    font-family: "Gotham-Black";
    font-size: 36px;
    line-height: 40px;
    /*letter-spacing: -2.11px;*/
    padding-bottom: 10px;
    position: relative;
    margin-top: 20px;
    padding-top: 5px;
    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;
}
.show-case-text-block-right{
    width: 64%;
    text-align: right;
    float: left !important;
}
.show-case-text-block-left{
    width: 59%;
    text-align: left;
    float: none !important;
}
.work-page-description {
    padding-bottom: 20px;
    padding-top: 10px;
}
.work-page-logo {
    color: #333333;
    font-family: "Gotham-Black";
    font-size: 24px;
    letter-spacing: -0.3px;
    line-height: 30px;
}
/*.work-page-logo img{
  width: 30%;
}*/
.work-page-read_button{
    height: 44px;   
    width: 178px;   
    border: 1px solid #14B872;  
    border-radius: 4px; 
    color: #14B872;
    background-color: transparent;
}
.work-page-read_button:hover{
    background-color: #02b765;
    border-color: #02b765;
    color: #FFFFFF;
    transition: all 0.6s ease;
    text-shadow: unset;
}
.work-page-gray-bg{
    background-image: url('../../files/work_page_img/gray-element-bg.png');
    background-repeat: no-repeat;
    background-position: top left;
}
.work-page-white-bg{
    background-image: url('../../files/work_page_img/white-element-bg.png');
    background-repeat: no-repeat;
    background-position: top right;
}
.work-page-white-bg-right{
    background-image: url('../../files/work_page_img/white_element_right.png');
    background-repeat: no-repeat;
    background-position: top left;
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block p.work-page-category{
  text-shadow: none;
  
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block a.category {
  color: #9B9B9B;
  margin-bottom: 30px;
  font-family: "Gotham-light";
}
.nav-toggle-right{
    background-color: #00B569 !important;
}

.work-page .section .show-case-img-block.right-bot-img-container img {
    transform: scale(1.3, 1.3);
    position: absolute;
    /* right: -130px; */
   /* bottom: 0px;*/
}
.work-page .section .show-case-img-block.right-bot-img-container img.right-side {
    transform: scale(1.3, 1.3);
    position: absolute;
    right: -45px;
    bottom: 10%;
}
.work-page .section .section-content .show-case-content .show-case-img-block img.right-side-fantasy {
    width: 85%;
    right: auto;;
}
.work-page .section .section-content .show-case-content .show-case-img-block img.left-side {
    width: 72%;

}
.work-page .section .show-case-img-block.right-bot-img-container img.left-side {
    transform: scale(1.3, 1.3);
    position: absolute;
    right: 8%;
    bottom: 8%;
}
/*  Social network page css by vinod tanwar*/
.social-networks-subtitle{
   margin-top: 20px; 
  }
.social-networks-round{
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.social-networks-round h6{
  color: #000;
  font-family: Gotham-Bold;
  font-size: 18px;
}
.bringing-your-ideas {
  opacity: 1;
  color: #7B7B7B;
  /*font-family: Gotham-Bold;*/
  font-size: 14px;
  font-weight: bold;
  min-height: 50px;
  text-decoration: none;
  width: 92%;
  margin: 0 auto;
}
.bringing-your-ideas1 {
  opacity: 1;
  color: #7B7B7B;
  font-family: Gotham-Bold;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 127px;
  min-height: 50px;
  text-decoration: none;
  width: 92%;
  margin: 0 auto;
}
.bringing-your-ideas2 {
  opacity: 1;
  color: #7B7B7B;
  font-family: Gotham-Bold;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 127px;
  min-height: 50px;
  text-decoration: none;
  width: 92%;
  margin: 0 auto;
}
.bringing-your-ideas3 {
  opacity: 1;
  color: #7B7B7B;
  font-family: Gotham-Bold;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 127px;
  min-height: 50px;
  text-decoration: none;
  width: 92%;
  margin: 0 auto;
   
}
.min-h{
  min-height: 50px;   
  padding-top: 20px;
}
.social-networks-round-bg, .social-networks-round-bg1, .social-networks-round-bg2, .social-networks-round-bg3{
  background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
  opacity: 1;
  height: 140px;
  width: 140px;
  border-radius: 50%;
  text-decoration: none;
    margin: 0 auto;
}
.social-networks-round h6{
  color: #FFFFFF;
}
.social-networks-round-bg:hover .bringing-your-ideas{
     text-decoration: none;
} 
.social-networks-round-bg1:hover .bringing-your-ideas1{
     text-decoration: none;
} 
.social-networks-round-bg2:hover .bringing-your-ideas2{
     text-decoration: none;
} 
.social-networks-round-bg3:hover .bringing-your-ideas3{
    text-decoration: none;
} 
.social-networks-round-bg:hover, .social-networks-round-bg1:hover, .social-networks-round-bg2:hover, .social-networks-round-bg3:hover {
   text-decoration: none;
}
.social-networks-round-bg:hover .social-networks-round h6{
  color: #FFFFFF;
}
.social-networks-round-bg1:hover .social-networks-round h6{
  color: #FFFFFF;
}
.social-networks-round-bg2:hover .social-networks-round h6{
  color: #FFFFFF;
}
.social-networks-round-bg3:hover .social-networks-round h6{
  color: #FFFFFF;
}
.fantasy-daily-list .list-unstyled > li > span  {
  margin-right: 20px;
  line-height: 28px;
}
.four-cols.partners-boxes{
    height: 280px;
    border: 1px solid #DEDDDD;
    border-radius: 5px;
    width: 22%;
    margin-right: 3%;
    width: 22%;
}
.partners-img.social-page {
    background: transparent;
    position: relative;
    top: -36px;
    width: 65%;
    margin: 0 auto;
}
.four-cols.partners-boxes:hover{
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.25);
}
.partners-data.partners-text{
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-family: 'Gotham-Book';
    padding: 0px 31px 0px 31px;
    line-height: 28px;
    text-align: left;
}
.h3.text-center.wow.fadeInDown.section-heading-text > h2{
    font-family: 'Gotham-Bold';
    margin: 0 auto;
    font-size: 48px;
    letter-spacing: -2px;
    line-height: 48px;
    
}
 .middle{
    width: 60%;
    margin: 0 auto;
  }
  .width-80{
    width: 80%;
    margin: 0 auto; 
  }
  .width-77{
    width: 77%;
    margin: 0 auto; 
    text-align: center;
  }
  .font14{
    font-size: 14px;
  }
  .font16{
    font-size: 16px;
  }
  .media-heading-video{
    font-family: Gotham-Bold;  font-size: 38px;  font-weight: bold;  letter-spacing: -1.91px;
  }
  .case-study-overlay{
    /*background: linear-gradient(to bottom, transparent 0%, #00B569 100%);*/
    /*background: linear-gradient(0.14deg, #000000 0%, #0080FF 100%);*/
    background:linear-gradient(to bottom, #000 0%,rgba(0, 0, 0, 0.8) 25%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.6) 75% ,#00B569 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0.7;
  }
  .case-study-overlay-img{
    position: relative;
    z-index: 1;
  }
  .work-page .section .section-content .show-case-content .show-case-img-block img.left-side.grinta {
    width: 50%;
}
.work-page .section .show-case-img-block.right-bot-img-container img.left-side.grinta {
    transform: scale(1.3, 1.3);
    position: absolute;
    bottom: 8% !important;
    left: 18% !important;
}
.work-page .section .section-content .show-case-content .show-case-img-block.giftedparents{
  width: 52% !important;  
}
.work-page .section .show-case-img-block.right-bot-img-container img.right-side.giftedparents{
    transform: scale(1.3, 1.3);
    position: absolute;
    right: -15% !important;
    top: 15% !important;
    }
.work-page .section .section-content .show-case-content .show-case-img-block img.left-side.myemar{
    width: 100% !important;
}
.work-page .section .show-case-img-block.right-bot-img-container img.left-side.myemar{
    right: 0;
}
.categories-list.dropdown-menu > li{
  border: 1px solid #C8C7C7;
  border-radius: 20px;
  margin-left: 0px;
}
.nav.nav-tabs.categories-list.dropdown-menu > li{
  border: 1px solid #C8C7C7;
  border-radius: 20px;
  margin-left: 10px;
}
.pres-release-box{
  margin-bottom: 30px; 
}  
.pres-release-media{
 padding-left: 20px;
}   
.pres-release-read-more{
    height: 35px;
    width: 110px;
    border: 1px solid #14B872;
    border-radius: 4px;
    background-color: #02b765;
    border-color: #02b765;
    color: #FFFFFF;
 } 
.pres-release-read-more:hover{
    height: 35px;
    width: 110px;
    border-radius: 4px;
    color: #FFFFFF;
    background-color: #222;
    border-color: #222;
        transition: all 0.6s ease;
 } 
.top-banner-block.press-release-top-banner-block{
  height: 400px;
}
.nav > li > a.pres-release-filter{
  padding: 8px 14px;
}
.testimonials-font-14{
 font-size: 14px;
}
 .customer-engagement-slider-box {
        padding-bottom: 0px;
    }

 .customer-engagement-subtitle{
    margin-top: 20px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 33px;
}
  .customer-engagement-title > h1{
    margin: 0;
    font-family: Gotham-Bold;
    font-size: 55px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 57px;
    margin-bottom: 20px;
  }
  .customer-engagement-p{
   color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;   
  }
  .all-for-fantasy{
    float: left;
    width: 50%;
    margin-left: 60px;
    margin-top: 78px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 40px;
  }
  .all-for-fantasy-img{
    float: left;
    width: 40%;
  }
  .media-tab-section{

  }
  .media-left-section{
    padding: 80px;
  }
  .media-heading.grad-color.heading{
    font-size: 35px;
    line-height: 46px;
  }
  .media-body.pd-left{
    padding-left: 36px;
 }
 .featured-fantasy-project.fantasy-project-center.fantasy-for-all{
    background-color:transparent;
 }
 .inner-box{
    border: 2px solid #E9E9E9;
    border-radius: 34px;
    padding: 25px;  
    min-height: 430px;
    height: 555px;  width: 338.33px;
    margin: 14px;
    background-color: #FFFFFF;
 }
 .inner-box:hover {
    transition: all 0.2s ease;
    min-height: 430px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.25);
}
 .inner-box-fantastic{
    border: 2px solid #E9E9E9;
    /*border-radius: 34px;*/
    padding: 25px;  
    min-height: 430px;
    height: 555px;  width: 338.33px;
    margin: 14px;
    background-color: transparent;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.25);
   
 }
 .hover-p{
  display: none;
 }
 .inner-box-fantastic:hover {
    background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
    transition: all 0.2s ease;
 }
 .inner-box-fantastic:hover .project-media{
  display: none;
 }
.inner-box-fantastic:hover .box-h{
  display: none;
 }
.inner-box-fantastic:hover .box-p{
  display: none;
 }
 .inner-box-fantastic:hover .hover-p{
  display: block;
  transition: all 0.2s ease;
  color: #FFFFFF;
  position:relative;
  top: 30%;
  text-align: center;
 }
.fantasy-project-center ul li p.box-p{
  font-size: 16px;
  text-align: center;
}
.box-list-width{
    height: 384px;
    margin: 0 auto;
    list-style: none;
    width: 96% !important;
}
.fantasy-project-center ul.project-header li h3.box-h ,.fantasy-project-center .project-header  h6.box-h {
    font-family: 'Gotham-Bold';
    font-size: 30px;
    text-transform: initial;
    min-height: 45px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 41px;
    margin-bottom: 20px;
}
.fantasy-project-center ul.project-header li h3.box-sports{
    font-family: 'Gotham-Bold';
    font-size: 30px;
    text-transform: initial;
    min-height: 45px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.f-heading{
    font-size: 48px;
    font-family: 'Gotham-Bold';
    padding-bottom: 50px;
}

.often-engament-section{
  height: 500px;
  background-color: #FFFFFF;
}
.slider-bg-fantasy{
  background-color: #FFFFFF;
}
.carousel-control.left.left-slide{
  background-image: none;
}
.carousel-control.right.right-slide{
  background-image: none;
}
.fantasy-slider-heading{
 font-family: 'Gotham-Bold';
    font-size: 30px;
    text-transform: initial; 
}
.fantasy-project-center ul.project-header li.customer-engagement-box{
  float: none;
}
.tabel-cell .client-testimonial .client-wrapper.customer-engagement{
  background-color: transparent;
}
.bottomright {
  position: absolute;
  bottom: 10%;
  right: 5%;
  font-size: 18px;
  text-align: right;
}
.topleft{
  position: absolute;
  top: 6%;
  left: 5%;
  font-size: 18px;
  text-align: left;
}
.topright{
  position: absolute;
  top: 6%;
  right: 5%;
  font-size: 18px;
  text-align: right;
}
img.customer-engagement-img{
  width: 100%;
  height: auto;
}
.bottomright > h3 ,.bottomright > h6 {
  font-family: 'Gotham-Bold';
  font-size: 36px;
  font-weight: bold;
  color: #333333;
}
h6.sponsored-contest {
    font-family: 'Gotham-Bold';
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
}
.bottomright > p {
  font-size: 18px;
  color: #FFFFFF;
}
.sponsored-contest{
  color: #333333;
  font-family: 'Gotham-Bold'
  font-size: 36px;
  font-weight: bold;
}
.sponsored-contest-p{
  font-size: 18px;
  color: #333333;
}
.tabel-cell .client-testimonial .client-wrapper.customer-engagement-slider{
  background: #FFFFFF;
  padding-top: 60px;
}
.client-testimonial.client-testimonial-customer-engagement{
  margin-bottom: 0px;
}
.tabel-cell .client-testimonial .client-wrapper{

}
.customer-engagement-slider-box {
  padding-bottom: 0px;
}
.customer-engagement-slider-box-width{
  width: 44%;
}

/*---Topical Cluster--*/
.topical-cluster-heading-lead {
  color: #333333;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 28px;
 
}
/*.blogSection.bannerSection{
  height: 400px;
}*/
.blog-post-heading.topical-cluster-heading-lead {
   min-height: 84px;
   font-family: Gotham-Bold;
}
.topical-cluster-heading-lead > a {
    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;
}
.blog-post-content {
  min-height: 168px;
  }
.blogSection_inner1 {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 1;
}
.topical-cluster-categories-list {
  margin-bottom: 6%;
}
.topical-cluster-categories-list > li:hover{
  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);
  color: #FFFFFF;
  transition: 0.8s;
}
.topical-cluster-categories-list > li:hover a{
  color: #FFFFFF;
  text-decoration: none;
}
.topical-cluster-categories-list > li > a{
  font-size: 16px;
  color: #464646;
  font-family: Gotham-Book; 
}
.topical-cluster-categories-list > li{
  float: left;
  margin-right: 30px;
  background: #FAFAFA;
  padding: 8px 12px;
  border-radius: 20px;
}
.fantasy-sports-categories{
  border-radius: 20px;
  background: #FFFFFF;
  border: 1px solid #C8C7C7;
  padding: 6px 12px;
}
.fantasy-sports-categories:hover {
  background: #000000;
  transition: 0.5s;
  border: 1px solid transparent;
  
}
.blog-post-heading-sm a.fantasy-sports-categories:hover, .blog-post-heading-lead a.fantasy-sports-categories:hover{
  color: #FFFFFF;
}
.topical-cluster-categories-heading{
  font-family: Gotham-Bold; 
  font-size: 30px;
  color: #666666;
  line-height: 36px;
  font-weight: bold;
  letter-spacing: -1px;
}
.blog-post-list.category-name{
  padding-top: 40px;
  padding-bottom: 20px;
}
.fantasy-categories-text{
  font-size: 16px;
}
.fantasy-sports-for{
   font-size: 20px;
}
.view-all-btn {
  padding: 10px 36px;
  border-radius: 21px;
  background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
  box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
}
a .view-all-btn.pull-right:hover{
  text-decoration: none;
}
.bordered-row {
  border-bottom: 1px solid #979797;
  padding-top: 25px;
  height: 100px;
}
.keep-the-coming{
  padding-top: 120px;  
}

/*--End Of Topical Cluster--*/

    
@media screen and (max-width: 1600px) {
    .work-page-title{
    font-size: 26px !important;
     line-height: 32px !important;

    }
    .work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive  {
    width: 44% !important;
    left: 16%;
    position: relative;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block.left-side-responsive {
    width: 44% !important;
    position: relative;
    right: 30%;
    
    }
   .social-networks-box1 {
    width: 38%;
    position: relative;
    right: 12% !important;
    }
    .social-networks-box5 {
    width: 38%;
    position: relative;
    left: 57% !important;
    /* right: 10%; */
    }
    .social-networks-box2 {
    width: 38%;
    position: relative;
    top: 90% !important;
    right: 12% !important;
    }
    .social-networks-box4 {
    width: 38%;
    position: relative;
    top: 90% !important;
    left: 56% !important;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block img.left-side.grinta {
        width: 60%;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block.frenzy{
        width: 52%;
    }
    .work-page-title.{
        line-height: 32px !important;
    }
    .inner-box-fantastic{
        width: 280px !important;
        height: 500px !important;
    }
    .inner-box{
        width: 280px !important;
        height: 500px !important; 
    }
    .customer-engagement-slider-box {
        padding-bottom: 0px;
    }
    .fantasy-solution-bg.customer-engagement-height{
    height: auto;
    }
    /*=======customer engagement page*/
    .media-heading.grad-color.heading {
    font-size: 30px !important;
    line-height: 40px !important;
    }
    .all-for-fantasy{
      width: 47% !important; 
    }
    .media-left-section {
    padding: 30px !important; 
    }
    .all-for-fantasy-img {
    float: left;
    width: 42% !important; 
    margin-top: 20px;
    padding-bottom: 30px !important; 
    }
    .fantasy-project-center ul.project-header li h3.box-h ,.fantasy-project-center .project-header  h6.box-h{
    font-size: 23px !important; ;
    padding-bottom: 30px !important; 
    margin-bottom: 20px;
    }
    .fantasy-project-center ul.project-header li h3.box-sports{
     font-size: 23px !important; ;
    padding-bottom: 30px !important;   
    }
    .project-media.sports-entertainment{
        margin-bottom: -10px !important;   
    }
    .customer-engagement-title > h1{
    font-size: 48px !important; 
    }
    .fantasy-solution-bg.customer-engagement-height{
    height: auto;
    }
    .featured-fantasy-project.fantasy-project-center{
        margin-bottom: 50px;
    }
    .topical-cluster-categories-list > li {
        padding: 6px 8px !important;
        margin-right: 10px !important;
    }
    .topical-cluster-categories-list > li > a {
    font-size: 14px !important;
    color: #464646;
    font-family: Gotham-Book;
    }

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

.work-page .section .show-case-img-block.right-bot-img-container img {
    position: initial;
    }
.work-page .section .show-case-img-block.right-bot-img-container img.right-side {
    position: absolute;
    right: 0;
    margin-top: 40px;
    
   }
.work-page .section .section-content .show-case-content .show-case-img-block img.right-side {
    width: 80%;
    }  
.work-page .section .show-case-img-block.right-bot-img-container img {
    position: absolute;
}
.work-page .section .section-content .show-case-content .show-case-img-block img.left-side {
    width: 70%;
    margin-top: 40px;

}
.work-page .section .show-case-img-block.right-bot-img-container img.left-side {
    position: absolute;
}
.work-page-title{
    font-size: 26px;
}
.work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive  {
    width: 36% !important;
    left: 16%;
    position: relative;
}
.work-page .section .section-content .show-case-content .show-case-img-block.left-side-responsive {
    width: 40% !important;
    position: relative;
    right: 30%;
    
    }
.work-page .section .section-content .show-case-content .show-case-img-block img.left-side.grinta {
    width: 60%;
}
.work-page .section .section-content .show-case-content .show-case-img-block.frenzy{
    width: 58%;
}
.work-page .section .section-content .show-case-content .show-case-img-block.giftedparents{
  width: 52% !important;  
}
 .work-page-title.{
        line-height: 32px !important;
    }
/*=======customer engagement page*/
 .media-heading.grad-color.heading {
    font-size: 30px !important;
    line-height: 40px !important;
    }
    .all-for-fantasy{
      width: 47% !important; 
    }
    .media-left-section {
    padding: 30px !important; 
    }
    .all-for-fantasy-img {
    float: left;
    width: 42% !important; 
    margin-top: 20px;
    padding-bottom: 30px !important; 
    }
    .fantasy-project-center ul.project-header li h3.box-h,.fantasy-project-center .project-header h6.box-h {
    font-size: 23px !important; ;
    padding-bottom: 30px !important; 
    margin-bottom: 20px;
    }
    .fantasy-project-center ul.project-header li h3.box-sports{
     font-size: 23px !important; ;
    padding-bottom: 30px !important;   
    }
    .project-media.sports-entertainment{
        margin-bottom: -10px !important;   
    }
    .customer-engagement-title > h1{
    font-size: 48px !important; 
    }
    .fantasy-solution-bg.customer-engagement-height{
    height: auto;
    }
    .featured-fantasy-project.fantasy-project-center{
        margin-bottom: 50px;
    }
 


}

@media screen and (max-width: 1280px) {
    .work-page-title{
    font-size: 26px;
    line-height: 32px;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block img.right-side {
    width: 100% !important;
    right: -45px !important;;
    } 
    .work-page .section .show-case-img-block.right-bot-img-container img.right-side {
        position: absolute !important;
        right: 4% !important;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block img.right-side-fantasy {
    width: 85%;
    right: auto;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img {
    position: absolute !important;
    }
    .social-networks-box3 {
    width: 66% !important;
    left: 68% !important;
    }
    .social-networks-box4 {
    width: 42% !important;
    left: 63% !important;
    }
    .greenColor > h1 {
        font-size: 50px;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive {
    width: 50% !important;
    position: relative;
    left: 10% !important;
    } 
    .work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive.brag-house {
    width: 42% !important;
    position: relative;
    left: 10% !important;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block.left-side-responsive {
    width: 40% !important;
    position: relative;
    right: 28%;
    
    }
    .work-page .section .section-content .show-case-content .show-case-img-block img.right-side {
    width: 90% !important;
    right: -45px !important;
    }
    .work-page-logo{
        /*width: 40% !important;*/
    }
    .work-page-logo-height{

    }
 .work-page .section .section-content .show-case-content .show-case-img-block img.left-side.grinta {
    width: 60%;
}  
.work-page .section .section-content .show-case-content .show-case-img-block.frenzy{
    width: 46%;
} 
 .work-page-title.{
        line-height: 32px !important;
    }
 .case-study-bottom-image-responsive{
    width: 58%;
    margin: 0 auto;
 }   
  .inner-box-fantastic{
        width: 250px !important;
        height: 450px !important;
    }
    .inner-box{
        width: 250px !important;
        height: 480px !important; 
    }
    .f-heading{
        font-size: 37px !important; 
       padding-bottom: 20px !important; 
    } 
    
    /*====Costomer Engament page===*/

    .media-heading.grad-color.heading {
    font-size: 30px !important;
    line-height: 40px !important;
    }
    .all-for-fantasy{
      width: 47% !important; 
    }
    .media-left-section {
    padding: 30px !important; 
    }
    .all-for-fantasy-img {
    float: left;
    width: 38% !important; 
    margin-top: 20px;
    margin-left: 20px;
    padding-bottom: 30px !important; 
    }
    .fantasy-project-center ul.project-header li h3.box-h ,.fantasy-project-center .project-header  h6.box-h{
    font-size: 23px !important; ;
    padding-bottom: 30px !important; 
    margin-bottom: 20px;
    }
    .fantasy-project-center ul.project-header li h3.box-sports{
     font-size: 23px !important; ;
    padding-bottom: 30px !important;   
    }
    .project-media.sports-entertainment{
        margin-bottom: -10px !important;   
    }
    .customer-engagement-title > h1{
    font-size: 48px !important; 
    }
    .fantasy-solution-bg.customer-engagement-height{
    height: auto;
    }
    .featured-fantasy-project.fantasy-project-center{
        margin-bottom: 30px;
    }
    .fantasy-slider-heading{
         font-size: 26px !important; 
    }
    .sponsored-contest{
        font-weight: bold;
        font-size: 28px !important;    
    }
    .sponsored-contest-p{
        font-size: 16px !important; 
    }
    .bottomright > h3, .bottomright > h6 ,h6.sponsored-contest {
        font-size: 28px !important;  
    }
    .bottomright > p{
      font-size: 16px !important;   
    }
    .slider-width-for-laptop{
        width: 92% !important;
    }
    .topical-cluster-categories-list > li{
        margin-right: 10px !important;
    }
    .topical-cluster-categories-list > li > a{
        font-size: 14px !important;
    }
    .topical-cluster-categories-list > li{
        padding: 6px 8px !important;
    }
    .topical-cluster-heading-lead{
        font-size: 20px !important;
    }
}
@media screen and (max-width: 768px) {
    .work-page .section .show-case-img-block.right-bot-img-container img.right-side {
        position: relative !important;
        right: 4% !important;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive{
       width: 100% !important;
    position: relative;
    left: 0% !important; 
    }
   .work-page .section .show-case-img-block.right-bot-img-container img{
    position: relative !important;
  }
  .work-page .section .show-case-img-block.right-bot-img-container img.left-side{
    position: relative !important;
    bottom: 0% !important;
  }
  .work-page .show-case-type-1 .show-case-text-block{
    max-width: 100%;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
  }
  .show-case-text-block-left{
        width: 100%;
  }
  .work-page .section .section-content .show-case-content .show-case-img-block.left-side-responsive {
    width: 100% !important;
    position: relative;
    right: 0;
    }

    .work-page .section .show-case-img-block.right-bot-img-container img.left-side.grinta{
        left: 0% !important;
    }
      .work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive.brag-house {
    width: 80% !important;
    position: relative;
    left: 0% !important;
    }
    .four-cols.partners-boxes {
    border: 1px solid #DEDDDD;
    border-radius: 5px;
    width: 22%;
    /* margin-right: 3%; */
    width: 100% !important;
    height: 280px;
    }
    .grad-color.wow.fadeInDown.fony-size{
    font-size: 31px !important;
    line-height: 39px !important;
    }
   .middle {
    width: 80%;
    margin: 0 auto;
   }
   .pres-release-media{
    padding-left: 0 !important;
   }
   .why-vinfo .media-heading{
    margin-top: 30px;
   }
   .testimonials-font-14{
    font-size: 14px;
    text-align: justify !important;   
    }
     .fantasy-solution-bg.customer-engagement-height{
    height: auto !important; 
    }
    .fantasy-project-center ul.project-header li.customer-engagement-box{
        float: left !important;
    }
    .media-body.pd-left {
    padding-left: 8px !important;
    }
    .all-for-fantasy{
        margin-left: 10px !important; 
        width: 96% !important;
    }
    .all-for-fantasy-img{
        width: 100% !important;
    }
    .topical-cluster-categories-list > li {
        padding: 6px 8px !important;
        margin-right: 10px !important;
        margin-bottom: 10px !important;
    }
    
}
.thankyou{
    width: 203px;
    height: 203px; 
}
.footer-media-icon{
    width: 30px;
    height: 30px;
}
.upArrows{
    width: 24px;
    height: 24px;
   /* top: 10px;
    position: relative;*/
  }
.ideaIcon{
    position: relative;
    top: 14px;
}  
.launchIcon{
    width: 140px;
    height: 34px;
    margin-right: 20px;
    float: left;   
}
.idea-to-launch{
 position: relative;
top: 16px;
left: 22px;
}

/*============== end new work page ===============*/
    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);
    -webkit-font-smoothing: antialiased;
}

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
}

.pB80 {
    padding-bottom: 80px;
}

.primary-header {
    float: left;
}

.right-bar {
    position: fixed;
    right: 15px;
    top: 15px;
    /*z-index: 90;*/
    z-index: 125;
}

.nav-toggle {
    position: fixed;
    top: 15px;
    left: 15px;
    background: #00CA6F;
    height: 58px;
    z-index: 200;
    -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);
}

.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;
}

.cd-nav-trigger {
    display: inline-block;
}

.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;
}

.logo-link:hover,
.logo-link:active,
.logo-link:focus {
    background: rgba(0, 0, 0, 0.12);
    color: #fff;
    text-decoration: none;
}

.home .nav-toggle .page-name {
    font-size: 24px;
    line-height: 18px;
    padding: 20px 20px;
    background: #03A55C;
    border-bottom: 0 none;
    color: #fff;
    float: left;
    font-family: Gotham-ultra;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    float: left;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -.02em;
    z-index: 5;
}

.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;
}

.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;
}

.cd-logo {
    top: 28px;
    left: 5%;
}

.cd-logo img {
    display: block;
}

.internal-menu {
    display: block;
    height: 100%;
    overflow-y: visible;
    overflow-x: hidden;
}

.left-menu {}

.cd-primary-nav .left-menu a {
    text-transform: initial !important;
}

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

i.icon-logo {
    line-height: 58px;
    display: block;
}

.cd-nav-close {
    font-size: 20px;
    color: #fff;
    width: 58px;
    display: block;
    height: 58px;
    text-align: center;
    line-height: 58px;
    text-decoration: none;
}

.cd-nav-close i {
    display: block;
    line-height: 58px;
}

.cd-nav-close:hover,
.cd-nav-close:focus {
    background: #222;
    color: #fff;
    text-decoration: none;
}

.nav-toggle .page-name {
    width: 100%;
    padding: 20px;
    margin-left: -116px;
    padding-left: 136px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
    .nav-toggle .page-name {
        max-width: 470px;
    }
}
@media only screen and (max-width: 1439px) and (min-width: 1025px) {
    .nav-toggle .page-name {
        max-width: 850px;
    }
}

@media only screen and (max-width: 600px) {
    .primary-header {
        max-width: 438px;
        display: block;
    }
    .nav-toggle {
        max-width: 438px;
        display: block;
        height: 48px;
    }
    .cd-nav-trigger,
    .logo-link {
        height: 48px;
        width: 48px;
        font-size: 38px;
        position: relative;
    }
    .nav-toggle .page-name {
        width: 100%;
        padding: 15px 20px;
        margin-left: -96px;
        padding-left: 116px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 400px;
    }
    i.icon-logo {
        line-height: 48px;
        display: block;
    }
    .cd-nav-close {
        height: 48px;
        width: 48px
    }
    .cd-nav-close i {
        line-height: 48px
    }
}

@media only screen and (max-width: 414px) {
    .primary-header {
        max-width: 320px;
        display: block;
    }
    .nav-toggle {
        max-width: 320px;
        display: block;
        height: 48px;
    }
}

@media only screen and (max-width: 320px) {
    .primary-header {
        max-width: 290px;
        display: block;
    }
    .nav-toggle {
        max-width: 290px;
        display: block;
    }
}

.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 .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;
}

.cd-nav-trigger::before {
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
}

.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::after {
    content: '';
    background-color: #00CA6F;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.cd-nav-trigger:hover::before,
.cd-nav-trigger:hover::after {
    background: #1ebf6c;
}

.cd-nav-trigger.close-nav::before {
    /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.cd-nav-trigger.close-nav::after {
    /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
    -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.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.cd-nav-trigger.close-nav .cd-icon {
    /* user clicks on the .cd-nav-trigger element - transform the icon */
    background-color: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.close-nav .cd-icon::before,
.cd-nav-trigger.close-nav .cd-icon::after {
    background-color: white;
}

.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-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;
}
.internal-menu {        
    display: block;     
    height: calc(100% - 50px);       
    position: relative;     
    margin-left: -15px;     
    margin-right: -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;
}

.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;
}

.nav-block {
    margin-bottom: 30px;
    position:relative;
}

@media screen and (min-width: 768px){
    .nav-block:last-child {
        margin-bottom: 0
    }    
}

.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;
   }
} 
.rigt-menu ul li a {
    font-family: "Gotham-Medium";
    font-size: 14px;
    padding-left: 0;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: .2em;
}

.cd-primary-nav li {
    text-align: left;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
}

.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;
}

.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-primary-nav li.coming-soon-link a {
    position: relative;
}

.cd-primary-nav li.coming-soon-link a:hover:after {
    content: "Coming Soon";
    font-size: 12px;
    margin-left: 12px;
    line-height: 1px;
    color: #fff;
}

.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;
    }
}

.cd-primary-nav.fade-in {
    /* navigation visible at the end of the circle animation */
    visibility: visible;
   /* opacity: 1;*/
   top: 0;
}

@media screen and (min-width: 1170px) {
    .cd-primary-nav {
        padding: 100px 2% 0 2%;
    }
}



.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-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);
}

.cd-overlay-nav.is-hidden,
.cd-overlay-content.is-hidden {
    /* background fades out at the end of the animation */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
    /* main rounded colored bg 1 
    z-index: 110;*/
    z-index: -1;
}

.cd-overlay-content {
    /* main rounded colored bg 2 */
    z-index: 111;
}


.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%);
}*/

.sectionBg {
    overflow: hidden;
    cursor: pointer
}

.section {
    position: relative;
}

.section-content {
    position: relative;
    z-index: 1;
    height: 100%;
}

.animated-text-prefix h1 {
    position: relative;
    z-index: -1;
}

.animated-text-prefix a {
    text-decoration: none;
    display: table;
    margin: 0 auto;
    font-family: Gotham-Black;
    text-transform: uppercase;
    font-size: 14px;
}

.animated-text-prefix a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #fff
}

.morphext {
    color: #00CA6F;
}

.morphext > .animated {
    display: inline-block;
    line-height: 26px;
}

.animated-text-prefix h1 {
    font-family: Gotham-Bold;
    font-size: 72px;
    line-height: 83px;
    letter-spacing: -2px;
    color: #FFFFFF;
    margin-bottom: 20px;
    text-align: left;
    max-width: 1000px;
}

.animated-text-prefix p {
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: left;
    line-height: 19px;
    color: #9B9B9B;
}

.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%;
}

.slide .bg-img-still,
.bg-img-still {
    background-color: #fff;
    background-size: initial;
    background-attachment: initial;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.section-6 .bg-img-still {
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    background-size: inherit !important;
}

@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);
    }
}

.fp-auto-height {
    height: initial !important;
}

.slide .stars {
    background: #000 url(../img/stars.png) repeat top center;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.slide .twinkling {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent url(../img/twinkling.png) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back 200s linear infinite;
    -ms-animation: move-twink-back 200s linear infinite;
    -o-animation: move-twink-back 200s linear infinite;
    -webkit-animation: move-twink-back 200s linear infinite;
    animation: move-twink-back 200s linear infinite;
}

.section-1 .stars {
    background: #000 url(../img/stars.png) repeat top center;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.section-1 .twinkling {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent url(../img/twinkling.png) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back 200s linear infinite;
    -ms-animation: move-twink-back 200s linear infinite;
    -o-animation: move-twink-back 200s linear infinite;
    -webkit-animation: move-twink-back 200s linear infinite;
    animation: move-twink-back 200s linear infinite;
}

@keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-webkit-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-moz-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-ms-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

.txt-content h4,
.txt-content .h4 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
    font-family: 'Gotham-black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    margin-top: 0px;
    text-transform: uppercase;
}

.txt-content h3,
.txt-content .h3 {
    font-size: 36px;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    margin-top: 0px;
    max-width: 510px;
}

.txt-content h3 + p {
    margin-top: 20px
}

.txt-content p {
    margin-bottom: 0;
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    max-width: 510px;
}

.link-hover,
.nav-effect a {
    position: relative;
    display: block;
}

.link-hover-invert {
    color: #fff;
    display: table;
    padding: 8px 0;
}

.link-hover-invert::before {
    color: #00cc6b;
}

.link-hover:hover::before,
.nav-effect a:hover::before,
.nav-effect a:focus::before,
.link-hover:focus::before {
    opacity: 0;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.section-1 .container,
.section-2 .container,
.section-3 .container,
.section-4 .container,
.section-5 .container,
.work-page .section-6 .container,
.work-page .section-7 .container,
.work-page .section-8 .container,
.work-page .section-9 .container,
.work-page .section-10 .container,
.work-page .section-11 .container,
.work-page .section-12 .container,
.work-page .section-13 .container {
    height: 100%
}

.section-1 .txt-content a {
    text-transform: uppercase;
}

.txt-content a:hover,
.txt-content a.know-more:hover {
    color: #fff;
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.txt-content a.know-more {
    color: #fff;
    font-family: Gotham-Book;
    font-size: 14px;
    text-decoration: none;
    margin-top: 30px;
    float: left;
    border: 1px solid #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.txt-content a.know-more:hover {
    color: #00cc6b;
}

.img-100 {
    width: 100%;
}

.txt-content {
    display: inline-block;
    vertical-align: middle;
}

.img-content {
    display: inline-block;
    vertical-align: middle;
}

.txt-content.txt-content-no-img {
    display: block;
}

.txt-content a {
    font-family: Gotham-Black;
    font-size: 14px;
    display: inline-block;
    font-family: Gotham-Black;
    font-size: 14px;
    margin-top: 20px;
    text-decoration: none
}

.home-page .section-1 .img-content {
    max-width: 44%;
    width: 100%;
    margin-bottom: 50px;
}

.home-page .section-6 .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-6 .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;
}

.home-page .section-6 p {
    text-align: left;
    font-family: Gotham-book;
    font-size: 16px;
    max-width: 445px;
    color: #101010;
    margin-top: 20px;
}

.list-style-block .h3 {
    color: #999999;
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin: 0 0 0 0;
}

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

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

.list-style-block {
    padding: 0;
    margin: 0 0 20px 0;
}

.list-style-block:last-child {
    margin-bottom: 0;
}

.list-style-block li {
    display: inline-block;
    line-height: 2
}

.list-style-block li a {
    color: #666666;
    font-size: 16px;
    font-family: 'Gotham-Book';
    margin-top: 0;
}

.list-style-block li a:hover {
    color: #101010;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.list-style-block li a:after {
    content: "/";
    display: inline-block;
    margin: 0 10px;
    color: #00CA6F;
    font-size: 16px;
}

.list-style-block li:last-child a:after {
    display: none;
}

.visible-img-content-tablet {
    display: none !important;
}

.section-7 {
    background: #f2f2f2
}

.home-page .quick-reads {
    margin: -22px auto 0;
}

.additional-header {
    padding-bottom: 25px;
}

.additional-header .quick-reads {
    margin-bottom: -60px;
    text-align: center;
    position: relative;
}

.section-7 .txt-content-normal .h3 {
    color: #101010;
    font-size: 36px;
    margin-bottom: 50px;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    margin-top: 0px;
    text-align: center;
    max-width: initial;
}

.client-testimonial {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 990px;
    -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: 120px
}

.client-carousel {
    display: block;
}

.client-wrapper {
    display: block;
    background: #fff;
    float: left;
    width: 100%;
}

.client-img {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    height: auto;
    position: relative;
}

.client-img > .video-btn {
    position: absolute;
    top: 75%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 197px;
    padding: 12px;
}

.owl-carousel .owl-item .video-btn>.play-icn,
.video-btn>.play-icn {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
}

.client-view {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    height: auto
}

.client-view-block {
    padding: 20px;
}

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

.client-view .client-name {
    font-size: 18px;
    color: #111;
    font-family: Gotham-Medium;
    margin-top: 20px;
}

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

.client-carousel .owl-controls {
    float: left;
    margin: 10px auto 0;
    display: table;
    position: relative;
    left: 50%;
    right: 0;
    left: -webkit-calc(50% - 24px);
    left: calc(50% - 24px)
}

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

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

.partner-block ul li {
    display: table-cell;
}

.side .navigation ul li {
    display: none;
}

.section-8 {
    background: #fff;
}

.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;
}

.field-name-field-team-small-text {
    max-width: 595px;
}

.block-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    z-index: 1;
}

.block-wrapper:hover .blog-img-content {
    transform: scale(1.02);
    -o-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
}

.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;
}

.block-wrapper a:hover {}

.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 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;
}

.blog-txt-content-wrapp {
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 20px;
}

.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;
}

.block-wrapper a:hover span {}

.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;
}

.more-link .btn:hover {
    background: #00CA6F;
    border-color: #00CA6F;
}

.stage-1 .side .navigation ul li,
.stage-2 .side .navigation ul li,
.stage-3 .side .navigation ul li,
.stage-4 .side .navigation ul li,
.stage-5 .side .navigation ul li {
    display: block;
}

.slides .side .navigation ul li:nth-child(6),
.slides .side .navigation ul li:nth-child(7),
.slides .side .navigation ul li:nth-child(8),
.slides .side .navigation ul li:nth-child(9),
.slides .side .navigation ul li:nth-child(10),
.slides .side .navigation ul li:nth-child(11),
.slides .side .navigation ul li:nth-child(12) {
    display: none;
}

footer {
    background-color: #000;
    padding-top: 40px;
    padding-bottom: 20px;
}

.footer-block {
    margin-bottom: 20px;
}

.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;
}

.footer-block ul {
    padding: 0;
    list-style: none;
}
.last-menu-block .footer-block {
    margin-bottom: 30px;
}

.footer-block ul li {}

.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.coming-soon-link a:hover:after {
    content: "Coming Soon";
    font-size: 12px;
    margin-left: 12px;
    line-height: 1px;
    color: #fff;
}

.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 a {
    font-size: 15px;
}

.last-menu-block .footer-block ul li.active a {
    color: #00cc6b;
}

.footer-bottom {
    border-top: 1px solid #272727;
}

.footer-bottom ul {}

.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:after {
    content: "-";
    display: block;
    float: right;
    margin: 0 5px 0 10px;
}*/

.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;
}

.section-white {
    background: #fff;
}

.without-side-nav .side {
    display: none !important
}

.contact-form {
    padding-bottom: 70px;
}

.contact-wrapper .h1 {
    margin-top: 160px;
    margin-bottom: 0;
    font-family: 'Gotham-Black';
    font-size: 64px;
    color: #101010;
}

.contact-wrapper .h1 h1 {
    margin: 0px;
    font-size: 64px;
    font-family: 'Gotham-Black';
}

.contact-wrapper p {
    color: #666666;
    font-family: Gotham-Book;
    margin-bottom: 70px;
}

.contact-wrapper textarea.form-control {
    height: 128px;
    resize: none
}

.enquiries {
    padding: 50px 0;
}

.enquiries .title {
    font-family: Gotham-Medium;
    font-size: 16px;
    color: #666666;
}

.enquiries .description p {
    margin-bottom: 0;
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 24px;
}

.contact-alt {
    display: table;
    width: 100%;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f8f8f8', GradientType=0);
}

.contact-alt .column {
    width: 33.3333%;
    /* float: left; */
    display: inline-block;
    padding: 0 10px;
}

.contact-alt .column .featuring-img {
    float: left;
    width: 100%;
}

.contact-alt .column .featuring-img img {
    width: 100%
}

.home-page .contact-alt .column .contact-info {
    margin-top: -6px;
    float: left;
    width: 100%;
    border-right: 1px solid #DDDDDD;
    padding: 40px 25px 60px
}

.contact-alt .column .contact-info {
    float: none;
    width: auto;
    padding: 0px 0px 00px;
    background: #fff;
    margin: 0 auto 0 auto;
    display: table;
    margin-top: 0;
    position: relative;
    top: -50px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-radius: 3px;
    min-width: 276px;
    text-align: left;
}

.contact-alt .column .contact-info .icon {
    display: inline-block;
    vertical-align: top;
    color: #9B9B9B;
    margin-left: 30px;
    width: 38px;
    font-size: 19px;
}

.contact-alt .column .contact-info .icon-with-text {
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
}

.contact-alt .column:last-child .contact-info {
    border: none;
}

.contact-alt .column .contact-info .h4 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: Gotham-Bold;
    font-size: 16px;
    color: #101010;
    margin-left: 30px
}

.contact-alt .column .contact-info p {
    font-family: Gotham-Medium;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 10px;
}

.contact-alt .column .contact-info .phon-number {
    border-top: 1px solid #ECEBEB;
    padding: 15px 30px 5px;
    margin-top: 20px;
}

.contact-alt .column .contact-info .phon-number i {
    color: #9B9B9B;
    display: inline-block;
    width: 38px;
    font-size: 19px;
    vertical-align: middle;
    margin-bottom: 11px;
}

.contact-alt .column .contact-info .phon-number p {
    vertical-align: middle;
    color: #101010;
    display: inline-block;
    font-family: Gotham-Medium;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 24px;
}

.section-with-background {
    position: relative;
    display: table;
    margin: 0 auto;
}

.section-with-background .content {
    display: table-cell;
    vertical-align: middle;
}

.section-background-div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain;
    background-position: top right;
}

.blog-detail-wrapper {
    display: block;
}

.blog-detail-wrapper .h2 {
    margin-top: 100px;
    color: #101010;
    font-family: Gotham-Ultra;
    font-size: 64px;
    margin-bottom: 10px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
    letter-spacing: -2px;
}

.blog-detail-wrapper .h2 h2 {
    font-size: 64px;
    margin: 0;
}

.blog-detail-wrapper .blog-detail-block {
    50px auto 30px auto
}

.blog-detail-wrapper .blog-detail-block:first-child {
    margin: 0px auto 30px;
}

.blog-detail-wrapper .blog-detail-block a {
    text-decoration: none;
    float: none;
}

.blog-detail-wrapper .blog-detail-block a:first-child {
    float: none;
}

.blog-detail-wrapper .blog-detail-block a.blog-category-link-an {
    display: inline-block;
}

.blog-detail-wrapper .blog-detail-block p a {
    float: left;
}

.blog-detail-wrapper .blog-detail-block .blog-detail-heading {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    line-height: 1.2;
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 28px;
    margin-bottom: 5px;
}

.blog-detail-wrapper .blog-detail-block a:hover .blog-category {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-detail-wrapper .blog-detail-block a:hover .blog-detail-heading {
    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);
}

.blog-detail-wrapper .view-more {
    margin: 30px auto 60px;
}

.blog-detail-wrapper .view-more.subscribe a.btn {
    min-width: 150px;
}

.blog-detail-wrapper .blog-detail-block p {
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin: 0;
}

.blog-detail-wrapper .blog-detail-block a.specific-blog-feature {
    border-radius: 4px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    clear: both;
    float: none !important;
}

.specific-blog-feature img {
    width: 100%;
}

.blog-read-more {
    margin: 10px 0 40px;
    display: block;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 24px;
    color: #9B9B9B;
    float: none !important;
}

.blog-read-more:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-featured-img-wrap {
    margin: 40px 0 90px 0;
    border-radius: 4px;
    position: relative;
}

.blog-featured-img-wrap img {
    width: 100%;
    border-radius: 4px;
}

.blog-featured-img-wrap span {
    font-family: Gotham-Medium;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 10px;
    left: 10px;
}

.green-block {
    width: 400px;
    height: 160px;
    background-color: #00CA6F;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -80px;
    padding: 40px;
}

.blog_animation {
    display: block;
    width: 80px;
    height: 2px;
    background: #00CA6F;
    margin-bottom: 40px;
}

.green-block .h5,
.green-block h5 {
    margin: 0;
    font-family: Gotham-Bold;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
}

.green-block .h5 a,
.green-block h5 a {
    text-decoration: none;
}

.green-block p {
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    margin: 10px 0 0 0;
}

.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%);
}

.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;
}

.home-page .section-6.active ~ .pagi,
.home-page .section-7.active ~ .pagi,
.home-page .section-8.active ~ .pagi,
.home-page .section-9.active ~ .pagi,
.home-page .section-10.active ~ .pagi {
    display: none;
}

.work-page .pagi {
    right: initial;
    left: 37px;
    top: 50%;
    margin-top: -160px;
}

.work-page .pagi li a {}

.work-page .pagi li a span {
    text-indent: 0;
    color: #444;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
   /* font-family: Gotham-Bold;*/
    width: 34px;
    height: 25px;
    display: block;
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid transparent

}

.work-page .pagi li a.active span,
.work-page .pagi li a:hover span {
    color: #fff;
    border-bottom: 1px solid #fff
}

.work-page .pagi li {
    display: block;
    width: 34px;
    height: 25px;
    position: relative;
    margin-bottom: 10px;
}

.case-study-wrapper .container {
    overflow: hidden;
}

.case-study-wrapper {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center !important;
}

.case-study-heading {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 92px;
    margin-bottom: 10px;
    font-family: Gotham-Bold;
    color: #00ca6f;
    text-align: center
}

.case-study-head-info {
    margin-bottom: 10px;
    font-size: 48px;
    font-family: 'Gotham-Black';
    line-height: 1;
    color: #fff;
    text-align: center;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}

.case-study-head-info h1 {
    color: #fff;
    font-size: 48px;
    margin: 0;
    font-family: 'Gotham-Black';
}

.case-study-tag {}

.case-study-tag ul {
    list-style: none;
    padding: 0;
    margin: 20px auto 50px auto;
    max-width: 830px;
    text-align: center;
}

.case-study-tag ul li {
    font-size: 16px;
    color: #666666;
    font-family: Gotham-Book;
    display: inline-block;
    line-height: 30px;
}

.case-study-tag ul li:after {
    content: ".";
    display: block;
    line-height: 25px;
    text-align: center;
    float: right;
    font-size: 30px;
    margin: 0 7px 0 13px;
}

.case-study-tag ul li:last-child:after {
    display: none;
}

.case-study-featuring-img {
    overflow: hidden;
}

.case-study-featuring-img img {
    max-width: 80%;
    margin: 0 auto;
    display: block
}

.background-gray {
    background: #F4F4F4;
}

.case-story {
    padding-top: 100px;
    padding-bottom: 100px;
}

.circular-animation-wrap {
    text-align: center;
}

.circular-animation {
    display: inline-table;
    text-align: center;
    position: relative;
    width: 195px;
    height: 195px;
    vertical-align: top;
}

.landing-cs-circles .circular-animation svg {
    stroke-dashoffset: 18 !important;
}

.circular-animation svg {
    width: 195px;
    height: 195px;
    z-index: 1;
    stroke-dasharray: 602;
    stroke-dashoffset: 602;
    -webkit-transition: all 1.4s;
    transition: all 1.4s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: middle;
    display: inline-block;
    position: absolute;
}

.circular-animation.animation.fadeIn {
    opacity: 1
}

.circular-animation:nth-child(2) svg {
    -webkit-transition: all 1.7s;
    transition: all 1.7s;
}

.circular-animation:nth-child(3) svg {
    -webkit-transition: all 2s;
    transition: all 2s;
}

.circular-animation:nth-child(4) svg {
    -webkit-transition: all 2.3s;
    transition: all 2.3s;
}

.circular-animation.animation[style*="visibility: visible"] svg {
    stroke-dashoffset: 18;
}

.circular-animation svg circle {
    box-shadow: 0px 0px 30px 0px rgba(15, 115, 238, 0.1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(15, 115, 238, 0.1);
}

.circular-animation .feature-txt {
    max-width: 180px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.circular-animation .feature-txt h4 {
    font-size: 33px;
    color: #333;
    font-family: Gotham-Ultra;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    text-overflow: initial;
    white-space: normal;
    max-width: 180px;
    word-wrap: break-word;
}

.circular-animation .feature-txt p {
    margin: 0 0 -10px 0;
    font-size: 14px;
    padding: 0 9px;
}

.top-parallex {
    display: block;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}

.top-banner-block {
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.top-banner-block.current-opening-detail-header.current-blog-detail-crx {
    display: block;
    overflow: hidden;
}

.container-tst {
    display: table-cell;
    vertical-align: middle;
    top: initial !important;
    left: initial !important;
}

.top-banner-bg {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-position: top right !important;
}

.top-banner-block p {
    margin-bottom: 0px;
}

.top-banner-block .h1 {
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Black';
    margin-top: 0px;
}

.top-banner-block .h1.blog-detail-h1,
.top-banner-block .h1.blog-detail-h1 h1 {
    font-family: Gotham-Ultra;
    font-size: 48px;
    text-align: center;
    line-height: 56px;
    letter-spacing: -1px;
    color: #FFFFFF;
}

.top-banner-block .h1.blog-detail-h1 p {
    font-family: Gotham-Medium;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    color: #FFFFFF;
    display: block;
    width: 100%;
    margin-top: 20px
}

.current-opening-detail-header .gray-text {
    color: #fff;
    font-family: Gotham-Medium;
}

.current-opening-detail-header .gray-text a {
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: center;
    line-height: 19px;
    color: #FFFFFF;
}

.nutshell-wraper {
    background-color: #f5f5f5;
    position: relative;
    border-radius: 2px;
    display: block;
    padding: 50px 0;
    margin: 60px auto 40px;
}

.nushell-heading {
    width: 155px;
    height: 50px;
    background-color: #FFFFFF;
    border: 2px solid #EAEAEA;
    font-family: Gotham-Bold;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 2px;
    color: #1A1A1A;
    position: absolute;
    top: -75px;
    text-align: center;
    line-height: 43px;
}

.nutshell ul {}

.nutshell li {
    font-family: Gotham-Medium;
    font-size: 16px;
    line-height: 32px;
    color: #1A1A1A;
    padding-left: 5px;
}

.nutshell li:before {
    content: "/";
    display: inline-block;
    /*margin-right: 5px;*/
    position: absolute;
    left: 5px;
}

.top-banner-block .h1 h1 {
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: 'Gotham-Black';
}

.text-content-bottom {
    padding-bottom: 40px;
    background: #fff;
}

.text-content-bottom + .container-fluid,
.text-content-bottom + .container-fluid + .container {
    background-color: #fff;
}

.bg-white-color {
    background-color: #fff;
}

.text-content-bottom .h4 {
    color: #757575;
    font-family: Gotham-Black;
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 12px;
    text-transform: uppercase;
}

.text-content-bottom p {
    font-size: 16px;
    margin-bottom: 10px;
}

.text-content-bottom-cell {}

.frmwork-feature-img {
    display: block;
    width: 100%;
    background: #f4f4f4;
}

.frmwork-feature-img img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}

.svg-icon.svg-center {
    margin: 0 auto;
    display: block;
}

.media-icon-custom {
    min-width: 100px
}

.differ-content i {
    color: #999;
    font-size: 60px;
}

.differ-content {
    max-width: 640px;
    width: 100%;
}

.differ-content .media-heading {
    color: #fff;
    line-height: 1.3;
    margin-bottom: 18px;
    font-size: 24px;
}

.differ-content p {
    color: #999;
    line-height: 1.4;
    font-size: 16px;
}

.differ-content ul {
    margin: 0;
    padding: 0;
}

.differ-content ul li {
    position: relative;
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 24px;
    color: #999999;
    padding-left: 20px;
}

.differ-content ul li:before {
    content: "/";
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

.why-vinfo {
    background: #F9F9F9;
    padding-top: 20px;
    padding-bottom: 90px;
}

.why-vinfo .h3 {
    font-size: 24px;
    font-family: 'Gotham-Black';
    margin-bottom: 60px;
}

.why-vinfo .media-heading {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.why-vinfo p {
    font-size: 16px;
    margin-bottom: 30px;
    overflow: auto;
}

.why-vinfo .media-left {
    font-size: 80px;
    line-height: 82px;
    color: #E6E6E6;
    margin-right: 20px;
    width: 100px;
    font-family: Gotham-Black;
    min-width: 100px;
    vertical-align: top;
}

.bold-type {
    font-family: Gotham-Bold;
    font-size: 1em;
}

.pera-img-view-1 {
    background-size: cover !important;
    background-position: center !important;
    /*background-attachment:fixed !important;*/
    min-height: 200px;
    background-repeat: no-repeat !important;
}

.show-case-type-1 .show-case {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
    background-color: #fff;
}

.show-case-type-1 .show-case.even {
   /* background: url(../img/ST-1.png) no-repeat;*/
    background-size: contain;
    background-color: #fff;
}

.show-case-type-1 .show-case + .show-case {
    border-top: 1px solid #ECECEC;
}

.show-case-type-1 .show-case.odd {
    background: url(../img/ST-2.png) no-repeat;
    background-position: top right;
    background-size: contain;
    background-color: #fff;
}

.show-case-type-1 .show-case-content {}

.show-case-type-1 .show-case-text-block .h5 {
    font-size: 14px;
    color: #999;
    font-family: Gotham-Bold;
    line-height: 1.4;
    text-transform: uppercase;
}

.show-case-type-1 .show-case-text-block .h3 {
    color: #101010;
    font-size: 24px;
    line-height: 1;
    font-family: 'Gotham-Black';
    margin-top: 0px;
    margin-bottom: 10px;
}

.show-case-type-1 .show-case-text-block a {
    font-family: Gotham-Bold;
    color: #00CA6F;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 30px;
    display: block;
}

.show-case-type-1 .show-case-text-block a:hover {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.show-case-type-1 .show-case-text-block p {
    margin-bottom: 20px;
    font-size: 16px
}

.show-case-type-1 .show-case-text-block-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.show-case-type-1 .show-case-img-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.show-case-type-1 .show-case-img-block img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.show-case-type-1 .show-case + .more-show-case {
    padding-top: 35px;
    padding-bottom: 35px;
    //border-top: solid 1px #ECECEC;
    background-color: #fff;
}

.work-page * {
    -o-transform: translate3d(0, 0, 0px);
    -ms-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px);
}

.work-page .show-case-type-1 .show-case {
    background: none
}

.work-page .show-case-type-1 .show-case-text-block .h5 {
    color: #fff;
}

.work-page .show-case-type-1 .show-case-text-block .h5 h5 {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.work-page .show-case-type-1 .show-case-text-block .h3 {
    font-size: 48px;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    margin-top: 0px;
}

.work-page .show-case-type-1 .show-case-text-block a {}

.work-page .show-case-type-1 .show-case-text-block a:hover {
    color: #fff
}

.work-page .show-case-type-1 .show-case-text-block p {
    font-family: 'Gotham-Book';
    font-size: 16px;
    color: #fff;
}

.work-page .show-case-type-1 .show-case-text-block a p {
    letter-spacing: 0px;
}

.more-show-case a {
    display: block;
    font-family: Gotham-Bold;
    font-size: 14px;
    letter-spacing: 2px;
    color: #00CA6F;
    text-decoration: none;
    text-align: center;
}

.client-block {
    display: block;
    width: 100%;
}

.more-show-case a:hover {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

/*.more-show-case a i {
    display: none;
}*/

.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-block {
    display: block;
    width: 100%;
}

.client-block.without-img .client-pic {
    display: none;
}

.client-block.without-img .client-info {
    margin-left: 0;
    padding-left: 0;
}

.show-case-type-2 {
    background: #f9f9f9;
    padding-top: 60px;
    overflow: hidden;
    clear: both;
}

.show-case-type-2 .h3 {
    font-family: 'Gotham-Black';
}

.show-case-type-2 .show-case-content {
    display: table;
    width: 100%;
}

.show-case-type-2 .show-case-content .h4 {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 20px;
}

.show-case-type-2 .show-case-content p {
    font-size: 16px;
    margin-bottom: 15px;
}

.show-case-type-2 .show-case-content p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
    color: #101010;
}

.show-case-text {
    width: 42%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.show-case-img {
    width: 58%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-left: 30px;
    position: relative;
}

.show-case-type-2 .show-case-content.odd .show-case-img {
    text-align: left;
    padding-left: initial;
    padding-right: 30px;
    left: -42%
}

.show-case-type-2 .show-case-content.odd .show-case-text {
    left: 58%;
}

.show-case-img img {
    max-width: 100%;
}

.featur-vinfo {
    background: #f4f4f4;
    padding: 80px 0 80px 0;
}

.featur-vinfo i {
    font-size: 33px;
    color: #333333;
}

.featur-vinfo .media-left {
    min-width: 65px;
}

.featur-vinfo .media-heading {
    font-family: Gotham-Bold;
    font-size: 20px;
    color: #101010;
    margin: 0 0 10px 0;
    padding-right: 15px;
}

.featur-vinfo .txt-content-new h3 {
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin-bottom: 50px;
    color: #262626
}

.featur-vinfo .txt-content-new p {
    margin-bottom: 50px;
}

.featur-vinfo .txt-content-new h6 {
    margin: 0px 0 40px;
    font-family: Gotham-Bold;
    font-size: 20px
}

.home-page-blog-section {
    background: #fff;
}

.section-1 .txt-content p {
    margin-top: 20px;
}

.blog-category {
    font-family: Gotham-Book;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0px;
    margin-bottom: 10px;
    line-height: 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.client-story-wrapper {
    display: table;
    width: 100%;
}

.client-story {
    margin: 40px auto 30px;
}

.client-story1 .client-story {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.client-story p {
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}

.journey-wraper {
    padding-top: 100px;
    overflow: hidden;
    padding-bottom: 60px;
    /*float: left;*/
    width: 100%;
}

.journey-wraper .h2,
.challenge .h2,
.user-story-line .h2,
.h2.acc {
    margin-top: 10px;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 30px;
    font-family: 'Gotham-Black';
}

.journey-wraper .h2 h2 {
    font-size: 36px;
    margin: 0;
}

.journey-wraper .p {
    margin-bottom: 20px;
    letter-spacing: 0;
    font-size: 16px;
}

.journey-wraper .list-unstyled {
    line-height: 30px
}

.journey-wraper .small {
    color: #666666;
    font-size: 18px;
    font-family: Gotham-Black;
    margin-top: 60px;
}

.challenge {
    padding-bottom: 100px;
    background-color: #fff;
}

.challenge ul {
    padding: 0;
    margin: 0;
}

.challenge ul li {
    list-style: none;
}

.challenge ul li p {
    margin: 0
}

.challenge ul li.client {
    position: relative;
    font-size: 16px;
    font-family: Gotham-Bold;
    line-height: 23px;
    margin: 0 0 00px 0;
}

.challenge ul li.client:before {
    position: absolute;
    content: "CLIENT";
    color: #b2b2b2;
    left: -90px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 29px;
}
.challenge ul li.client1 {
    position: relative;
    font-size: 16px;
    font-family: Gotham-Bold;
    line-height: 23px;
    margin: 0 0 00px 0;
}

.challenge ul li.client1:before {
    position: absolute;
    content: "TRAVELER";
    color: #b2b2b2;
    left: -116px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 29px;
}

.challenge ul li.tech {
    position: relative;
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 30px 0;
}

.challenge ul li.tech:before {
    position: absolute;
    content: "VINFOTECH";
    color: #b2b2b2;
    left: -126px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 23px;
}

.wrap-label {
    border-top: 1px solid #ECECEC;
}

.user-story-wrapper,
.journey-wraper {
    background: #fff;
}

.user-stories-heading {
    background-color: #fff;
    border: 1px solid #ececec;
    font-family: Gotham-Bold;
    margin: -15px auto 0;
    text-transform: uppercase;
    width: 215px;
    letter-spacing: 2px;
    line-height: 1.4;
    padding: 5px 40px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

.user-story {
    padding-top: 0px;
    padding-bottom: 60px;
    text-align: center
}

.user-story-block {
    text-align: left;
    display: inline-block;
    float: none;
    vertical-align: top;
    text-align: left;
    min-width: 229px;
}

.user-story-block p {
    color: #333;
    font-size: 26px;
    font-family: FeltThat;
    line-height: 1.1;
    margin-bottom: 10px;
}

.user-story-block-content {
    min-height: 170px;
    max-width: 198px;
    padding: 20px 20px 30px 20px;
    background-image: url(../img/User-Story-BG-01.png);
    background-repeat: no-repeat;
    max-width: 198px;
    margin: 0 auto;
    background-color: #fff582;
    background-position: bottom right;
    background-size: cover;
    margin-bottom: 20px;
}

.user-story-block:last-child .user-story-block-content {
    margin-bottom: 0;
}

.user-story-block-content[style*="height: auto;"] {
    background-size: cover;
}

.user-story-line p {
    margin-bottom: 30px;
}

.user-story-start {
    color: #101010;
    font-size: 36px;
    line-height: 1;
    font-family: FeltThat;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}

.showcase-slider {
    background: #101010;
    padding: 100px 0;
    overflow: hidden;
}

.slider-wrapper .owl-nav.disabled {
    display: none;
}

.slider-wrapper .owl-dots.disabled {
    display: none;
}

.slider-txt-content h3 {
    font-size: 36px;
    color: #fff;
    font-family: Gotham-Black;
    padding-right: 15px;
    margin-bottom: 30px;
    margin-top: 0;
}

.slider-txt-content p {
    font-size: 16px;
    color: #999;
    font-family: Gotham-Book;
    padding-right: 15px;
    margin-bottom: 30px;
}

.slider-txt-content {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider-txt-content.mobile {
    width: 58%;
}

.slider-txt-content.tablet {
    width: 40%;
}

.slider-txt-internal {
    max-width: 480px;
}

.slider-txt-internal .owl-nav .owl-prev,
.slider-txt-internal .owl-nav .owl-next {
    background: #333;
    color: #fff;
    display: inline-block;
    width: 108px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slider-txt-internal .owl-nav i {
    line-height: 48px;
}

.slider-txt-internal .owl-nav .owl-prev:hover,
.slider-txt-internal .owl-nav .owl-next:hover {
    background: #2d2d2d;
}

.slider-txt-internal .owl-nav .owl-next {
    margin-left: 20px;
}

.slider-wrapper {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
}

.slider-wrapper.tablet {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
}

.slider-wrapper.mobile {
    width: 25%;
}

.slider-wrapper-main.window {
    background: url(../img/browser-window.png) no-repeat;
    padding: 4.1% 0 0;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-wrapper-main.mobile {
    background: url(../img/mobile-frm.png) no-repeat;
    padding: 23.65% 6.1% 23.65% 6.1%;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-wrapper-main.tablet {
    background: url(../img/ipad-frm.png) no-repeat;
    padding: 4.7% 9.7%;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-txt-internal .owl-nav {
    margin-bottom: 50px;
}

.slider-txt-content a {
    font-family: Gotham-Bold;
    float: left;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    display: block
}

.slider-txt-content a:hover,
.slider-txt-content a:focus {
    text-decoration: none;
    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);
}

.showcase-img-wrapper {
    padding-top: 100px;
    background: #fff;
}

.showcase-img-wrapper img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.showcase-nav-footer {
    border-top: 1px solid #ECECEC;
    width: 100%;
    display: table;
    height: 140px;
    background: #fff;
}

.slider-txt-internal .owl-nav .owl-prev,
.slider-txt-internal .owl-nav .owl-next {
    background: #333;
    color: #fff;
    display: inline-block;
    width: 108px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}

.showcase-nav-footer .prev-case,
.showcase-nav-footer .next-case {
    padding: 25px 15px;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.showcase-nav-footer .prev-case:hover,
.showcase-nav-footer .next-case:hover {
    background: #eaeaea;
}

.showcase-nav-footer .next-case {
    border-left: 1px solid #ECECEC
}

.showcase-nav-footer a {
    text-decoration: none;
    display: block;
    width: 100%;
    position: relative;
}

.showcase-nav-footer h4 {
    font-family: Gotham-Black;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.4;
}

.showcase-nav-footer p {
    font-style: italic;
    color: #101010;
    margin-bottom: 0;
    display: none;
    padding: 0 25px;
}

.showcase-nav-footer i {
    font-size: 20px;
    color: #101010;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    left: 0;
}

.showcase-nav-footer .next-case i {
    left: initial;
    right: 0;
}

.showcase-slider.showcase-slider-acc {
    background: #fff;
}

.showcase-slider.showcase-slider-acc .slider-txt-content h3 {
    color: #101010;
}

.story-line-wrapper {
    width: 100%;
    display: inline-block;
    padding-bottom: 100px;
}

.show-case-type-1.type-left.acc {
    background: #fff;
}

.story-start {}

.story-post {
    width: 100%;
    position: relative;
    display: inline-block;
    float: left;
}

.story-post:after {
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    content: "";
    background: #e8e8e8;
    right: 0;
    margin: 0 auto;
    display: block;
}

.post-internal {
    width: 50%;
    position: relative;
    float: left;
    clear: both;
    padding-right: 80px;
}

.post-internal:after {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/tree-awwow-left.png) no-repeat;
    top: 9px;
    width: 137px;
    margin: 0 auto;
    height: 47px;
    right: -68px;
    z-index: 1;
}

.story-post h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 21px;
    font-family: Gotham-Bold;
    letter-spacing: -2px;
}

.story-post p {
    margin-bottom: 0;
    font-size: 16px;
    max-width: 440px;
}

.story-post:nth-child(even) {
    text-align: right
}

.story-post:nth-child(even) p {
    float: right;
}

.story-post:nth-child(odd) {}

.story-post:nth-child(odd) p {
    float: left;
}

.story-post:nth-child(odd) .post-internal {
    left: 50%;
    padding-left: 80px;
    padding-right: initial;
}

.story-post:nth-child(odd) .post-internal:after {
    background: url(../img/tree-awwow-right.png) no-repeat;
    left: -68px;
    right: initial;
}

.story-post:last-child:after {
    display: none;
}

.featured-in {
    padding-top: 60px;
    padding-bottom: 0;
    width: 100%;
    display: inline-block;
}

.featured-in h2 {
    text-align: center;
    font-family: FeltThat;
    font-size: 36px;
    line-height: 1;
}

.featured-in ul {
    padding: 0;
    margin: 30px 0 30px;
    text-align: center;
}

.featured-in li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.featured-in li img {
    margin: 0 auto;
    max-height: 100px;
    display: block;
    height: auto;
}

.about-wrapper {
    background-repeat: no-repeat !important;
    float: left;
    width: 100%;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: top center !important;
}

.about-heading {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.about-heading h1 {
    font-size: 42px;
    margin-top: 50px;
    margin-top: 0;
    font-family: "Gotham-Black";
    line-height: 1;
    color: #fff;
    /*text-align: left;*/
    margin-left: auto;
    margin-right: auto;
}

.about-heading {
    font-size: 42px;
    font-family: "Gotham-Black";
    line-height: 1;
    color: #fff;
   /* text-align: left*/
}

.about-heading p {
    font-family: 'Gotham-Book';
    font-size: 16px;
}

.about-heading.mB0 {
    margin-bottom: 0;
}

.about-wrapper p {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 24px;
}

.about-wrapper a {
    font-family: Gotham-Bold;
    font-size: 14px;
    margin-bottom: 50px;
    display: inline-block;
    margin-right: 20px;
}

.about-wrapper a:focus,
.about-wrapper a:hover {
    text-decoration: none;
    color: #fff;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.our-aim {
    padding-bottom: 100px;
    overflow: hidden;
}

.our-aim .p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
}

.journey-wraper.our-aim .h2 {
    font-size: 48px;
    margin-bottom: 40px;
}

.journey-wraper.our-aim .h2 h2 {
    font-size: 40px;
    margin: 0;
}

.dark-bg {
    background: #101010;
}

.dark-bg img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.rapid-development-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #fff;
}

.rapid-development-content {
    padding-top: 80px;
    display: inline-block;
    background: url(../img/design-thinking-768.png) no-repeat;
    background-position: center center;
    background-size: contain;
    padding-bottom: 80px;
}

.rapid-development-content .h3 {
    font-family:'Gotham-Black';
    margin-top: 0;
    font-size: 42px;
    margin-bottom: 20px;
}

.rapid-development-content li {
    font-family: Gotham-Bold;
    font-size: 14px;
    list-style: none;
    line-height: 2;
}

.dark-gray-bg {
    background: #EBEBEB;
    overflow: hidden
}

.internal-process-img {
    text-align: right
}

.internal-process-img img {
    max-width: 100%;
    position: relative;
    z-index: 0;
}

.internal-process-img .p {
    position: relative;
    z-index: 10;
}

.internal-process-img p {
    font-size: 34px;
    margin-bottom: -72px;
    line-height: 1.4;
    font-family: 'Gotham-Black';
    text-align: left;
    float: left;
    position: relative;
    z-index: 10;
}

.internal-process-wrap {
    padding-top: 140px;
    padding-bottom: 110px;
}

.internal-process-img img.img-2 {
    display: none;
}

.gallery-slider-wrap {
    position: relative;
    background: #fff;
    float: left;
    width: 100%;
}

.gallery-slider-wrap .owl-carousel {
    position: relative;
}

.gallery-slider-wrap .owl-nav {
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-slider-wrap:hover .owl-nav {
    opacity: 1
}

.gallery-slider-wrap .owl-nav .owl-prev,
.gallery-slider-wrap .owl-nav .owl-next {
    position: absolute;
    width: 84px;
    height: 162px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    overflow: hidden;
    font-size: 78px;
    line-height: 180px;
    text-align: center;
    top: 30%;
    top: calc(50% - 90px);
}

.gallery-slider-wrap .owl-nav .owl-next {
    right: 15px;
}

.gallery-slider-wrap .owl-nav .owl-prev {
    left: 15px;
}

.gallery-slider {
    display: block;
    width: 100%;
}

.gallery-slider-wrap .owl-controls {
    display: block;
    margin-bottom: 30px;
    margin-top: 30px;
}

.gallery-slider-wrap .owl-controls svg {
    height: 70px;
    stroke: #8f8f8f;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-slider-wrap .owl-controls .owl-prev:hover svg,
.gallery-slider-wrap .owl-controls .owl-next:hover svg {
    stroke: #101010
}

.navbar-toggle-cross:hover,
.navbar-toggle:hover {
    background: #00BE6A;
}

.custom-popup.modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

.back-clm {
    background: #00CA6F;
    border-radius: 2px;
    padding: 15px;
    margin: 10px 15px;
}

.custom-popup .modal-content {
    background-color: transparent;
    vertical-align: middle;
    display: table-cell;
    box-shadow: none;
    border: 0;
}

.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;
}

.custom-popup .modal-body {
    padding: 0 0 8px 0;
    background: #00CA6F
}

.custom-popup .modal-dialog {
    max-width: 500px;
    margin: 0 auto;
    display: table;
    height: 100%;
    width: 100%
}

.custom-popup.fade.in ~ .modal-backdrop.fade.in {
    background: rgba(255, 255, 255, 0.99)
}

.custom-popup form {
    max-width: 304px;
    margin: 0 auto;
}

.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;
}
.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;
}

.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 .has-error a {
    background: #fff;
    border-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #fff;
    box-shadow: inset 0 -1px 0 #fff;
}

.custom-popup form .has-error a:focus {
    -webkit-box-shadow: inset 0 -1px 0 #101010;
    box-shadow: inset 0 -1px 0 #101010;
    border-bottom-color: #101010;
}


.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 .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-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 .btn {
    padding: 20px 20px;
}

.custom-popup form .btn.btn-default {
    background: #444444;
    border-color: #444;
}

.custom-popup form .btn.btn-default:hover,
.custom-popup form .btn.btn-default:focus {
    background: #101010;
    border-color: #101010;
}

.custom-popup form .btn:hover {
    background: #02b765;
    color: #fff;
    border-color: #02b765
}

.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
}

.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
}

.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: 260px;*/
    max-width: 300px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: none;
    color: #02b765;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

/*.has-error .help-block {
    background: #fff;
    display: table;
    padding: 5px 10px;
    position: absolute;
    border-radius: 4px;
    -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);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    right: -10px;
    z-index: 1;
    margin: 2px 0 0 0;
}*/

/*.has-error .help-block:after,
.has-error .help-block:before {
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.has-error .help-block:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: 0;
}*/

/*.has-error .help-block:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-width: 9px;
    margin-left: 0;
    right: 9px;
}*/

.form-group {
    position: relative;
}

.modal-contact-area {
    display: block;
    width: 100%;
}

.modal-contact-area .contact-left {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.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 {
    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 .modal-contact-area-seprator:after {
    width: 1px;
    height: 100%;
    content: "";
    background: #00ca6f;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.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
}

.current-opening-header a {
    font-size: 14px;
    font-family: Gotham-Bold;
    display: block;
    float: left;
}

.current-opening-header a:hover,
.current-opening-header a:focus {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    text-decoration: none;
    color: #000;
}

.current-opening-header.top-banner-block .h1 {
    margin-bottom: 10px;
}

.white-bg {
    background: #fff;
}

.why-vinfo .h2 {
    margin-bottom: 30px;
    font-family: 'Gotham-Black';
    line-height: 1;
    font-size: 48px;
}

.lp-block {
    margin-top: 30px;
}

.why-vinfo .p.mB0 p {
    margin-bottom: 0;
}

.why-vinfo .p.mB0 p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
    color: #101010;
}

.why-vinfo .p.mB0 {
    margin-bottom: 30px;
}

.why-vinfo .p.mB0:last-child {
    margin-bottom: 0;
}

.why-vinfo-with-lp-block {}

.why-vinfo-with-lp-block .lp-img img {
    width: 100%;
}

.why-vinfo-with-lp-block .equal-col {
    max-width: 600px;
}

.why-vinfo-with-lp-block .equal-col p {
    padding: 30px 15px;
    margin: 0;
}

.why-vinfo-with-lp-block .equal-col .li-name {
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 1.3;
    padding: 0px 15px;
}

.why-vinfo-with-lp-block .equal-col .li-name p {
    font-family: 'Gotham-Book';
    padding: 0;
    color: #333333;
    margin-top: 10px;
}

.open-position {
    border-top: 1px solid #eee;
    padding-top: 80px;
    padding-bottom: 60px;
    background-color: #fff;
}

.open-position .h2 h2 {
    font-family: 'Gotham-Black';
    font-size: 48px;
}

.open-position .h3 h3 {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-top: 60px;
    font-family: 'Gotham-Black';
    margin-bottom: 70px;
    border-top: 3px solid;
    color: #666;
}

.badge {
    font-size: 12px;
    line-height: 1.5;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    color: #FFF;
    font-weight: normal;
    display: inline-block;
    padding: 3px 5px;
    vertical-align: middle;
    border-radius: 2px;
}

.vacancy {
    display: block;
    margin-bottom: 40px;
}

.vacancy a {
    line-height: 1.5;
    vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    font-family: Gotham-Bold;
    color: #101010;
    margin-top: 0;
    text-decoration: none;
    padding-right: 10px;
}

.panel .vacancy a {
    text-transform: none
}

.vacancy-location {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

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

.upload-cv {
    display: block;
    width: 100%;
    margin: 10px 0 50px 0;
    display: none;
}

.badge-info {
    background: #008cff;
}

.badge-danger {
    background: #FF5750;
}

.current-opening-detail-header a {
    display: inline-block
}

.current-opening-detail-header a:hover {
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.current-opening-detail-header.key-people {
    background: #F6F6F6;
}

.current-opening-detail-header.key-people.top-banner-block .h1 {
    margin-top: 20px;
}

.key-detail {
    padding-top: 60px;
    padding-bottom: 90px;
    font-size: 16px;
    background-color: #fff;
}

.key-people-wrapper {}

.key-people-block {
    margin-bottom: 100px;
}

.key-people-block:last-child {
    margin-bottom: 00px;
}

.key-people-img {
    display: inline-block;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.05)
}

.key-people-img img {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
}

.key-people-info {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.key-people-info .h4 {
    font-family: 'Gotham-Bold';
    font-size: 24px;
    margin: 0;
}

.key-people-info small {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    display: block;
}

.key-people-info p {
    font-family: 'Gotham-Book';
    font-size: 16px;
}

.gray-text {
    color: #999
}

.gray-text a {
    color: #999
}

.gray-text a:hover,
.panel-body > a:hover,
.panel-body > a:focus {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-detail p {
    line-height: 28px;
}

.blog-detail p strong {
    font-family: 'Gotham-Bold';
}

.top-banner-block.current-opening-detail-header .h1 {
    margin-top: 90px;
}

.job-detail {
    padding-top: 60px;
    padding-bottom: 90px;
    font-size: 16px;
    background-color: #fff;
}

.job-detail h4 {
    font-size: 18px;
    font-family: 'Gotham-Black';
    margin: 0 0 20px 0;
}

.job-detail .list-unstyled {
    margin-bottom: 40px;
}

.job-detail .list-unstyled li {
    padding-left: 30px;
    position: relative;
    line-height: 25px;
    margin-bottom: 10px;
}

.job-detail .list-unstyled li:before {
    content: "/";
    display: inline-block;
    width: 30px;
    position: absolute;
    left: 0;
    font-family: 'Gotham-Bold';
}

.job-detail p {
    margin-bottom: 40px;
}

.job-detail .p small {
    color: #999999;
    text-align: center;
    margin-top: 15px;
    display: block;
    padding: 0 15px;
}

.panel {
    background: #F6F6F6;
}

.panel-body {
    padding: 15px 25px;
}

.panel-body h4 {
    margin: 0 0 40px 0;
    color: #666666;
    font-size: 24px;
    font-family: 'Gotham-Black';
}

.panel-body .vacancy {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 20px;
}

.panel-body .vacancy-location {
    color: #999999;
    font-family: 'Gotham-Book';
    font-size: 16px
}

.panel-body > a {
    text-align: center;
    font-size: 12px;
    font-family: 'Gotham-Black';
    text-decoration: none;
    display: table;
    margin: 0 auto 20px;
    letter-spacing: 2px;
}

.blog-detail {
    padding-bottom: 80px;
    overflow: hidden;
    background-color: #fff;
}

.first-letter {
    display: block;
    margin-top: 50px;
    line-height: 28px;
    float: left;
}

.first-letter p {
    margin-bottom: 30px;
}

.blog-container-wrapper {
    /*background-color: #fff;*/
    background-color: #FBFBFB;
}

.first-letter p:last-child {
    margin-bottom: 50px;
}

.blog-detail .blog-feature-img img {
    width: 100%;
}

.first-letter > p:first-child::first-letter {
    font-size: 67px;
    float: left;
    line-height: 67px;
    padding-right: 10px;
    font-family: 'Gotham-Bold'
}

.twitter-featuring-txt {
    position: relative;
    max-width: 531px;
    margin: 0 auto;
    text-align: center;
    margin: 70px auto;
    padding: 40px 0 30px
}

.twitter-featuring-txt p {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 26px;
    color: #1A1A1A;
    margin: 0 auto 30px;
}

.twitter-featuring-txt:before,
.twitter-featuring-txt:after {
    position: absolute;
    content: "";
    width: 220px;
    left: 0;
    right: 0;
    height: 4px;
    background: rgba(0, 202, 111, 1.0);
    margin: 0 auto;
}

.twitter-featuring-txt:after {
    top: 0;
}

.twitter-featuring-txt:before {
    bottom: 0;
}

.twitter-featuring-txt i {
    font-size: 26px;
    color: #9b9b9b;
    cursor: pointer;
}

.blog-detail h3 {
    font-size: 24px;
    font-family: 'Gotham-Bold'
}

.blog-detail h4 {
    font-size: 18px;
    font-family: 'Gotham-Bold'
}

.sharing-button {
    width: 100%;
    margin: 50px 0 0 0;
}

.about-vinfo-blog h3 {
    font-size: 24px;
    font-family: 'Gotham-Bold';
}

.about-vinfo-blog p {
    line-height: 28px;
}

.about-vinfo-blog {
    background: #F6F6F6;
    padding: 50px 0 60px;
}

.panel-white {
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-radius: 3px;
}

.panel-white .panel-body {
    padding: 20px;
    margin-bottom: 80px;
}

.panel-white .panel-body .block-addrs {
    display: block;
}

.panel-white .panel-body .block-addrs a {
    color: #4A4A4A;
}

.panel-white .panel-body .block-addrs a:hover,
.panel-white .panel-body .block-addrs a:focus {
    display: block;
    text-decoration: none;
    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);
}

.panel-white .panel-body .block-addrs i {
    display: inline-block;
    color: #9b9b9b;
    vertical-align: middle;
    font-size: 23px;
    padding-right: 15px;
    width: 38px;
}

.panel-white .panel-body .block-addrs span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
}
.panel-white .panel-body .block-addrs .span {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.block-addrs.without-icon {
    padding-left: 38px;
    font-family: Gotham-Bold;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.block-addrs.without-icon:last-child {
    margin-bottom: 0;
}

.contact-alt {
    padding-top: 80px;
    padding-bottom: 40px;
}
.rigt-menu ul li{
    padding: 5px 10px;
    width: auto;
}
.right-bar-internal {
    display: none;
}
.h3-ultra {
    font-family: 'Gotham-Ultra';
    font-size: 36px;
    margin-bottom: 40px;
}


/* Make clicks pass-through */

#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #00cc6b;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

.tranding-div {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 110;
}

.nav-open .tranding-div {
    z-index: 100;
}

.tranding-div > a {
    float: right;
    position: relative;
    right: 0;
    width: 48px;
    height: 48px;
    color: #fff;
    border-radius: 100%;
    background: #00CA6F;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 48px;
    font-size: 24px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20)
}

.tranding-div > a i {
    line-height: 48px;
}

.tranding-div > a:hover,
.tranding-div a.active {
    background: #1ebf6c;
}

.tranding-div > a.active i.icon-trend {
    font-size: 18px;
}

.tranding-div > a.active i.icon-trend:before {
    content: "\e90f";
}

.tranding-content-pre {
    border-radius: 4px;
    padding: 20px;
    position: relative;
    width: 100%;
    max-width: 350px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px;
}

.tranding-content-pre p {
    font-family: Gotham-Medium;
    font-size: 14px;
    line-height: 16px;
    color: #1A1A1A;
}

.tranding-content-pre a {
    display: block;
    font-family: Gotham-Medium;
    font-size: 12px;
    line-height: 14px;
    color: #9B9B9B;
    text-decoration: none
}

.tranding-content-pre a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #02b765;
}

.tranding-content {
    border-radius: 4px;
    padding: 20px;
    position: relative;
    width: 100%;
    max-width: 420px;
    height: 420px;
    background: #fff;
    display: none;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px;
}

.tranding-content:before,
.tranding-content-pre:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: rgba(0, 0, 0, 0.08) transparent transparent transparent;
    position: absolute;
    bottom: -12px;
    right: 15px;
}

.tranding-content:after,
.tranding-content-pre:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    right: 17px;
}

.tranding-carousal a {
    text-decoration: none;
}

.tranding-content .h2 {
    font-size: 24px;
    font-family: 'Gotham-Black';
    margin: 0;
}

// .tranding-carousal .owl-stage, .tranding-carousal .owl-stage .owl-item{width:100% !important;}
.tranding-carousal .tanding-news-img {
    margin: 20px 0 30px;
    display: block;
    webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20)
}

.tranding-carousal .h3 {
    font-size: 16px;
    font-family: 'Gotham-Medium';
}

.tranding-carousal .trand-date-time {
    font-size: 14px;
    font-family: 'Gotham-Book';
    color: #666666;
    display: block;
    margin-top: 10px;
}

.tranding-carousal .owl-carousel .owl-stage {
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
}

.tranding-carousal .owl-controls {}

.tranding-carousal .owl-controls > .owl-nav {
    right: 0px;
    bottom: -8px;
}

.tranding-carousal .owl-nav {
    width: 80px;
    display: block;
    float: right;
    position: absolute;
    right: 20px;
    bottom: 22px;
    background: #fff;
    text-align: center;
}

.tranding-carousal .owl-nav .owl-prev {
    float: left;
    border: 1px solid #ddd;
    width: 50%;
    line-height: 29px;
}

.tranding-carousal .owl-nav .owl-next {
    float: left;
    border: 1px solid #ddd;
    width: 50%;
    line-height: 29px;
    margin-left: -1px;
    position: relative;
    display: block;
}

.tranding-carousal .owl-stage-outer {
    overflow: hidden;
}

.tranding-carousal .owl-stage-outer .owl-item {
    display: inline-block;
}

.tranding-carousal .owl-stage-outer .owl-item img {
    width: 100%;
}

.tranding-carousal .owl-nav {}


/* .tranding-div-open{overflow:hidden;position:relative;}*/

.key-people-modal {
    padding: 0 !important;
    z-index: 111;
}

.key-people-modal .modal-dialog {
    margin: 0;
}

.key-people-modal .modal-content {
    border: none
}

.key-people-modal .modal-body {
    padding: 0;
}

.key-people-modal .modal-footer {
    padding-bottom: 22px;
    padding-top: 22px;
}

.key-people-modal .modal-footer .close {
    color: #CCCCCC;
    float: none;
    margin: 0 auto;
    display: table;
    font-size: 24px;
    opacity: 1;
    -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;
}

.key-people-modal .modal-footer .close:hover {
    color: #666;
}

.modal-open .modal.key-people-modal ~ .modal-backdrop {
    z-index: 110;
}

.blog-detail-wrapper .view-more.subscribe.fixed a.btn {
    text-align: left;
}

.menu-right {
    width: 320px;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: -320px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10;
}

.menu-right.show-nav {
    -webkit-transform: translateX(-320px);
    transform: translateX(-320px);
    -webkit-transform: translateX(-320px) translateZ(0);
    transform: translateX(-320px) translateZ(0);
    -webkit-transform: translate3d(-320px, 0, 0);
    transform: translate3d(-320px, 0, 0);
    overflow: auto;
}

.menu-right ul {
    margin: 80px 0 40px 0;
    padding: 0 0 0 20px;
}

.menu-right ul li {
    position: relative;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.menu-right ul li:first-child {
    margin-top: 0;
    border: 0;
    box-shadow: none;
}

.menu-right ul li a {
    position: relative;
    padding: 10px 0;
    color: #000;
    font-size: 14px;
    display: block;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.no-touch .menu-right ul li a:hover,
.menu-right ul li.active a {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #00CA6F;
}

.menu-right p {
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 86%;
    left: 20px;
    font-size: 0.875em;
    text-align: center;
}

.menu-right p a {
    color: #FA3251;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-right p a:hover {
    color: #FA3251;
    text-decoration: underline;
}

.nav-toggle-right {
    position: fixed;
    top: 50%;
    right: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    z-index: 11;
    background: #fff;
    padding: 14px 14px;
    border-radius: 100%;
    line-height: 1px;
    color: #666;
}

.filter-applied i {
    position: relative;
}

.filter-applied i:after {
    content: "";
    width: 7px;
    height: 7px;
    background: red;
    border-radius: 100px;
    display: block;
    position: absolute;
    top: -9px;
    right: -11px;
}

.nav-toggle-right:hover,
.nav-toggle-right:focus {
    color: #000;
    text-decoration: none
}

.nav-toggle-right.show-nav {
    color: #fff;
}

.nav-toggle-right.show-nav i:before {
    content: "\e90f";
}

.nav-toggle-right.show-nav {
    background: #00CA6F;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
}

.nav-toggle-right.show-nav .img-b {
    display: block;
}

.nav-toggle-right span {
    color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    font-size: 1.875em;
}

.no-touch .nav-toggle-right span:hover {
    color: white;
}

.nav-toggle-right span.fa-times {
    color: #fff;
}

.nav-toggle-right span.fa-times:hover {
    color: #fff;
}

.animation-wrapper-mobile {
    display: none;
}

.nav-toggle-right.show-nav {
    top: 32px;
    text-decoration: none;
    right: 12px;
}

.animation-wrapper {
    position: relative;
    width: 100%;
    padding: 130px 15px;
    background: url(../img/cicular.png) no-repeat #f4f4f4;
    background-position: center;
    background-size: content;
    overflow: hidden;
}

.animation-wrapper.alfa4 {
    padding: 186px 15px;
    background: url(../img/circle-2.png) no-repeat #f4f4f4;
    background-position: center;
    background-size: content;
}

.animation-wrapper .container-wrapper {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.omega {
    width: 440px;
    height: 440px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    );
    position: relative;
    margin: 0 auto;
    display: block;
}

.primary-content {
    display: table;
    margin: 0 auto;
    height: 100%;
    max-width: 80%;
}

.primary-content .primary-dsa {
    font-size: 32px;
    font-family: 'Gotham-Black';
    line-height: 38px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.alfa {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
}

.alfa .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.alfa .primary-content .primary-dsa {
    font-size: 16px;
    line-height: 20px;
}

.alfa .primary-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -230px;
    text-align: right;
    width: 220px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%));
}

.alfa .primary-content ul li {
    width: 100%;
}

.omega small {
    font-size: 16px;
    font-family: 'Gotham-Book';
    color: #999;
    margin-top: 15px;
    width: 100%;
    display: block;
    line-height: 18px;
}

.alfa:first-child {
    top: -60px;
    left: 580px;
}

.alfa:nth-child(2) {
    top: 130px;
    left: 520px;
}

.alfa:last-child {
    bottom: -60px;
    left: 580px;
}

.alfa2 .alfa-wrapper .alfa:first-child {
    top: 00px;
    left: 245px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa2 .alfa-wrapper .alfa:nth-child(2) {
    top: 210px;
    left: 222px;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:first-child {
    top: -60px;
    left: 280px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:nth-child(2) {
    top: 130px;
    left: 222px;
    ;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:last-child {
    bottom: -60px;
    left: 288px;
    animation-name: bobble-4;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.alfa4 .alfa-wrapper .alfa:first-child {
    top: -160px;
    left: 380px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:nth-child(2) {
    top: 0px;
    left: 249px;
    ;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:nth-child(3) {
    top: 205px;
    left: 242px;
    animation-name: bobble-3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:last-child {
    bottom: -120px;
    left: 348px;
    animation-name: bobble-4;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.beta {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
    animation-name: bobble-5;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    top: 30px;
    right: 267px;
}

.beta .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.beta .primary-content .primary-dsa {
    font-size: 16px;
    line-height: 20px;
}

.beta .primary-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -220px;
    text-align: left;
    width: 210px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.beta .primary-content ul li {
    width: 100%;
    position: relative;
    padding-left: 20px;
    line-height: 18px;
    margin-bottom: 15px;
}

.beta .primary-content ul li:before {
    content: '\005C';
    display: block;
    position: absolute;
    left: 5px;
}

.gama {
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
}

.gama .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.gama .primary-content .primary-dsa {
    font-size: 24px;
    line-height: 20px;
    color: #00CA6F;
    font-family: 'FeltThat';
}

.gama .primary-content .primary-dsa > span {
    max-width: 95px;
    display: block;
    margin: 0 auto;
}

.gama .primary-content .primary-dsa > span > i {
    font-style: normal;
    display: block;
    margin: 0 auto;
    font-size: 66px;
    line-height: 33px;
    text-align: center;
}

.gama:first-child {
    bottom: 70px;
    right: 293px;
    width: 131px;
    height: 131px;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.gama:nth-child(2) {
    bottom: -47px;
    right: 164px;
    width: 150px;
    height: 150px;
    animation-name: bobble-3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.gama:last-child {
    bottom: -120px;
    right: 321px;
    width: 180px;
    height: 180px;
    animation-name: bobble-5;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@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);
    }
}

.blog-detail-wrapper .view-more.subscribe {
    text-align: left;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    position: absolute;
    bottom: 30px;
    margin: 0;
    z-index: 1;
    left: 15px;
}

.zoomer {
    overflow: hidden;
    background: #252b33;
    position: relative;
    height: 600px;
    width: 100%;
    text-align: center;
}

.zoomer-img {
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: cover!important;
    background-position: center !important;
    width: 100%;
    max-width: none;
    max-height: 600px;
    left: 0;
    background-color: #a0a0a0
}

.zoomer-txt {
    display: inline-block;
    text-align: center;
    left: 0;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    color: #fff;
    top: 40%;
    position: absolute;
    width: 100%;
}

.zoomer-txt h1 {
    max-width: 840px;
    margin: 0 auto;
    font-family: "Gotham-Black";
    font-size: 48px;
    text-align: center;
    line-height: 56px;
    letter-spacing: -1px;
    color: #FFFFFF;
}

.zoomer-txt p {
    font-family: Gotham-Medium;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    color: #FFFFFF;
    margin: 20px auto 30px;
}

.zoomer-txt .publish-name,
.zoomer-txt .publish-name a,
.zoomer-txt .by-name {
    color: #fff;
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: center;
    line-height: 19px;
    color: #FFFFFF;
}

.current-opening-detail-header .publish-name a {
    color: #fff;
}

.wrapper-404 {
    padding: 240px 0;
}

.block-404 {
    padding: 0 0 60px 0;
    text-align: center;
    margin: 0 auto;
    max-width: 844px;
    background-color: #FFFFFF;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    width: 100%;
    display: table;
}

.block-404 .img-404 {
    display: table;
    margin: 0 auto;
    position: relative;
    top: -60px;
    margin-bottom: -40px;
}

.block-404 h1 {
    font-family: Gotham-Ultra;
    font-size: 72px;
    text-align: center;
    line-height: 83px;
    letter-spacing: -2px;
    color: #101010;
    margin-top: 0;
}

.block-404 p {
    font-family: Gotham-Book;
    font-size: 32px;
    text-align: center;
    line-height: 46px;
    color: #4A4A4A;
    max-width: 520px;
    margin: 20px auto 30px;
}

.block-404 a {
    font-family: Gotham-Bold;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 2px;
    color: #00CA6F;
    display: table;
    text-decoration: none;
    margin: 0 auto;
}

.block-404 a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #333;
}

.comingsoon-wrapper {
    display: table;
    height: 500px;
}

.comingsoon-block {
    display: table-cell;
    vertical-align: middle;
}

.comingsoon-block h1 {
    font-family: Gotham-Ultra;
    font-size: 64px;
    line-height: 75px;
    letter-spacing: -2px;
    color: #1A1A1A;
    margin-top: 0;
}

.comingsoon-block p {
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 26px;
    color: #1A1A1A;
    max-width: 600px;
}

.comingsoon-block p a {
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 26px;
    color: #1A1A1A;
    text-decoration: none;
    block;
}

.comingsoon-block p a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #02b765;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus, .section-content:focus, .section:focus {
    outline: none;
}
.pagidisplay{display: none;}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.sports-slider-section {
    background: #F4F4F4;
    padding: 100px 0;
}

.sports-slider {
    position: relative;
}

.slick-list:after {
    content: "";
    background: rgba(244, 244, 244, 1);
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244, 244, 244, 1)), color-stop(50%, rgba(231, 56, 39, 0)), color-stop(100%, rgba(244, 244, 244, 1)));
    background: -webkit-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -o-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -ms-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: linear-gradient(to right, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=1);
}

.sports-block {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
    width: 185px;
    height: 185px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    text-align: center;
}

.sports-block img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 20;
    margin: 30px auto 0;
    display: inline-block;
}

.sports-block span {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 20;
    background: #fff;
    padding: 2px;
    margin: -70px auto 0;
    width: 98%;
    display: block;
    font-family: Gotham-Bold;
    color: #111111;
    font-size: 14px;
}

.slick-center .sports-block {
    background: #fff;
    width: 200px;
    height: 200px;
    margin: -7px auto 0;
}

.slick-center .sports-block img {
    margin: 40px auto 0;
}

.slick-center .sports-block span {
    margin: -75px auto 0;
}

.slider-item {
    padding-top: 10px;
    padding-bottom: 10px;
    outline: none;
}

button.slick-prev.slick-arrow {
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    margin-top: -24px;
    outline: none;
    font-size: 34px;
    color: #00CE67;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button.slick-next.slick-arrow {
    border: none;
    background: transparent;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    margin-top: -24px;
    outline: none;
    font-size: 34px;
    color: #00CE67;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button.slick-prev.slick-arrow:hover,
button.slick-next.slick-arrow:hover {
    color: #333;
}

.sports-slider-section .slick-track {
    min-height: 213px;
}

.duel-text {
    background: #F4F4F4;
    padding: 100px 0;
}

.duel-text h4 {
    font-family: Gotham-Bold;
    font-size: 24px;
}

.duel-text p {
    font-size: 16px;
    font-family: Gotham-Book;
    color: #333333;
}
.nav-toggle-right.show-nav {
    top: 50%;
    right: 30px;
}

@media screen and (min-width:768px) {
    .comingsoon-wrapper {
        min-height: 768px
    }
    .category-dropdown .dropdown-menu {}
    .category-dropdown .dropdown-toggle {
        display: none;
    }
    .category-dropdown .dropdown-menu {
        display: block;
        position: relative;
        box-shadow: none;
        border: none
    }
    .category-dropdown .dropdown-menu li {
        padding: 0
    }
    .category-dropdown .dropdown-menu li a {
        padding: 0;
        font-family: Gotham-Book;
        font-size: 13px;
        margin-bottom: 20px
    }
    .category-dropdown .dropdown-menu > .active > a,
    .category-dropdown .dropdown-menu > .active > a:hover,
    .category-dropdown .dropdown-menu > .active > a:focus {
        padding: 0;
        background: none;
        color: #00cc6b;
        font-family: Gotham-Bold;
    }
    .other-block .h2 {
        display: none
    }
    /*.footer-block ul {
        padding: 0;
        list-style: none;
        min-height: 160px
    }*/
    .footer-top .last-menu-block ul {
        text-align: center;
        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;*/
    }
    .cd-primary-nav ul {
        min-height: 180px;
        margin-bottom: 30px;
    }
    .menu-right ul {
        margin: 80px 0 0 0;
    }
    .menu-right {
        width: 400px;
        right: -400px;
        display: table;
    }
    .menu-right ul {
        display: table-cell;
        vertical-align: middle;
    }
    .menu-right.show-nav {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
        -webkit-transform: translateX(-400px) translateZ(0);
        transform: translateX(-400px) translateZ(0);
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0);
    }
    .menu-right ul {
        margin: 0;
        padding: 0 0 0 45px;
    }
    .pull-left-sm {
        float: left;
    }
    .pull-right-sm {
        float: right;
    }
    .differ-block-wrapper {
        clear: left;
        float: left;
        width: 100%;
        overflow: hidden;
        background: #404040;
    }
    .differ-block-wrapper-alt {
        background: #333;
    }
    .differ-block-wrapper-alt .differ-block {
        background: #404040;
    }
    .differ-block {
        float: left;
        width: 100%;
        position: relative;
        right: 50%;
        background: #333;
        padding: 60px 0;
    }
    .differ-left {
        float: left;
        width: 50%;
        position: relative;
        left: 50%;
        overflow: hidden;
    }
    .differ-right {
        float: left;
        width: 50%;
        position: relative;
        left: 50%;
        overflow: hidden;
    }
    .why-vinfo .h3 {
        font-size: 28px;
    }
    .why-vinfo p,
    .blog-detail-wrapper .blog-detail-block p {
        font-size: 16px
    }
    .show-case-type-2 .h3 {
        margin-bottom: 60px;
        font-size: 28px;
    }
    .show-case-type-2 .show-case-content p {
        font-size: 16px;
    }
    .show-case-type-2 .show-case-content {
        margin-bottom: 50px;
    }
    .show-case-type-1 .show-case-text-block .h3 {
        font-size: 36px;
        letter-spacing: -2px;
    }
    .show-case-type-1 .show-case {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .show-case-type-1 .show-case-text-block {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .codrops-header {
        height: 490px;
    }
    .blog-detail-wrapper .h2 {
        margin-top: 140px;
    }
    .showcase-nav-footer p {
        display: block
    }
    .about-vinfo-blog {
        background: url(../img/vinfo-service.png) no-repeat #F6F6F6;
        padding: 142px 0;
    }
    .key-people-img {
        display: inline-block;
        vertical-align: top;
        width: 226px;
        height: 310px;
        padding-bottom: 5px;
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: -231px;
        padding-left: 260px;
    }
}
.cd-primary-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
@media screen and (min-width: 992px) {
   
    .footer-top .last-menu-block ul {
        text-align: left;
        min-height: auto;
    }
    /*.sub-nav-footer {
        text-align: right;
    }*/
    .copyright p {
        letter-spacing: 2px;
    }
    .footer-spacer {
        position: relative;
        z-index: -2;
    }
    
    .client-view-block {
        padding: 30px;
    }
    .copyright {
        text-align: right;
        margin-top: 30px
    }
    .pull-left-md {
        float: left;
    }
    .pull-right-md {
        float: right;
    }
    .differ-block {
        padding: 80px 0;
    }
    .why-vinfo .h3 {
        font-size: 34px;
    }
    .pera-img-view-1 {
        min-height: 300px
    }
    .show-case-type-1 .show-case-text-block p {
        font-size: 16px
    }
    .show-case-type-2 .h3 {
        margin-bottom: 60px;
        font-size: 36px;
    }
    .show-case-type-1 .show-case-text-block .h3 {
        font-size: 48px;
    }
    .show-case-type-1 .show-case {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .work-page .show-case-type-1 .show-case {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .more-show-case {
        text-align: right;
    }
    .show-case-type-1 .show-case-text-block {
        max-width: 405px;
    }
    .show-case-type-1 .show-case-text-block-wrapper {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .show-case-type-1 .show-case-img-block {
        width: 59.5%;
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    /*shivraj 08-02-17*/
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 533px;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    .show-case-type-1 .show-case.odd .show-case-img-block {
        padding-right: 50px;
        right: 40%
    }
    .show-case-type-1 .show-case.odd .show-case-text-block-wrapper {
        left: 60%
    }
    .show-case-type-1 .show-case.even .show-case-img-block {
        padding-left: 50px;
    }
    .show-case-type-1 .show-case.even .show-case-text-block {
        float: right
    }
    .show-case-type-1 .show-case.odd .show-case-text-block {
        float: left
    }
    .case-study-heading {
        font-size: 24px;
        margin-bottom: 30px;
        margin-top: 220px;
    }
    .case-study-head-info {
        margin-bottom: 30px;
        font-size: 64px;
        font-family: 'Gotham-Black';
        line-height: 1;
        color: #fff;
    }
    .case-study-head-info h1 {
        color: #fff;
        font-size: 64px;
        margin: 0;
    }
    .client-story {
        display: table-cell;
        padding: 0 20px;
        min-width: 50%;
    }
    .client-story + .client-story {
        width: 50%;
    }
    .home-page .section-1 .txt-content,
    .home-page .section-2 .txt-content,
    .home-page .section-3 .txt-content,
    .home-page .section-4 .txt-content,
    .home-page .section-5 .txt-content {
        width: 100%;
        max-width: 52%;
        text-align: left;
    }
    .panel-white .panel-body {
        padding: 50px 50px;
    }
    .key-people-img {
        vertical-align: middle;
        width: 304px;
        height: 400px;
        padding-bottom: 10px;
    }
    .key-people-info {
        vertical-align: middle;
        margin-left: -309px;
        width: 100%;
        padding-left: 330px;
    }
}


/*shivraj 08-02-17*/

.work-page .show-case-type-1 .show-case.odd .show-case-text-block-wrapper {
    left: 49%
}

.work-page .show-case-type-1 .show-case-text-block .know-more {
    color: #fff;
    font-family: Gotham-Book;
    font-size: 14px;
    text-decoration: none;
    margin-top: 10px;
}

.work-page .show-case-type-1 .show-case-text-block a {
    margin-bottom: 0px;
}

.work-page .show-case-type-1 .show-case-text-block .know-more:hover {
    color: #00cc6b;
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

@media(max-width:1024px) {
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 375px;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 37%;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 51%;
    }
}

@media(max-width:990px) {
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 480px;
        text-align: center;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 100%;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 100%;
    }
}

@media screen and (min-width:1200px) {
    button.slick-prev.slick-arrow {
        right: -90px;
    }
    button.slick-next.slick-arrow {
        left: -90px;
    }
    .pull-left-lg {
        float: left;
    }
    .pull-right-lg {
        float: right;
    }
    .differ-block {
        padding: 150px 0;
    }
    .pera-img-view-1 {
        min-height: 350px
    }
    .codrops-header .container {
        top: 15vh;
    }
    .codrops-header {
        height: 550px;
    }
    .user-story-block {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .section-6 .container {
        height: 100%;
    }
    .top-banner-block {
        height: 600px;
    }
    .rapid-development-wrap {
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .right-bar {
        right: 20px;
        top: 20px
    }
    .nav-toggle {
        left: 20px;
        top: 20px
    }
    .copyright p {
        letter-spacing: 4px;
    }
}

@media screen and (min-width:1280px) {
    .blog-detail-wrapper .view-more.subscribe.fixed a.btn {
        text-align: center;
        min-width: 150px;
        position: fixed;
        bottom: 60px;
        left: 15px;
        margin-top: 0px;
    }
}

@media screen and (min-width:1366px) {
    .blog-detail-wrapper .view-more.subscribe.fixed a.btn {
        left: 53px;
    }
    .work-page .show-case-type-1 .show-case {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .contact-alt .column .contact-info .icon,
    .contact-alt .column .contact-info .h4 {
        margin-left: 20px;
    }
    .contact-alt .column .contact-info .phon-number {
        padding: 15px 20px 5px
    }
}

@media screen and (min-width:1600px) {
    .pull-left-xlg {
        float: left;
    }
    .pull-right-xlg {
        float: right;
    }
    .codrops-header .container {
        top: 21vh;
    }
    .codrops-header {
        height: 600px;
    }
    .top-banner-block {
        height: 600px;
    }
    .top-banner-block.current-opening-header {
        height: 700px;
    }
    .top-banner-block.current-opening-detail-header {
        height: 400px;
    }
    .top-banner-block.current-opening-detail-header.current-blog-detail-crx {
        height: 600px;
    }
    .contact-alt .column .contact-info {
        min-width: 360px;
    }
    .zoomer {
        height: 600px;
    }
    .zoomer-img {
        max-height: 600px;
    }
    .comingsoon-wrapper {
        min-height: 1080px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .home-page .section-1 .img-content {
        max-width: 45%;
        width: 100%;
        margin: 0 auto;
    }
    .home-page .section-1 .txt-content {
        max-width: 54%;
        width: 100%;
        margin: 0 auto;
    }
    .home-page .section-1 .txt-content h3 {
        margin: 0px auto 0;
    }
    .top-banner-block {
        height: 500px;
    }
    .top-banner-block.current-opening-header {
        height: 570px
    }
    .top-banner-block.current-opening-detail-header {
        height: 600px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    /*footer {
        padding-top: 50px;
        padding-bottom: 50px;
    }*/
    .why-vinfo-with-lp-block .equal-col {
        max-width: 100%;
        clear: both;
    }
    .lp-img {
        width: 40%;
        float: left;
    }
    .why-vinfo-with-lp-block .equal-col p {
        padding: 0px 15px 20px;
        margin: 0;
        width: 50%;
        display: inline-block;
        float: left;
    }
    .why-vinfo-with-lp-block .equal-col .li-name {
        float: right;
        width: 60%;
        text-align: left;
        display: inline-block;
        clear: both;
    }
    .why-vinfo-with-lp-block .equal-col .li-name p {
        float: right;
        width: 100%;
        text-align: left;
        display: inline-block;
        margin-bottom: 50px;
    }
}

@media screen and (min-width:1025px) {
    .section-7 .wrap {
        padding-top: 100px;
    }
    .section-6 .container {
        height: 100%;
    }
}

@media screen and (max-width:1279px) {
    .animation-wrapper .container-wrapper {
        width: 992px;
    }
    .omega {
        width: 320px;
        height: 320px;
    }
    .alfa {
        width: 130px;
        height: 130px;
    }
    .beta {
        width: 130px;
        height: 130px;
        top: -40px;
        right: 240px;
    }
    .alfa .primary-content ul {
        left: -200px;
        width: 190px;
    }
    .alfa3 .alfa-wrapper .alfa:first-child {
        top: -20px;
        left: 220px;
    }
    .alfa3 .alfa-wrapper .alfa:nth-child(2) {
        top: 129px;
        left: 192px;
    }
    .alfa3 .alfa-wrapper .alfa:last-child {
        bottom: -80px;
        left: 258px;
    }
    .gama:first-child {
        right: 213px;
        width: 110px;
        height: 110px;
    }
    .gama:nth-child(2) {
        width: 120px;
        height: 120px;
        bottom: -17px;
        right: 112px;
    }
    .gama:last-child {
        width: 140px;
        height: 140px;
        bottom: -80px;
        right: 241px;
    }
    .animation-wrapper.alfa4 {
        padding: 130px 15px;
    }
    .alfa4 .alfa-wrapper .alfa:first-child {
        top: -100px;
        left: 270px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(2) {
        top: 30px;
        left: 199px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(3) {
        top: 165px;
        left: 192px;
    }
    .alfa4 .alfa-wrapper .alfa:last-child {
        bottom: -100px;
        left: 278px;
    }
    .alfa2 .alfa-wrapper .alfa:first-child {
        top: 10px;
        left: 195px;
        ;
        animation-name: bobble;
        animation-duration: 8s;
        animation-iteration-count: infinite;
    }
    .alfa2 .alfa-wrapper .alfa:nth-child(2) {
        top: 170px;
        left: 202px;
        animation-name: bobble-2;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
}

@media screen and (max-width: 1024px) {
    .section-1 .txt-content,
    .section-2 .txt-content,
    .section-3 .txt-content,
    .section-4 .txt-content,
    .section-5 .txt-content {
        max-width: 530px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .section-1 .txt-content a {
        margin: 15px auto;
    }
    .img-content {
        margin-left: auto;
        margin-right: auto;
        display: table;
        max-width: 450px;
    }
    .visible-img-content-tablet {
        display: block !important
    }
    .hidden-img-content-tablet {
        display: none;
    }
    .txt-content a.know-more {
        float: none;
    }
    .bg-img {
        background-attachment: initial !important
    }
    .pagi {
        display: none
    }
    .home-page .section-6 .section-content {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section#section6 {
        height: auto !important;
    }
    .home-page .section-7 .txt-content-normal .h3:first-child {
        padding-top: 100px;
    }
    .circular-animation svg {
        stroke-dashoffset: 18;
    }
    .current-opening-header a {
        margin-bottom: 0px;
        display: block;
        float: left;
    }
    .home-page .section-1 .txt-content h3 {
        margin-top: 80px;
        text-align: center
    }
    .home-page .section-1 .txt-content p {
        text-align: center
    }
    .home-page .section-1 .txt-content a {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .about-wrapper {
        background-position: top left !important;
        background-size: initial !important;
    }
    .about-wrapper:last-child {
        background-position: top left !important;
        background-attachment: initial !important;
        background-size: cover !important;
        background-color: transparent !important;
    }
    .top-banner-block.current-opening-detail-header .h1 {
        font-size: 48px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:991px) {
    .wrapper-404 {
        padding: 200px 0 100px;
    }
    .home-page .section-6 .h2 {
        margin-left: auto;
        margin-right: auto;
    }
    .block-wrapper {
        margin: 15px auto;
    }
    .blog-detail-wrapper .h2 h2 {
        font-size: 48px;
        margin: 0;
    }
    /*.second-last.footer-block ul {
        min-height: auto;
        margin-bottom: 40px;
    }*/
    .last-menu-block .footer-block {
        margin-bottom: 30px;
    }
    /*.sub-nav-footer ul {
        margin-bottom: 30px;
    }*/
    .panel-white .panel-body {
        padding: 50px 50px;
    }
    .top-banner-block.current-opening-header .top-banner-bg {
        background-size: cover !important;
        background-position: 70% 0 !important;
    }
    .top-banner-block.current-opening-header {
        height: 500px;
    }
    .current-opening-header a {
        margin-bottom: 0px;
    }
    .section .txt-content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .txt-content a.know-more {
        float: none;
        display: inline-block;
    }
    .txt-content.txt-content-no-img {
        margin: 0 auto;
    }
    /*.sub-nav-footer {
        text-align: center;
    }*/
    .enquiries .description {
        margin-bottom: 20px;
    }
    .differ-content .media-icon-custom {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .differ-content .media-body {
        text-align: center
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 600px;
        margin: 0 auto;
        display: block;
    }
    .work-page .show-case-type-1 .show-case-img-block img {
        max-width: 500px;
    }
    .show-case-type-1 .show-case.even {
        background: url(../img/ST-1-T.png) no-repeat;
        background-size: inherit;
    }
    .show-case-type-1 .show-case + .show-case {
        border-top: 1px solid #ECECEC;
    }
    .show-case-type-1 .show-case.odd {
        background: url(../img/ST-2-T.png) no-repeat;
        background-position: top right;
        background-size: inherit;
    }
    .show-case-type-1 .show-case-img-block {
        margin-top: 30px;
    }
    .more-show-case,
    .show-case-type-1 .show-case-text-block .h5,
    .show-case-type-1 .show-case-text-block p,
    .show-case-type-1 .show-case-text-block .h3,
    .show-case-type-1 .show-case-text-block a {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .show-case-content .client-block .client-pic {
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        margin-bottom: 20px;
    }
    .show-case-content .client-block .client-pic img {
        max-width: 71px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .show-case-content .client-block .client-info {
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .show-case-content .client-block .client-designation .client-name {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .codrops-header .container {
        top: 9vh;
    }
    .home-page .section-6 .h2,
    .home-page .section-6 .h2 p {
        text-align: center;
    }
    .home-page .section-6 p,
    .field-name-field-team-small-text {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
    .home-page .section-6 .h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
    .home-page .section-6 ul {
        margin-bottom: 20px
    }
    .home-page .section-1 .txt-content h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
    }
    .copyright p {
        margin-bottom: 0;
        text-align: center;
    }
    .home-page .blog-section {
        margin-top: 40px;
    }
    .partner-block {
        margin-bottom: 60px;
    }
    .home-page .more-link {
        margin-top: 10px;
        margin-bottom: 50px;
    }
    .partner-block ul li {
        display: inline-block;
        margin-top: 10px;
        padding:0 10px;
    }
    .home-page .quick-reads {
        -webkit-transform: translate(0, -22px);
        -moz-transform: translate(0, -22px);
        -ms-transform: translate(0, -22px);
        transform: translate(0, -22px)
    }
    .home-page .section-6 .bg-img-still {
        background: none !important;
    }
    .section-7 .txt-content-normal .client-testimonial + .h3 {
        margin-bottom: 10px;
    }
    .client-testimonial {
        margin-bottom: 80px;
    }
    .client-testimonial .owl-carousel .owl-stage {
        background: #fff
    }
    .section-7 .txt-content-normal .h3 {
        margin-bottom: 30px
    }
    .challenge ul li.tech:before,
    .challenge ul li.client:before {
        display: inline-block;
        position: initial;
        width: 100%;
    }
    .case-study-heading {
        margin-top: 160px;
    }
    .client-story .equal-col {
        height: auto !important
    }
    .challenge ul li.client {
        margin: 0 0 10px 0;
    }
    .challenge ul li.tech {
        margin: 0 0 30px 0;
    }
    .slider-txt-internal {
        margin: 0 auto;
        text-align: center
    }
    .slider-txt-content h3,
    .slider-txt-content p {
        padding-right: 0;
    }
    .slider-txt-content,
    .slider-txt-content.mobile,
    .slider-txt-content.tablet {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }
    .slider-wrapper {
        width: 100%;
        max-width: 570px;
        display: block;
        vertical-align: middle;
        margin: 0 auto;
    }
    .slider-txt-content a {
        margin-bottom: 50px;
        text-align: center;
        float: none;
    }
    .work-page .show-case-type-1 .show-case-text-block .h3 {
        font-size: 36px;
    }
    .top-banner-block {
        height: initial;
    }
    .top-banner-block .h1 {
        margin-top: 160px;
    }
    .top-banner-block p {
        margin-bottom: 40px;
    }
    .top-banner-block .zoomer-txt p {
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .rapid-development-wrap {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .internal-process-wrap {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .current-opening-header.top-banner-block .h1 {
        font-size: 48px;
        margin-top: 100px;
    }
    .top-banner-block.current-opening-detail-header .h1 {
        margin-top: 160px;
        margin-bottom: 10px;
    }
    .current-opening-detail-header.key-people.top-banner-block .h1 {
        margin-top: 120px;
        margin-bottom: 120px;
    }
    .current-opening-header.top-banner-block .h1 {
        margin-top: 30px;
    }
    .top-banner-block.current-opening-detail-header .gray-text {
        margin-bottom: 40px;
    }
    .top-banner-bg {
        background-size: 80% !important;
    }
    .contact-alt .column {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
        display: block;
        float: none;
    }
    .top-banner-block .h1 {
        font-size: 48px;
        margin-bottom: 20px;
    }
    .top-banner-block .h1 h1 {
        font-size: 48px;
        margin: 0;
    }
    .about-heading {
        font-size: 36px;
    }
    .rapid-development-content h3 {
        font-size: 24px
    }
    .journey-wraper.our-aim .h2 {
        font-size: 36px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .blog-section {
        margin-top: 60px;
    }
    .more-link {
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .more-link.empthy-more-link{
        margin-bottom: 30px;
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 36px
    }
    .open-position {
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .why-vinfo-with-lp-block .equal-col {
        margin: 0 auto;
    }
    .nav-block:last-child {
        margin-bottom: 30px;
    }
    .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;
    }
    .job-detail .btn-primary {
        letter-spacing: 2px;
    }
    .contact-form {
        padding-bottom: 0px;
    }
    .panel-white .panel-body {
        margin-top: 50px;
    }
    .contact-alt .column .contact-info {
        min-width: 360px;
    }
    .nav-footer {
        position: relative;
        bottom: 10px;
        right: initial;
        margin: 30px -15px 20px -15px;
        left: 15px;
    }
    .rigt-menu ul {
        text-align: center;
        min-height: initial;
        margin: 0;
    }
    /*.footer-spacer {
        height: auto !important;
    }*/
    .animation-wrapper .container-wrapper {
        width: 768px;
    }
    .omega {
        width: 250px;
        height: 250px;
    }
    .primary-content .primary-dsa {
        font-size: 24px;
        line-height: 28px;
    }
    .alfa .primary-content .primary-dsa,
    .beta .primary-content .primary-dsa {
        font-size: 12px;
        line-height: 16px;
    }
    .beta .primary-content .primary-dsa {
        margin-bottom: 0px;
    }
    .alfa {
        width: 100px;
        height: 100px;
    }
    .alfa .primary-content ul li {
        font-size: 12px;
    }
    .beta .primary-content ul li {
        margin-bottom: 0;
    }
    .beta {
        width: 100px;
        height: 100px;
        top: -80px;
        right: 240px;
        font-size: 12px;
    }
    .alfa .primary-content ul {
        left: -170px;
        width: 160px;
    }
    .alfa3 .alfa-wrapper .alfa:first-child {
        top: -20px;
        left: 170px;
    }
    .alfa3 .alfa-wrapper .alfa:nth-child(2) {
        top: 99px;
        left: 148px;
    }
    .alfa3 .alfa-wrapper .alfa:last-child {
        bottom: -60px;
        left: 208px;
    }
    .alfa4 .alfa-wrapper .alfa:first-child {
        top: -90px;
        left: 230px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(2) {
        top: 20px;
        left: 149px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(3) {
        top: 135px;
        left: 168px;
    }
    .alfa4 .alfa-wrapper .alfa:last-child {
        bottom: -90px;
        left: 238px;
    }
    .alfa2 .alfa-wrapper .alfa:first-child {
        top: 10px;
        left: 155px;
        ;
        animation-name: bobble;
        animation-duration: 8s;
        animation-iteration-count: infinite;
    }
    .alfa2 .alfa-wrapper .alfa:nth-child(2) {
        top: 170px;
        left: 152px;
        animation-name: bobble-2;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
    .gama .primary-content .primary-dsa {
        font-size: 16px;
        line-height: 18px;
    }
    .gama .primary-content .primary-dsa > span > i {
        font-size: 46px;
        line-height: 23px;
    }
    .gama:first-child {
        right: 159px;
        width: 95px;
        height: 95px;
    }
    .gama:nth-child(2) {
        width: 120px;
        height: 120px;
        bottom: -17px;
        right: 52px;
    }
    .gama:last-child {
        width: 120px;
        height: 120px;
        bottom: -90px;
        right: 181px;
    }
    .green-block {
        padding: 20px;
        width: 360px;
        height: 120px;
        margin-top: -60px;
        right: -20px;
    }
    .blog-featured-img-wrap {
        margin: 40px 0 40px 0;
    }
    .blog-detail-wrapper .blog-detail-block:first-child {
        margin-top: 0;
    }
    .nutshell-wraper {
        padding-left: 35px;
        padding-right: 35px;
    }
    .animated-text-prefix h1 {
        font-size: 36px;
        line-height: 38px;
        max-width: 520px;
    }
    .animated-text-prefix p {
        max-width: 440px;
    }
}

@media screen and (max-width:767px) {
    .container-tst {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        z-index: 0;
        top: initial !important;
        left: initial !important;
    }
    .featur-vinfo .txt-content-new h6 {
        margin-bottom: 20px;
    }
    .block-404 h1 {
        font-size: 48px;
    }
    .block-404 p {
        font-size: 24px;
        line-height: 28px;
    }
    .zoomer-txt h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .client-story1 .client-story {
        width: 100%;
    }
    .block-wrapper {
        max-width: 310px;
    }
    .zoomer {
        height: 600px;
    }
    .zoomer-img {
        max-height: 600px;
    }
    .category-dropdown .dropdown-menu li a:hover {
        background: none;
        color: #00cc6b;
        -moz-transform: translate(1px, 0px);
        -webkit-transform: translate(1px, 0px);
        -o-transform: translate(1px, 0px)
    }
    .dropdown.category-dropdown {
        height: 48px;
    }
    .dropdown.category-dropdown .dropdown-toggle {
        width: 100%;
        display: block;
        height: 48px;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 1.33;
        border-radius: 0;
        border: 1px solid #ddd;
        text-decoration: none;
    }
    .dropdown.category-dropdown.open > .dropdown-menu {
        width: 100%;
    }
    .dropdown.category-dropdown .dropdown-toggle .caret {
        right: 0;
        border: 2px solid;
        border-radius: 2px;
        border-color: transparent #888888 #888888 transparent;
        width: 12px;
        height: 12px;
        -webkit-transform: rotate(44deg);
        -ms-transform: rotate(44deg);
        -o-transform: rotate(44deg);
        transform: rotate(44deg);
        top: 13px;
        position: absolute;
        right: 20px;
    }
    .dropdown.category-dropdown .dropdown-menu > li > a {
        line-height: 38px;
    }
    .dropdown.category-dropdown.open > .dropdown-toggle .caret {
        top: 19px;
        -webkit-transform: rotate(224deg);
        -ms-transform: rotate(224deg);
        -o-transform: rotate(224deg);
        transform: rotate(224deg);
    }
    .green-block {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0;
        height: auto;
        border-radius: 0 0 4px 4px;
        padding: 15px;
    }
    .blog-featured-img-wrap img {
        border-radius: 4px 4px 0 0
    }
    .blog-detail-wrapper .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .animation-wrapper-mobile {
        display: block;
    }
    .animation-wrapper {
        display: none !important;
    }
    .sub-nav-footer ul {
        margin-bottom: 00px;
    }
    .animation-wrapper {
        display: none;
    }
    .current-opening-detail-header.key-people.top-banner-block .h1 {
        margin-top: 90px;
        margin-bottom: 90px;
    }
    .rigt-menu ul {
        text-align: left;
    }
    .rigt-menu ul li {
        width: 100%;
        margin: 0;
    }
    .blog-detail {
        padding-bottom: 20px;
    }
    .right-bar-internal {
        padding: 25px 15px 30px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        display: block
    }
    .top-banner-block .h1 {
        margin-top: 120px;
    }
    .slider-txt-content h3 {
        margin-bottom: 20px
    }
    .internal-process-img .p {
        width: 100%;
        display: inline-block;
    }
    .show-case-type-2 .h3 {
        text-align: left
    }
    .slider-txt-content h3 {
        margin-bottom: 20px;
    }
    .user-story-start {
        text-align: left
    }
    .media-icon-custom {
        min-width: 70px;
    }
    .home-page .section-7 .txt-content-normal .h3 {
        padding-top: 0
    }
    /*.right-bar{display:none}*/
    #fp-nav {
        display: none;
    }
    .client-testimonial {
        max-width: 414px;
    }
    .client-img,
    .client-view {
        width: 100%
    }
    .contact-form {
        padding-bottom: 0;
        max-width: 450px;
        margin: 0 auto;
    }
    footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-block ul li:first-child {
        margin-top: 10px
    }
    .footer-block .h2 {
        position: relative;
        display: block;
        line-height: 45px;
        margin-bottom: 0;
        margin: 0;
        padding-bottom: 0;
    }
    /*.footer-block .h2:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .footer-block .h2.open:after {
        content: "\e906"
    }*/
    .footer-block {
        margin-bottom: 0;
    }
    .footer-bottom {
        margin-top: 25px;
    }
    .contact-wrapper .h1 {
        font-size: 42px;
        margin-top: 140px;
    }
    .contact-wrapper .h1 h1 {
        margin: 0px;
        font-size: 42px;
    }
    .contact-wrapper p {
        margin-bottom: 50px;
    }
    .xs-text-center {
        text-align: left
    }
    .differ-left {
        background: #333;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .differ-right {
        background: #404040;
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .text-center-xs {
        text-align: left;
    }
    .media-icon-custom + .media-body h4.media-heading {
        font-size: 16px;
    }
    .media-icon-custom + .media-body > p {
        margin-bottom: 25px;
        font-size: 16px;
    }
    .media:last-child .media-body p {
        margin-bottom: 0;
    }
    .media-section-offer {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .differ-content {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        text-align: center
    }
    .codrops-header {
        height: 350px;
    }
    .tilt__front {
        background-position: right top;
        background-size: contain !important;
    }
    .differ-content p {
        font-size: 14px;
    }
    .why-vinfo .media-left {
        display: none
    }
    .show-case-type-2 .h3 {
        margin-bottom: 30px;
        font-size: 24px;
    }
    .show-case-text {
        width: 100%;
        display: block;
        vertical-align: middle;
        position: relative;
    }
    .show-case-img {
        width: 100%;
        display: block;
        vertical-align: middle;
        text-align: center;
        padding-left: 0;
        position: relative;
    }
    .show-case-type-2 .show-case-content.odd .show-case-img {
        text-align: center;
        padding-left: initial;
        padding-right: 0px;
        left: initial
    }
    .show-case-type-2 .show-case-content.odd .show-case-text {
        left: initial;
    }
    .show-case-type-2 .show-case-content .h4 {
        text-align: left
    }
    .show-case-type-2 .show-case-content p {
        text-align: left
    }
    .show-case-type-1 .show-case {
        background: none !important;
    }
    .why-vinfo .h3 {
        text-align: left
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 480px;
    }
    .show-case-content .client-block .client-pic img {
        max-width: 40px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .codrops-header .h1 {
        text-align: center;
        font-size: 44px;
        letter-spacing: 0px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }
    .codrops-header p {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-width: 100%
    }
    .codrops-header .container {
        top: 23vh;
    }
    .featur-vinfo .media {
        margin-bottom: 20px;
    }
    .footer-block ul {
        display: none;
    }
    .home-page .section-7 {
        padding-bottom: 00px;
    }
    .height-400 .section-1 {
        height: auto !important;
    }
    .height-400 .section-1 .img-content {
        padding-bottom: 50px;
    }
    .section-7 .txt-content-normal .h3 {
        font-size: 24px;
    }
    .home-page .blog-section {
        margin-top: 0px;
    }
    .blog-detail-wrapper .h2 {
        margin-bottom: 20px;
    }
    .why-vinfo {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .show-case-type-2 {
        padding-top: 30px;
    }
    .why-vinfo .h3 {
        margin-bottom: 40px;
    }
    .blog-section {
        margin-top: 30px;
    }
    .more-link {
        margin-bottom: 70px;
    }
    .more-link.empthy-more-link{
        margin-bottom: 30px;
    }
    .user-story-block {
        text-align: left;
        margin-bottom: 20px;
    }
    .showcase-nav-footer {
        height: auto;
    }
    .showcase-nav-footer .prev-case,
    .showcase-nav-footer .next-case {
        display: inline-block;
        width: 100%
    }
    .showcase-nav-footer .next-case {
        border-top: 1px solid #ECECEC;
    }
    .showcase-nav-footer i {
        display: none;
    }
    .showcase-nav-footer h4 {
        margin: 0;
        line-height: 80px;
    }
    .showcase-nav-footer a {
        display: block;
        height: 80px;
    }
    .showcase-slider {
        padding: 40px 0;
    }
    .post-internal:after,
    .story-post:after,
    .story-start {
        display: none;
    }
    .story-post:nth-child(even) {
        text-align: left;
    }
    .story-post:nth-child(odd) .post-internal {
        left: initial;
        padding-left: 0;
        padding-right: initial;
    }
    .post-internal {
        width: 100%;
        position: initial;
        float: left;
        clear: both;
        padding-right: 0;
    }
    .story-post p {
        max-width: 100%;
    }
    .story-post:nth-child(even) p {
        float: left;
    }
    .story-line-wrapper {
        padding-bottom: 40px;
    }
    .user-story-start {
        margin-bottom: 0;
    }
    .story-post h3 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.3;
        letter-spacing: 0;
        font-family: Gotham-Bold;
    }
    .featured-in {
        padding-top: 30px;
    }
    .featured-in .h2 {
        margin-top: 0;
    }
    .featured-in ul {
        margin-bottom: 0px;
    }
    .client-story + .client-story:last-child p {
        margin-top: 0
    }
    .case-story {
        padding-top: 60px;
        padding-bottom: 40px
    }
    .journey-wraper {
        padding-top: 60px;
    }
    .showcase-img-wrapper {
        padding-top: 50px;
    }
    .work-page .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 100px;
    }
    .work-page .show-case-type-1 .show-case-img-block img {
        max-width: 400px;
        width: 100%
    }
    .top-banner-block .h1 {
        font-size: 48px;
    }
    .rapid-development-content {
        background: none;
        padding: 0
    }
    .rapid-development-content h3 {
        font-size: 24px;
    }
    .rapid-development-wrap {
        padding-top: 40px;
        padding-bottom: 50px
    }
    .internal-process-img img.img-1 {
        display: none;
    }
    .internal-process-img img.img-2 {
        display: block;
        margin: 0 auto;
    }
    .internal-process-img img.img-2.mT80{
        margin-top: 80px;
    }
    .about-heading,
    .journey-wraper.our-aim .h2 {
        font-size: 36px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .internal-process-img p {
        margin-bottom: 10px;
    }
    .gallery-slider-wrap .owl-nav {
        display: none;
    }
    .why-vinfo-with-lp-block .equal-col .li-name {
        margin-bottom: 50px;
        padding: 0;
    }
    .challenge {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .journey-wraper.our-aim .h2 {
        margin-bottom: 20px;
    }
    .internal-process-img p {
        font-size: 24px;
        text-align: center;
        margin: 0px 0 30px 0
    }
    .internal-process-img:last-child {
        margin: 40px 0 0px 0
    }
    .home-page .section-6 .h3,
    .block-wrapper a span.blog-heading {
        font-size: 24px;
    }
    .why-vinfo .media-heading {
        font-size: 18px;
    }
    .journey-wraper .h2,
    .challenge .h2,
    .user-story-line .h2 {
        font-size: 24px
    }
    .journey-wraper .h2 h2 {
        font-size: 24px;
        margin: 0;
    }
    .about-wrapper {
        height: 630px !important;
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 36px;
        text-align: left
    }
    .why-vinfo p {
        text-align: left;
    }
    .why-vinfo-with-lp-block .equal-col p {
        padding: 30px 0px;
    }
    .open-position .h3 {
        display: inline-block;
        width: 100%;
        margin-top: 0;
    }
    .top-banner-block.current-opening-header {
        height: 380px;
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 24px
    }
    .current-opening-header.top-banner-block .h1,
    .top-banner-block.current-opening-detail-header .h1 {
        font-size: 36px;
    }
    .top-banner-block.current-opening-detail-header .h1 h1 {
        font-size: 36px;
    }
    .open-position .h3 h3 {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 24px;
    }
    .vacancy a {
        font-size: 16px;
    }
    .contact-alt .column .contact-info {
        min-width: 260px;
    }
    .panel-white .panel-body {
        padding: 30px 30px
    }
    .key-people-img {
        display: inline-block;
        vertical-align: top;
        width: 226px;
        height: 310px;
        padding-bottom: 5px;
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: -231px;
        padding-left: 260px;
    }
    .key-detail {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .key-people-block {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:550px) {
    .custom-popup .modal-content {
        margin: 50px 15px;
    }
    .top-banner-block.current-opening-header {
        height: 380px;
    }
    .right-bar-internal .btn-block {
        padding: 14px 16px;
    }
    .key-people-img {
        display: table;
        vertical-align: top;
        width: 226px;
        height: 280px;
        padding-bottom: 5px;
        /*margin: 0 auto;*/
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: 0;
        padding-left: 0;
        margin-top: 20px;
    }
    .tranding-div {
        position: fixed;
        right: 5px;
        bottom: 10px;
        max-width: 310px;
        z-index: 120;
    }
    .tranding-content {
        height: 100%;
        padding: 10px 20px 20px;
        max-height: 360px;
    }
    .tranding-div > a {
        width: 36px;
        height: 36px;
        line-height: 33px;
        font-size: 16px
    }
    .tranding-div > a i,
    .tranding-div > a i:before {
        line-height: 36px;
        font-size: 16px;
    }
    .tranding-div > a.active i.icon-trend {
        font-size: 12px;
        line-height: 33px;
    }
    .tranding-div > a.active i.icon-trend:before,
    .tranding-div > a:hover,
    .tranding-div a.active {
        font-size: 12px;
        line-height: 36px;
    }
    .tranding-content:after {
        right: 10px;
    }
    .tranding-content:before {
        right: 8px;
    }
    .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:750px) and (orientation:landscape) {
    .tranding-carousal .tanding-news-img {
        margin: 5px 0 10px;
    }
    .tranding-carousal .h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        margin: 0;
    }
    .tranding-content {
        max-width: 280px;
        max-height: 257px;
    }
}

@media screen and (max-width:480px) {
    .menu-header {
        position: fixed;
        top: 65px;
        right: initial;
        left: 15px;
    }
    .txt-content h3,
    .txt-content .h3 {
        font-size: 24px;
    }
    .cd-primary-nav {
        padding-top: 85px;
        height: 100%;
        top: -100%;
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 320px;
    }
    .codrops-header .h1 {
        text-align: center;
        font-size: 40px;
    }
    .codrops-header {
        height: 350px;
    }
    .codrops-header .container {
        top: 15vh;
    }
    .home-page .section-6 .h2,
    .home-page .section-6 .h2 p {
        font-size: 36px;
    }
    .case-study-featuring-img img {
        width: 100%
    }
    .text-content-bottom {
        margin-bottom: 10px;
    }
    .challenge {
        padding-top: 40px;
    }
    .current-opening-header a {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:414px) {
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 24px;
    }
    .partner-block {
        margin-bottom: 60px;
    } 
    .partner-block.partner-block-mob{
        margin-bottom: 20px;
    }

    .show-case-type-1 .show-case-img-block img {
        max-width: 100%;
    }
    .case-study-head-info {
        font-size: 36px;
    }
    .case-study-head-info h1 {
        color: #fff;
        font-size: 36px;
        margin: 0;
    }
    .case-study-heading {
        margin-top: 140px;
    }
    .slider-wrapper.mobile {
        width: 85%;
    }
    .user-story-line .h2,
    .about-heading,
    .journey-wraper.our-aim .h2,
    .work-page .show-case-type-1 .show-case-text-block .h3 {
        font-size: 24px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 24px;
        margin: 0;
    }
    .top-banner-block .h1 {
        font-size: 36px;
    }
    .top-banner-block .h1 h1 {
        font-size: 36px;
        margin: 0;
    }
    .slider-txt-content h3 {
        font-size: 24px;
        margin-top: 0;
    }
    .challenge {
        padding-top: 20px;
    }
    .user-story-line p,
    .user-story-line .h2 {
        text-align: left;
    }
    .work-page .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 30px;
    }
    .journey-wraper {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .internal-process-wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .current-opening-header.top-banner-block .h1 {
        font-size: 36px;
        margin-top: 60px;
    }
    .case-study-tag ul li:after {
        display: none;
    }
    .work-page .section-1 .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 60px;
    }
    .contact-alt .column .contact-info .icon,
    .contact-alt .column .contact-info .h4 {
        margin-left: 15px;
    }
    .contact-alt .column .contact-info .phon-number {
        padding: 15px 15px 5px
    }
    .contact-alt {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .panel-white .panel-body {
        margin-bottom: 50px;
    }
}

@media screen and (max-width:767px) {
    .list-style-block li {
        display: block;
    }
    .list-style-block li a:after {
        display: none;
    }
    .case-study-tag ul li:after {
        display: none
    }
}

.video-player {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 99999;
}

.video-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.video-container embed,
.video-container iframe,
.video-container object {
    width: 100%;
    height: 100%;
}

.videoclose {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 40px;
    top: 30px;
    z-index: 5;
    color: #fff;
    text-decoration: none !important;
}

.overlay-txt {
    position: relative;
}

.clientImg {
    position: relative;
}

.over-texts {
    color: #fff;
    position: absolute;
    z-index: 5;
    top: 70px;
    left: 110px;
    width: 320px;
}

.over-texts p {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}

.over-texts .client_name,
.over-texts .client_position {
    line-height: 1;
    margin: 0;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    color: #fff;
}

.over-texts .client_name {
    font-size: 24px;
    font-family: Gotham-Ultra;
    margin-bottom: 5px;
}

.over-texts .client_position {
    font-size: 16px;
    font-family: Gotham-Medium;
}

.play-btn {
    color: #fff;
    font-size: 64px;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    line-height: 1;
}

.play-btn:hover,
.play-btn:focus {
    text-decoration: none;
}

@media only screen and (max-width: 991px) {
    .over-texts {
        top: 30px;
    }
    .work-page-logo{
       text-align: -webkit-center; 
    }

}

@media only screen and (max-width: 767px) {
    .over-texts {
        top: 38px;
        left: 15px;
    }
    .play-btn {
        margin-bottom: 5px;
        font-size: 44px;
    }
    .over-texts .client_name {
        font-size: 22px;
    }
}

@media only screen and (max-width: 320px) {
    .over-texts {
        top: 15px;
    }
}

.lead-heading {
    font-family: 'Gotham-Black';
    font-size: 48px;
    color: #1A1A1A;
    margin-top: 50px;
    margin-bottom: 18px;
    line-height: 1.0;
}

.sub-lead-heading {
    font-family: Gotham-Book;
    font-size: 18px;
    color: #1A1A1A;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .lead-heading {
        font-size: 32px;
    }
}

.social-network {
    border-top: 1px solid #C8C7C7;
    border-bottom: 1px solid #C8C7C7;
    display: table;
    vertical-align: middle;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 1;
    margin-top: 50px;
}

@media only screen and (max-width: 767px) {
    .social-network {
        text-align: center;
    }
}

.social-network-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-family: Gotham-Medium;
    font-size: 16px;
}

.social-network-inner>h4 {
    margin: 0;
}

.social-network-inner>.list-inline {
    margin-top: 15px;
}

.social-network-inner>.list-inline>li+li {
    margin-left: 10px;
}

.social-network-inner>.list-inline>li>a {
    color: #9B9B9B;
    font-size: 18px;
    line-height: 1;
}

.social-network-inner>.list-inline>li>a:hover,
.social-network-inner>.list-inline>li>a:focus {
    text-decoration: none;
    color: #00ca6f;
}

@media only screen and (min-width: 768px) {
    .social-network-inner>.list-inline {
        margin-top: 0;
    }
    .social-network-inner>h4 {
        float: left;
    }
    .social-network-inner>.list-inline {
        float: right;
    }
}

.social-network.centered-align {
    text-align: center;
}

.social-network.centered-align .social-network-inner>.list-inline {
    float: none;
    margin-top: 0;
}

.nutshell-wraper+.social-network {
    border-top: 0;
    margin-top: 0;
    padding-bottom: 50px;
}

@media only screen and (min-width: 768px) {
    #facebookcomments {
        margin-top: 90px !important;
    }
}

@media only screen and (max-width: 767px) {
    #facebookcomments {
        width: 100% !important;
    }
}

.videoPlayBtn {
    font-size: 16px;
}

.videoPlayBtn > i {
    font-size: 23px;
    vertical-align: middle;
}

.videoPlayBtn > a {
    display: inline-block;
    vertical-align: middle;
}

.body-color {
    color: #101010;
}

.read-story-link {
    color: #00CA6F;
    font-family: Gotham-Bold;
    letter-spacing: 2px;
    display: block;
}


/*.top-banner-block:not(.current-opening-detail-header){
  padding-top: 180px;
  height: auto !important;
  padding-bottom: 40px;
}
.top-banner-bg{
  height: 100%;
  background-position: bottom right !important;
}*/

.blog-section-sm .row {
    margin-left: -10px;
    margin-right: -10px;
}

.blog-section-sm [class^="col-"],
.blog-section-sm [class*=" col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.table-green {
    color: #333;
}

.table-green th {
    background-color: #81e3ba;
}

.table-green > thead > tr > th,
.table-green > tbody > tr > td {
    border: 1px solid #e0f5ec;
    vertical-align: middle;
    font-size: 15px;
}

.table-green > tbody > tr > td {
    background-color: #f3f8fe;
}

.table-green > tbody > tr:nth-child(even) > td {
    background-color: #d9f7eb;
}

.table-label {
    display: none;
    color: #616161;
    font-size: 12px;
    margin-bottom: 2px;
}

.table-responsive-secondary th {
    text-align: center;
}

.table-responsive-secondary > .table > thead > tr > th {
    border-bottom: 0;
}

.table-responsive-secondary > .table {
    vertical-align: middle;
}

.table-responsive-secondary > .table > tbody > tr > td .icon-check {
    color: #02872c;
}

.table-responsive-secondary > .table > tbody > tr > td .icon-cross {
    color: #f90000;
}

.table-responsive-secondary > .table > thead > tr > th:first-child,
.table-responsive-secondary > .table > tbody > tr > td:first-child {
    width: 35%;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .table-label {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive-secondary .table>thead {
        display: none;
    }
    .table-responsive-secondary .table > tbody,
    .table-responsive-secondary .table > tbody > tr,
    .table-responsive-secondary .table > tbody > tr > td {
        display: block;
        width: 100%;
        float: left;
    }
    .table-responsive-secondary .table > tbody > tr+tr {
        border-top: 1px solid #d6eae1;
    }
    .table-responsive-secondary .table > tbody,
    .table-responsive-secondary .table > tbody > tr > td {
        border: none;
    }
    .table-responsive-secondary .table > tbody > tr > td {
        width: 33.33%;
    }
    .table-responsive-secondary .table > tbody > tr > td:first-child {
        width: 100%;
    }
}

.banner-play-btn {
    color: #4A4A4A;
    text-decoration: none !important;
    font-size: 54px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: 150px;
    margin-left: 150px;
    &:hover,
    &:focus {
        color: #00cc6b;
        text-decoration: none !important;
    }
}

@media screen and (max-width: 767px) {
    .blog-post-items {
        height: auto !important;
    }
    .blog-post-content {
        min-height: auto !important
    }
    .mobile-pad-b0 {
        padding-bottom: 0;
    }
    .mobile-pad-t25 {
        padding-top: 25px !important;
    }
    .mobile-m-b0 {
        margin-bottom: 0 !important;
    }
    .floated-btn {
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
    }
    .floated-btn>.btn {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .tranding-div {
        display: none;
    }
    .home-page footer {
        padding-bottom: 100px;
    }
}

.blogSection {
    height: 686px;
    background: url(../img/blog-banner.jpg) no-repeat left top;
    background-size: cover;
    color: #fff;
}

.blogSection-hegiht {
    background-position: 100%;
}

@media (min-width: 1601px) {
    .blogSection-hegiht {
        height: 686px;
    }
}

@media (min-width: 2200px) {
    .blogSection-hegiht {
        height: 800px !important;
        background-position: 100% 55%;
    }
}

@media (max-width: 1600px) {
    .blogSection-hegiht {
        height: 500px !important;
    }
}

@media (max-width: 1024px) {
    .blogSection-hegiht {
        height: 307px !important;
    }
    /*.footer-block .h2 {
        position: relative;
        display: block;
        line-height: 45px;
        margin-bottom: 0;
        margin: 0;
        padding-bottom: 0;
    }*/
    .footer-block .h2:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .footer-block .h2.open:after {
        content: "\e906"
    }
    .second-last.footer-block ul {
        min-height: auto;
        margin-bottom: 40px;
        margin-top: 15px;
    }
    .footer-block ul {
        padding: 0;
        list-style: none;
        min-height: 160px
    }
    .footer-spacer {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .blogSection-hegiht {
        height: 160px !important;
    }
}

.blogSection_inner {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 1;
}

.blogSection--vMiddle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 100%;
}

.blogSection_heading {
    margin-bottom: 0;
    margin-top: 0;
    /*text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);*/
    color: #fff;
    margin-bottom: 25px;
}

.blogSection_heading--big {
    font-family: "Gotham-Black";
    font-size: 36px;
}

.blogSection_heading--sm {
    font-family: Gotham-Medium;
    font-size: 13px;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .blogSection {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .blogSection {
        height: 400px;
    }
    .blogSection_heading {
        margin-bottom: 15px;
    }
    .blogSection_heading--big {
        font-size: 25px;
    }
}

.btn-bordered {
    font-size: 16px;
    line-height: 19px;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    box-shadow: none;
}

.btn-bordered:hover,
.btn-bordered:focus,
.right-bar .btn-bordered:hover,
.right-bar .btn-bordered:focus {
    background-color: #fff;
    color: #333;
}

.text-transform-no {
    text-transform: none !important;
}

.blogCategories {
    padding-top: 25px;
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .blogCategories>.dropdown-toggle {
        width: 100%;
        display: block;
        height: 48px;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 1.33;
        border-radius: 0;
        border: 1px solid #ddd;
        text-decoration: none;
        text-align: left;
        color: #666;
        position: relative;
    }
    .blogCategories>.dropdown-toggle .caret {
        position: absolute;
        right: 16px;
        top: 22px;
    }
    .blogCategories.open>.dropdown-toggle .caret {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .categories-list {
        width: 100%;
        top: 69px;
    }
    .categories-list>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (min-width: 768px) {
    .blogCategories>.dropdown-toggle {
        display: none;
    }
    .categories-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        box-shadow: none;
        border: none;
        float: none;
    }
    .categories-list>li {
        float: left;
        color: #666666;
        text-align: center;
    }
    .categories-list>li>a {
        color: #666666;
        font-family: Gotham-Medium;
        font-size: 14px;
        text-decoration: none;
        border: 1px solid transparent;
        border-radius: 100px;
        display: block;
        padding: 8px 14px;
        line-height: 1;
    }
    .categories-list>li>a:hover,
    .categories-list>li>a:focus,
    .categories-list>li.active>a,
    .categories-list>li.active>a:hover,
    .categories-list>li.active>a:focus {
        color: #00CA6F;
        background-color: transparent;
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .categories-list>li.active>a {
        border: 1px solid #C8C7C7;
    }
    .blogSectionSection {
        background-color: #fff;
    }
}

.blog-post-list {
    margin-left: -10px;
    margin-right: -10px;
}

@media (min-width: 1199px) {
    .blog-post-list {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.blog-post-items {
    padding: 10px;
}

.blog-post-img {
    height: auto;
}

.blog-post-img>img {
    border-radius: 2px;
}

.blog-post-content {
    padding: 15px 0;
    font-family: Gotham-Book;
    font-size: 16px;
    /*text-align: center;*/
    line-height: 25px;
    color: #666666;
    min-height: 280px;
}

.blog-post-heading {
    margin-top: 0;
    margin-bottom: 10px;
}

.blog-post-heading-sm {
    font-family: Gotham-Medium;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    text-transform: uppercase;
    margin-top: 15px;
}

.blog-post-heading-lead {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 28px;
    color: #1A1A1A;
    min-height: 85px;
}

.blog-post-content p {
    margin-bottom: 5px;
    min-height: 70px;
    overflow: hidden;
    height: 50px;
}

.blog-post-content .readMore {
    font-family: Gotham-Medium;
    font-size: 14px;
    line-height: 24px;
    color: #9B9B9B;
    text-decoration: none;
}

.blog-post-content .readMore:focus,
.blog-post-content .readMore:hover {
    color: #00CA6F;
}

@media (max-width: 767px) {
    .blog-post-img {
        /*height: 155px;*/
    }
    .blog-post-heading-sm {
        margin-top: 0;
    }
}

.loadmore-posts {
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
}

.loadmore-posts>.btn {
    box-shadow: none;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
}

.subscribe-block {
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    font-family: Gotham-Book;
    font-size: 12px;
    color: #666666;
}

.subscribe-block h3 {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 27px;
    color: #1A1A1A;
    margin-top: 0;
    margin-bottom: 5px;
}

.subscribe-form {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    position: relative;
}

.subscribe-form .element-invisible {
    display: none;
}

.subscribe-form .form-text,
.subscribe-form .form-control,
.subscribe-form .dropdown,
.subscribe-form .form-item {
    float: left;
    width: 280px;
    height: 48px;
}

.subscribe-form .dropdown,
.subscribe-form .form-item-selectCategory {
    margin-left: -1px;
    outline: none !important;
}

.categories-type-btn {
    height: 48px;
    border: 1px solid #D8D8D8;
    border-radius: 0 2px 2px 0;
    display: block;
    padding: 6px 12px;
    line-height: 34px;
    font-size: 16px;
    color: #1A1A1A;
    text-decoration: none;
    text-align: left;
    position: relative;
}

.open>.categories-type-btn,
.categories-type-btn:hover,
.categories-type-btn:focus {
    text-decoration: none;
    color: #00ca6f;
}

.categories-type-btn:hover .caret,
.categories-type-btn:focus .caret {
    border-color: transparent #00ca6f #00ca6f transparent;
}

.open>.categories-type-btn .caret {
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.categories-type-btn .caret {
    position: absolute;
    right: 16px;
    top: 19px;
    height: 7px;
    width: 7px;
    border: 1px solid;
    border-color: transparent #000000 #000000 transparent;
    -moz-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
}

.subscribe-form .form-control:focus {
    box-shadow: none;
}

.subscribe-form .dropdown .dropdown-menu {
    width: 100%;
    margin-top: -1px;
}

.subscribe-form .dropdown .dropdown-menu>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn--subscribe {
    float: left;
    width: 140px;
    height: 48px;
    background-color: #00CA6F;
    border: 2px solid #00CA6F;
    border-radius: 2px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    box-shadow: none;
    margin-left: 11px;
}

.subscribe-form .form-select option {
    display: none;
}

.white-wrapper {
    background-color: #fff;
}

.absolute {
    position: absolute;
}

.form-checkboxes >.form-type-checkbox {
    float: none;
    width: 100%;
    height: auto;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.form-checkboxes {
    min-height: 200px;
    overflow: auto;
    width: 280px;
    display: none;
    position: absolute;
    left: 279px;
    top: 48px;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 8px;
    z-index: 9;
    min-width: 234px;
}

#block-simplenews-0 > h2 {
    display: none;
}

@media (max-width:767px) {
    .subscribe-form {
        width: 100%;
    }
    .subscribe-form .form-control,
    .subscribe-form .form-text,
    .subscribe-form .dropdown,
    .subscribe-form .btn--subscribe,
    .subscribe-form .form-item {
        float: none;
        margin: 0 0 4px 0;
        width: 100%;
        max-width: 100%;
    }
    .form-checkboxes {
        top: 98px;
        width: 100%;
        left: 0;
    }
}


/* shivraj */

@media(min-width:768px) {
    .drop-down-menu:hover .dropdown-menu {
        display: block;
    }
    .drop-down-menu .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .drop-down-menu {
        position: relative;
    }
}

.drop-down-menu .dropdown-menu>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.drop-down-menu .dropdown-menu {
    margin: 0px !important;
}

@media (max-width:767px) {
    .banner-box-support img {
        max-width: 100%;
    }
    .banner-box-support {
        display: table;
        margin: 38px 0px 26px;
    }
    .button-box-support {
        background-color: #00ca6f;
        color: #fff;
        display: inline-block;
        padding-left: 4px;
        position: relative;
        text-align: center;
        width: 100%;
        font-weight: bold;
        position: relative;
        margin-top: 10px;
        padding: 20px;
    }
    .blog-post-img {
        /*height: 201px;*/
    }
    .drop-down-menu .dropdown-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        max-height: 300px;
        border-top: #00ca6f solid 1px;
        padding-left: 11px;
        background: #f2f2f2;
        overflow-y: auto;
    }
    .drop-down-menu > a:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .displayblock:after {
        content: "\e906" !important;
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .displayblock + .dropdown-menu {
        display: block;
    }
}

.blog-post-heading-sm a {
    color: #666666;
}

.blog-post-heading-sm a:hover,
.blog-post-heading-lead a:hover {
    text-decoration: none;
    color: #00ca6f;
}

.blog-post-heading-lead a {
    color: #1A1A1A;
}

.blog-post-items {
    /*height: 600px;*/
    overflow: hidden;
}

@media(min-width:768px) {
    /*shivraj 08-02-17*/
    .banner-box-support {
        display: table;
        margin: 10px 0px 40px;
    }
    .banner-box-support .img,
    .banner-box-support .button-box-support {
        display: table-cell;
        vertical-align: middle;
        float: left;
    }
    .button-box-support {
        background-color: #00ca6f;
        color: #fff;
        display: inline-block;
        padding-left: 21px;
        padding-right: 12px;
        position: relative;
        text-align: justify;
        width: 122px;
        font-weight: bold;
        padding-top: 22px;
        position: relative;
        letter-spacing: 2px;
        height: 91px;
        vertical-align: middle;
        float: left;
    }
    .arrow {
        border-style: dashed;
        border-color: transparent;
        border-width: 45PX;
        display: inline-block;
        font-size: 100px;
        height: 0;
        position: relative;
        width: 0;
        background-color: #fff;
        border-left-width: 20PX;
        border-left-style: solid;
        border-left-color: #00ca6f;
        right: -65px;
        top: 1PX;
        position: absolute;
    }
}

.book-meeting-section .label-box span {
    color: red;
}

.book-meeting-section .open > .dropdown-menu {
    width: 100%;
}

.book-meeting-section .categories-type-btn .caret {
    height: 10px;
    width: 10px;
    top: 15px;
}

.book-meeting-section .open>.categories-type-btn,
.categories-type-btn:hover,
.categories-type-btn:focus {
    text-decoration: none;
    color: #000000;
}

.book-meeting-section .categories-type-btn:hover .caret,
.book-meeting-section .categories-type-btn:focus .caret {
    border-color: transparent #000000 #000000 transparent;
}

.book-meeting-section .dropdown-menu > .active > a,
.book-meeting-section .dropdown-menu > .active > a:hover,
.book-meeting-section .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #000000;
}


/* Checkbox css*/

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.clr {
    padding-left: 35px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 7px;
}

input[type=checkbox].css-checkbox:checked + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.chk {
    background-position: 0 -20px;
}

label.css-label {
    background-image: url(../img/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.book-meeting-section .heading-margin {
    margin-top: 20px;
    margin-bottom: 20px;
}

.book-meeting-section .margin-left-20 {
    margin-left: 20px;
}

.book-meeting-section .margin-top-50 {
    margin-top: 50px;
}

@media (max-width:768px) {
    .book-meeting-section .margin-top-50 a,
    .book-meeting-section .margin-top-50 button,
    .book-meeting-section .form-group {
        width: 100%;
    }
    .book-meeting-section .margin-left-20 {
        margin-left: 0px !important;
    }
}

.book-meeting-section .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #000000;
    color: #ffffff;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

#confirm-add-pg #edit-cancel {
    margin-left: 15px;
    background: url(../img/confirm_submit.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 3px;
    color: #DAE3F2;
    cursor: pointer;
    font-size: 14px;
    line-height: normal;
    padding: 5px 20px;
    text-shadow: 1px 1px 0 #000000;
    width: 100px;
}

@media (min-width:768px) {
    #confirm-add-pg {
        width: 600px;
        margin: 0 auto;
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

@media (max-width:767px) {
    #confirm-add-pg {
        width: 94%;
        margin: 90px auto 19px;
        padding-bottom: 18px;
    }
}

.subscribe-block .form-item-selectCategory label {
    font-size: 16px;
    font-weight: normal !important;
    text-transform: uppercase !important;
}

.subscribe-block::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000000;
}

.subscribe-block::-moz-placeholder {
    /* Firefox 19+ */
    color: #000000;
}

.subscribe-block:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000;
}

.subscribe-block:-moz-placeholder {
    /* Firefox 18- */
    color: #000000;
}

.blogCategories .dropdown-menu > li > a {
    font-size: 14px;
    font-family: Gotham-Medium;
}

.open .dropdown-menu {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.error-msg {
    color: #a94442;
}

.has-error a {
    border-color: #a94442;
}

.m-t-10 {
    margin-top: 10px;
}

.error-msg-checkbox {
    color: red;
    font-size: 16px;
    font-weight: bold;
}

.link--text {
    color: inherit;
    text-decoration: none;
}

.link--text,
.link--text:hover,
.link--text:focus {
    text-decoration: none;
}

.clear {
    clear: both;
}

.video-embeded {
    margin-top: 15px;
    margin-bottom: 15px;
}

.particles {
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    opacity: .9;
}

.featuredIn {
    margin-top: 50px;
}

.featuredIn ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.featuredIn ul >li {
    color: #9b9b9b;
    display: inline-block;
    font-family: 'Gotham-Book';
    vertical-align: middle;
    font-size: 14px;
    margin-right: 19px;
}

.featuredIn ul >li:last-child {
    margin-right: 0;
}

@media (max-width:1024px) {
    .featuredIn ul >li {
        margin-bottom: 10px;
    }
    .featuredIn ul >li.featuredIntxt {
        display: block;
        margin-right: 0;
    }
}

@media (max-width:767px) {
    .featuredIn ul >li {
        font-size: 14px;
    }
}

.section-6 {
    background-color: #fff;
}

.header-summary a {
    color: #fff;
    text-decoration: none;
}

.header-summary a:hover {
    color: #00cc6b;
}


/*shivraj 08-02-17*/

@media(min-width:1100px) {
    .banner-play-custom-postion {
        position: absolute;
        right: -20px;
        top: 196px;
    }
}


/*Loader css*/

.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;
}

.postion-relative {
    position: relative;
}

.featuredIn ul li .bnn-logo {
    width: 63px;
    height: 29px;
}

.featuredIn ul li .cbc-news-logo {
    width: 38px;
    height: 34px;
}

.featuredIn ul li .tech-logo {
    width: 126px;
    height: 22px;
}

.featuredIn ul li .urekha-logo {
    width: 33px;
    height: 44px;
}

.featuredIn ul li .global-mail-logo {
    width: 184px;
    height: 15px;
}

.featuredIn ul li .winnipeg-logo {
    width: 150px;
    height: 21px;
}

.featuredIn ul li .forbes-logo {
    width: 75px;
    height: 23px;
}

.featuredIn ul li .espn-logo {
    width: 77px;
    height: 30px;
}

.featuredIn ul li .wall-street-logo {
    width: 196px;
    height: 21px;
}

.featuredIn ul li .moorusurbangreekz {
    width: 210px;
    height: 32px;
}

.featuredIn ul li .FamousB-The-washington {
    width: 208px;
    height: 46px
}

.featuredIn ul li .FamousB-The-Huffing {
    width: 200px;
    height: 40px;
}

.featuredIn ul li .Banana-bandy-your-story {
    width: 144px;
    height: 37px;
}

.featuredIn ul li .FamousB-NBC {
    width: 39px;
    height: 56px;
}

.light-color {
    color: #333333 !important;
    font-family: inherit !important;
}

iframe {
    border-width: 0px;
}

.img-max-width {
    max-width: 100%;
}

@media(min-width:768px) {
    .heading-top {
        margin-top: 80px;
    }
}

@media(max-width:768px) {
    .mTZero-xs {
        margin-top: 0px !important;
    }
}

.devider-box {
    border-top: 1px solid #ECECEC;
    display: block;
    height: 1px;
}

.custom-top-banner {
    background-size: auto !important;
}

@media screen and (max-width: 1024px) {
    .custom-top-banner {
        background-size: 44% !important;
    }
}

.about-vinfotech {
    background: #fff url(../img/vinfotech-creates-social-networks-&-communities.png) no-repeat !important;
    background-position: left bottom !important;
    background-size: contain;
    background-color: #fff;
}

.about-vinfotech .show-case-type-1 .show-case {
    padding-top: 30px !important;
}

.font-green {
    color: #00CA6F;
}

.about-us-vinfotech-ul ul li {
    list-style: none;
    font-family: Gotham-Medium;
    font-size: 16px;
    line-height: 32px;
    color: #1A1A1A;
}

.about-us-vinfotech-ul ul li:before {
    content: "/";
    display: inline-block;
    margin-right: 15px;
}

.vsocial-content {
    background: #F9F9F9;
    padding-top: 20px;
    padding-bottom: 90px
}

.custom-popup-new {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 99;
    height: 396px;
    transition: all 0.3s;
    overflow: hidden;
}


.custom-popup-new .h4 {
    font-family: inherit;
    margin-top: 12px;
    margin-bottom: 18px;
}

.custom-popup-new .p p {
    font-family: inherit;
}

.custom-popup-new form textarea.form-control {
    height: 70px
}

.custom-popup-new .form-group {
    margin-bottom: 6px;
}

.custom-popup-new .help-block {
    margin-bottom: 0px
}

.custom-popup-new .modal-contact-area .modal-contact-area-seprator {
    width: 113px;
    margin: 0px 12px;
}

.custom-popup-new .modal-contact-area div.p,
.custom-popup-new .modal-contact-area span {
    font-family: inherit;
    font-size: 11px;
}

.custom-popup-new .back-clm {
    width: 290px;
}

.custom-popup-new form .btn {
    padding: 10px 25px;
}

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

.custom-popup-new .modal-header .close {
    outline: none;
    color: #fff;
    position: absolute;
    right: -1px;
    z-index: 9999;
    top: -16px;
}

.custom-popup-new .modal-header {
    position: relative;
}

.custom-popup-new .modal-body {
    padding-bottom: 0px;
}

.toggle-popup {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 40px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #00CA6F;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
    z-index: 999;
}

.toggle-popup i {
    color: white;
}

.pZero {
    padding: 0px;
}

@media(max-width:767px) {
    .custom-popup-new {
        width: 100%;
        height: 0px;
    }
    .toggle-popup {
        display: none;
    }
}

@media(max-width:414px) {
    .custom-popup-new .back-clm {
        width: 92%;
    }
}

.heading-3 {
    font-family: 'Gotham-Black';
    margin-bottom: 40px;
    margin-top: 70px;
}

@media(min-width: 1024px) {
    .padding-49-md {
        padding-left: 60px;
    }
    .padding-84-md {
        padding-left: 84px;
    }
}

.custom-left-top-menu .page-name {
    width: 100% !important;
    padding: 20px;
    margin-left: -59px !important;
    padding-left: 73px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 205px;
}

@media(max-width:767px) {
    .custom-left-top-menu .page-name {
        margin-left: -48px !important;
        padding-left: 77px !important;
        padding: 15px 20px;
    }
}

.landing-cursor ul li a {
    pointer-events: none;
}

.circular-animation-wrap.margin-top-btm {
    margin-top: 50px;
    margin-bottom: 50px;
}

#CaseStudyOne,
#CaseStudyTwo,
#CaseStudyThree,
#CaseStudyFour {
    display: none;
}

.close-acc,
.close-acc-custom {
    display: table;
    position: relative;
    top: 100px;
    left: 20px;
    cursor: pointer;
}

.meet-us-box {
    position: fixed;
    left: 0px;
    top: 76%;
    transform: translateY(-50%);
    z-index: 9;
    width: 180px;
    background-color: #00ca6f;
    border-color: #00ca6f;
    -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);
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    color: white;
    font-size: 12px;
    padding: 20px 10px;
    text-align: center;
}

.meet-us-text {
    display: block;
}

.fsta-img {
    max-width: 80px;
    margin: 7px AUTO 13px AUTO;
    display: block;
}

.img-box {
    max-width: 80px;
    margin: 4px auto 12px;
    display: block;
    text-align: center;
}

.block {
    display: block;
}

.top-popup-box {
    text-align: center;
    max-width: 378px;
    margin: 0 auto;
}

.summer-connfrence {
    font-size: 22px;
    font-weight: bold;
    color: white
}

.time-date-confrence {
    font-size: 16px;
    color: white;
}

.confrence-address {
    font-size: 15px;
    color: white;
    font-weight: bold;
    margin-bottom: 20px;
}

#meet-us .categories-type-btn {
    background: white;
    color: #9a9a9a;
}

#meet-us .dropdown-menu li a:hover {
    background: none;
    color: #02b765;
    -moz-transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
}
.get-in-touch-index .categories-type-btn {
    background: white;
    color: #9a9a9a;
}
.get-in-touch-index .dropdown-menu li a:hover{
    background: none;
    color: #02b765;
    -moz-transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
}

@media(min-width:768px) {
    .pr-8 {
        padding-right: 8px;
    }
    .pl-8 {
        padding-left: 8px;
    }
}

#meet-us .dropdown-menu {
    min-width: 303px;
}
.get-in-touch-index .dropdown-menu {
    min-width: 291px;
}
.get-in-touch-index .categories-type-btn{
    height: 38px;
    padding: 2px 12px;
}
.get-in-touch-index  .categories-type-btn .caret{
        top: 14px;
} 

#meet-us textarea {
    height: 68px;
}

.meet-us-heading {
    font-size: 17px;
    font-weight: bold;
    color: white;
}

.summer-connfrence-2017 {
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    font-weight: bold;
}

.in-accordian .h2 {
    font-family: Gotham-Black;
}

.custom-p p {
    color: #333;
}


.img-box-countainer{
     max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.img-cont-box{
   margin:15px;
    position: relative;
    float:left;
}

.img-cont-box .over-texts {
    width: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.img-cont-box img {
    max-width: 100%;
    //height: 265px;
}
.img-cont-box .content-video-p{
    position: absolute;
    left: 39px;
    top: 40px;
    color:white;
    z-index: 99;
}
.img-cont-box .content-video-p span, .img-cont-box .content-video-p p{ 
    color:white;
    font-family: Gotham-Bold;
    font-size: 19px;
    

}
.sup{
        font-size: 25px !important;
        top: 0px;
        left: -5px
}
.content-box-vert{
    display: inline-block;
    vertical-align: middle;
    padding: 55px 28px 0px 0px;

}
.content-box-vert .h4 {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 10px;
    color: black;
}  
.custom-h1{
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Ultra';
    margin-top: 0px;
}
.custom-h2 {
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 36px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Black';
    margin-top: 0px;
}
.dropdown-white-bg{
    background: white;
    color: #9a9a9a;
}
.custompopup-dropdown-menu {
    min-width: 303px;
}
.pT0{
    padding-top: 0px !important;
}
.slider-object{
    position: absolute;
    z-index: 99;
}
.footer-section.active ~ ul.pagi{
    opacity: 0;
}
/*.footer-section ~ ul.pagi{
    opacity: 0;
}*/
/*new css included by ayushi*/
.h4-new-class{
    max-width: 370px !important;
    margin-bottom: 20px !important;
    /*margin-top: 10px;*/
    letter-spacing: 1px !important;
}
.new-form-css{
    max-width: 360px !important;
}
.new-form-group-css{
    margin-bottom: 10px;
}
.new-modal-body-css{
    padding-top: 10px !important;
}
.h4-new-class{
max-width: 370px !important;
margin-bottom: 20px !important;
letter-spacing: 1px !important;
}
.new-form-css{
max-width: 360px !important;
}
.new-form-group-css{
margin-bottom: 10px;
}
.new-modal-body-css{
padding-top: 10px !important;
}
/*css add by ayushi*/
.no-style-ul{
list-style-type: none;
}
@media(max-width:991px){
  .no-style-ul{
    margin-top:-60px;
    margin-bottom: 10px;
  }  
}
.white-base{
background: #FFF;
}
.prev-case.fantasy-solution-offering,
.next-case.fantasy-solution-offering{
width: 33.33333%;
}
.footer-block .footer-hyperlink li{
display: inline-block;
color: #FFF;
}
.footer-block ul.footer-hyperlink{
min-height: 10px;
}
.why-vinfo .media-left.number-list{
font-size: 60px;
line-height: 60px;
}
@media screen and (max-width:767px){
.prev-case.fantasy-solution-offering,
.next-case.fantasy-solution-offering{
width: 100%;
}
}
@media(min-width:768px){
    .pl-sm{
        padding-right: 50px;
    }
}
.pB0 {
    padding-bottom: 0px;
}
.duel-text-padding {
    padding: 40px 0 !important;
}
.duel-text-padding h4{
    font-size: 18px !important;
}
.duel-text-padding  .list-style-block li a {
    font-size: 14px;
}
.duel-text-padding  .list-style-block li{
   line-height: 1 !important;
}
.duel-text-padding  .list-style-block li a:after{
    margin: 0 3px !important;
}
.showcase-nav-footer-custom{
        min-height: 81px !important;
        height: auto !important;
}
.showcase-nav-footer-custom h4{
        font-size: 14px;
}
@media(max-width:767px){
   .showcase-nav-footer-custom h4{
        font-size: 12px;
    } 
    .duel-text-padding-custom{
        padding: 30px 0 !important;
    }
}
.more-link-custom{
    margin-top: 38px !important;
    margin-bottom: 50px !important;
}
.offset-top{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
.show-case-text-block.readmore-success-link{
    float: none !important;
    padding-top: 50px !important;
}
.show-case-text-block.readmore-success-link a{
    margin-bottom: 0px !important;
}
.showcase-nav-footer .prev-case:hover, .showcase-nav-footer .next-case:hover{
    background: #eaeaea !important;
}
.readmore-success-link i{
    padding-left: 15px !important;
}
.duel-text-padding h4{
    color: #999999;
}
@media(max-width:767px){
    .duel-text-padding ul li{
        display: inline-block !important;
    }
    .duel-text-padding ul li a{
        font-size: 10px !important;
    }
}
@media (max-width: 768px){
    .showcase-nav-footer a {
    font-size: 12px;
    }
}

@media only screen and (max-width: 767px){
    .why-vinfo p{
    margin-bottom: 0px;
    }
    .showcase-nav-footer h4 {
    line-height: 80px;
    }
    .showcase-nav-footer a {
    height: 80px;
    }
    .showcase-nav-footer.nav-footer-custom h4 {
    line-height: 40px;
    }
    .showcase-nav-footer.nav-footer-custom a {
    height: 25px;
    }
    .list-style-block li a:after {
    display: inline-block;
    font-size: 14px;
    }
    .showcase-nav-footer .prev-case, .showcase-nav-footer .next-case{
        padding: 0px 15px;
    }
    /*.number-list-media-body p:before{
        content: "/";
        display: inline-block;
        margin: 0 5px 0 0;
        color: #00CA6F;
        font-size: 16px;
    }*/
    .nav-footer-custom .prev-case.fantasy-solution-offering, 
    .nav-footer-custom .next-case.fantasy-solution-offering{
        width: 100% !important;
    }
    .nav-footer-custom ul{
        padding-bottom: 10px;
        padding-top: 15px;
    }
}
.banner-overlays{
    position: relative;
}
.banner-overlays::after{
    content: '';
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
}
.white-container{
    background-color: white;
}
.white-container .show-case-text-block.readmore-success-link a{
    margin-bottom: 30px !important;
}
.skype-inbuild-button{
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 0;
}
.skype-inbuild-button img{
    margin: 0px !important;
    vertical-align: top !important;
    width: 26px;
}
.nav-footer-custom.showcase-nav-footer,
.nav-footer-custom.showcase-nav-footer .next-case,
.nav-footer-custom.showcase-nav-footer .prev-case,
.nav-footer-custom.showcase-nav-footer .next-case{
    border: 0px;
}
.nav-footer-custom.showcase-nav-footer .prev-case:hover,
.nav-footer-custom.showcase-nav-footer .next-case:hover{
    background: transparent !important;
}
.nav-footer-custom.showcase-nav-footer{
    font-family: Gotham-Bold;
    color: #00CA6F;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 16px;
    display: block;
}
.nav-footer-custom .prev-case.fantasy-solution-offering, 
.nav-footer-custom .next-case.fantasy-solution-offering{
   /* width: 24% ;
    display: inline-block;*/
        width: 25%;
    display: block;
    float: left;
    text-align: center;
}
.nav-footer-custom .prev-case.fantasy-solution-offering i, 
.nav-footer-custom .next-case.fantasy-solution-offering i{
        position: static;
        font-size: 13px;
        display: inline;
        margin-left: 10px;
}
.nav-footer-custom.showcase-nav-footer a:hover{
    transform: translate(1px, 0px);
    color: #000;
}
@media (max-width: 768px){
    .categories-list>li>a{
        padding: 8px 6px;
    }
}
.blog-post-content.blog-ellipses p {
    display: block;
    display: -webkit-box;
    /* max-width: 400px; */
    height: 74.2px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-post-heading-lead.blog-title-ellipses{
    display: block;
    display: -webkit-box;
    max-width: 400px; 
    height: 55px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} 

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

/*.nav-footer-custom ul{
    padding-top: 15px;
}*/
@media only screen and (min-width: 991px){
    .showcase-nav-footer a {
        margin: 0 auto;
    }
    .nav-footer-custom.showcase-nav-footer a {
        max-width: 240px;
    }
}
.nav-footer-custom ul{
    overflow: hidden;
}
@media only screen and (max-width: 1024px){
    .blog-post-heading-lead{
        font-size: 18px;
        min-height: 70px;
        line-height: 24px;
    }
}
@media (min-width: 1025px) and (max-width: 1430px)  {
    .blog-post-heading-lead{
        font-size: 20px;
        line-height: 26px ;
    }
    
}
@media (min-width: 1025px) and (max-width: 1440px)  {
    .media.media-custom{
        min-height: 170px !important;
    }
}
@media only screen and (max-width: 768px){
    .blogCategories .dropdown-menu > li > a{
    font-size: 12px;
    }
} 

@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;
    }
    footer {
        padding-top: 50px;
        padding-bottom: 50px;

    }
}
@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(max-width:1025px){
    .sub-nav-footer {
        text-align: center;
    }
    /*.sub-nav-footer ul {
        margin-bottom: 30px;
    }*/
}
.slick-href a:focus, .slick-href a sports-block:focus{
    outline: 0px !important;
    border: none !important;
}
.slick-center .sports-block:focus {
    outline: 0;
}

.txt-content-info{
    padding-top: 30px;
}
.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: -11px;
}
@-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: -11px;
}
@-webkit-keyframes moveimg3 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes moveimg3 {
     0%   {opacity: 0.5};
    100% {opacity: 1}
}
.top-banner-block .h1 h1{
    line-height: 0.9;
}
iframe[name=google_conversion_frame]{
    position: absolute;
    z-index: -1;
    height: 0px;
    top: 0;
}
/*.carousel-container{
    border: 1px solid rgba(151,151,151,0.2);
    padding: 0px;
}*/
/*.carousel-options:hover,
.carousel-options:active{
    border: 1px solid rgba(216,216,216,0.14);
    background-color: #F6F6F6;
    color: #00CA6F;
}
.carousel-options{
    padding: 20px 7px;
    text-align: center;
    font-weight: bold;
    line-height: 23px;
    border: 1px solid transparent;
    font-family: "Gotham-Bold";
    width: 180px;
}*/
/*.carousel-container .owl-controls{
    margin: 0px;
}
.carousel-container .gallery-slider-wrap{
    background: transparent;
}
.carousel-container .gallery-slider-wrap .owl-controls .owl-prev:hover svg,
.carousel-container .gallery-slider-wrap .owl-controls .owl-next:hover svg{
    stroke: #8f8f8f;
}
.carousel-container .gallery-slider-wrap .owl-controls svg{
    height: 36px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-prev{
    left: -10px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-next{
    right: -40px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-prev,
.carousel-container .gallery-slider-wrap .owl-nav .owl-next{
    top: calc(50% - 100px);
}*/
/*.carousel-affix.affix {
    z-index: 125;
    top: 100px;
    left: 0;
    right: 0;
}*/
.component-phone{
    padding-left: 10px;
}
.component-phone .form-group{
    padding-right: 0px;
}
.component-code .form-group{
    padding-left: 0px;
}
.component-code{
    padding-right: 10px;
}
@media screen and (min-width: 1024px){
    .table-row{
        display: table;
    }
    .table-row > .col-md-6{
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
}
.icon-uparrow-ahref img{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    left: 12px;
}
.amount-component{
    padding: 0px;
}
.currency-component{
    padding-right: 0px;
}
.red-text{
    color: #ff0000;
}
select.input-lg{
    line-height: 48px;
    padding: 0 16px;
}
.dropdown.custom-dropdown a.dropdown-toggle{
    width: 100%;
    display: block !important;
    height: 48px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 0;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #888888 ;
}
.dropdown.custom-dropdown a.dropdown-toggle .caret{
    border: 2px solid;
    border-radius: 2px;
    border-color: transparent #888888 #888888 transparent;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    transform: rotate(44deg);
    top: 13px;
    position: absolute;
    right: 20px;
}
.dropdown.custom-dropdown.open > .dropdown-menu {
    width: 100%;
}
.dropdown.custom-dropdown .dropdown-menu > li > a {
    line-height: 38px;
}
.dropdown.custom-dropdown.open > .dropdown-toggle .caret {
    top: 19px;
    -webkit-transform: rotate(224deg);
    -ms-transform: rotate(224deg);
    -o-transform: rotate(224deg);
    transform: rotate(224deg);
}
.no-padding{
    padding: 0px;
}
.contact-form label{
    line-height: 48px;
}
.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label{
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before{
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #00cc6b;
    color: #fff;
}
.checkbox-custom:focus + .checkbox-custom-label{
  outline: none; /* focus style */
}
.currency-label{
    text-align: right;
}
@media only screen and (max-width: 767px){
    .currency-label{
        text-align: left;
    }   
    .contact-form label {
        line-height: 28px;
    }
}
/*.custom-slider-wrap.gallery-slider-wrap .owl-nav {
    opacity: 1;
}*/
select.form-control{
    -webkit-appearance: menulist;
    -moz-appearance: none;
    appearance: none;
}
footer.custom-footer{
    padding-top: 0px;
}
.custom-heading-block{
    height: 70px;
}
.custom-popup .p.custom-heading-block p{
    margin: 0 auto 10px;
}
.red-text{
    color: red;
}
.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;
}
.help-block{
    display: none;
}
.has-error .help-block-message{
    background-color: #fff;
    border-radius: 10px;
    width: 19px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
}
.help-message{
    display: none;
    text-align: right !important;
}
.custom-heading-block p{        
    margin-bottom: 10px;        
}
.landing-footer .prev-case.fantasy-solution-offering,       
.landing-footer .next-case.fantasy-solution-offering{       
   width: 33.33%;       
}
.has-error.help-message{
    display: block !important;
}
/* sliding tabs */

.slider-container{
    background-color: #ffffff;
    padding-top: 0px;
    width: 100%;
    z-index: 999999;
    top: 0;
    border: 1px solid #dddddd;
}
.slider-container .scrtabs-tabs-fixed-container{
    height: 80px;
}
.nav > li > a{
    font-family: "Gotham-Bold";
    padding: 32px 15px;
    color: #555555;
    margin: 0px;
    border-right: 1px solid #dddddd !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    font-size: 14px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #00cc6b;
    border-right: 1px solid #dddddd;
    background-color: #eeeeee;
}
.nav-tabs{
    /*border: 1px solid #dddddd;*/
    border: 0px;
    height: 80px;
}
.slider-container .scrtabs-tab-scroll-arrow{
    border: 0px;
}
.slider-container .scrtabs-tab-scroll-arrow{
    padding: 0px;
    height: 80px;
    width: 40px ;
    background-image: url('../img/up-arrow-green.svg');
    background-repeat: no-repeat;    
}

.slider-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left{
    background-image: url('../img/back-arrow.svg');
    background-repeat: no-repeat;  
    background-size: 30px 80px;
}
.slider-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right{
   background-image: url('../img/next-arrow.svg');
    background-repeat: no-repeat; 
    background-size: 30px 80px;
}
ul.affix.list-inline > li{
    display: block;
    padding-top: 20px;
    text-align: center;
}
ul.affix{
    left: 10%;
    top: 50%;
}
.footer-block.contact-info .h2:before{
    display: none;
}
.footer-block.contact-info .h2{
    color: #ffffff;
    font-family: Gotham-Book;
    font-size: 18px;
    line-height: 22px;
    margin: 0px;
}
.footer-block.contact-info{
    margin: 0px;
}
footer.contact-info-footer{
    padding-top: 60px;
}
.footer-block.contact-info .h2:after,
.footer-block.contact-info .h2:before{
    display: none;
}

.blog-container-wrapper .contact-wrapper .h1 h1 {
    font-size: 36px;
}
@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 screen and (max-width: 768px){
    .list-inline.affix{
        opacity: 0;
    }
}
.custom-contact-wrapper.contact-wrapper .h1{
    margin-top: 80px;
}

.media-left.media-separator{
    display: none;
}
@media screen and (max-width: 767px){
    .media-left.media-separator{
        display: table-cell;
        font-size: 16px;
        line-height: 24px;
        min-width: 30px;
        color: #00CA6F;
    }    
}
.white-background{
    background-color: #f9f9f9;
}
.fantasy-page.work-page .pagi li{
    width: 210px;
    font-weight: bold;
}
.fantasy-page.work-page .pagi li a.active span,
.fantasy-page.work-page .pagi li a:hover span {
    color: #00CA6F;
    border-bottom: 3px solid #00CA6F;
}
.fantasy-page.work-page .pagi li a span{
    width: 100%;
    color: #999999;
    font-family: Gotham-Bold;
}
.fantasy-page.work-page .pagi li{
    margin: 20px 15px;
}
@media only screen and (max-width: 1440px) and (min-width: 1280px){
    .fantasy-page.work-page .pagi{
        left: 0;
    }
    .fantasy-page.work-page .pagi li a span{
        overflow: visible;
        height: auto;
        font-size: 12px;
    }
    .fantasy-page.work-page .pagi li{
        width: 130px;
        height: auto;
    }
}
.fantasy-page.work-page .pagi{
    top: 35%;
}
.notVisible{display: none !important;} 
.framework-pagi{
    display: none !important;
    -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;
}      
.framework-pagi-blog-footer{
    display: none !important;-webkit-transition: all .3s ease;      
    -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;
}      
.pagi{      
     -webkit-transition: all .3s ease;      
    -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;       
}
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;       
}
.section-heading{
    display: none;
}
@media only screen and (max-width: 1279px){
    .fantasy-page.work-page .pagi{
        display: none !important;
    }
    .section-heading{
        display: block;
    }
}
.pagi.homepagi{
    display: none;
}

/* payment form css for formVinfotech page */

form.payment-form .has-error .help-block {
    background: red;
    display: table;
    padding: 5px 10px;
    position: absolute;
    border-radius: 4px;
    -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);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    left: 0px;
    z-index: 1;
    margin: 2px 0 0 0;
    top: 50px;
}

form.payment-form .has-error .help-block{
    width: auto;
}

form.payment-form .has-error .help-block:after,
form.payment-form .has-error .help-block:before {
    bottom: 100%;
    left: 10px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

form.payment-form .has-error .help-block:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: red;
    border-width: 8px;
    margin-left: 0;
}

form.payment-form .has-error .help-block:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-width: 9px;
    margin-left: 0;
    left: 9px;
}
form.payment-form .form-group {
    position: relative;
}
.btn.subscribe-for-more{
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px;
}
.custom-popup.video-popup-modal{
     z-index: 99999;
}
.custom-popup.video-popup-modal .modal-body{
    background-color: transparent;
}

/* heading tags css */

h2.custom-heading-tags.media-heading ,h5.custom-heading-tags.media-heading{
    font-size: 24px;
}
.internal-process-img h5.custom-heading-tags{
    font-size: 34px;
    margin-bottom: -72px;
    line-height: 1.4;
    font-family: 'Gotham-Black';
    text-align: left;
    float: left;
    position: relative;
    z-index: 10;
    color: #333333;
}
h3.custom-heading-tags{
    padding: 0 0 11px;
    line-height: 1;
}
.duel-text h3.custom-heading-tags{
    font-family: Gotham-Bold;
    font-size: 24px;
    margin-top: 11px;
    margin-bottom: 11px;
}

/* framework pages */

/*.img-cont-box .content-video-p h2.custom-heading-blogs{
    color: white;
    font-family: Gotham-Bold;
    font-size: 19px;
    margin: 0;
    line-height: 1.42857143;
}
h1.custom-heading-tags.custom-h1{
    font-size: 64px;
    margin: 0;
    font-weight: 500;
    line-height: 1.1;
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Ultra';
}
.featur-vinfo .txt-content-new h4.custom-heading-tags,
.featur-vinfo .txt-content-new h5.custom-heading-tags{
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin-bottom: 50px;
    color: #262626;
    margin-top: 22px;
}*/


/* changed heading tags for framework pages */

h1.custom-h1.custom-heading-tags{
    line-height: 1.1;
    font-size: 64px;
    color: #101010;
    font-family: 'Gotham-Ultra';
}
/*.img-cont-box .content-video-p h2{
    color: white;
    font-family: Gotham-Bold;
    font-size: 19px;
    margin: 0;
    line-height: 1.42857143;
}*/
.video-popup-modal.custom-popup.modal {
    background: rgba(0, 0, 0, 1.0) !important;
}
@media only screen and (max-width: 767px){
    .section.section-footer{
        z-index: 12;
    }
    .nav-toggle-right{
        top: 87%;
    }
}
.launch-link{
    text-align: center;
}
.launch-link.more-link .btn{
    display: inline-block;
}
.launch-link.more-link .btn:nth-child(2){
    margin-left: 10px;
}
div.thankyou-social-icons ul{
    margin-top: 10px;
}
/* telehealth-solution */

.gama.gama-differ-green{
    background-color: #00CA6F;
}
.gama.gama-differ-green .primary-content .primary-dsa{
    color: #fff;
    font-family: 'Gotham-Black';
    font-size: 16px; 
}
@media only screen and (max-width: 991px){
    .top-banner-bg {
        display: none;
    }
}
.text-content-bottom p.slash-para:before{
    content: '\005C';
    display: block;
    position: absolute;
    left: 5px;
}
.text-content-bottom p.slash-para{
    padding-left: 5px;
}
.gama.gama-xtrnal-data .primary-content .primary-dsa > span{
    font-family: 'Gotham-Black';
    font-size: 16px;
}
.gama.gama-xtrnal-data .primary-content ul li{
    width: 100%;
    position: relative;
    padding-left: 20px;
    line-height: 18px;
    margin-bottom: 15px;
}
.gama.gama-xtrnal-data .primary-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -220px;
    text-align: left;
    width: 210px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
/*.gama.gama-xtrnal-data .primary-content ul li:before{
    content: '\005C';
    display: block;
    position: absolute;
    left: 5px;
}*/
.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;
}
/*.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;
} 

.nav-block.social-nav a.social-nav-link{
    padding-top: 0;
}
.nav-block.active a .h3{
    color: #00CA6F;
}
.media-heading.custom-heading-tags a:hover {
     color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}
.media-heading.custom-heading-tags a{
    text-decoration: none;
}
.arrow-linking{
    position: fixed;
    top: 42%;
    right: 0;
    z-index: 9;
}
.upper-arrow-linking,.lower-arrow-linking{
    display: block;
}
.lower-arrow-linking:hover,.upper-arrow-linking:hover{
    transform: translateX(-10px);
}
@media screen and (max-width: 1024px){
    .arrow-linking{
        display: none;
    }
}

@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: 1440px) {
    .healthcare-nav{
        margin-bottom: 70px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 34px;
    }
}
@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: 50px;
    }
}
@media screen and (max-width: 767px){
    .healthcare-nav{
        margin-bottom: 40px;
    }
}

/* css added for new mind map */

.mind-map-circle {
    display: block;
    width: 80%;
    height: 80%;
    border-radius: 100%;
    border: 1px dotted #ccc;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 12;
    top: 10%;
}

.category-block {
  height: 30px;
  width: auto;
  position: absolute; 
  color: #000;
  font-size: 12px;
    line-height: 24px;
    font-family: 'Gotham-Bold';
    padding: 0 10px;
    text-transform: uppercase;
}

.category-block-0 {
  left: 98.3333333333%;
  top: 48.3333333333%; }

.category-block-1 {
      left: 93.833333%;
    top: 63%; }

.category-block-2 {
  left: 86.333333%;
    top: 80.333333%; }

.category-block-3 {
     left: 66.666667%;
    top: 93.166667%;}

.category-block-4 {
      left: 23%;
    top: 93.5%;}

.category-block-5 {
  left: -3.166667%;
    top: 79.166667%; }

.category-block-6 {
      left: -11.666667%;
    top: 60.666667%; }

.category-block-7 {
  left: -3.833333%;
    top: 40.833333%; }

.category-block-8 {
      left: 5%;
    top: 21%; }

.category-block-9 {
      left: 15.166667%;
    top: 5%;}

.category-block-10 {
      left: 46%;
    top: -2.166667%; }

.category-block-11 {
      left: 74.166667%;
    top: 6.166667%; }

.category-block-12 {
      left: 89.333333%;
    top: 22.666667%; }

.category-block-13 {
      left: 96.333333%;
    top: 43%;
}
.inner-circle {
    display: block;
    width: 58%;
    height: 58%;
    background-color: #fff;
    border-radius: 100%;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute; 
    border: 1px dashed #999999;
    box-shadow: 0 0 70px 0 rgba(0,0,0,0.2);
    z-index: 9;
}
.inner-circle .text-heading{
    color: #000000;
    font-family: 'Gotham-Black';
    font-size: 28px;
    font-weight: 900;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    padding: 0 50px;
    position: relative;
    margin-top: -57px;
    top: 50%;
}
.option-list-circle-wrapper{
    list-style: none;
    margin: 50%;
    transform: translate(-50%,-50%);
    padding: 0;
    width: 80%;
    height: 80%;
    position: relative;
    overflow: hidden;
    border: 1px dashed #9c9c9c;
    border-radius: 100%;
    box-shadow: 0 0 60px 0 rgba(0,0,0,0.2);
}
.list-content{
    position: absolute;
    z-index: 2;
    color: #666666; 
    font-family: "Gotham-Black"; 
    font-size: 15px;    
    line-height: 18px;
    width: 80px;
}

.emr-list-content{
     top: 12%;
    left: 29%;
}
.social-list-content{
    top: 33%;
    left: 5%;    
}
.teleheath-list-content{
    top: 63%;
    left: 6%;
}
.customdev-list-content{
    top: 83%;
    left: 26%;
}
.whyVinfo-list-content{
    top: 83%;
    left: 59%;
}
.whyVinfo-list-content span{
    color: #00ca6f;
}
.integration-list-content{
    top: 63%;
    left: 80%;
}
.coordinated-list-content{
    top: 33%;
    left: 80%;
}
.eRx-list-content{
    left: 63%;
    top: 12%;
}
.option-list-circle {
  list-style: none;
  margin: 50%;
    transform: translate(-50%,-50%);
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 100%; }
  .option-list-circle > li {
    border-bottom: 1px dashed #9c9c9c;
    transform-origin: 100% 100%;
    background-color: #ffffff;
    width: 50%;
    height: 50%;
    position: absolute; }
    .option-list-circle > li.hello{
        background-color: #00B563;
    }
    .option-list-circle > li:nth-child(0) {
      transform: rotate(0deg) skewX(45deg);
      }
    .option-list-circle > li:nth-child(1) {
      transform: rotate(45deg) skewX(45deg);
    }
    .option-list-circle > li:nth-child(2) {
        transform: rotate(360deg) skewX(45deg);
    }
    .option-list-circle > li:nth-child(3) {
      transform: rotate(315deg) skewX(45deg);
      }
    .option-list-circle > li:nth-child(4) {
      transform: rotate(270deg) skewX(45deg);
     }
    .option-list-circle > li:nth-child(5) {
      transform: rotate(225deg) skewX(45deg);
      }
    .option-list-circle > li:nth-child(6) {      
      transform: rotate(180deg) skewX(45deg);
      }
    .option-list-circle > li:nth-child(7) {      
      transform: rotate(135deg) skewX(45deg);  
      }
    .option-list-circle > li:nth-child(8) {
      transform: rotate(90deg) skewX(45deg);
      }

.option-list-circle > li:hover{
    background-color: #00B563;
    color: #ffffff;
    cursor: pointer; 
    
}
.list-content-detail:before{
  content: "";
  width: 20px;
  height: 20px;
  border: 3px solid transparent;
  position: absolute;
  background: white;
  z-index: 30;
}

.list-content-detail:after{
    content: "";
    height: 20px;
    width: 20px;
    background-color: #fff;
    position: absolute;
    border: 1px dashed #999999;
}
.emr-content-detail:after{
    top: -2px;
    left: 101px;
    transform: rotate(22deg);    
}
.emr-content-detail:before{
    top: -1px;
    left: 102px;
    transform: rotate(22deg);    
}
.social-content-detail:after{
     top: 98px;
    left: 0px;
    transform: rotate(-115deg);
}
.social-content-detail:before{
    top: 99px;
    left: 2px;
    transform: rotate(-115deg);
}
.teleheath-content-detail:after{
    top: 222px;
    left: 3px;
    transform: rotate(-70deg);
}
.teleheath-content-detail:before{
    top: 222px;
    left: 5px;
    transform: rotate(-71deg);
}
.customdev-content-detail:after{
    top: 309px;
    left: 90px;
    transform: rotate(-23deg);
}
.customdev-content-detail:before{
    top: 307px;
    left: 91px;
    transform: rotate(-23deg);
}
.whyVinfo-content-detail:after{
    top: 306px;
    right: 83px;
    transform: rotate(19deg);
}
.whyVinfo-content-detail:before{
    top: 304px;
    right: 84px;
    transform: rotate(19deg);
}
.integration-content-detail:after{
    top: 221px;
    right: 3px;
    transform: rotate(65deg);
}
.integration-content-detail:before{
    top: 220px;
    right: 5px;
    transform: rotate(65deg);
}
.coordinated-content-detail:after{
    top: 90px;
    right: 4px;
    transform: rotate(22deg);
}
.coordinated-content-detail:before{
    top: 90px;
    right: 6px;
    transform: rotate(22deg);
}
.eRx-content-detail:after{
    top: 2px;
    right: 91px;
    transform: rotate(70deg);
}
.eRx-content-detail:before{
    right: 92px;
    top: 5px;
    transform: rotate(70deg);
}
.inner-circle .text-heading p{
    margin: 0;
}
.inner-circle .text-heading img{
    margin-bottom: 10px;
}
.list-content-detail{
    position: absolute;
    transition: all 0.6s ease;
    display: none;
    top: 50%;
    height: 333px;
    left: 50%;
    background-color: #fff;
    width: 333px;
    z-index: 134;
    margin-top: -166px;
    border-radius: 50%;
    margin-left: -167px;
    /* overflow: hidden; */
    color: #444444;
    text-align: center;
    border: 1px dashed #999999;
}
.list-content-detail ul{
    margin: 50% 0;
    transform: translateY(-50%);
    margin-left: 60px;
}
@media only screen and (min-width: 768px){
    .list-content:hover{
        background-color: #00B563;
        cursor: pointer;
        color: #ffffff !important;
    }
}
.animation-wrapper.mind-map-wrapper .container-wrapper{
    margin: 0;
    width: 100%;
}
.animation-wrapper.mind-map-wrapper .container-wrapper section {
  display: block;
  width: 900px;
  height: 900px;
  margin-right: auto;
  margin-left: auto; 
}

.animation-wrapper.mind-map-wrapper .container-wrapper:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    top: 55%;
    max-height: 1000px;
    left: 50%;
    margin-top: -496px;
    margin-left: -500px;
    display: block;
    max-width: 1000px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.05);
}
.animation-wrapper.mind-map-wrapper .container-wrapper:before{
    content: "";
    position: absolute;
    height: 1100px;
    width: 1200px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -550px;
    margin-left: -600px;
    display: block;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.05);
}
@media screen and (max-width: 991px){
    .animation-wrapper.mind-map-wrapper .container-wrapper:after,
    .animation-wrapper.mind-map-wrapper .container-wrapper:before{
        display: none;
    }
    .animation-wrapper.mind-map-wrapper .container-wrapper section{
        width: 770px;
        height: 770px;
        margin: 0;
    }
    .category-block-6{
        left: -14.666667%;
    }
    .category-block-5{
        left: -7.166667%;
    }
    .category-block-7{
        left: -7.833333%;
    }
    .category-block-8{
        left: 0;
    }
    .category-block-9{
        left: 10.166667%;
    }
    .category-block-10{
        left: 43%;
    }
    .category-block-11 {
        left: 71.166667%;
    }
    .category-block-12 {
        left: 85.333333%;
    }
    .category-block-13 {
        left: 93.333333%;
    }
    .category-block-1 {
       left: 90.833333%;
    }
    .category-block-2 {
        left: 83.333333%;
    }
    .category-block-3 {
        left: 64.666667%;
    }
    .category-block-4 {
        left: 20%;
    }
}


.layered-div{
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #333;
    transition: all 0.6s ease;
}
.animation-wrapper.mind-map-wrapper{
    padding: 0 15px;
}
@media screen and (max-width: 767px){
    .container-fluid.animation-wrapper-mobile.mind-map-wrapper-mobile{
        padding: 0 5px;
        background-color: #f4f4f4;
    }
    .animation-wrapper-mobile.mind-map-wrapper-mobile section{
        max-width: 360px;
        height: 360px;
        margin: 0 auto;
    }
    .mind-map-circle{
        margin: 0 auto;
        width: 90%;
        height: 90%;
    }
    .option-list-circle-wrapper{
        width: 100%;
        height: 100%;
        border: none;
    }
    .list-content{
        font-size: 10px;
        line-height: 12px;
    }
    .inner-circle .text-heading{
        font-size: 12px;
        line-height: 13px;
    }
    .inner-circle{
        height: 50%;
        width: 50%;
    }
    .inner-circle .text-heading{
        padding: 0 25px;
        margin-top: -35px;
    }
    .inner-circle .text-heading img{
        width: 60px;
    }
    .emr-list-content {
        top: 14%;
        left: 28%;
    }
    .eRx-list-content {
        left: 60%;
        top: 14%;
    }
    .coordinated-list-content {
        top: 33%;
        left: 74%;
    }
    .integration-list-content {
        top: 63%;
        left: 75%;
    }
    .whyVinfo-list-content {
        top: 82%;
        left: 57%;
    }
    .customdev-list-content {
        top: 82%;
        left: 25%;
    }
}
@media screen and (max-width: 360px){
    .animation-wrapper-mobile.mind-map-wrapper-mobile section{
        max-width: 310px;
        height: 310px;
        margin: 0px auto 15px;
    }
    .mind-map-circle{
        width: 95%;
        height: 95%;
    }
    .list-content{
        font-size: 9px;
    }
}
.btn-featured{
    border-radius: 16px;
    border: 1px solid #DDDDDD;
    background-color: rgba(255,255,255,0.8);
    color: #666666;
    font-size: 12px;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 3px 0 3px 3px;
    box-shadow: none;
    pointer-events: none
}
.option-detail-modal .modal-header button{
    color: #444444;
    font-size: 32px;
}
.option-detail-modal .modal-header{
    border-bottom: 0;
}
.option-detail-modal .modal-body{
    padding: 26px;
}
.option-detail-modal .modal-content{
    height: 96vh;
}
.triangle-bullet-list > li {
    position:relative;
    font-size: 13px;
    line-height: 20px;
    color: #444444;
    font-family: Gotham-book;
    list-style-type: none;
}
.triangle-bullet-list > li::before{
    position:absolute;
    content:"";
    top:5px;
    margin-left:-10px;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #00B563;
}
.list-content-detail .triangle-bullet-list > li{
    text-align: left;
    padding-right: 10px;
}
.arrow-linking-left{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}
.arrow-linking-left .lower-arrow-linking:hover,
.arrow-linking-left .upper-arrow-linking:hover {
    transform: translateX(10px);
}
.arrow-linking-left .meet-us-linking{
    position: absolute;
    top: -22px;
    z-index: 1;
}
.bg-grey-color{
    background-color: #F5F5F5;
}
.description-block .h4{
    color: #000000;
    line-height: 33px;
    font-size: 26px;
}
.description-block .h3{
    color: #000000;
    font-family: "Gotham-Black";
    letter-spacing: -1px;
    font-size: 34px;
}
.description-block .media-section-offer{
    padding-bottom: 70px;
    padding-top: 70px;
}
.bullet-list.differ-content li:before{
    content: '';
}
.bullet-list.differ-content li{
    list-style: disc;
    list-style-position: inside;
    padding-left: 0;
}
/* .heading-healthcare{
    font-size: 64px;
    font-family: "FeltThat";
    color: #D0021B;
    line-height: 40px;
} */
.animation-wrapper.mind-map-wrapper{
    background-color: #f4f4f4;
}
@media only screen and (max-width: 1024px) {
    .arrow-linking-left{
        display: none;
    }
}
@media only screen and (max-width: 991px){
    /* .top-banner-block .heading-healthcare{
        margin-top: 160px;
    }
    .top-banner-block .heading-healthcare + .h1{
        margin-top: 10px;
    } */
    .description-block .media-section-offer{
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media screen and (min-width: 1200px){
    .top-banner-block.top-banner-small-block{
        height: 400px;
        margin-top: 100px;
    }
}
@media only screen and (max-width: 768px){
    .top-banner-block .heading-healthcare{
        margin-top: 110px;
        font-size: 54px;
    }
    .option-list-circle > li {
        border-bottom: 1px dashed #9c9c9c;
        width: 49.65%;
        height: 49.65%;
    }
    .option-list-circle-wrapper{
       box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    }
}
.description-block .heading-healthcare{
    font-size: 49px;
}
.differ-block-wrapper-inverse{
    background-color: #ECECEC;
}
.differ-block-wrapper-inverse .differ-block-inverse{
    background-color: #DEDEDE;
}
.differ-block-inverse .differ-content .media-heading{
    color: #000000;
    font-family: Gotham-Black;
}
.differ-block-inverse .differ-content ul li,.differ-block-inverse .differ-content p{
    color: #4A4A4A;
}
@media screen and (max-width: 767px){
    .differ-block-inverse .differ-left {
        background-color: #DEDEDE;
    }    
    .differ-block-inverse .differ-right{
        background-color: #ECECEC;
    }
    .differ-block-inverse ul li{
        text-align: left;
    }
    .mind-map-wrapper-mobile .mind-map-circle{
        border: 1px dashed #9c9c9c;
    }
    .triangle-bullet-list > li{
        padding: 0 5px;
        margin-bottom: 5px;
    }
    .list-content{
        width: 70px;
    }
}
@media screen and (min-width: 1024px){
    .telehealth-text-content{
        padding-bottom: 60px;
    }
}

.option-list-circle.iOS-option-list-circle > li:nth-child(5){
    border: 0;
}
.option-list-circle.iOS-option-list-circle > li:nth-child(6):after{
    content: '';
    border-bottom: 1px dashed #7b7777;
    width: 100%; 
    height: 1px;
    /* background-color: #333; */
    top: 38px;
    right: -35px;
    transform: rotate(264deg); 
    position: absolute; 
    z-index: 999;
}

/* css added for FSTA form */
.book-meeting-section .contact-wrapper .h1{
    margin-top: 30px;
    margin-bottom: 20px;
}
.book-meeting-section .margin-top-20{
    margin-top: 20px;
}
.book-meeting-section .contact-wrapper textarea.form-control{
    height: 90px;
}
.fstaForm .form-group{
    margin-bottom: 25px;
}

/* css added for white label page */

.why-fantasy h5.h3{
    margin-bottom: 30px;
}
.why-fantasy h6{
    margin-bottom: 45px;
}
.why-fantasy{
    padding-bottom: 60px;
}
.success2-btn{
    background-color: #00B569;
    color: #FFFFFF;
}
.blog-section-white .block-wrapper a{
    background-color: #ffffff;
    height: 420px !important;
    /* padding: 30px; */
}
.blog-section-white .block-wrapper a .blog-heading{
    color: #444444;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
}
.blog-section-white .block-wrapper a .blog-content{
    color: #333333;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}
.blog-section-white{
    margin-top: -40px;
}
.blog-section-white .block-wrapper{
    box-shadow: 0 2px 29px 0 rgba(0,0,0,0.15);
    border-radius: 4px;
}
.blog-section-white .img-blog{
    /*background-image: url("../img/icon-bg.svg");*/
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 50px;
    margin-top: 20px;
}
.btn-primary-alt.btn-primary:hover{
    color: #ffffff;
    background-color: #222;
    border-color: #222;
}
@media screen and (max-width: 991px){
    .blog-section-white .block-wrapper a{
        height: 240px !important;
    }
    .blog-section-white .img-blog{
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .blog-section-white .block-wrapper a .blog-heading{
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 767px){
    .blog-section-white .block-wrapper a{
        height: auto !important;
    }
}
.photo-grid img{
    width: 100%;
}
.photo-grid .h3{
    font-family: 'Gotham-Black';
    margin-bottom: 20px;
}
.photo-grid .photo-grid-element{
    margin-top: 30px;
}
.photo-grid .show-case{
    border-top: 0 !important;
}
.photo-grid .show-case.even{
    padding-bottom: 0;
}
.photo-grid .show-case.odd{
    padding-top: 0; 
    padding-bottom: 0;   
}
.more-link.xtra-spacing{
    margin-top: 50px;
    margin-bottom: 50px;
}
.photo-grid .more-link{
    margin-top: 50px;
}
@media screen and (max-width: 768px){
    .more-link.xtra-spacing{
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
.closeDark{
    color: #4A4A4A;
    opacity: 1;
    font-size: 30px;
    margin-right: 6px;
}
.closeDark:hover{
    color: #000;
    opacity: 1;
}
.cursor-pointer{
    cursor: pointer;
}
.list-group-item.list-group-item-custom{
    display: block;
    position: relative;
    padding: 0;
    border: 0;
}
.list-group-item.list-group-item-custom .list-group-body .list-figure{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
}
.list-group-item.list-group-item-custom .list-group-body{
    padding-left: 60px;
}
.fantasy-history{
    padding-top: 20px;
    padding-bottom: 20px;
}
.fantasy-history .panel-default{
    margin-top: 30px;
}
.text-muted{
    color: #A0A0A0;
}
.list-group-item-custom .list-group-item-heading{
    font-size: 20px;
    font-family: 'Gotham-Black';
    font-weight: normal;
    color: #000000;
}
.list-group-item-custom .list-group-content{
    font-size: 18px;
    color: #00B569;
}
.text-black{
    color: #000000;
}
.no-margin{
    margin: 0 !important;
}
.fantasy-history .panel-collapse .panel-body{
    background-color: #ffffff;
    color: #333333;
    padding: 15px 0px 25px 60px;
}
.fantasy-history .panel-collapse .panel-body .owl-carousel{
    margin-top: 40px;
}
.fantasy-history .panel-collapse .panel-body .owl-controls{
    margin-top: 0;
}
.faq-section .h3{
    font-family: 'Gotham-Black';
    /* margin-top: 80px; */
    margin-bottom: 40px;
}
.faq-section{
    padding-top: 80px;
    padding-bottom: 80px;
}
.faq-section .panel-title{
    color: #1A1A1A;    
    font-size: 22px;   
    line-height: 22px; 
    font-weight: bold;
}
.panel-default.white-card{
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 20px;
}
.panel-default.white-card .panel-body{
    padding-left: 40px;
}
.panel-default.white-card .panel-body ul{
    padding-left: 30px;
}
a.collapsed figure.minus-sign-button{
    display: none;
}
a.collapsed figure.plus-sign-button{
    display: inline-block;
}
a figure.minus-sign-button{
    display: inline-block;
}
a figure.plus-sign-button{
    display: none;
}
.fantasy-history-container{
    padding-top: 60px;
}
.faq-section .panel-title a{
    color: #1A1A1A;
    text-decoration: none;
}
.faq-section .panel-title a:hover{
    text-decoration: none;
}

@media screen and (max-width: 767px){
    .panel-default.white-card .panel-body{
        padding: 15px 0 15px 40px;
    }
    .faq-section .panel-title{
        font-size: 18px;
    }

}
.panel.panel-default.white-card a .list-group-content{
    color: #1A1A1A; 
    font-family: 'Gotham-Bold';    
    font-size: 20px;    
    line-height: 28px;
    font-weight: normal;
}
.panel.panel-default.white-card a .list-group-content h4{
    font-size:20px;
}
.panel.panel-default.white-card .list-group-item.list-group-item-custom .list-group-body{
    padding-left: 40px;
    line-height: 26px;
}
.container-fluid.bg-dark-grey-color{
    background-color: #404040;
    color: #ffffff;
    padding-top: 200px;
    padding-bottom: 200px;
    font-family: Gotham-Bold;    
    font-size: 22px;   
    line-height: 26px;
}
.container-fluid.bg-dark-grey-color .devider-box{
    margin-top: 80px;
    margin-bottom: 80px;
}
/* .first-feature-block div{
    width: 230px;
    position: relative;
    left: -60px;
}

.second-feature-block div{
    width: 340px;
    position: relative;
}

.third-feature-block div{
    position: relative;
}

.fourth-feature-block div{
    position: relative;
    right: -30%;
}
 */
.bordered-div{
    position: relative;
}
.bordered-div:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ECECEC;
    position: absolute;
    top: 50%;
    left: 0;
}
.pT30{
    padding-top: 30px;
}
.pB30{
    padding-bottom: 30px;
}
.first-feature-block div,.third-feature-block div{
    position: relative;
    top: -77px;
    left: -80px;    
}
.first-feature-block div{
    width: 200px;
}
.third-feature-block div{
    left: 10px;
    width: 300px;
}
.second-feature-block div,.fourth-feature-block div{
    bottom: -100px;
    position: relative;
    width: 300px;
}
.second-feature-block div{
    right: 60%;
    width: 350px;
}
.fourth-feature-block div{
    right: -55%;
    text-align: right;
    width: 200px;
}
.first-feature-block div:after{
    content: '';
    width: 28px;
    height: 28px;
    background-color: #D5D5D5;
    box-shadow: 0 0 25px 0 rgba(255,255,255,0.43);
    position: absolute;
    border-radius: 50%;
    bottom: -155%;
    left: 20%;
    z-index: 1;
}
.first-feature-block div:before{
    content: '';
    width: 1px;
    height: 45px;
    border: 1px dotted #D5D5D5;
    position: absolute;
    bottom: -107%;
    left: 27%;
}
.second-feature-block div:after{
    content: '';
    width: 28px;
    height: 28px;
    background-color: #D5D5D5;
    box-shadow: 0 0 25px 0 rgba(255,255,255,0.43);
    position: absolute;
    border-radius: 50%;
    bottom: 185%;
    left: 53%;
    z-index: 1;
}
.second-feature-block div:before{
    content: '';
    width: 1px;
    height: 45px;
    border: 1px dotted #D5D5D5;
    position: absolute;
    top: -96%;
    right: 43%;
}
.third-feature-block div:after{
    content: '';
    width: 28px;
    height: 28px;
    background-color: #D5D5D5;
    box-shadow: 0 0 25px 0 rgba(255,255,255,0.43);
    position: absolute;
    border-radius: 50%;
    bottom: -152%;
    left: 40%;
    z-index: 1;
}
.third-feature-block div:before{
    content: '';
    width: 1px;
    height: 45px;
    border: 1px dotted #D5D5D5;
    position: absolute;
     bottom: -99%;
    left: 44%;
}
.fourth-feature-block div:after{
    content: '';
    width: 28px;
    height: 28px;
    background-color: #D5D5D5;
    box-shadow: 0 0 25px 0 rgba(255,255,255,0.43);
    position: absolute;
    border-radius: 50%;
    top: -144%;
    right: 25%;
    z-index: 1;
}
.fourth-feature-block div:before{
    content: '';
    width: 1px;
    height: 45px;
    border: 1px dotted #D5D5D5;
    position: absolute;
    top: -92%;
    right: 31%;
}
@media screen and (max-width: 1440px){
    .fourth-feature-block div{
        right: -40%;
    }
    .second-feature-block div{
        right: 80%;
    }
}
@media screen and (max-width: 768px){
    .rigt-menu .nav-effect li:last-child{
        margin-bottom: 0;
    }
    .fantasy-history-container{
        padding-top: 40px;
    }
    .fantasy-history{
        padding-top: 0;
    }
}
.white-labe-top-parallex .top-banner-block p:nth-child(2){
    margin-top: 20px;
}
@media screen and (max-width: 1024px) and (min-width: 991px){
    .white-labe-top-parallex .top-banner-block {
        height: 670px;
    }
}
@media screen and (max-width: 1024px){
    .fourth-feature-block div{
        right: -10%;
    }
    .second-feature-block div:before{
        right: 52.5%;
    }
    .second-feature-block div:after{
        left: 43%;
    }
    .third-feature-block div:before{
        left: 34%;
    }
    .third-feature-block div:after{
        left: 30%;
    }
}
@media screen and (max-width: 767px){
    .faq-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .faq-section .h3{
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .panel.panel-default.white-card a .list-group-content, .panel.panel-default.white-card a .list-group-content h4{
        font-size: 18px;
        line-height: 22px;
    }
    .fantasy-history-container .more-link.xtra-spacing{
        margin-top: 0;
    }
   
}
@media screen and (min-width: 991px){
    .visible-xs{
        display: none;
    }
}
@media screen and (max-width: 768px){
    .bordered-div:after{
        display: none;
    }
    .first-feature-block div, .third-feature-block div{
        left: 0;
        width: 100%;
    }
    .second-feature-block div,.fourth-feature-block div{
        right: auto;
        left: 0;
        text-align: left;
        width: 100%;
    }
    .hidden-xs{
        display: none;
    }
    .first-feature-block div:after,.second-feature-block div:after,
    .third-feature-block div:after{
        bottom: 0;
    }
    .fourth-feature-block div:after{
        top: 0;
    }
    .container-fluid.bg-dark-grey-color{
        padding-bottom: 50px;
        padding-top: 50px;
        font-size: 18px;
        line-height: 24px;
    }
    .first-xs-feature-block,.second-xs-feature-block,
    .third-xs-feature-block,.fourth-xs-feature-block{
        padding: 15px 0 15px 35px;
    }
    .first-xs-feature-block div:before,.second-xs-feature-block div:before,
    .third-xs-feature-block div:before,.fourth-xs-feature-block div:before{
        content: '';
        width: 20px;
        height: 20px;
        background-color: #D5D5D5;
        box-shadow: 0 0 25px 0 rgba(255,255,255,0.43);
        position: absolute;
        border-radius: 50%;
        z-index: 1;
        left: 0;
    }
    .first-xs-feature-block:before,.second-xs-feature-block:before,
    .third-xs-feature-block:before{
        content: '';
        width: 1px;
        height: 100%;
        border: 1px dotted #D5D5D5;
        position: absolute;
        left: 9px;
        top: 33px;
    }
    .photo-grid .h3{
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .h2-48-font{
        font-size: 36px !important;
    }
}
@media screen and (max-width: 767px){
    .h2-48-font{
        font-size: 24px !important;
    }
    .first-xs-feature-block div:before, 
    .second-xs-feature-block div:before, 
    .third-xs-feature-block div:before, 
    .fourth-xs-feature-block div:before{
        left: 20px;
    }
    .first-xs-feature-block:before, .second-xs-feature-block:before, .third-xs-feature-block:before{
        left: 29px;
    }
    .first-xs-feature-block,.second-xs-feature-block,
    .third-xs-feature-block,.fourth-xs-feature-block{
        padding-left: 55px;
    }
}
/* css added for fantasy landing page */

.bg-green-color{
    background-color: #00CA6F;
}
.our-vision{
    padding-top: 80px;
    padding-bottom: 80px;
    color: #000000; 
    font-family: "Geomanist-Bold";    
    font-size: 44px;      
    line-height: 52px;
}
.white-text{
    color: #ffffff;
}
.font-black{
    font-family: "Geomanist-Bold";
}
.vinfo-deatil .h3{
    padding-top: 80px;
    padding-bottom: 80px;
}
.num-count{
    color: #00CA6F; 
    font-family: "Gotham-Ultra";    
    font-size: 57px;    
    line-height: 64px;  
    text-align: center;
}
.first-deatil-block{
    color: #4A4A4A;    
    font-size: 14px;    
    font-weight: bold;  
    line-height: 21px;  
    text-align: center;
}
.second-deatil-block{
    color: #4A4A4A; 
    font-size: 16px;    
    font-weight: bold;  
    line-height: 22px;  
    text-align: center;
}
.first-deatil-block,.second-deatil-block{
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.why-vinfotech{
    margin-top: 60px;
}
.green-border-div{
    border: 3px dotted #27855A;
    width: 200px;
    border-radius: 10px;
    height: 60px;
    padding: 5px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #000000;
    line-height: 17px;
    font-family: 'Geomanist-Bold';
}
.office-detail .h3{ 
    padding-bottom: 10px;
    margin-top: 140px;
}
.office-detail p{
    color: #333333; 
    font-size: 18px;    
    font-weight: 300;   
    line-height: 28px;  
    text-align: center;
}
.office-detail .img-cont-box{
    margin-top: 30px;
    margin-bottom: 30px;
}


.vinfo-aim{
    background-image: url('../img/why-vinfotech-for-fantasy-sports-solutions-image-3.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.vinfo-aim-detail{
    margin-top: 60px;
    margin-bottom: 230px;
}
.vinfo-aim-detail .vinfo-aim-content{
    display: inline-block;
    vertical-align: middle;
    margin-left: 70px;
    position: relative;
}
.vinfo-aim-detail .vinfo-aim-content figure{
    width: 100px;
    height: 100px;
}
.vinfo-aim-detail .vinfo-aim-content.vinfo-aim{
    width: 140px;
    height: 140px;
    color: #000000; 
    font-family: Gotham-Black;    
    font-size: 18px;    
    font-weight: bold;  
    line-height: 23px;  
    text-align: center;
    padding: 30px;
}
.first-vinfo-aim-text,.second-vinfo-aim-text,
.third-vinfo-aim-text,.fourth-vinfo-aim-text{
    position: absolute !important;
    margin: 0;
    width: 200px;
    height: 50px;
}
.first-vinfo-aim-text,.fourth-vinfo-aim-text{
    bottom: -100px;
    left: -40%;
}
.second-vinfo-aim-text,.third-vinfo-aim-text{
    top: -100px;
    left: -50%;
}
.vinfo-aim-content:after{
    position: absolute;
    content: '';
    height: 35px;
    width: 1px;
    border: 1px dotted #27855A;
    bottom: -52px;
    left: 60%;
}
.vinfo-aim-content:nth-child(2):after,
.vinfo-aim-content:nth-child(4):after{
    top: -37px;
    left: 60%;
}
.vinfo-aim-content.vinfo-aim:after{
    display: none;
}
.background-line{
    height: 1px;
    width: 70%;
    margin: -58px auto 0 auto;
    display: block;
    border-top: 1px dashed #27855A;;
}
.vinfo-extra.vinfo-aim-detail .vinfo-aim-content figure{
    width: 130px;
    height: 130px;
}
.vinfo-extra.vinfo-aim-detail .vinfo-aim-content{
    margin-left: 100px;
}
.vinfo-aim-detail .vinfo-aim-content:first-child,
.vinfo-extra.vinfo-aim-detail .vinfo-aim-content:first-child{
    margin-left: 0;
}
.vinfo-extra-heading{
    margin-bottom: 80px;
}
.vinfo-extra-text-top{
    position: absolute;
    top: -100px;
    width: 200px;
    height: 50px;
    left: -40px;
}
.block-element{
    display: block;
}
.vinfo-extra-text{
    position: absolute !important;
    margin: 0;
    width: 200px;
    height: 50px;
    bottom: -90px;
    left: -40%;
}
.vinfo-extra .vinfo-aim-content:after{
    top: -37px;
    left: 50%;
}
.vinfo-extra .vinfo-aim-content:before {
    position: absolute;
    content: '';
    height: 35px;
    width: 1px;
    border: 1px dotted #27855A;
    bottom: -38px;
    left: 50%;
} 
.vinfo-extra-text-top .green-border-div{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 15px;
}
.first-deatil-block .outer-border,
.second-deatil-block .outer-border{
    background-image: url('../img/vinfotech-fantasy-sports-solutions-image-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 300px;
    height: 157px;
    padding: 6px;
    display: table-cell;
    vertical-align: middle;
}
.idea-to-launch{
    padding-top: 80px;
}
.vinfo-extra-container .h3{
    margin-top: 100px;
}
.idea-to-launch div{
    background-image: url('../img/idea.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 67%;
    height: 130px;
    position: relative;
}
.idea-text span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #000000; 
    font-family: 'Geomanist-Black';    
    font-size: 24px;
    line-height: 32px;
}
div.w50{
    width: 49%;
    display: inline-block;
}
.text-content-bottom-cell div.w50{
    border: 1px solid #E1E1E1;  
    border-radius: 10px 5px 5px 10px; 
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
}
/* .text-content-bottom-cell .bg-green-color{
    padding: 80px;
} */
.text-content-bottom-cell.fantasy-text-content{
    padding: 10px 0;
}
.text-content-bottom-cell div.w50.bg-white-color{
    left: -30px;
    border: 1px solid #00CA6F;
    position: relative;
    top: 50px;
}
.fantasy-text-content .bg-green-color{
    padding: 75px 70px;
}
.fantasy-text-content .bg-green-color .h3{
    color: #000000; 
    font-family: 'Geomanist-Medium';    
    font-size: 34px;  
    line-height: 38px;
}
.fantasy-text-content .bg-green-color .h3 .white-text{
    height: 34px;   
    width: 295px;   
    color: #FFFFFF; 
    text-transform: uppercase;    
    font-size: 30px;    
    font-weight: bold;  
    line-height: 37px;
}
.fantasy-text-content .bg-white-color ul{
    list-style-type: none;
    margin-left: 20px;
    margin-right: 20px;
}
.fantasy-text-content .bg-white-color ul li{
    padding: 11px 5px;
    text-align: left;
    border-bottom: 2px solid rgba(155, 155, 155, 0.14);
    color: #000000; 
    font-size: 16px;    
    font-weight: 300;   
    line-height: 24px;
    font-family: Geomanist;
}
.fantasy-text-content .bg-white-color ul li:last-child{
    border-bottom: 0;
}
.sports-based-fantasy.bg-grey-color{
    background-color: #F5F5F5;
    padding-top: 80px;
    padding-bottom: 80px;
}
.sports-based-fantasy.bg-grey-color .sports-heading{
    color: #000; 
    font-family: Geomanist-Bold;  
    font-size: 32px;    
    font-weight: 800;   
}
.sports-flow{
    background-image: url('../img/fantasy-solutions-for-sports-and-non-sports-domains.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 436px;  
    width: 923px;
    margin: 80px auto 0;
}
.sports-flow ul li{
    color: #000; 
    font-family: 'Geomanist-Black';    
    font-size: 22px;  
    font-weight: bold;  
    line-height: 26px;  
    text-align: right;
    position: relative;
    margin-bottom: 69px;
    top: 12px;
}
.sports-flow ul{
    list-style-type: none;
}
.sports-flow ul.first-list li a,
.sports-flow ul.second-list li a{
    color: #000;
    text-decoration: none;
}
.sports-flow ul.first-list li a:hover,
.sports-flow ul.second-list li a:hover{
    color: #00cc6b;
}
.sports-flow ul.first-list li:nth-child(1){
    left: 190px;
}
.sports-flow ul.first-list li:nth-child(2){
    left: 130px;
}
.sports-flow ul.first-list li:nth-child(3){
    left: 110px;
}
.sports-flow ul.first-list li:nth-child(4){
    left: 130px;
}
.sports-flow ul.first-list li:nth-child(5){
    left: 200px;
}

.sports-flow ul.second-list li:nth-child(1){
    left: -200px;
}
.sports-flow ul.second-list li:nth-child(2){
    left: -140px;
}
.sports-flow ul.second-list li:nth-child(3){
    left: -120px;
}
.sports-flow ul.second-list li:nth-child(4){
    left: -110px;
}
.sports-flow ul.second-list li:nth-child(5){
    left: -210px;
}
.sports-flow .inner-circle-content{
    position: absolute;
    top: 50%;
    left: 50%;
    color: #000; 
    font-family: Geomanist-Black;  
    font-size: 32px;    
    font-weight: 800;   
    line-height: 40px;  
    text-align: center;
    width: 140px;
    margin-top: -40px;
    margin-left: -65px;
    height: 150px;
}
.game-plays{
    padding-top: 80px;
    padding-bottom: 80px;
}
.game-plays .h3{
    margin-bottom: 50px;
}
.gameplays-deatil{
    margin: 0 auto;
    height: 540px;    
    width: 1100px;
}
.gameplays-deatil img{
    width: 100%;
}
.platform-special{
    padding-top: 60px;
    padding-bottom: 60px;
}
.platform-special .h3{
    margin-bottom: 150px;
}
.platform-special .h3 a{
    text-decoration: none;
    cursor: pointer;
}
.platform-special .fifth-vinfo-aim-text{
    position: absolute !important;
    margin: 0;
    width: 200px;
    height: 50px;
}
.platform-special .third-vinfo-aim-text{
    top: auto;
    bottom: -100px;
}
.platform-special .fourth-vinfo-aim-text{
    bottom: auto;
    top: -100px;
}
.platform-special .fifth-vinfo-aim-text{
    bottom: -100px;
    left: -40%;
}
.platform-special .background-line {
    width: 60%;
    margin: -38px auto 0 auto;
}
.platform-special .vinfo-aim-content:after{
    left: 58%;
}
.platform-special .vinfo-aim-content:nth-child(2):after, 
.platform-special .vinfo-aim-content:nth-child(4):after{
    left: 57%
}
.platform-special .more-link.xtra-spacing{
    margin-top: 240px;
}
.key-features{
    padding-bottom: 80px;
}
.key-features .h3{
    margin-bottom: 60px;
}
.key-feature-img p{
    color: #000000; 
    font-family: Gotham-Black;    
    font-size: 16px;
    line-height: 19px;  
    text-align: center;
    padding: 15px;
    margin: 0 auto;
    max-width: 200px;
}
.key-feature-img{
    margin-bottom: 80px;
}
.advance-analytics .h3{
    margin-bottom: 70px;
}
.advance-analytics .duel-advance-analytics{
    width: 50%;
    float: left;
}
.advance-analytics .duel-advance-analytics figure,
.advance-analytics .duel-advance-analytics figure img{
    width: 100%;
}
.advance-analytics,.success-stories{
    padding-bottom: 100px;
}
.success-stories .h3{
    margin-bottom: 70px;
}
.success-storie-content{
    width: 265px;
    margin: 0 auto;
    color: #262626; 
    font-family: Gotham-Bold;    
    font-size: 16px;    
    font-weight: bold;  
    line-height: 26px;  
    text-align: center;
}
.success-stories p{
    margin-top: 20px;
}
@media screen and (max-width: 1440px){
    .idea-to-launch {
        padding-top: 30px;
    }
    .fantasy-landing-banner.top-banner-block .h1 h1{
        font-size: 52px;
    }
    .fantasy-landing-banner.top-banner-block{
        height: 450px;
    }
    .platform-special .background-line{
        width: 75%;
    }
}
@media screen and (max-width: 1024px){
    .fantasy-text-content .bg-green-color {
        padding: 20px 60px;
    }
    .sports-flow{
        width: 700px;
    }
    .sports-flow ul li{
        margin-bottom: 48px;
        top: 58px;
    }
    .sports-flow ul.first-list li:nth-child(1){
        left: 120px;
    }
    .sports-flow ul.first-list li:nth-child(2){
        left: 70px;
        top: 56px;
    }
    .sports-flow ul.first-list li:nth-child(3){
        left: 60px;
        top: 55px;
    }
    .sports-flow ul.first-list li:nth-child(4){
        left: 80px;
        top: 52px;
    }
    .sports-flow ul.first-list li:nth-child(5){
        left: 130px;
        top: 51px;
    }
    .sports-flow ul.second-list li:nth-child(1){
        left: -140px
    }
    .sports-flow ul.second-list li:nth-child(2){
        left: -100px;
        top: 56px;
    }
    .sports-flow ul.second-list li:nth-child(3){
        left: -80px;
        top: 55px;
    }
    .sports-flow ul.second-list li:nth-child(4){
        left: -60px;
        top: 52px;
    }
    .sports-flow ul.second-list li:nth-child(5){
        left: -140px;
        top: 51px;
    }
    .sports-based-fantasy.bg-grey-color{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .sports-flow{
        margin-top: 0;
    }
    .gameplays-deatil{
        height: 400px;
        width: 700px;
    }
    .gameplays-deatil img{
        width: 100%;
    }
    .game-plays{
        padding-top: 50px;
        padding-bottom: 0;
    }
    .platform-special{
        padding-top: 0;
        padding-bottom: 0;
    }
    .vinfo-aim-detail .vinfo-aim-content figure{
        width: 90px;
        height: 100px;
    }
    .vinfo-aim-detail .vinfo-aim-content figure img{
        width: 100%;
    }
    .green-border-div{
        width: 160px;
    }
    .vinfo-aim-detail .vinfo-aim-content{
        margin-left: 30px;
    }
    .platform-special .background-line{
        margin-top: -48px;
    }
    .platform-special .vinfo-aim-content:after{
        left: 50%;
    }
    .platform-special .vinfo-aim-content:nth-child(2):after, .platform-special .vinfo-aim-content:nth-child(4):after{
        left: 49%;
    }
    .vinfo-aim-content:after{
        bottom: -29px;
    }
    .platform-special .third-vinfo-aim-text{
        bottom: -80px;
    }
    .first-vinfo-aim-text, .fourth-vinfo-aim-text,.platform-special .fifth-vinfo-aim-text{
        bottom: -80px;
    }
    .first-deatil-block .outer-border, .second-deatil-block .outer-border{
        display: block;
        margin: 0 auto;
    }
    .platform-special .h3{
        margin-top: 100px;
    }
    .first-deatil-block .outer-border, .second-deatil-block .outer-border{
        padding: 15px 6px;
        width: 260px;
    }
    .num-count{
        font-size: 48px;
        line-height: 48px;
    }
    .second-deatil-block .second-outer-border{
        padding: 30px 6px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 991px){
    .success-storie-content{
        width: 195px;
    }
    .success-storie-content img{
        width: 100%;
    }
    .key-feature-img figure img{
        width: 100%
    }
    .vinfo-extra.vinfo-aim-detail .vinfo-aim-content figure{
        width: 90px;
        height: 100px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .vinfo-extra-container .vinfo-extra-text-top {
        position: absolute;
        top: -125px;
        width: 110px;
        height: 150px;
        left: -15px;
    }
    .vinfo-extra-container .vinfo-extra-text {
        position: absolute !important;
        margin: 0;
        width: 110px;
        height: 50px;
        bottom: -90px;
        left: -20%;
    }
    .vinfo-extra-container .green-border-div {
        width: 110px;
        height: 90px;
    }
    .vinfo-extra-container .vinfo-extra.vinfo-aim-detail .vinfo-aim-content figure {
        width: 80px;
        height: 80px;
    }
    .vinfo-extra-container .vinfo-extra.vinfo-aim-detail .vinfo-aim-content {
        margin-left: 40px;
    }
}
@media screen and (min-width: 992px){
    .text-content-bottom-cell div.w50.bg-green-color{
        float: left;
    }
}
@media screen and (max-width: 991px){
    .text-content-bottom-cell.fantasy-text-content{
        text-align: center;
    }
    .text-content-bottom-cell div.w50.bg-green-color{
        width: 90%;
        text-align: left;
    }
    .text-content-bottom-cell div.w50.bg-white-color{
        width: 80%;
        left: 0;
        top: -25px;
    }
    .idea-to-launch div{
        background-size: 80%;
    }
    .idea-text span{
        font-size: 16px;
        line-height: 20px;
    }
    .fantasy-text-content .bg-green-color .h3{
        text-align: center;
    }

    .key-features{
        padding-bottom: 0;
    }
    /* .container-fluid.bg-dark-grey-color{
        display: none;
    } */
}
@media screen and (max-width: 767px){
    .fantasy-landing-banner.top-banner-block .h1 h1{
        font-size: 36px;
    }
    .idea-to-launch div{
        background-size: 100%;
    }
    .idea-to-launch{
        padding-top: 0;
    }
    .text-content-bottom-cell.fantasy-text-content{
        padding: 0;
    }
    .fantasy-text-content .bg-green-color .h3,
    .fantasy-text-content .bg-green-color .h3 .white-text{
        font-size: 22px;
        line-height: 26px;
    }
    .fantasy-why-vinfotech.why-vinfotech{
        margin-top: 0;
    }
    .office-detail .h3{
        margin-top: 30px;
    }
    .fantasy-text-content .bg-green-color .h3{
        margin-top: 0;
    }
    .fantasy-text-content .bg-white-color ul li{
        font-size: 12px;
        line-height: 16px;
        padding: 10px 5px;
    }
    .fantasy-text-content .bg-green-color{
        padding: 20px 40px;
    }
    .sports-based-fantasy.bg-grey-color .sports-heading{
        font-size: 12px;
        line-height: 15px;
    }
    .sports-based-fantasy.bg-grey-color{
        padding-top: 20px;
        padding-bottom: 0;
    }
    .sports-flow{
        height: 200px;
        width: 270px;
        margin: 0 auto 0;
    }
    .sports-flow .inner-circle-content {
        font-size: 12px;
        line-height: 16px;
        width: 70px;
        margin-top: -22px;
        margin-left: -35px;
        height: 40px;
    }
    .sports-flow ul li{
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 12px;
        top: 35px;
    }
    .sports-flow ul.first-list li:nth-child(1){
        left: 40px;top: 35px;
    }
    .sports-flow ul.first-list li:nth-child(2){
        left: 20px;top: 35px;
    }
    .sports-flow ul.first-list li:nth-child(3){
        left: 13px;top: 35px;
    }
    .sports-flow ul.first-list li:nth-child(4){
        left: 20px;top: 35px;
    }
    .sports-flow ul.first-list li:nth-child(5){
        left: 40px;top: 35px;
    }
    .sports-flow ul.second-list li:nth-child(1){
        left: -40px;top: 35px;
    }
    .sports-flow ul.second-list li:nth-child(2){
        left: -30px;top: 35px;
    }
    .sports-flow ul.second-list li:nth-child(3){
        left: -20px;top: 35px;
    }
    .sports-flow ul.second-list li:nth-child(4){
        left: -12px;top: 35px;
    }
    .sports-flow ul.second-list li:nth-child(5){
        left: -50px;top: 35px;
    }
    .bg-white-color.sports-based-fantasy{
        display: none;
    }
    .vinfo-aim-detail .vinfo-aim-content{
        width: 100%;
    }
    .vinfo-aim-detail .vinfo-aim-content figure{
       margin: 0 auto;
    }
    .vinfo-aim-detail .vinfo-aim-content{
        margin-left: 0;
        margin-bottom: 100px;
    }
    .background-line{
        display: none;
    }
    .first-vinfo-aim-text, .fourth-vinfo-aim-text,
    .platform-special .fifth-vinfo-aim-text,
    .second-vinfo-aim-text, .third-vinfo-aim-text{
        left: 30%;
    }
    .vinfo-aim-content:after{
        height: 20px;
        bottom: -13px;
    }
    .first-vinfo-aim-text, .fourth-vinfo-aim-text, .platform-special .fifth-vinfo-aim-text,
    .platform-special .third-vinfo-aim-text,
    .platform-special .second-vinfo-aim-text,.platform-special .fourth-vinfo-aim-text{
        bottom: -60px;
        top: auto;
    }
    .vinfo-aim-content:nth-child(2):after, .vinfo-aim-content:nth-child(4):after{
        top: auto;
    }
    .platform-special .h3,.key-features .h3,.advance-analytics .h3,.success-stories .h3,.vinfo-deatil .h3{
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 28px;
        margin-top: 50px;
    }
    .vinfo-aim-detail{
        margin-top: 20px;
        margin-bottom: 0;
    }
    .platform-special .more-link.xtra-spacing{
        margin-top: 0;
        margin-bottom: 0;
    }
    .more-link.xtra-spacing .btn{
        font-size: 10px;
        padding: 12px 15px;
        line-height: 14px;
        letter-spacing: 1px;
    }    
    .key-feature-img{
        margin-bottom: 20px;
    }
    .key-features{
        padding-bottom: 0;
    }
    .advance-analytics .duel-advance-analytics{
        width: 100%;
    }
    .advance-analytics, .success-stories{
        padding-bottom: 10px;
    }
    .vinfo-deatil .h3{
        padding-top: 0;
        padding-bottom: 0;
    }
    .first-deatil-block .outer-border, .second-deatil-block .outer-border{
        display: block;
        margin: 0 auto;
    }
      
    .why-vinfotech{
        margin-top: 10px;
    }
    .our-vision{
        display: none;
    }
    .vinfo-aim-content:after{
        left: 50%;
    }
    .second-vinfo-aim-text.text-center,
    .third-vinfo-aim-text.text-center{
        bottom: -60px;
        top: auto;
    }
    .vinfo-aim-content:nth-child(2):after, .vinfo-aim-content:nth-child(4):after{
        left: 50%;
    }
    .vinfo-aim.vinfo-aim-content{
        margin-bottom: 20px;
    }
    .vinfo-aim-detail.vinfo-extra{
        margin-top: 120px;
    }
    .vinfo-extra-text-top{
        left: 30%;
        top: -80px;
    }
    .vinfo-extra .vinfo-aim-content:after{
        top: -17px;
    }
    .vinfo-extra.vinfo-aim-detail .vinfo-aim-content:first-child{
        margin: 0;
    }
    .vinfo-extra.vinfo-aim-detail .vinfo-aim-content{
        margin-left: 0;
        margin-top: 280px;
        margin-bottom: 0;
    }
    .vinfo-extra-text{
        left: 30%;
    }
    .vinfo-extra.vinfo-aim-detail .vinfo-aim-content:last-child{
        margin-bottom: 200px;
    }
}
@media screen and (max-width: 400px){
    .idea-text span{
        font-size: 12px;
    }
    .first-vinfo-aim-text, .fourth-vinfo-aim-text, .platform-special .fifth-vinfo-aim-text, .second-vinfo-aim-text, .third-vinfo-aim-text{
        left: 28%;
    }
    .vinfo-extra-text-top,.vinfo-extra-text{
        left: 25%;
    }
}
@media screen and (min-width: 768px){
    figure.visible-xs{
        display: none;
    }
}
@media screen and (max-width: 320px){
    .first-vinfo-aim-text, .fourth-vinfo-aim-text, .platform-special .fifth-vinfo-aim-text, .second-vinfo-aim-text, .third-vinfo-aim-text{
        left: 22%;
    }
    .vinfo-extra-text-top, .vinfo-extra-text{
        left: 20%;
    }
}

/* css for resolved issues */

@media screen and (max-width: 767px){
    .img-cont-box .content-video-p{
        top: 10px;
        left: 20px;
    }
    .img-cont-box{
        margin-bottom: 20px;
    }
    figure.hidden-xs{
        display: none;
    }
}
.vinfo-extra-text .green-border-div.block-element{
    position: relative;
}
.vinfo-extra-text .green-border-div.block-element span{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    transform: translate(-50%,-50%);
}
/* css changes for white label page */

.modal-title.font-20{
    font-size: 20px;
}
.version_carousel.owl-carousel .owl-stage-outer .item{
    text-align: center;
}
.version_carousel.owl-carousel .owl-stage-outer .item img{
    width: auto;
    margin: 0 auto;
}
/* partneship section css for fanstay landing page */
.partnership-section{
    padding-top: 30px;
}
.differ-block-wrapper-inverse2 .differ-content a{
    background-color: transparent;
    border: 2px solid #000000;
    color: #000;
    font-family: "Geomanist-Bold";
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    padding: 20px;
    border-radius: 7px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.differ-block-wrapper-inverse2 .differ-content a:hover{
    color: #FFFFFF; 
    background-color: #00CA6F;
    border-color: #00CA6F;
}
.differ-block-wrapper-inverse2 .differ-content a i{
    font-size: 24px;
    color: #FFFFFF;
}
.differ-block-wrapper-inverse2 .differ-content a:hover i{
    color: #000000; 
}
.differ-block-wrapper-inverse2 .differ-block{
    background-color: #DEDEDE;    
}
@media screen and (min-width: 768px){
    .differ-block-wrapper-inverse2 .differ-block{
        padding: 100px 0;
    }
}
.differ-block-wrapper-inverse2.differ-block-wrapper{
    background-color: #ECECEC;
}

@media screen and (max-width: 1440px){
    /*.partnership-section .success-storie-content img{
        width: 100%;
    }*/
}
@media screen and (max-width: 767px){
    .differ-block-wrapper-inverse2 .differ-block .differ-left{
        background: #DEDEDE;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .differ-block-wrapper-inverse2 .differ-block .differ-right{
        background: #ECECEC;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.differ-block-wrapper-inverse2 i.first-arrow{
    -webkit-animation: moveimg1 0.6s infinite; /* Safari 4.0 - 8.0 */
    animation: moveimg1 0.6s infinite;
    -webkit-filter: invert(100%);
    margin-right: -8px;
}
@-webkit-keyframes moveimg1 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes moveimg1 {
     0%   {opacity: 0.5};
    100% {opacity: 1}
}
.differ-block-wrapper-inverse2 i.second-arrow{
    -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%);
}
@-webkit-keyframes moveimg2 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes moveimg2 {
     0%   {opacity: 0.5};
    100% {opacity: 1}
}
.differ-block-wrapper-inverse2 i.third-arrow{
    -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: -8px;
}
@-webkit-keyframes moveimg3 {
    0%   {opacity: 0.5};
    100% {opacity: 1}
}

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

.custom-popup .p .request-a-demo-heading {
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    color: #FFFFFF;
    max-width: 308px;
    text-align: center;
    margin: 0 auto 30px;
}
/* brand communities page css */

.top-banner-block p.brand-tagline{
    font-style: italic;
    font-family: 'Gotham-Medium';
    margin-bottom: 30px;
    color: #4A4A4A;
}
.top-banner-block.small-top-banner-block{
    height: 500px;
}
.section-h3-heading{
    margin-bottom: 50px;
    font-family: "Gotham-Black";
    margin-top: 30px;
}

.inner-section-heading{
    font-size: 24px;
    font-family: "Gotham-Bold";
    margin-top: 30px;
}
.inner-section-content{
    padding: 80px 0;
}
.why-vinfo.why-platform{
    background: #FFFFFF;
}
.communities-differblock{
    padding: 50px 0;
}
.communities-differblock .media-heading{
    margin-bottom: 10px;
    margin-top: 10px;
}
.communities-differblock .media-body{
    padding-left: 20px;
}
.communities-differblock ul{
    list-style-type: none;
}
.platform-extensions .inner-section-content .media-body .media-heading{
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 36px;
    font-family: "Gotham-Black";
}
.platform-extensions .inner-section-content .media-body .secondary-heading{
    color: #4A4A4A; 
    font-family: "Gotham-Bold";    
    font-size: 24px; 
    line-height: 26px;
    margin: 15px 0;
}
.platform-extensions .inner-section-content .media-body ul li{
    color: #4A4A4A; 
    font-family: "Gotham-Medium";    
    font-size: 16px;    
    line-height: 22px;
}
.platform-extensions .inner-section-content .media{
    margin-top: 30px;
}
.platform-extensions .inner-section-content .media-left{
    padding-right: 20px;
}
@media screen and (max-width: 767px){
    .inner-section-content{
        padding: 0;
    }
    .section-h3-heading{
        margin-bottom: 30px;
        margin-top: 24px;
    }
    .platform-extensions .inner-section-content .media-body .media-heading{
        font-size: 22px;
        line-height: 26px;
    }
    .platform-extensions .inner-section-content .media-body .secondary-heading{
        font-size: 20px;
    }
    .communities-differblock .media-body{
        padding-left: 0;
    }
}
@media screen and (max-width: 1200px){
    .communities-differblock .media-content:nth-child(2){
        margin-top: 10px;
    }    
}
.request-a-demo-footer-text {
    font-family: Gotham-Medium;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    color: #FFFFFF;
}
.right-bar.floated-btn a .btn{
    font-family: 'Gotham-Black';
}
.differ-block-wrapper-inverse2 p{
    max-width: 358px;
    margin: 10px auto;
    text-align: center;
    color: #000;
}
.differ-block-wrapper-inverse2 .differ-right p{
    max-width: 310px;
}
.blog-exceptional-heading {
    font-size: 22px;
    font-weight: bold;
    font-family: Gotham-Bold;
    color: #101010;
}
/* css change for social landing page */

.social-landing-page .top-banner-block .h1 h1{
    color: #464646;
    font-family: 'Gotham-Bold';
    text-align: center;
}
@media (max-width: 1200px){
    .social-landing-page .top-banner-block .h1 h1{
        text-align: left;
    }
}
.description-text{
    max-width: 700px;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}
@media (max-width: 1200px){
    .description-text{
        text-align: left;
    }
}
.social-landing-page .blog-section-white .block-wrapper a .blog-heading{
    color: #000;
    font-size: 16px;
    font-family: 'Gotham-Bold';
    line-height: 20px;
}
.social-landing-page .block-wrapper a:not(.blog-category-link){
    padding: 30px;
}
.social-landing-page .blog-section-white .block-wrapper a{
    height: 220px !important;
}
.social-landing-page .blog-section-white .img-blog{
    margin-top: 0;
    margin-bottom: 30px;
}
.social-landing-page .blog-section-white{
    margin-top: -110px;
    margin-bottom: 50px;
}
.blog-section-text h5{
    color: #464646;
    font-size: 18px;
    font-family: 'Gotham-Bold';
    padding-top: 20px;
    padding-bottom: 10px;
}
.blog-section-text p{
    font-size: 14px;
    color: #333333;
}
.head-text{
    font-family: 'Gotham-Bold';
    margin-bottom: 0;
    margin-top: 35px;
}
.blog-section-text-wrapper{
    margin-bottom: 80px;
}
.section-heading-text h3{
    color: #464646;
    font-family: 'Geomanist-Medium';
    letter-spacing: -1px;
}
.section-heading-text p{
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-family: 'Geomanist';
    margin: 20px auto;
    max-width: 720px;
}
.section-subHeading{
    font-size: 28px;
    color: #464646;
    font-family: 'Gotham-Bold';
    text-align: center;
    margin-bottom: 80px;
}
.social-landing-page .show-case-type-2 .show-case-content:last-child{
    margin-bottom: 120px;
}
.approach-section{
    padding-top: 60px;
    padding-bottom: 100px;
}
.section-btm-text p{
    max-width: 720px;
    margin: 0 auto;
    color: #7B7B7B;
    font-family: 'Geomanist-Medium';
    text-align: center;
    font-size: 16px;
    font-style: italic;
}
.fantasy-daily-list p{
    font-family: 'Geomanist';
}
.fantasy-app-inner {
    font-family: 'Geomanist';   
}
.four-cols{
    width: 20%;
    float: left;
    margin-right: 5%;
    border: 2px solid rgba(70, 70, 70, 0.19);
    border-radius: 10px;
    height: 140px;
    text-align: center;
    margin-top: 90px;
    margin-bottom: 60px;
}
.four-cols:last-child{
    margin-right: 0;
}
.partners-img{
    background: #fff;
    position: relative;
    top: -35px;
    width: 40%;
    margin: 0 auto;
}
.partners-data{
    font-size: 16px;
    color: #000000;
    font-family: 'Gotham-Bold';
}
.vinfo-unique{
    background: #000000;
    padding: 70px 0;
}
.vinfo-unique .section-heading-text h3{
    color: #00CA6F;
}
.vinfo-unique .section-heading-text p{
    color: rgba(255, 255, 255, 0.9);
}
.vinfo-feature{
    height: 120px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.28);
    padding-left: 140px;
    position: relative;
    float: left;
    width: 48%;
    margin-left: 2%;
}
.top-border{
    border-top: 2px solid #E4E4E4;
}
.vinfo-feature img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
}
.vinfo-feature-wrapper{
    margin-top: 80px;
}
.partners-wrapper{
    padding-top: 60px;
    padding-bottom: 100px;
}
.thumbnail-section,.thumbnail-data-section{
    float: left;
    width: 50%;
}
.thumbnail-data-section{
    padding: 25px 0;
}
.thumbnail-data-section div{
    height: 340px;
    background: #fff;
    padding: 45px 60px;
    margin-left: -25px;
}
.thumbnail-data-section h3{
    font-size: 28px;
    color: #464646;
    font-family: 'Gotham-Bold';
}
.thumbnail-data-section p{
    font-size: 16px;
    color: #464646;
    font-family: 'Gotham-Book';
}
.approach-detail-section-alt .thumbnail-section{
    float: right;
}
.approach-detail-section-alt .thumbnail-data-section div{
    margin-left: 0;
    margin-right: -25px;
}
/* .bigger-section{
    height: 440px;
    width: 600px;
    float: left;
}
.bigger-section img{
    position: relative;
    right: -40px;
    width: 100%;
}
.smaller-section{
    height: 350px;
    background-color: #fff;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
    float: left;
    padding: 40px 60px;
    width: 530px;
    position: relative;
    top: 30px;
    left: -30px;
} */
/* .bigger-section.odd-approach-section{
    float: right;
}
.bigger-section.odd-approach-section img{
    right: 10px;
}
.smaller-section.odd-approach-section{
    float: right;
    left: 40px;
} */
.approach-detail-section{
    margin-top: 100px;
}
.social-landing-page .bg-grey-color{
    background-color: #F5F6F5;
}
.show-case-type-2.bg-white-color{
    background: #fff;
}
/* .smaller-section h3{
    color: #464646;
    font-size: 28px;
    font-family: 'Gotham-Bold';
}
.smaller-section p{
    color: #333333;
    font-size: 16px;
}
.width-100{
    width: 100%;
}
.approach-detail-section .width-100{
    position: relative;
} */
@media screen and (min-width: 768px){
    .social-landing-page .show-case-type-2 .show-case-content p{
        font-size: 14px;
        line-height: 20px;
    }    
}
@media (max-width: 991px){
    .social-landing-page .top-banner-block .h1 h1{
        text-align: center;
    }
    .vinfo-feature{
        width: 94%;
    }
    .social-landing-page .blog-section-white{
        margin-bottom: 10px;
    }
    .blog-section-text-wrapper{
        margin-bottom: 30px;
    }
    .thumbnail-data-section div{
        margin-left: 65px;
        margin-top: -70px;
        width: 80%;
        height: 300px;
        padding: 40px 40px;
    }
    .thumbnail-section, .thumbnail-data-section{
        width: 90%;
    }
    .approach-detail-section .width-100{
        text-align: center;
        width: 100%;
    }
    .approach-detail-section-alt .thumbnail-data-section div{
        margin-left: 65px;
        margin-right: 0;
    }
    .approach-detail-section-alt .thumbnail-section{
        float: left;
    }
    .approach-detail-section{
        margin-top: 30px;
    }
    .four-cols{
        width: 40%;
        margin-top: 0;
    }
    .four-cols:first-child{
        margin-left: 6%;
    }
    .four-cols:nth-child(3){
        margin-left: 6%;
    }
    .four-cols:first-child,.four-cols:nth-child(2){
        margin-top: 50px;
    }
    .social-landing-page .top-banner-block .h1{
        margin-top: 120px;
    }
    .description-text{
        padding-bottom: 90px;
        text-align: center;
    }
}
@media (max-width: 767px){
    .head-text{
        margin-top: 20px;
    }
    .section-heading-text h3{
        font-size: 28px;
    }
    .section-subHeading{
        font-size: 22px;
        text-align: left;
        margin-bottom: 10px;
    }
    .thumbnail-section, .thumbnail-data-section{
        width: 100%;
    }
    .thumbnail-section img{
        width: 100%;
    }
    .thumbnail-data-section div{
        width: 90%;
        margin-left: 5%;
        padding: 20px 20px;
        height: 320px;
    }
    .thumbnail-data-section h3{
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .thumbnail-data-section p{
        font-size: 14px;
    }
    .approach-detail-section-alt .thumbnail-data-section div{
        margin-left: 5%;
    }
    .approach-section,.partners-wrapper,.vinfo-unique{
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .four-cols{
        width: 90%;
        margin-right: 0;
        margin-left: 6%;
    }
    .four-cols:nth-child(2){
        margin-top: 0;
    }
    .social-landing-page .show-case-type-2 .show-case-content:last-child{
        margin-bottom: 60px;
    }
    .vinfo-feature{
        padding: 10px 10px 10px 140px;
        font-size: 14px;
    }
    .show-case-type-2 .show-case-img img{
        margin: 30px 0px;
    }
}

/*** 14 April ***/
.service-cell{
    text-align: center;
}
.service-cell > ul > li {
    width: 196px;
    padding: 33px 0px;
    vertical-align: middle;
     -webkit-transition: background 1s ease-out;  
    -moz-transition: background 1s ease-out;  
    -o-transition: background 1s ease-out;  
    transition: background 1s ease-out;  
    cursor: pointer;
}
.img-white{
    display: none;
}

.service-cell > ul {
    width: 100%;
}
.fantasy-idea p{
  font-family: Geomanist;    
}

.service-cell-text {   
  max-width: 130px;   
  color: #000000; 
  font-family: Geomanist-Bold;    
  font-size: 16px;      
  line-height: 23px;  
  margin: 0 auto;
  padding-top: 20px;
}

.service-cell > ul > li:hover, .service-cell > ul > li.active {
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
     -webkit-transition: background 1s ease-out;  
    -moz-transition: background 1s ease-out;  
    -o-transition: background 1s ease-out;  
    transition: background 1s ease-out;  
}
.service-cell > ul > li:hover .img-white, .service-cell > ul > li.active .img-white{
    display: block;
    margin: 0 auto;
    text-align: center;
}
.service-cell > ul > li:hover .img-color, .service-cell > ul > li.active .img-color{
    display: none;
}
.service-cell > ul > li:hover .service-cell-text, .service-cell > ul > li.active .service-cell-text{
    color: #fff; 
}
.service-cell-padding{
    padding-top: 120px;
    padding-bottom: 250px;
}

.service-panel-text{   
    color: #000;   
    font-size: 14px;    
    font-weight: 300;   
    line-height: 22px;
}
.service-panel-heading span{     
    color: #464646; 
    font-family: Gotham-Bold;    
    font-size: 20px;    
    font-weight: bold;  
    letter-spacing: -0.63px;    
    line-height: 30px;
}
.service-panel-img, .service-panel-heading{
    display: inline-block;
    vertical-align: middle;
}
.service-panel{
    width: 100%;
    border: 1px solid #D9D9D9;
    /*background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);*/
    background: #fff;
    position: relative;

}
.collapsed .service-panel{
    background: #F8F8F8;
}
.service-panel .service-panel-img{
    width: 30%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.service-panel .service-panel-heading{
    width: 70%;
    padding: 40px;
    background: #fff;
}
.list-group-item.list-group-item-custom.list-group-item-service .list-group-body{
    padding-left: 0;
}
.list-group-item-service .list-group-body{
    position: relative;
}
.list-group-item.list-group-item-custom.list-group-item-service .list-group-body .list-figure {
    position: absolute;
    right: -12px;
    top: 50%;
    width: 40px;
    left: auto;
    text-align: right;
    z-index: 1;
}
.service-panel-body ul {
    margin-top: 20px;
}
.service-panel-body ul li{
    width: 49%;
    padding-bottom:10px;
    color: #000;
    font-family: Gotham-Medium;   
    font-size: 14px;   
    letter-spacing: -0.44px;   ;
}
@media screen and (max-width:460px){
   .service-panel-body ul li{
      width: 100%;
   }
}
.service-panel-body ul li img{
    padding-right: 7px;
}
.servive-accordion .panel{
    margin-bottom: 30px;
}
.servive-accordion .panel [role="button"] {
    cursor: default;
}
.servive-accordion{
  margin-top: -150px;
}


.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;
}
.service-wrapper{
    padding-top: 100px;
}
.service-wrapper h1{  
    font-family: Gotham-Bold;    
    font-size: 48px;    
    font-weight: bold;  
    letter-spacing: -3.21px;     
    text-align: center;
}
.service-wrapper .p{
    max-width: 720px;
    margin: 0 auto;
}
.process-block{
    padding: 100px 0px 200px;
    overflow: hidden;
}
.process-block-heading h2{
     font-size: 48px;    
     letter-spacing: -2.41px;   
      text-align: center;
      font-family: Gotham-Bold;
}
.service-tab ul li{
    display: block;
    list-style: none;
    float: none;
    width: 254px;
    background-color: #B3B3B3;
    margin: 0 auto;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.service-tab .nav{
    height: auto;
    margin: 0 auto;
    text-align: center;
}
.service-tab .nav li.active{
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    position: relative;
    z-index:1;
}
.service-tab ul li a{
    font-size: 20px;
    letter-spacing: -0.63px;
    font-family: Gotham-Medium;
    padding: 40px 60px;
    text-align: left;
    color: #fff;
}
.service-tab ul li.active a{
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    color:#fff;
}
.service-tab .nav-tabs > li.active > a, 
.service-tab .nav-tabs > li.active > a:hover, 
.service-tab .nav-tabs > li.active > a:focus{
    color: #fff;
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);  
}
.service-tab .nav > li > a:hover, .service-tab .nav > li > a:focus{
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);  
}

.mart50{
    margin-top: 50px;
}
.service-tab-content-text h2{
    color: #464646; font-family: Gotham-Bold;    font-size: 20px;    letter-spacing: -0.63px;
}
.service-tab-content-text p{
    color: #000; 
    font-size: 14px;    
    line-height: 24px;
}
.service-tab{
    position: relative;
}
.service-tab:before {
    content: "";
    width: 450px;
    height: 856px;
    background-image: url(../img/service-hand.png);
    top: 10px;
    right: 5px;
    position: absolute;
    display: inline-block;
    left: -7%;
    top: -4%;
}

.service-tab ul li:first-child a, .service-tab ul li:first-child{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.service-tab ul li:last-child a, .service-tab ul li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.service-tab ul li:nth-child(odd){
   background-color: #A0A0A0;
}
.panel-default.white-card1 {
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1), 0 20px 30px 0 rgba(0,0,0,0.1);
    margin-bottom: 10px;
    padding: 20px;
    background: #fff;
}
.list-group-item-custom.list-group-item-product .list-group-content {
    font-size: 18px;
    color: #464646;;
}
.white-card1 .panel-heading{
    border-bottom: 1px solid #ececec;
    padding: 25px 20px;
}
.white-card1.panel{
    padding: 0;
    margin-bottom: 20px;
}
.product-panel-body{
    padding: 25px;
}

@media screen and (min-width: 1200px){
    .product-panel-body.product-panel-body-plus{
        padding: 65px 150px;
    }
}
.service-tab-block{
    margin-top: 50px;
}
.service-text p{
    padding-top: 30px;
}

.projectCollapse.collapsed .img-white-panel, .projectCollapse  .img-color-panel{
    display: none;
}
.projectCollapse.collapsed .img-color-panel, .projectCollapse .img-white-panel{
    display: block;
    margin: 0 auto;
}
.projectCollapse .service-panel{
    border: none;
    font-size: 0px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
}
.projectCollapse.collapsed .service-panel{
    border: 1px solid #D9D9D9;
    box-shadow: none;
}

@media screen and (min-width: 1600px){
   .service-tab:before {
        left: 3%;
        top: -4%;
    }
}
/*@media screen and (min-width: 768px){
    .service-tab .nav-tabs > li.active > a::after {
            position: absolute;
            right: -70px;
            content: "";
            height: 1px;
            border: 2px solid #00CA6F;
            border: 1px solid #000;
            width: 70px;
    }
}*/
@media screen and (max-width: 1200px){
 .service-panel .service-panel-heading{
    width: 70%;
 }
 .service-tab:before{
   left: -20%;
 }
}

@media screen and (min-width: 787px){
    .projectCollapse.collapsed .service-panel::after{
        position: relative;
        background: none;
    }
    .projectCollapse .service-panel::after{
        position: absolute;
        content: '';
        left: 0;
        right:0;
        width: 30%;
        background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        height: 100%;
    }
}
@media screen and (max-width: 768px){
    .service-wrapper h1{
        font-size: 35px;
    }
    .service-cell-padding{
        padding: 35px 0px 90px;
    }
    .servive-accordion{
        margin-top: -45px;
    }
    .service-panel .service-panel-heading, .service-panel .service-panel-img{
        width: 100%;
        padding: 20px;
    }
    .process-block{
        padding: 0px 0px 30px;
    }
    .process-block-heading h2{
        font-size: 35px;
    }
    .service-tab-block{
        margin-top: 10px;
    }
    .service-tab ul li{
        width: 80%;
    }
    
    .service-tab:before {
        top: 10px;
        left: -17%;
        top: -4%;
        background-size: 72%;
        background-repeat: no-repeat;
    }
    .service-tab ul li a {
        font-size: 15px;
        padding: 30px 30px;
    }
    .service-tab .nav-tabs > li.active > a::after {
        position: absolute;
        right: -30px;
        content: "";
        height: 1px;
        border: 2px solid #00CA6F;
        border: 1px solid #000;
        width: 30px;
    }
    .service-panel {
        width: 100%;
        border: 1px solid #D9D9D9;
        background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
        background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    }

}
@media screen and (max-width: 767px){
  .service-tab:before{
    display: none;
  }
  .service-tab .nav-tabs > li.active > a::after{
    display: none;
  }
}
@media screen and (max-width: 460px){
    .service-tab ul li a {
        font-size: 15px;
        padding: 15px 30px;
    }
   .service-tab-content{
        padding-left: 0px;
    }
    .service-tab {
        padding-top: 0px;
    }
    .service-tab ul li:first-child a, .service-tab ul li:first-child,  .service-tab ul li:last-child a, .service-tab ul li:last-child{
           border-radius: 0;
    }
     .service-tab ul li{
        width: 100%;
    }
}

.customer-section .list-group-content span{
    font-family: Gotham-Bold;
}
.product-panel-body img{
    margin: 0 auto;
}

.service-tab.mobile-morph{
    height: 516px;
    
}
.mobile-morph >.nav{
    height: inherit;
    display: flex;
    flex-flow: column nowrap;
}
.mobile-morph >.nav >li{
    flex: 1;
    display: flex;
}
.mobile-morph >.nav >li>a{
    padding-top: 0; 
    padding-bottom: 0;
    flex: 1;
    display: flex;
        align-items: center;
}

.featured-fantasy-project{
    background-color: #fff;
    color: #000000;
    padding-bottom: 99px;
    padding-top: 120px;
}

.project-blocks{
    padding: 0;
    height: 384px;
    margin: 0 auto;
    list-style: none;
    max-width:1280px;
    font-size: 14px;
}
.project-blocks.fbrand-blocks{
    height:840px; max-width: 992px; margin-top:50px;
}
.project-blocks > li{
    position: relative;
    float:left;
    width:25%;
    padding: 0 10px;
    height: 100%;
    cursor: default;
}
.project-blocks.fbrand-blocks > li{
    width:50%; height:auto; margin-bottom:30px;
}
.featured-fantasy-project .inner-wrap{
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    padding: 25px;
    min-height: 370px;
}
.featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap{min-height:390px;}
.featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap .top-block{display: table; overflow: hidden; margin: 0 auto;}
.featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap > .top-block .project-media{float: left;width: 115px;}
.featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap > .top-block h3{display:inline-block;margin-top: 35px;}
.fbrand-btm-content{display: block;font-family:'Gotham-Bold'; font-size:20px;}
.featured-fantasy-project.featured-fantasy-bfantasy{padding-bottom: 35px;}

.fantasy-project-center ul li{
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.featured-fantasy-project.fantasy-project-center {
    padding-top: 40px;
}
.fantasy-project-center ul li p{
    text-align: left;
}
.list-unstyled.fbrand-list{vertical-align: top;}
.list-unstyled.fbrand-list li{margin-bottom:15px; font-family:'Gotham-Bold';}
.trusted-parterns.fbrand-trusted-parterns .four-cols{height:180px;}
.trusted-parterns.fbrand-trusted-parterns .partners-img.partners-img-grey{min-height:75px;}
@media(max-width: 991px){
    .featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap > .top-block .project-media{float: none; width:auto;margin-bottom:0px;}
    .featured-fantasy-project .project-blocks.fbrand-blocks > li .inner-wrap{min-height: 525px;}
}
@media (hover: hover){
   .featured-fantasy-project .inner-wrap{
        transform: translate3d(0,0,0);
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        opacity: 0.6;
        transition: all 0.2s ease;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        min-height: 430px;
   }
   .project-blocks > li:hover .inner-wrap{
        box-shadow: 0 0 40px 0 rgba(0,0,0,0.15);
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        opacity: 1;
    }
}

.project-blocks > li h3{
    text-transform: uppercase;
    margin: 0 0 18px;
    font-size: 14px;
    font-weight: 600;
}

.project-media{
    text-align: center;
    margin-bottom: 35px;
    height: 89px;
    position: relative;
}

.project-media>img{
    display: inline-block;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

@media(max-width: 1199px){
    .project-blocks > li{
        padding: 0 5px;
    }
    .featured-fantasy-project .inner-wrap{
        padding: 15px;
    }
}

@media(max-width: 991px){
    .project-blocks{
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    .project-blocks > li{
        white-space: normal;
        width:280px;
        float: none;
        vertical-align: top;
        display: inline-block;
    }
}


.fantasy-solution-banner{
    background-color: #fff;
    color: #fff;
}
.ground-group{
    height: 830px;
    --ground-bottom-spaces: 40px;
    --ground-bottom-spaces-lg: 80px;
}


.fantasy-ground{
    width:20%;
    float: left;
    height: 100%;
    padding-bottom: 20px;
    position: relative;
}


.fantasy-ground:first-child,
.fantasy-ground:last-child{
    height: -webkit-calc(100% - var(--ground-bottom-spaces-lg));
    height: calc(100% - var(--ground-bottom-spaces-lg));
}

.fantasy-ground:nth-child(2),
.fantasy-ground:nth-child(4){
    height: -webkit-calc(100% - var(--ground-bottom-spaces)); 
    height: calc(100% - var(--ground-bottom-spaces));
}

.fantasy-ground:nth-child(3):after,
.fantasy-ground:nth-child(3):before,
.fantasy-ground:nth-child(4):after,
.fantasy-ground:nth-child(2):before{
    content: "";
    position: absolute;
    bottom: 0;
    top:100%;
    z-index: 4;
    width: 2px;
    background-color: #000;
    box-shadow: 6px 0 6px 0 rgba(0,0,0,0.5);
    transition: all 0.4s ease-in-out;
}

.fantasy-ground:after{
    right:0;
}

.fantasy-ground:before{
    left:0;
}

.ground-trak{
    height: 100%;
    position: relative;
    background-color: #f2f2f2;
    overflow: hidden;
}

.ground-trak:after,
.ground-trak:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ground-trak:before {   
    z-index: 2;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.ground-trak:after{
    background-color: #fff;
    z-index: 3;
    transition: transform 0.5s ease-out;
}

.ground-trak>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate3d(0, 15px, 0);
    transition: transform 0.5s ease-out 0.25s;
}



.fantasy-ground:nth-child(1) .ground-trak:after {
    transition-delay: 0.1s;
}
.fantasy-ground:nth-child(2) .ground-trak:after {
    transition-delay: 0.15s;
}

.fantasy-ground:nth-child(3) .ground-trak:after {
    transition-delay: 0.18s;
}

.fantasy-ground:nth-child(4) .ground-trak:after {
    transition-delay: 0.16s;
}

.fantasy-ground:nth-child(5) .ground-trak:after {
    transition-delay: 0.14s;
}

.fantasy-effect .fantasy-ground:nth-child(3):after,
.fantasy-effect .fantasy-ground:nth-child(3):before,
.fantasy-effect .fantasy-ground:nth-child(4):after,
.fantasy-effect .fantasy-ground:nth-child(2):before{
    top: 0; 
}

.fantasy-effect .ground-trak:after{
    transform: translate3d(0, 100%, 0);
}

.fantasy-effect .ground-trak>img{
    transform: translate3d(0, 0, 0);
}
.fantasy-solution-banner .hero-text{
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    z-index: 5;
    text-align:center;
    font-size: 18px;
    font-family: 'Geomanist';
}
.project-blocks p{
    font-family: 'Geomanist';   
}
.fantasy-solution-banner .hero-text h1,
.fantasy-solution-banner .hero-text p, .fantasy-solution-banner .hero-text .h2-heading{
    opacity: 0;
    transform: translate3d(0, 25px, 0);
    transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.28s;
    backface-visibility: hidden; 
}
.h2-heading{
    opacity: 0;
    transform: translate3d(0, 25px, 0);
    transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.28s;
    backface-visibility: hidden; 
    font-size: 64px;
    letter-spacing: -2px;
    font-family: 'Gotham-Bold';
    width:60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px;
    margin-bottom: 11px;
    line-height:1.1;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.h2-heading-mar-0{
    opacity: 0;
    transform: translate3d(0, 25px, 0);
    transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.28s;
    backface-visibility: hidden; 
    font-size: 64px;
    letter-spacing: -2px;
    font-family: 'Gotham-Bold';
    margin-top: 22px;
    margin-bottom: 11px;
    line-height:1.1;
    transform: translate3d(0, 0, 0);
    opacity: 1;

}
.fantasy-solution-banner .hero-text p{
    transition-delay: 0.35s;
}
.fantasy-solution-banner .hero-text h1, .fantasy-solution-banner .hero-text .h2-heading{
    font-size: 64px;
    letter-spacing: -2px;
    font-family: Geomanist-Bold; 
    width:57%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px;
    margin-bottom: 11px;
    line-height:1.1;
}
.fantasy-effect .hero-text h1,
.fantasy-effect .hero-text p, .fantasy-effect .hero-text .h2-heading{
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.fantasy-player{
    position: absolute;
    bottom:20px;
    left: 0;
    right: 0;
    z-index: 5;
    text-align: center;
    opacity: 0;
    transform: translate3d(0, -25px, 0);
    transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1) 0.30s;
}
.fantasy-player>img{
    max-width: 100%;
}
.fantasy-effect .fantasy-player{
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.fantasy-ground:nth-child(1) .fantasy-player{
    transition-delay: 0.50s;
    bottom: -5px;
}
.fantasy-ground:nth-child(3) .fantasy-player{
    bottom: -50px;
}
.fantasy-ground:nth-child(2) .fantasy-player{
    transition-delay: 0.40s;
    bottom: -70px; 
}
.fantasy-ground:nth-child(4) .fantasy-player{
    transition-delay: 0.40s;
    bottom: -84px;
}
.fantasy-ground:nth-child(5) .fantasy-player{
    transition-delay: 0.50s;
    left:-75px;
}

.fantasy-app-user{
    padding-top: 128px;
    padding-bottom: 150px;
    background-size: cover;
    background-position: left bottom;
    background-attachment: fixed;
}
.fantasy-app-inner{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.fantasy-app-inner h2{
    font-family: 'Geomanist-Medium';
    margin: 0 0 5px;
    font-size: 48px;
    letter-spacing: -2px;
    line-height: 48px
}
.fantasy-app-inner p{
    font-family: 'Geomanist';
}
.app-users-count{
    list-style: none;
    padding: 0;
    width:888px;
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
}
.app-users-count>li{
    width:33.33%;
    padding: 15px;
    display: flex;
    cursor: default;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #E8E7E7;
}
.app-users-count>li:nth-child(2),
.app-users-count>li:nth-child(3),
.app-users-count>li:nth-child(5),
.app-users-count>li:nth-child(6),
.app-users-count>li:nth-child(8),
.app-users-count>li:nth-child(9),
.app-users-count>li:nth-child(11),
.app-users-count>li:nth-child(12){
    border-left: 1px solid #E8E7E7;
}
.app-users-count>li:nth-child(10),
.app-users-count>li:nth-child(11),
.app-users-count>li:nth-child(12){
    border-bottom: none;
}
.app-users-count h3,
.app-users-count h6{
    font-family: 'Geomanist-Medium';;
    margin-top: 0;
    margin-bottom: 0;
}
.app-users-count h3{
    font-size: 16px;
    color: #464646;
    text-transform: uppercase;
}
.app-users-count h6{
    font-size: 48px;
}
.text-filled{
    height: 145px;
}
li.text-filled:hover, li.text-filled.active {
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    position: relative;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    border-radius: 5px;
}
li.text-filled:hover h3, li.text-filled:hover h6, li.text-filled.active h3, li.text-filled.active h6 {
    color: #fff; 
}
li.text-filled:hover h3, li.text-filled:hover .users-count-num , li.text-filled.active h3, li.text-filled.active .users-count-num {
    color: #fff; 
}
.fantasy-tradition {
        background-color: #FBFBFB;
         padding-top: 150px; 
        padding-bottom: 80px;
}
.fantasy-tradition1{
     background-color: #FBFBFB;
}
.fantasy-daily-list{
    padding-top: 30px;
}
.fantasy-daily-list h3, .fantasy-daily-list h5{
        color: #464646;
        font-family: Geomanist-Medium;
        font-size: 20px;
        letter-spacing: -0.51px; 
        line-height: 28px; 
        margin: 0 0 5px 0;
}
.fantasy-story {
    background-color: #E6E6E6;
}
.fantasy-story-wrapper {
    padding: 50px 10px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.fantasy-story-wrapper:hover, .fantasy-story-wrapper.active {
    background-color: #00CC6B;
    cursor: pointer;
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);
    position: relative;
    z-index: 1;
}

.fantasy-story-wrapper img{
    display: block;
    margin: 0 auto;
}
.fantasy-story-wrapper .media .media-body h4{
        color: #464646; 
        font-family: Gotham-Bold;  
        font-size: 18px;    
        line-height: 26px;
}
.fantasy-story-wrapper .media .media-body p{
    color: #464646; 
    font-family: Gotham-Book;   
    font-size: 14px;    
    letter-spacing: -0.53px;    
    line-height: 20px;
}
.fantasy-story-wrapper .media .media-right a{
    color: #464646; 
    font-family: Gotham-Bold;   
    font-size: 12px;    
    letter-spacing: 1.71px; 
    line-height: 26px;
}
.fantasy-story-wrapper .media {
    max-width: 560px;
    margin: 0 auto;
}
.fantasy-story-wrapper:hover .media-body h4,
.fantasy-story-wrapper:hover .media-body p,
.fantasy-story-wrapper:hover .media-right a,
.fantasy-story-wrapper.active .media-body h4,
.fantasy-story-wrapper.active .media-body p,
.fantasy-story-wrapper.active .media-right a
{
    color: #fff !important;
}

.section-4-1 {
    height: auto !important;
    background: #fff;
}
.section-4-1.fbrand-grey{background: #fbfbfb;}
.table-view {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.table-view .table-row {
    display: table-row;
}
.table-row-head {
    height: 240px;
    background: #fbfbfb;
}
.table-view .table-row .tabel-cell {
    display: table-cell;
    vertical-align: middle;
}
.greenColor > h3 {
    font-family: 'Geomanist-Medium';
    font-size: 48px;
    letter-spacing: -2px;
    line-height: 48px;
}
.h3-36-font{
    font-family: Gotham-Bold;
    font-size: 36px !important;
    letter-spacing: -2px;
    line-height: 48px;
    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;
}
.h3-48-font{
    font-family: Gotham-Bold;
    font-size: 36px;
    letter-spacing: -2px;
    line-height: 48px;
    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;
}

.greenColor .text-width {
    max-width: 780px;
    margin: 0 auto;
    font-family: Geomanist;
}
.table-view .table-row .tabel-cell {
    display: table-cell;
    vertical-align: middle;
}
.tabel-cell .client-testimonial{
    width: 100%;
    max-width: 100%;
}
.tabel-cell .client-testimonial .client-wrapper{
    background:#000;
}
.tabel-cell .client-testimonial .client-wrapper .client-view-block > img {
    width: auto !important;
}
.tabel-cell .client-testimonial .client-wrapper .client-view .client-name {
    font-size: 25px;
    line-height: 25px;
    font-family: Geomanist-Medium;
    margin-bottom: 20px;
    margin-top: 30px;
    color: transparent;
}
@media screen and (max-width: 767px){
    .tabel-cell .client-testimonial .client-wrapper .client-view .client-name {
        font-size: 18px;
        margin: 10px 0px;
        min-height: 50px;
    } 
    .client-testimonial.client-testimonial-1 .owl-carousel .owl-stage{
        /* background: #000;*/
         background: #FFF;
    }
} 
@media screen and (min-width: 992px){
    .tabel-cell .client-testimonial .client-wrapper .client-view .client-name {
        font-size: 36px;
        line-height: 34px;
    }
}

.client-carousel .owl-controls {
    position: absolute;
    top: 30%;
    width: 100%;
}
.client-testimonial-1 .client-carousel .owl-controls {
    position: absolute;
    top: 30%;
    width: 100%;
    left: 0;
}
.client-testimonial-1 .client-carousel .owl-controls .owl-nav .owl-prev {
    float: left;
    background: url(../img/left-arrow-icon.png);
    width: 86px;
    height: 189px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    left: 0;
}
.client-testimonial-1 .client-carousel .owl-controls .owl-nav .owl-next {
    float: right;
    background: url(../img/right-arrow-icon.png);
    width: 86px;
    height: 189px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    right: 0;
}

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


@media only screen and (min-width: 1250px) and (max-width: 1350px){
 .client-testimonial-1 .client-img {
            height:470px !important;
        }
}
@media only screen and (min-width: 768px) and (max-width: 1366px){
   .client-testimonial-1 .client-img img{
            position: absolute;
            margin-top: -9%;
    }
}
@media only screen and (max-width: 768px) {
    .client-testimonial-1 .client-img {
        height: 345px;
    }
}
.client-testimonial-1 .client-view {
    display: inline-block;
    width: 43%;
    vertical-align: middle;
    height: auto
}
@media screen and (max-width: 1600px) and (min-width: 1366px){
    .client-testimonial-1 .client-img {
         height:560px;
         width: 65%;
    }
    .client-testimonial-1 .client-view {
        width: 34%;
    }
    .client-testimonial-1 .client-img img {
        position: absolute;
        margin-top: -16%;
        width: 95% !important;
        left: 10%;
    }
    .section-4-1{
        padding-bottom: 60px;
    }
    .section-4-1.sectionBg.clearfix.social-networks-page{
        padding-bottom:0px; 
    }
}
@media screen and (min-width: 1600px){
    .section-4-1{
        padding-bottom: 70px;
    }
    .section-4-1.sectionBg.clearfix.social-networks-page{
        padding-bottom:0px; 
    } 
}
@media screen and (min-width: 992px){
    .client-testimonial-1 .client-view-block {
        padding: 30px;
    }
}
.client-testimonial-1 .client-view-block {
    margin:0 auto;
    padding-left: 40px;
}
@media screen and (max-width:768px){
   .client-testimonial-1 .client-view-block{
     padding: 20px;
   }
}
@media screen and (min-width:992px){
    .client-testimonial-1 .client-view-block {
        margin:0 auto;
        max-width: 580px;
        padding-left: 85px;
    }
}
.client-testimonial-1 .client-view-block  > img{
    width: auto !important;
}

.client-testimonial-1 client-img img{
    position: absolute;
    margin-top: 0%;
}
@media only screen and (min-width: 1600px) {
  .client-testimonial-1 .client-img img{
    left: 15%;
  }
}

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


@media screen and (max-width: 1200px) and (min-width: 1024px){
    .client-testimonial-1 .client-img {
        height: 411px;
    }
    .client-testimonial-1 .table-view {
        height: 50vh;
    }
    .client-testimonial-1 .client-img img {
    position: absolute;
        margin-top: -6%;
    }
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    .client-testimonial-1 .client-view {
        width: 38%;
    }
    .client-testimonial-1 .client-img {
        display: inline-block;
        width: 60%;
    }
}

@media only screen and (max-width: 768px) {
    .client-testimonial-1 .client-img {
        height: 345px;
    }
}
.client-testimonial-1 .client-carousel .owl-stage-outer {
    overflow: initial;
}
.create-fantasy{
    padding: 90px 0px 50px 0;
}
.fantasy-premium{
    height: 900px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.fantasy-premium-bottom {
    position: absolute;
    right: 0;
    left: 0;
    height: 240px;
    bottom: -50px;
    background-size: 100%;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 990px) and (max-width: 1024px){
   .fantasy-premium-bottom {
    height: 220px;
   }
}
.fantasy-industry{
    background: #fff;
    position: relative;
    padding-bottom: 225px;
    padding-top: 100px;
}
.fantasy-premium-list ul li{
    height: 260px;  
    width: 413px;   
    border-radius: 5px; 
    background-color: #00CA6F;  
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    padding: 50px;
}
.fantasy-premium-list ul li.fantasy-premium-content-white{
    background-color: #fff;
    margin: 0 10px;
}
.fantasy-premium-list, .fantasy-premium-list > ul{
    margin: 0 auto;
    text-align: center;
}
.fantasy-premium-list > ul li p{
    /*color: #FFFFFF; */
    font-family: Geomanist;   
    font-size: 14px;     
    text-align: center;
    margin: 0;
    padding-top: 20px;
}
.fantasy-premium-list > ul li.fantasy-premium-content-white p{
    color: #333;
}
.fantasy-premium .text-width1{
    max-width: 597px;
    margin: 0 auto;
    color: rgba(255,255,255,0.8);
    font-family: Geomanist;
}
.fantasy-premium .text-invite{
    color: rgba(255,255,255,0.8);
    font-family: Geomanist-Medium;
    text-align: center;
    padding-top: 50px;
}
.fantasy-industry-list h3{
    color: #000000; 
    font-family: Geomanist-Medium; 
    font-size: 16px;    
    line-height: 19px;
    margin: 0;
}
.fantasy-industry-list{
    float: left;
    width: 50%;
    padding-left: 30px;
}
.fantasy-industry-list ul li{
    width: 48%;
   display: inline-block;
   padding: 20px 0px;
}
.fantasy-industry-list ul li.list-full-width{
    width: 100%;
}
.fantasy-industry-list ul li:nth-child(5){
    width: 100%;
}
.border-right{
        border-right:1px solid rgba(0,0,0,0.1);
}
.fantasy-industry-wrapper{
    max-width: 850px;
    margin: 0 auto;
    display: block;
    padding-top: 40px;
    overflow:hidden; 
    clear: both;
}
.fantasy-leading{
    background: #fff;
    padding: 100px 0;
}

.fantasy-leading-wrapper{
    max-width: 694px;
    margin: 0 auto;
    padding: 0px 100px;
    height: 600px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%;
    position: relative;
}
.fantasy-leading-img1{
    position: absolute;
    left: -40%;
    top: 16%;
}
.fantasy-people p{
     font-family: Geomanist; 
}
.fantasy-leading-img1 p{
    position: relative;
}
.fantasy-leading-img2{
    position: absolute;
    left: -34%;
    top: 52%;
}
.fantasy-leading-img3 {
    position: absolute;
    left: 11%;
    top: 79%;
}
.fantasy-leading-img3 p{
    position: relative;
}
.fantasy-leading-img4 {
    position: absolute;
    left: 60%;
    top: 80%;
}
.fantasy-leading-img5 {
    position: absolute;
    right: -35%;
    top: 51%;
}
.fantasy-leading-img6 {
    position: absolute;
    right: -40%;
    top: 18%;
}
.fantasy-leading-text{
    width: 237px;
    color: #666666; 
    font-family: Geomanist; 
    font-size: 14px;    
    line-height: 20px;
}
.fantasy-leading-wrapper .greenColor p{
        color: #000000; 
        font-family:'Geomanist';   
        font-size: 16px;    
        letter-spacing: -0.4px; 
        line-height: 24px;  
}
.fantasy-idea{
    background: #fff;
    padding: 0px 0px 100px;
}
.fantasy-idea-circle{
    height: 90px;
    width: 90px;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    position: relative;
    z-index: 99;
    background:#fff;
}
.fantasy-idea-circle img{
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
}
.fantasy-leading-carousel li a{
    display: block;
}
.fantasy-idea-list ul li:nth-child(odd):before{
    background: url(../img/idea-element.png) no-repeat;
    height: 222px;
    width: 210px;
    position: absolute;
    content: '';
    top:-150px;
}
.fantasy-idea-list ul li:last-child:before{
    background: url(../img/idea-element-second.png) no-repeat;
}

.fantasy-idea-list ul li:nth-child(even):before{
   background: url(../img/idea-element-third.png) no-repeat;
    height: 222px;
    width: 210px;
    position: absolute;
    content: '';
    top:25px;
}
.fantasy-idea-list ul li{
    position: relative;
    width: 180px;
}
.fantasy-idea-list{
   padding: 250px 0px;
   margin: 0 auto;
}
.fantasy-idea-list ul{
    margin: 0 auto;
}
.fantasy-idea-content h3{
    opacity: 0.06;  
    color: #464646; 
    font-family: Gotham-Bold;  
    font-size: 80px;    
    letter-spacing: -4.01px;    
    line-height: 48px;
    margin: 0;
}
.numbers-h3{
    opacity: 0.06;  
    color: #464646; 
    font-family: Gotham-Bold;  
    font-size: 80px;    
    letter-spacing: -4.01px;    
    line-height: 48px;
    margin: 0;
}
.fantasy-idea-content h4, .fantasy-idea-content h5{
    color: #464646; 
    font-family: Geomanist-Medium;  
     font-size: 24px;    
     letter-spacing: -1.2px; 
     line-height: 48px;
     /* margin:-25px 0 0 0; */
     margin:-10px 0 0 0;
     width: 345px;
}
.fantasy-idea-content p{
        color: #333333; 
        font-family: Geomanist;   
        font-size: 16px;    
        letter-spacing: -0.5px; 
        line-height: 22px;
        width: 240px;
}
.fantasy-idea-content {
    position: absolute;
    top: -200px;
    left: 40px;
    width: 100%;
}
.fantasy-idea-content.fantasy-idea-content-last{
    top: 20px;
    left:140px
}
.fantasy-idea-content.f-b{
    top:100px;
}
.fantasy-people{
    padding: 200px 0px;
}
.fantasy-people .greenColor{
    max-width: 526px;
    padding-right: 100px;
    padding-top: 40px;
}
.fantasy-people{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.fantasy-vinfotech{
    background: #fff;
    padding: 100px 0px 100px;
}
.fantasy-vinfotech.fantasy-vinfotech-bg{
    background:#F8F8F8;
}
.fantasy-vinfotech-list h3 {
    opacity: 0.06;
    color: #464646;
    font-family: Gotham-Bold;
    font-size: 80px;
    letter-spacing: -4.01px;
    line-height: 48px;
    margin: 0;
}

.fantasy-vinfotech-list h4, .fantasy-vinfotech-list h5 {
    color: #464646;
    font-family:  Geomanist-Medium;
    font-size: 24px;
    letter-spacing: -1.2px;
    line-height: 28px;
    margin: 0;
    padding: 15px 0px 5px;
}
.fantasy-vinfotech-list p{
    color: #333333;
    font-family: Geomanist;
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 22px;
}
.fantast-vinfotech-wrapper ul li{
    width: 49%;
    vertical-align: top;
    height: 300px;
    position: relative;
    z-index: 2;
} 

.fantast-vinfotech-wrapper{
    position: relative;
}
.fantasy-vinfotech-list{
    max-width: 350px;
}
.fantast-vinfotech-wrapper ul li:nth-child(odd){
    text-align: right;
}
.fantast-vinfotech-wrapper ul li:nth-child(even) .fantasy-vinfotech-list{
    margin-right: 0;
    margin: 0 0 0 auto;
}

@media screen and (min-width: 767px){
    .fantast-vinfotech-wrapper ul li:nth-child(5){
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        text-align: center !important;

    }
    .fantast-vinfotech-wrapper ul li:nth-child(5) .fantasy-vinfotech-list{
        margin:200px auto 0;
    }
    .fantast-vinfotech-wrapper ul li:nth-child(5) .fantasy-vinfotech-list h4, .fantast-vinfotech-wrapper ul li:nth-child(5) .fantasy-vinfotech-list p,{
        text-align: center;
    }
}

.vinfotech-logo-1{
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    margin-top: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 275px;
    background-position: center;
}
@media screen and (min-width: 1600px){
    .fantasy-idea-content.fantasy-idea-content-last{
        top: 20px;
        left:250px
    }
    .fantasy-premium-bottom {
        bottom: 0;
    }
    .fantasy-idea-list ul li{
        width: 200px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1366px){
    .fantasy-idea-list ul li:nth-child(even):before {
        background-size: 86%;
    }
    .fantasy-idea-list ul li:nth-child(odd):before {
        top: -135px;
        background-size: 86%;
    }
    .fantasy-idea-list ul li:last-child:before{
        margin-top: 15px;
    }
}
@media screen and (max-width: 1366px){
    .fantasy-idea-content h4 ,.fantasy-idea-content h5{
            line-height: 22px;
            width: 240px;
            font-size: 18px;
    }
    .fantasy-idea-content.fantasy-idea-content-last {
        top: 35px;
        left: 240px;
    }
    .fantasy-idea-content.fantasy-idea-content-last p, .fantasy-idea-content.fantasy-idea-content-last h4{
        width: 190px !important;
    }

}
@media screen and (max-width: 1200px){
    .fantasy-idea-list ul li {
        position: relative;
        width: 130px;
    }
    .fantasy-leading-img1 {
        left: -25%;
    }
    .fantasy-leading-img2 {
        left: -10%;
    }
    .fantasy-leading-img6 {
        right: -25%;
    }
    .fantasy-leading-img5 {
        right: -10%;
    }
    /*.fantasy-idea-list{
        overflow:hidden;
    }*/
    .app-users-count{
        width: 100%;
    }
}
@media screen and (max-width: 992px){
    .fantasy-leading-wrapper .greenColor p{
        width: 260px;
        margin: 0 auto;
    }
    .fantasy-leading-img1 {
     left: -5%;
     top: 25%;
   }
   .fantasy-leading-img1 p{
     left: 0%;
   }
   .fantasy-leading-img6 {
        right: -5%;
        top: 25%;
    }
    .fantasy-leading-img6 p {
        width: 167px;
    }
    .fantasy-leading-img2 {
        left: 0%;
    }
    .fantasy-leading-img5 {
        right: -5%;
    }
    .fantasy-leading-img5 p{
        text-align: left;
    }
    .fantasy-idea-list ul li {
         width: 110px; 
    }
    .fantasy-idea-content h4, .fantasy-idea-content h5{
        font-size: 18px;
        width: 130px;
        line-height: 20px;
    }
    .fantasy-idea-content.fantasy-idea-content-last {
        left: 95px;
    }
    .fantasy-idea-content p {
        width: 165px;
        word-break: break-word;
        font-size: 12px;
        line-height: 16px;
    }
    .fantasy-people .greenColor{
        padding-top: 0;
        padding-right: 0;
    }
    .fantasy-premium-list ul li{
        width: 48%;
        padding: 20px 0px;
        height: 180px;
        vertical-align: middle;
    }
    .fantasy-premium {
       height: 800px;
    }
    .fantasy-premium-bottom {
        height: 170px;
    }
}
@media screen and (min-width: 767px){
    .vinfotech-logo-1 h3.grad-color , .vinfotech-logo-1 h4.grad-color{
        padding-top: 75px;
    }

}
@media screen and (max-width: 767px){
    .app-users-count h6 {
        font-size: 25px;
    }
    .users-count-num{
        font-size:25px;
    }
    .app-users-count h3 {
        font-size: 9px;
        text-align: center;
    }
    .text-filled {
        height: 95px;
    }
    .fantasy-app-inner h2{
        font-size: 24px;
        line-height: 28px;
    }
    .fantasy-app-user{
        padding: 30px 0px 10px;
    }
    .fantasy-leading{
        padding: 30px 0px;
    }
    [class^="fantasy-leading-"],[class*=" fantasy-leading-"], 
    [class^="fantasy-leading-"] p,[class*=" fantasy-leading-"] p{
        position: relative;
        left: 0;
        right: 0;
        text-align: center;
        width: 100%; 
        padding-top: 15px;
    }
    .fantasy-leading-wrapper {
        max-width: 100%;
        padding: 0;
        background-image: none !important;
        height: auto;
    }
    .fantasy-leading-wrapper h3{
        font-size: 24px;
        line-height: 28px;
    }
    .fantasy-leading-wrapper .greenColor p{
        width: 100%;
    }
    .fantasy-story-wrapper .media .media-right a{
        font-size: 10px;
    }
    .fantasy-story-wrapper .media .media-body p {
        font-size: 10px;
        line-height: 15px;
    }
    .fantasy-story-wrapper .media .media-body h4 {
        font-size: 12px;
        line-height: 12px;
    }
    .create-fantasy{
        padding: 30px 0;
    }
    .create-fantasy h3, .greenColor > h3{
       font-size: 24px;
       line-height: 28px;
    }
    .h3-36-font{
        font-size: 24px!important;
       line-height: 28px!important;
    }
    .mob-pad{
        padding: 0 15px;
    }
    .fantasy-idea-list ul li:nth-child(odd):before,
    .fantasy-idea-list ul li:nth-child(even):before
    {
        background:none;
    }
    .fantasy-idea-content, .fantasy-idea-content.f-b{
        position: relative;
        left: 0;
        right: 0;
        text-align: center;
        top: 0;
    }
    .fantasy-idea-list ul li{
        width: 100%;
        padding: 10px 0px;
    }
    .fantasy-idea-circle{
        margin: 15px auto;
    }
    .fantasy-idea-content p, .fantasy-idea-content h5{
        width: 100%;
        text-align: center;
    }
    .fantasy-idea-list{
        padding: 30px 0px;
    }
    .fantasy-idea-content.fantasy-idea-content-last{
        left: 0;
    }
    
    .fantasy-premium-list ul li.fantasy-premium-content-white{
        margin: 0;
    }
    .fantasy-premium-list > ul li p{
        font-size: 11px;
    }
    .fantasy-premium{
        height: 780px;
    }
    .fantasy-industry-list{
        padding-left: 10px;
    }
    .fantasy-industry-list ul li img{
        width: 80%;
    }
    .fantasy-industry{
        padding: 30px 0 100px;
    }
    .fantasy-people, .fantasy-vinfotech, .fantasy-tradition{
        padding: 30px 0px;
    }
    .fantasy-people .greenColor{
        text-align: center;
        padding-right: 0;
        padding-top: 0;
    }
    .fantast-vinfotech-wrapper ul li{
        width: 100%;
        text-align: center !important;
        height: auto;
        padding: 10px 0px;
    }
    .fantasy-idea-content.fantasy-idea-content-last{
        top: 50px;
    }
    .vinfotech-logo-1{
        position: relative;
        margin-top: 0;
        background-image: none !important;
        height: auto;
    }
    .fantasy-vinfotech-list h4, .fantasy-vinfotech-list h5{
        font-size: 19px;
        line-height: 24px;
        padding-top: 10px;
    }
    .fantasy-vinfotech-list p{
        font-size: 16px;
    }
    .vinfotech-logo-1 .greenColor{
        position: relative;
        top: 0;
    }
    .vinfotech-logo-1 .greenColor h3{
        margin: 0;
        padding-bottom: 25px;
    }
    .greenColor p{
        font-size: 14px;
    }

    .client-testimonial-1 .client-img,
    .client-testimonial-1 .client-view {
        width: 100% !important;
    }
    .client-testimonial-1.client-testimonial{
        margin-bottom: 40px;
    }
    .fantasy-solution-banner .hero-text h1, .fantasy-solution-banner .hero-text .h2-heading{ 
        font-size: 26px;
        line-height: 24px;
    }
    .h2-heading{
        font-size: 26px;
        line-height: 24px;
    }
    .ground-group{
        height: 570px;
    }
    .featured-fantasy-project{
        padding-bottom: 30px;
    }
    .fantasy-leading-carousel li.item  img{
        width: auto;
        margin: 0 auto;
        text-align: center;
    } 
    .fantasy-vinfotech-list{
        max-width: 100%;
    }
    .fantasy-player>img {
        max-width: 60%;
    }
    .fantasy-ground:nth-child(3) .fantasy-player {
        bottom: -60px;
    }
    .fantasy-solution-banner .hero-text h1 , .fantasy-solution-banner .hero-text .h2-heading{
        width: 100%;
    }
    .h2-heading{
        width: 100%;
    }
    .hero-text  p{
        font-size: 14px;
    }
    .fantasy-premium-list ul li{
        width: 100%;
        margin-bottom: 20px;
    } 

}

@media screen and (max-width: 460px){
    .fantasy-premium-bottom {
       bottom: -110px;
    }
}
@media screen and (max-width: 320px){
    .fantasy-premium-bottom {
       bottom: -120px;
    }
}

.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);
        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';
}
.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: 40%;
    }
    .set-location.set2 {
        left: 51%;
        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: 27%;
    }
    .set-location.set2 {
        left: 41%;
    }
    .set-location.set3 {
       left: 74%;
    }
    .set-location.set4 {
        left: 88%;
    }
}
/*.section-4{
    height: auto !important;
}*/
.count-cell-white{
    background-color: #FBFBFB;
}
@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;
    }
    .product-panel-body {
        padding: 10px 0px;
    }
}

.faq-thumbnail p{
    color: #000;     
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: 0.3px;
    text-align: center;
    min-height: 50px;
}
.faq-thumbnail figure{
    height: 50px;
} 
.faq-thumbnail{
    margin: 50px 0px;
}
.faq-thumbnail figure img{
    width: auto;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.faq-thumbnail h3{
    font-size: 18px;
    font-family: Gotham-Bold;
    line-height: 20px;
    margin:0;
    padding-bottom: 10px;
    display: none;
}
@media only screen and (max-width: 767px){
     .faq-thumbnail{
        padding: 15px;
        text-align: center;
        margin: 0 auto;
     }
}   

.sectionbgTranslate ul > li {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 25px;
    color: #000;
}
.translate-layout .translate-layout-div2, 
.translate-layout .translate-layout-div3, 
.translate-layout .translate-layout-div4{
  max-width: 320px;
}

.laptop-layout{
    position: relative;
    width: 100%;
    text-align: center;
}
.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: 25%;
    left: 20%;
}

.translate-layout .translate-layout-div3 {
    top: 70%;
    left: 32%;
}
.translate-layout .translate-layout-div4 {
    top: 30%;
    left: 80%;
}

@media screen and (min-width: 767px){
  .translate-layout {
     height: 100%;
     position: relative;
    }
    .laptop-layout{
        position: absolute;
        right: 0;
        left: 0;
        text-align: center;
        top:0;
        width: auto;
    }
    .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;
    }
    .laptop-section{
        height: 680px;
    }
}
@media screen and (min-width: 1600px){
  .laptop-layout img {
        width: 50%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1600px){
   .laptop-layout img {
        width: 60%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
   .laptop-layout{ 
    width: 100%;
  } 
  .laptop-layout img{
    width: 100%;
  }
}

@media screen and (max-width: 992px){
    .translate-layout .translate-layout-div1 {
    left: 25%;
    top: 20%;
  }
}


@media only screen and (min-width: 767px) and (max-width: 1024px){
    .translate-layout .translate-layout-div4 {
        left: 93%;
        top: 28%;
    }
}
@media screen and (max-width: 768px){
    .layout-product-text{
     padding-top: 25px;
     padding-bottom: 25px;
  }
  .laptop-layout img{
    width: 100%;
 }
 .sectionbgTranslate > h3 {
    color: #464646;
    font-family: Gotham-Bold;
    font-size: 18px;
    line-height: 20px;
}
.laptop-section{
        height: auto;
    }
   .custom-social-ipad .blog-bg {
        height: 540px;
    }
}

.guiding-thumbnail h3{   
    color: #464646; 
    font-family: Gotham-Bold;    
    font-size: 20px;      
    letter-spacing: -0.45px;   
    line-height: 28px;  
    text-align: center;
}
.guiding-thumbnail p{
    font-size: 14px;
    color: #000;
    line-height: 22px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.3px;
}
.guiding-thumbnail-icon{
    position: relative;
    margin: 0 auto;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    background-color: #EAEAEA;
    padding: 8px;
}
.guiding-thumbnail-icon .svg-icon1{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.guiding-thumbnail-icon-inner{
    height: 59px;
    width: 59px;
    border-radius: 50%;
    background-color: #FFFFFF;  
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}
@media screen and (min-width: 1366px){
    .guiding-thumbnail {
        padding: 10px 50px;
    }
}
@media screen and (min-width: 1600px){
    .guiding-thumbnail p{
        padding: 0 35px;
    }
}
.guiding-thumbnail{
    padding: 15px;
}
.internal-process-body{
    padding: 20px;
}
.internal-process-body .internal-process-img p{
    font-size: 18px;
}
.work-content ul li h4{
        color: #000;
        font-family: Gotham-Medium;
        font-size: 16px;
        line-height: 18px;
        vertical-align: sub;
        margin: 0;
        padding-bottom: 20px;
}
.work-content{
    padding: 25px;
}

@media screen and (min-width: 767px){
  .work-content ul li .media-left{
        padding-right: 30px;
    }
}
@media screen and (max-width: 767px){
    .work-content{
        padding: 5px 15px;
    }
    .work-content ul li h4{
        font-size: 14px;
        line-height: 18px;
    }
}

.partner-block-mob ul li {
    width: 13%;
    padding: 10px 0px;
}
.partner-block-mob ul{
    padding-top: 30px;
}
.partner-block-mob .greenColor p{
    color:#000;
    font-weight: 300;
    letter-spacing: 0.3px;
    font-size: 14px;
}
@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%;
        text-align: center;
    }
    .partner-block-mob{
        padding: 15px;
    }
}

.collapse.in {
      height: auto !important;
}

.fantasy-solution-bg{
    background-size: cover;
    height: 100vh;
    background-position: center;
    background-color: #fff;
}
.customer-engagement-banner-desktop{
    background-image: url(../img/customer-engagement-platform-for-brands-bg.jpg)!important;
    display: block!important;
}
.customer-engagement-banner-mobile{
    background-image: url(../img/customer-engagement-platform-for-brands-bg-mobile.png);
    display:none;
}

.greenColor > h2, .greenColor > h1{
    margin: 0;
    font-family: Geomanist-Bold;    
    font-size: 64px;    
    font-weight: bold;  
    letter-spacing: -2px;   
    line-height: 70px;
}
.fantasy-solution-content p{
    color: #FFFFFF;
    margin: 0;
    padding-top: 15px;
    font-family: Geomanist;
    font-size: 18px;
}
@media screen and (min-width: 1600px){
   .fantasy-solution-content h1{
       padding: 0 140px;
    }
}
@media screen and (max-width: 767px){
   .greenColor > h2, .greenColor > h1{   
        font-size: 32px;     
        line-height: 40px;
    }
    .customer-engagement-banner-desktop{
        background-image: url(../img/customer-engagement-platform-for-brands-bg.jpg);
        display: none;
    }
    .customer-engagement-banner-mobile{
        background-image: url(../img/customer-engagement-platform-for-brands-bg-mobile.png) !important;
        display:block !important;
        background-size: cover;
        height: 100vh;
        background-position: center;
        background-color: #fff;
    }
    .customer-engagement-banner-mobile .v-mid{
        vertical-align: top !important;
    }
    .customer-engagement-banner-mobile .v-mid .customer-engagement-title{
        padding-top:30%;
        width:75%;
    }
}
@media screen and (max-width: 768px){
 .fantasy-ground{
    width: 100%;
 }
}
.create-social {
    padding: 50px 15px;
    overflow:hidden;
}
.create-social > p{
     color: #464646;      
     font-size: 16px;
     margin: 0;
     padding: 15px 0px;
     text-align: justify;
}
.create-social{
    max-width: 100%;
    margin:0 auto;
}
@media screen and (min-width: 992px){
   .create-social{
        max-width: 888px;
        margin:0 auto;
        padding: 100px 0px 60px;
    }
    .create-social > h3{
        margin:0;
        padding: 0 90px;
    }
    .create-social > p{
        text-align: center;
    }
}
.create-social-content > h3{
   margin: 0;   
   font-family: Gotham-Bold; 
   font-size: 18px;
   text-align: left;
   color: #464646;
}  
.create-social-content > p{
   text-align: left;
   padding-top: 5px;
}
.partners-wrapper-bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.owl-carousel .owl-item img.mobile-in-owl{
max-width:750px;
}
.partners-img-grey{
    background: #F9F9F9;
}

/* fantasy sports for brands page css */
.top-banner-block .h1 h1.h1-heading{
    font-family: 'Gotham-Bold';
    color: #464646;
    letter-spacing: -2px;   line-height: 67px;
}
.top-banner-block-alt{
    background: linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%);
    height: 600px;
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
}
.container-alt{
    display: table-cell;
    vertical-align: middle;
}
.top-banner-block-alt h1 {
    font-family: Gotham-Bold;    
    letter-spacing: -3.21px;  
}
@media screen and (min-width: 992px){
    .top-banner-block-alt h1 {
        font-size: 48px;  

    } 
} 
@media screen and (max-width: 992px){
    .top-banner-block-alt h1 {
         font-size: 28px;  
         line-height: 30px;  
    }
    .top-banner-block-alt{
        height: 540px;
    }
}
@media screen and (max-width: 460px){
    .top-banner-block-alt{
        height: 500px;
    } 
}
.alt-block{
    max-width: 890px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 35px;
}
.fans-info{
    background-color: #FFFFFF;
    margin-top: -115px;
}
.fans-info p{
    font-size: 18px;
    letter-spacing: -0.6px;
    line-height: 24px;
    text-align: center;
    color: rgba(255,255,255,0.8);
    font-family: 'Gotham-Book';
    margin-bottom: 0;
    padding-top: 12px;
}
.fans-info .fans-container{
    background-color: #000000;
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'Gotham-bold';
    padding: 50px;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
    border-radius: 5px;
}
.fans-info h3{
    color: #FFFFFF;
    font-size: 32px;
    font-family: 'Gotham-bold';
    margin: 0;
    letter-spacing: -1.13px;    
    line-height: 36px;
}
@media screen and (max-width: 768px){
    .fans-info h3{
        font-size: 28px;
        line-height: 35px;
    }
    .fans-info p {
        font-size: 16px;
    }
    .fans-info .fans-container{
        padding: 25px 20px;
    }
}
.show-case-type-2 .h3.h3-heading{
    font-family: 'Gotham-book';
    letter-spacing: -1.13px;    
    line-height: 30px;
    font-size: 20px;
}
@media screen and (max-width: 768px){
    .show-case-type-2 .h3.h3-heading{
            line-height: 28px;
            font-size: 23px;
            margin: 0 0 20px 0;
    }
}
.cols-two-container{
    max-width: 1065px;
    margin: 0 auto;
    margin-bottom: 80px;
}
.cols-two{
    background-color: #EFEFEF;
    width: 49%;
    display: inline-block;
    color: #464646;
    padding: 55px 30px;
    font-size: 18px;
    font-family: 'Gotham-Book';
    min-height: 200px;
    vertical-align: middle;
}
.cols-two:last-child{
    border-left: 2px solid #FFFFFF;
}

.show-case-type-2 .cols-two-container .show-case-content{
    margin: 100px 0px;
}
.show-case-type-2 .cols-two-container .show-case-content .h4-text{
    font-size: 16px;
    color: #464646;
    max-width: 100%;
}
@media screen and (max-width: 768px){
    .show-case-type-2 .cols-two-container .show-case-content .h4-text{
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .show-case-type-2 .show-case-content .h4-text{
        font-size: 16px;
        line-height: 24px;
    }
    .show-case-type-2 .cols-two-container .show-case-content{
        margin: 0px 0px 50px;
    }
}
.show-case-type-2 .cols-two-container-alt{
    width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 992px){
   .show-case-type-2 .cols-two-container-alt{
        width: 850px;
    }
}
.cols-two.cols-two-smaller{
    padding: 50px;
    height: 250px;
    vertical-align: top;
    width: 422px;
    font-family: "Gotham-Bold";
    letter-spacing: -1.53px;    line-height: 44px;
}
.cols-two h4{
    font-size: 24px;
    color: #464646;
    line-height: 32px;
    font-weight: 100;
}
.cols-two h1{
    font-size: 36px;
    margin-top: 0;
    line-height: 38px;
}
.cols-two p{
    font-size: 18px;
    font-family: 'Gotham-Book';
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 24px;
}
.cols-two ul{
    list-style-type: none;
    margin-top: 20px;
}
.cols-two ul li{
    border-bottom: 1px solid #D8D8D8;
    color: #464646;
    font-size: 16px;
    font-family: 'Gotham-Book';
    padding: 20px 0;
    letter-spacing: -1px;
    line-height: 24px;
}    
.cols-with-list{
    padding: 40px;
    vertical-align: top;
    background-color: #FFFFFF;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
    width: 422px;
}

.cols-with-list:last-child,
.cols-two-smaller:last-child{
    border: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .cols-two.cols-two-smaller{
        width: 49%;
        height: 225px;
    } 
}
@media screen and (max-width: 768px){
   .cols-two{ 
        width: 100%;
        padding: 20px;
        margin-bottom: 15px;
        font-size: 16px;
        min-height:125px;
   }
   .cols-two h4, .cols-two h1{
    font-size: 23px;
    line-height: 28px;
   }
   .cols-two.cols-two-smaller{
    padding: 25px;
   }
   .cols-two p{
    font-size: 16px;
   }
   
}
@media screen and (max-width: 767px){
   .cols-two.cols-two-smaller{
        width: 100%;
        height: auto;
    }
}
.black-section{
    background-color: #000000;
    padding: 130px 20px;
}
.black-section h2{
    font-size: 36px;
    font-family: 'Gotham-bold';
    margin-top: 0;
    letter-spacing: -1.25px;    line-height: 42px;
}
.black-section p{
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Gotham-Medium';
    margin-top: 20px;
    letter-spacing: -0.3px; line-height: 24px;
}
.black-section img{
    position: absolute;
    top: -180px;
}
@media only screen and (max-width: 991px){
    .black-section img{
        top: -140px;
    }
}
@media only screen and (max-width: 768px){
    .black-section img{
        width: 100%;
    }
    .black-section h2{
        font-size: 23px;
        line-height: 28px;
    }
    .black-section p{
        font-size: 18px;
        line-height: 25px;
    }
    .black-section{
        padding: 50px 20px 20px;
    }
}
.showcase-slider-alt{
    background-color: #EFEFEF;
}
.showcase-slider-alt h3{
    /*color: #464646;*/
    color: transparent;
    font-size: 36px;
    font-family: 'Gotham-bold';
    letter-spacing: -1.13px;
    max-width: 90%;
}
.showcase-slider-alt p{
    color: #464646;
    font-size: 16px;   
    font-weight: 300;   
    letter-spacing: -1px;   
    line-height: 24px;
}
.showcase-slider-alt h4{
    color: #464646;
    font-size: 26px;
    font-family: 'Gotham-Medium';
    margin-bottom: 40px;
    margin-top: 0;
}
.showcase-slider-alt .slider-wrapper-main.mobile{
    background-image: url(../img/mobile-frm1.png);
}
.showcase-slider-alt .slider-txt-content.mobile{
    width: 67%;
}
.showcase-slider-alt .slider-wrapper.mobile{
    width: 18%;
}
.showcase-slider-alt .slider-txt-internal{
    max-width: 85%;
    padding-left: 20%;
}
@media only screen and (max-width: 768px){
    .showcase-slider-alt .slider-txt-internal{
        max-width: 100%;
        padding-left: 0;
    }
    .showcase-slider-alt .slider-txt-content.mobile{
        width: 100%;
    }
    .showcase-slider-alt .slider-wrapper.mobile{
        width: 25%;
    }
    .showcase-slider-alt h3{
        font-size: 23px;
        line-height: 28px;
    }
    .showcase-slider-alt h4{
        font-size: 18px;
        line-height: 25px;
    }
}
@media screen and (max-width: 414px){
    .showcase-slider-alt .slider-wrapper.mobile{
        width: 85%;
    }
}             
.show-case-type-2 .h3.h3-heading.with-subheading{
    margin-bottom: 0;
}
.show-case-type-2 .h3.h3-heading.with-subheading p{
    color: #464646;
    font-size: 16px;
    max-width: 720px;
    line-height: 24px;
    margin: 20px auto 50px;
    font-family: 'Gotham-Book';
}
.fantasy-benefit{
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    height: 240px;  
    width: 213px;
    padding: 40px 16px 30px;
    display: inline-block;
    vertical-align: middle;
    color: #464646;
    font-size: 16px;
    font-family: 'Gotham-Bold';
    text-align: center;
    margin: 0 25px;
}
@media screen and (max-width: 1024px){
   .fantasy-benefit{
      margin: 0 10px;
   }
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .fantasy-benefit{
        width: 165px;
        margin: 0 5px;
        padding: 40px 6px 30px;
    }
}
@media screen and (max-width: 767px){
    .fantasy-benefit{
       width: 100%;
       margin: 0 0 20px 0;

    }
}
.fantasy-benefit .hover-img{
    display: none;
}
.fantasy-benefit:hover, .fantasy-benefit.active{ 
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
    color: #FFFFFF;
}
.fantasy-benefit:hover .img{
    display: none;
}
.fantasy-benefit:hover .hover-img{
    display: inline;
}
.fantasy-benefit.active img{
    display: none;
}
.fantasy-benefit.active .hover-img{
    display: inline-block;
}
.fantasy-benefit p{
    margin-top: 40px;
}
.fantasy-benefit:last-child{
    margin-right: 0;
}
.about-vinfotech-alt .description-upper-part{
    font-size: 24px;
    color: #464646;
    display: table;
    font-family: Gotham-Bold;
    margin-bottom: 20px;
}
.about-vinfotech-alt .description-upper-part div{
    display: table-cell;
    width: 26%;
    line-height: 26px;
}
.about-vinfotech-alt .description-upper-part .text-section{
    width: 70%;
    padding-left: 10px;
    display: table-cell;
}
.about-vinfotech-alt .description-upper-part p{
    color: #464646;
}
.description-about-vinfo{
    margin-bottom: 50px;
}
.bg-grey{
    background: #FBFBFB;
}
.green-section{
    background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
    padding: 60px 0;
}
.green-section h3{
    font-family: Gotham-Bold;
    font-size: 36px;
    letter-spacing: -1.5px;
    line-height: 42px;
    text-align: center;
    margin: 0;
}
@media only screen and (max-width: 768px){
    .green-section h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .green-section{
        padding: 30px 0px;
    }
    .description-about-vinfo{
        margin-bottom: 15px;
    }
}
.showcase-slider.fantasy-brand-slider{
    padding: 60px 0;
}
.showcase-slider.fantasy-brand-slider .h3{
    font-family: Gotham-Bold;
    margin-bottom: 60px;
    margin-top: 0;
    letter-spacing: -1.13px;    line-height: 46px;
}
.fantasy-brand-slider .slider-txt-content h3{
    color: #FFFFFF; 
    font-family: "Gotham-Medium";  
    font-size: 26px;    
    letter-spacing: -1.85px;    
    line-height: 32px;
}
.fantasy-brand-slider .slider-txt-content p{   
   font-weight: 300;   
   letter-spacing: -1px;   
   line-height: 24px;
}
.owl-carousel-section .owl-carousel{
    background-color: #FFFFFF;
}
.owl-carousel-section .owl-carousel .owl-item{
    padding: 70px;
}
.owl-carousel-section .owl-carousel .owl-item img{
    width: 665px;
    margin: 0 auto;
}

.owl-carousel-section .owl-carousel .owl-item .image-descption{
    height: 268px;
    width: 481px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
    position: absolute;
    margin-top: -134px;
    top: 50%;
    display: none;
    right: 10px;
    color: #333;
    font-size: 36px;
    font-family: Gotham-Bold;
    padding: 85px 20px;
    text-align: center;
}
.owl-carousel-section .owl-carousel .owl-item .image-descption span{
    color: #00B569;
}
.owl-carousel-section .owl-carousel .owl-item .item-content{
    position: relative;
    margin: 0 auto; 
    height: 470px;
    margin: 0 auto;
    /*width: 1070px;*/
    overflow: hidden;

}
.owl-carousel-section .owl-carousel .owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.owl-carousel-section .owl-carousel .owl-nav .owl-prev{
    float: left;
        width: 86px;
    height: 170px;
    background-repeat: no-repeat;
    background: url(../img/left-arrow-icon.png);
}
.owl-carousel-section .owl-carousel .owl-nav .owl-next{
    float: right;
    background: url(../img/right-arrow-icon.png);
    width: 86px;
    height: 170px;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 768px){
    .owl-carousel-section .owl-carousel .owl-item img{
        width: 450px;
    }   
    .owl-carousel-section .owl-carousel .owl-item .image-descption {
        height: auto;
        border-radius: 4px;
        margin-top: -89px;
        top: 50%;
        right: 420px;
        font-size: 26px;
        padding: 42px 20px;
        width: 300px; 
    }
    .owl-carousel-section .owl-carousel .owl-item .item-content{
        height: 320px;
    }
    .owl-carousel-section .owl-carousel .owl-item .image-descption {
            margin-top: -75px;
            top: 50%;
            right: 44%;
            padding: 30px 20px;
            width: 300px;
    }
    
}
@media only screen and (max-width: 460px){
    .owl-carousel-section .owl-carousel .owl-item {
        padding: 15px;
    }
    .owl-carousel-section .owl-carousel .owl-item img{
        width: 235px;
    }
    .owl-carousel-section .owl-carousel .owl-item .item-content{
        height: 180px;
    }
    .owl-carousel-section .owl-carousel .owl-item .image-descption {
        right: 65%;
        padding: 16px 20px;
        width: 201px;
        font-size: 18px;
        margin-top: -55px;
    }
}
/** 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;
}
@media only screen and (min-width: 1600px){
    .blog-caption > .blog-caption-heading{
     min-height: 128px;
    }
}
@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;
    }
}
.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: 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;
    }
    .blog-thumbnail-img {
        padding: 15px;
    }
}
.section-btn{
    background: #fff;
    padding: 0px 0px 30px;
    margin: 0 auto;
    text-align: center;
}
@media only screen and (max-width: 768px){
    .section-btn{
        padding: 10px 0px;
    }
}
.btn-grad{
    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);
    color: #fff;
}
.fantasy-game{
    padding: 20px 0px;
    background: #fff;
}
.fantasy-game-content .fantasy-game-title{
        color: #464646; 
        font-family: Gotham-Bold;    
        font-size: 18px;    
        letter-spacing: -0.51px;   
        line-height: 28px;
        margin: 0;
        padding-bottom: 10px;
}
.fantasy-game-content ul li a{
    color: #464646;   
    font-size: 12px;    
    font-weight: 300;   
    line-height: 21px;
    text-decoration: none;
}
.fantasy-game-content ul li a:hover{
   color:#00cc6b;
}
.fantasy-game-content ul{
    padding-left: 15px;
    list-style-type: circle;
}
@media only screen and (max-width: 768px){
    .fantasy-game-content{
        margin-bottom: 30px;
    }
}
.view-link .btn {
    margin-left: auto;
    margin-right: auto;
    display: table;
    font-family: "Gotham-Bold";
    font-size: 14px;
    padding: 12px 14px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.green-color{
    color: #00CA6F;
}
@media only screen and (min-width: 1600px){
    .fifa-sports{
        padding-right: 180px;
    }
}
@media screen and (max-width: 1600px) and (min-width: 992px){
   .fifa-sports{
        padding-right: 50px;
    }
}
.show-case-type-2-1{
    padding: 50px 0px 80px;
}
@media screen and (max-width: 767px){
     .show-case-type-2-1{
        padding: 35px 0px 35px;
    }
    .tab-pane.tab-pane-show{
        display: block !important;
    } 
}
.fantasy-solutions{
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.fantasy-solutions.p-50{
    padding: 50px 0px;
}
.fantasy-solutions.p-50.pT80{
    padding-top: 80px;
}
.fantasy-solutions h3{
    margin: 0;
    font-size: 36px;
    font-family: 'Gotham-bold';
    letter-spacing: -1.25px;
    line-height: 42px;
}
.fantasy-solutions p{
    margin:0;
    padding-top: 20px;
}
.show-case-type-2.show-case-type-21{
    padding: 0px 0px 70px;
}
.cols-two.cols-with-list:nth-child(2){
  margin-left: -40px;
}
.cols-two.cols-with-list:nth-child(1){
    margin-left: 20px;
}

.cols-two.cols-with-list > span{
    font-family: "Gotham-Bold";
}
.cols-two.cols-with-list{
    min-height: 700px;
}
.cols-two.cols-with-list ul li{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.fantasy-benefits{
    padding-top: 60px;
}
.fantasy-solutions.p-b-50{
    padding-bottom: 70px;
}
.fantasy-solutions .white-color{
    color: #fff;
}
@media screen and (max-width: 768px){
    .cols-two.cols-with-list:nth-child(2), .cols-two.cols-with-list:nth-child(1){
      margin-left: 0px;
    }
    .cols-two.cols-with-list{
        min-height: auto;
    }
    .fantasy-solutions h3{
        font-size: 23px;
        line-height: 28px;
    }
    .show-case-type-2.show-case-type-21{
        padding: 20px 0px 35px;
    }
    .fantasy-solutions.p-50{
        padding: 25px 0px;
    }
    .fantasy-benefits {
        padding-top: 30px;
    }
    .showcase-slider-alt{
        padding: 50px 15px;
    }
    .fantasy-solutions{
        max-width: 100%;
    }
    .fantasy-solutions.p-b-50{
        padding-bottom: 30px;
    }

}
.fantasy-league-1{
    padding: 100px 0px;
    background-color: #EFEFEF;
}
.fantasy-league-thumbnail-heading{
    padding: 25px 50px 15px;
    font-size: 18px;
    font-family: "Gotham-Bold";
    text-align: center;
}
.fantasy-league-thumbnail img{
    margin: 0 auto;
}
.fantasy-league-thumbnail{
    padding: 15px;
    position: relative;
    z-index: 2;
}

.fantasy-league-thumbnail p{
    text-align: justify;
}
@media screen and (min-width: 768px){
  .fantasy-league-thumbnail::after{
    position: absolute;
    content: "";
    top: 40%;
    right: -120px;
    border: 1px dashed #000;
        width: 100%;
        z-index: -1;
    }
    .fantasy-league-1 ul li:last-child .fantasy-league-thumbnail::after{
        border: none;
    }
}
@media screen and (max-width: 768px){
    .fantasy-league-thumbnail{
        margin-bottom: 20px;
    }
     .fantasy-league-1{
        padding: 35px 0px;
    }
    .fantasy-league-thumbnail-heading{
        padding: 25px 0px 15px;
    }
}
.success-storie-content.partnership-content{
    width: 100%;
}

.item.brands-slider img{
    width: auto !important;
    text-align: center;
    margin: 0 auto;
}
.brands-wrapper .slider-wrapper-main.window{
    background: none !important; 
}
.table-fantasy-branding{
    background: #fff;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
}
.table-fantasy-branding .table-bordered > thead > tr > th{
    width: 50%;
}
.table-fantasy-branding .table{
    margin-bottom: 0;
}
.table-fantasy-branding .table > tbody > tr > td, .table-fantasy-branding .table > thead > tr > th{
    vertical-align: middle;
    padding: 15px;
    border-bottom-width:1px;
}
@media screen and (max-width: 460px){
    .app-users-count>li{
        float: left !important;
        width: 33%;
    }

} 
.about-heading h1.about-heading-gradient {
    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; 
}
.top-banner-block .h1 h1.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;
} 
.top-banner-block .h1 h2.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;
} 
.contact-wrapper .h1.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;
}
.description-block .h3.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;
}
.showcase-img-wrapper .container.hide-launch-button {
    padding-bottom: 50px;
}

.react-wrapper{
    padding-top: 120px;
    background-color:#FAFAFA;
}
.react-wrapper h1{
        font-family: Gotham-Bold;
        font-size: 48px;
        font-weight: bold;  
        letter-spacing: -3.21px;    
        text-align: center;
         /*margin-top: -130px;*/
}
.react-wrapper2{
        background: #FAFAFA;
        padding: 20px 0 30px;
}
.react-content{
    max-width: 824px;
    margin: 0 auto;
}
.react-content  > p{
    color: #000000;     
    font-size: 16px;    
    font-weight: 300;   
    letter-spacing: -1px;  
    line-height: 24px;  
    text-align: center;
    max-width: 710px;
    margin:0 auto;
}

.react-content ul{
    margin-top: 90px;
}

.react-content ul li{
    width: 412px;
    vertical-align: top;
}
.react-caption .media .media-body{
   vertical-align: middle;
}
.react-caption .media .media-body > p{
    color: #000000;
    font-family: Gotham-Bold;
    font-size: 18px;
    letter-spacing: -0.63px;
    line-height: 24px;
    margin: 0;
}
.react-content ul li > p{
    color: #767676; 
    font-size: 14px;    
    font-weight: 300;   
    line-height: 22px;
    padding: 20px 0 0 10px;
}
.react-caption{
    padding: 25px;
    height: 120px;
    border-radius: 7px; 
    background-color: #FFFFFF;  
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
    vertical-align: top;
    margin: 0 10px;
}
.react-feature{
    padding: 50px 0;
}
.react-feature.react-feature-plus{
    padding: 100px 0px;
    background-color: #fff;
}
.sub-title{
    font-family: Geomanist-Bold;    
    font-size: 42px;    
    font-weight: bold;  
    letter-spacing: -2.41px;    
    line-height: 48px;  
    text-align: center;
    margin: 0;
}
.react-feature-content p{
    max-width: 720px; 
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 24px; 
    text-align: center;
    margin: 15px auto 0;
    font-family: Geomanist;  
}
.react-feature-list{
    margin-top: 30px;
    text-align: center;
    position: relative;
}
.react-feature-list:after{
    background: url(../img/line.png);
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
}
.react-feature-list:last-child:after{
  background: none;

}
.react-feature-list ul li:nth-child(2){
    background: url(../img/circle-element.png);
    width: 190px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}
.react-feature-list ul li:nth-child(2) > span{
    opacity: 0.5;   
    color: #9B9B9B; 
    font-size: 28px;    
    font-weight: bold;  
    letter-spacing: -1.4px; 
    line-height: 55px;  
    text-align: center;
}
.react-feature-list ul li:nth-child(1), .react-feature-list ul li:nth-child(3){
    width: 413px;
}
.react-feature-list ul li:nth-child(1){
    text-align: right;
    padding-right:10px;
}
.react-feature-list ul li:nth-child(3){
    text-align: left;
    padding-left: 10px;
}
.react-feature-list ul li{
    vertical-align:  middle;
    color: #4A4A4A;
    font-size: 14px;    
    font-weight: 300;   
    line-height: 22px;
}
.react-feature-list.react-feature-list-img ul li{
    width: 100% !important;
}
.react-feature-list.react-feature-list-img ul li img{
    text-align: center;
    margin: 0 auto;
}

.react-deliver{
    padding:100px 0;
    background: #FAFAFA;
}
.react-service-cell{
    padding: 60px 0px 120px;
}
.react-service-cell ul li{
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
    margin: 10px;
}
.react-joins .react-content ul li{
    vertical-align: middle;
    clear: both;
    position: relative;
}
.react-joins .react-content{
    max-width: 970px;
    margin: 0 auto;
}
.react-joins .react-content ul li:nth-child(1){
    float: right;
}
.react-joins .react-content ul li:nth-child(2){
    float: left;
}
.react-joins .react-content ul li:nth-child(3){
    float: right;
}
.react-joins .react-content ul li:nth-child(4){
    float: left;
}
.react-joins .react-content ul li:nth-child(5){
    float: right;
}
.react-joins .react-content ul li:nth-child(odd):after{
    background: url(../img/circle-right.png);
    left: -80px;
    top: 50%;
    
}
.react-joins .react-content ul li:nth-child(odd):after, .react-joins .react-content ul li:nth-child(even):after{
    width: 93px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;  
    content: "";
}

.react-joins .react-content ul li:nth-child(even):after{
    background: url(../img/circle-left.png);
    right: -85px;
    top: 50%;
}
.react-joins .react-content > img{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.react-joins .react-caption .media .media-body{
    padding-left: 20px;
}

.color-transparent{
    color: transparent !important;
}

@media screen and (max-width: 1200px){
    .react-feature-list ul li:nth-child(1), .react-feature-list ul li:nth-child(3) {
        width: 350px;
    }
}
@media screen and (max-width: 992px){
    .react-content ul li{
        width: 360px;
    }
    .react-feature-list ul li:nth-child(1), .react-feature-list ul li:nth-child(3) {
        width: 230px;
    }
}
@media screen and (max-width: 767px){
    .react-wrapper h1 {
        font-size: 32px;
    }
    .react-content ul {
        margin-top: 0px;
        margin-left: 0;
    }
    .react-caption{
        margin: 0;
    }
    .react-content ul li{
        width: 100%;
    }
    .react-wrapper2{
        padding: 20px 0px;
    }
    .react-feature-list ul li{
        display: block;
        width: 100% !important;
        text-align: center !important;
        background-position: center !important;
        margin: 10px 0px;
    }
    .react-feature-list:after{
        background: none;
    }
    .react-joins .react-content ul li{
        margin: 10px 0;
        width: 100% !important;
        float: none !important
    }
    .react-joins .react-content ul li:after{
        background: none !important;
    }
    .sub-title{
        font-size: 24px;
        line-height: 32px;
    }
    .react-service-cell ul li{
        margin: 10px 0;
    }
    .react-deliver{
        overflow: hidden;
        padding: 35px 0;
    }
    .react-service-cell{
        padding: 35px 0;
    }
    .react-wrapper {
        padding-top: 100px;
        padding-bottom: 25px;
    }
    .react-feature.react-feature-plus{
        padding: 35px 0;
    }
    .react-caption .media .media-body > p{
        font-size: 16px;
    }
    .react-feature-list{
        display: none;
    }
    .react-feature-list-mob h2 {
        font-size: 18px;
        font-weight: bold;
    }
    .react-feature-list-mob ul li {
        padding: 5px 0px;
    }
}
.fantasy-project-center ul.project-header li {
    float: left;

}
.fantasy-project-center ul.project-header li h3{
    font-family: 'Gotham-Bold';
    font-size: 20px;
    text-transform: initial;
    min-height: 45px;
}

 .efficiency .greenColor > h3{ font-size:48px; line-height: 58px; text-align: center; }
.practice-efficiency{ list-style: none; overflow: hidden; margin-top:50px;}
.practice-efficiency li{ float: left; width:18%;margin-bottom:10px; min-height:187px;}
.practice-efficiency li .inner-practice{padding:5px 20px; margin:10px auto;}
.practice-efficiency li .inner-practice figure{display: block; margin:0 auto; width:60px; height:60px; line-height: 60px; text-align: center; overflow: hidden;}
.practice-efficiency li .inner-practice figure img{max-width:100%;}
.practice-efficiency li .inner-practice p{
    padding-top: 6px;
    color: #464646; 
    font-family: 'Gotham-Medium'; 
    font-size: 16px; 
    text-align: center;
    margin-bottom: 0;
}
@media screen and (max-width: 992px){
    .fantasy-project-center ul.project-header li{
        width:50%;
    }
    .practice-efficiency li{width:33.33%;}
}
@media screen and (max-width: 767px){
    .fantasy-project-center ul.project-header li{
        width:100%;
    }
    .practice-efficiency li{width:50%;}

}

.success-storie-content.partnership-content img{
    margin: 0 auto;
    text-align: center;
}

.blog-section-white.fbrand-roi-section{
    margin-top: 30px;
}

/* ################################ custom emr software development page styling ################################# */

.fantasy-solution-bg,.fantasy-solution-grey-bg{
    /*background-color: #f9f9f9;*/
}
.four-equal-section{
    height: 335px;
    width: 300px;
    display: inline-block;
    border: 1px solid #E9E9E9;  
    border-radius: 5px; 
    background-color: #FFFFFF;  
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
    margin-right: 18px;
    padding: 40px 25px 30px;
    vertical-align: top;
}
.four-equal-section:last-child{
    margin-right: 0;
}
.four-equal-section:hover{
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.25);
}
.font-22{
    font-size: 22px;
}
.font-bold{
    font-family: 'Gotham-Bold';
}
.font-14{
    font-size: 14px;
}
.mB15{
    margin-bottom: 15px;
}
.feature-enriched-heading{
    font-size: 58px;
    margin-bottom: 30px;
}
.feature-enriched .practice-efficiency li{
    padding: 10px;
    /*height: 150px;*/
    display: inline-block;
    float: none;
    vertical-align: top;
    min-height: 135px;
}
.feature-enriched .practice-efficiency li .inner-practice{
    border: 1px solid rgba(151, 151, 151, 0.3);
    padding: 10px 12px;
    height: 170px;
    max-width: 160px;
}
.feature-enriched .practice-efficiency li .inner-practice p{
    font-size: 14px;
    font-family: 'Gotham-Bold';
}
.feature-emr-black{
    background-color: #000000;
    padding: 100px 0;
}
.text-white{
    color: #FFFFFF;
}
.four-grad-section{
   height: 237px;  
   width: 196px;   
   display: inline-block;
   background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
   margin-right: 20px;
   vertical-align: top;
   padding: 22px 12px;
}
.four-grad-section:last-child{
    margin-right: 0;
}
.mB70{
    margin-bottom: 70px;
}
.four-grad-section p{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
}
.four-grad-section h2{
    font-size: 22px;
    font-family: 'Gotham-Bold';
    color: #FFFFFF;
    margin: 0 0 16px 0;
    line-height: 28px;
}
.Major-challenges{
    padding: 70px 0 100px;
}
.Major-challenges p{
    color: #000;
    font-size: 20px;
    line-height: 30px;
}
.feature-enriched-list{
    margin-top: 50px;
}
.feature-enriched-list .list-container{
    display: inline-block;
    vertical-align: top;
    width: 10%;
}
.feature-enriched-list .list-container.list-container-middle{
    width: 78%;
}
.list-container-middle .practice-efficiency{
    margin-top: 0;
}
.list-container-sm ul{
    list-style-type: none;
}
.list-container-sm li p{
    font-size: 18px;
    font-family: "Gotham-Bold";
    color: #000000;
    margin-top: 10px;
    margin-bottom: 0;
}
.list-container-sm li{
    height: 215px;
    width: 145px;
    border-left: 1px solid rgba(151, 151, 151, 0.3);
    border-right: 1px solid rgba(151, 151, 151, 0.3);
    border-top: 3px solid #00CA6F;
    text-align: center;
    position: relative;
    padding: 45px 10px;
}
.list-container-sm li:last-child{
    border-bottom: 3px solid #00CA6F;   
}
.list-container-sm li .right-list-arrow{
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -8px;
}
.list-container-sm li .left-list-arrow{
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -8px;
    transform: rotate(180deg);
}
@media (max-width: 1281px){
    .four-equal-section{
        padding: 20px 20px 20px;
        width: 20%;
    }
    .practice-efficiency li{
        width: 18.66%;
    }
}
.feature-emr-black-desc{
    max-width: 780px;
    margin: 0 auto 70px;
}
@media (max-width: 1024px){
    .list-container-sm ul{
        list-style: none;
    }
    .feature-enriched-list .list-container{
        width: 100%;
        text-align: center;
    }
    .feature-enriched-list .list-container.list-container-middle{
        width: 100%;
    }
    .list-container-sm li{
        width: 32%;
        float: left;
        height: 185px;
        padding: 25px 10px;
        border-bottom: 3px solid #00CA6F;
    }
    .list-container-sm li .left-list-arrow{
        left: 50%;
        top: -16px;
        margin-left: -8px;
        margin-top: 0;
        transform: rotate(-90deg);
    }
    .list-container-sm li .right-list-arrow{
        left: 50%;
        bottom: -16px;
        top: auto;
        margin-left: -8px;
        margin-top: 0;
        transform: rotate(90deg);
    }
    .four-grad-section{
        padding: 22px 10px;
        width: 22%;
    }
}

.fantasy-idea.fantasy-idea-to-launch{
    background-color: #F5F6F5;
    padding-top: 50px;
}

@media (max-width: 991px){
    .four-equal-section{
        width: 90%;
        margin-top: 10px;
        height: auto;
        margin-right: 0;
    }
    .practice-efficiency li{
        width: 24%;
        margin-bottom: 0;
    }
    .feature-enriched .practice-efficiency li .inner-practice{
        margin: 0;
    }
    .list-container-sm{
        margin: 20px 0;
    }
    .four-grad-section{
        height: 190px;
        width: 48%;
        margin: 5px;
    }
}
@media (max-width: 767px){
    .four-grad-section{
        height: auto;
        width: 100%;
    }
    .practice-efficiency li{
        width: 48%;
    }
    .list-container-sm li{
        padding: 15px 10px;
        height: 145px;
    }
    .list-container-sm li p{
        font-size: 14px;
        line-height: 16px;
    }
    .feature-enriched-list .list-container img{
        width: 70%;
    }
    .feature-enriched-list .list-container img.right-list-arrow,
    .feature-enriched-list .list-container img.left-list-arrow{
        width: auto;
    }
    .fantasy-idea.fantasy-idea-to-launch{
        padding-top: 0;
    }
}
@media (max-width: 360px){
    .list-container-sm li{
        width: 100%;
    }
    .feature-enriched-list .list-container img{
        width: auto;
    }
}
@media (max-width: 320px){
    .practice-efficiency li{
        width: 68%;
    }
    .customer-engagement-banner-mobile .v-mid{
        vertical-align: top !important;
    }
    .customer-engagement-banner-mobile .v-mid .customer-engagement-title h1{
        font-size: 27px !important;
        line-height: 32px !important;
    }
    .customer-engagement-banner-mobile .v-mid .customer-engagement-title{
        /* padding-top:22% !important; */
        width:75% !important;
        
    }
    .customer-engagement-banner-mobile .v-mid .customer-engagement-title .customer-engagement-subtitle{
        /* margin-top: 8px !important; */
        color: #FFFFFF;
        font-size: 16px !important;
        line-height: 25px !important;

    }

}



/* css added by ayushi */

.alfa2 .alfa-wrapper .alfa:first-child {
    top: 00px;
    left: 245px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}
.alfa2 .alfa-wrapper .alfa:nth-child(2) {
    top: 210px;
    left: 222px;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
/* Work page css */

@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
}

.pB80 {
    padding-bottom: 80px;
}

.primary-header {
    float: left;
}

.right-bar {
    position: fixed;
    right: 15px;
    top: 15px;
    /*z-index: 90;*/
    z-index: 125;
}

.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);
}

.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;
}

.cd-nav-trigger {
    display: inline-block;
}

.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;
}

.logo-link:hover,
.logo-link:active,
.logo-link:focus {
    background: rgba(0, 0, 0, 0.12);
    color: #fff;
    text-decoration: none;
}

.home .nav-toggle .page-name {
    font-size: 24px;
    line-height: 18px;
    padding: 20px 20px;
    background: #03A55C;
    border-bottom: 0 none;
    color: #fff;
    float: left;
    font-family: Gotham-ultra;
    vertical-align: middle;
    display: inline-block;
    font-weight: 400;
    float: left;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -.02em;
    z-index: 5;
}

.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;
}

.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;
}

.cd-logo {
    top: 28px;
    left: 5%;
}

.cd-logo img {
    display: block;
}

.internal-menu {
    display: block;
    height: 100%;
    overflow-y: visible;
    overflow-x: hidden;
}

.left-menu {}

.cd-primary-nav .left-menu a {
    text-transform: initial !important;
}

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

i.icon-logo {
    line-height: 58px;
    display: block;
}

.cd-nav-close {
    font-size: 20px;
    color: #fff;
    width: 58px;
    display: block;
    height: 58px;
    text-align: center;
    line-height: 58px;
    text-decoration: none;
}

.cd-nav-close i {
    display: block;
    line-height: 58px;
}

.cd-nav-close:hover,
.cd-nav-close:focus {
    background: #222;
    color: #fff;
    text-decoration: none;
}

.nav-toggle .page-name {
    width: 100%;
    padding: 20px;
    margin-left: -116px;
    padding-left: 136px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
    .nav-toggle .page-name {
        max-width: 470px;
    }
}
@media only screen and (max-width: 1439px) and (min-width: 1025px) {
    .nav-toggle .page-name {
        max-width: 850px;
    }
}

@media only screen and (max-width: 600px) {
    .primary-header {
        max-width: 438px;
        display: block;
    }
    .nav-toggle {
        max-width: 438px;
        display: block;
        height: 48px;
    }
    .cd-nav-trigger,
    .logo-link {
        height: 48px;
        width: 48px;
        font-size: 38px;
        position: relative;
    }
    .nav-toggle .page-name {
        width: 100%;
        padding: 15px 20px;
        margin-left: -96px;
        padding-left: 116px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 400px;
    }
    i.icon-logo {
        line-height: 48px;
        display: block;
    }
    .cd-nav-close {
        height: 48px;
        width: 48px
    }
    .cd-nav-close i {
        line-height: 48px
    }
}

@media only screen and (max-width: 414px) {
    .primary-header {
        max-width: 320px;
        display: block;
    }
    .nav-toggle {
        max-width: 320px;
        display: block;
        height: 48px;
    }
}

@media only screen and (max-width: 320px) {
    .primary-header {
        max-width: 290px;
        display: block;
    }
    .nav-toggle {
        max-width: 290px;
        display: block;
    }
}

.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 .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;
}

.cd-nav-trigger::before {
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
}

.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::after {
    content: '';
    background-color: #00CA6F;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.cd-nav-trigger:hover::before,
.cd-nav-trigger:hover::after {
    background: #1ebf6c;
}

.cd-nav-trigger.close-nav::before {
    /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.cd-nav-trigger.close-nav::after {
    /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
    -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.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.cd-nav-trigger.close-nav .cd-icon {
    /* user clicks on the .cd-nav-trigger element - transform the icon */
    background-color: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.close-nav .cd-icon::before,
.cd-nav-trigger.close-nav .cd-icon::after {
    background-color: white;
}

.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-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;
}
.internal-menu {        
    display: block;     
    height: 100%;       
    position: relative;     
    margin-left: -15px;     
    margin-right: -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;
}

.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;
}

.nav-block {
    margin-bottom: 30px;
    position:relative;
}

@media screen and (min-width: 768px){
    .nav-block:last-child {
        margin-bottom: 0
    }    
}

.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;
}
.carrer-heading{
    width: 50%;
}
@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;
   }
   .carrer-heading{
        width: 70%;
   }
} 

.rigt-menu ul li a {
    font-family: "Gotham-Medium";
    font-size: 14px;
    padding-left: 0;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: .2em;
}



.cd-primary-nav li {
    text-align: left;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
}

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

.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;
}

.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);
}
.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%);
}*/
.cd-primary-nav li.coming-soon-link a {
    position: relative;
}

.cd-primary-nav li.coming-soon-link a:hover:after {
    content: "Coming Soon";
    font-size: 12px;
    margin-left: 12px;
    line-height: 1px;
    color: #fff;
}

.cd-primary-nav li.active a {
    color: #00CA6F;
}

@media screen and (min-width: 1200px){
    .cd-primary-nav .rigt-menu ul li a {
         font-size: 24px;      
         line-height: 30px;
    }
}


.cd-primary-nav.fade-in {
    /* navigation visible at the end of the circle animation */
    visibility: visible;
    /* opacity: 1; */
    top: 0;
    height: 100vh;
}

@media screen and (min-width: 1170px) {
    .cd-primary-nav {
        padding: 30px 2% 0 2%;
    }
}

.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-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);
}

.cd-overlay-nav.is-hidden,
.cd-overlay-content.is-hidden {
    /* background fades out at the end of the animation */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
    /* main rounded colored bg 1 
    z-index: 110;*/
    z-index: 1;
}

.cd-overlay-content {
    /* main rounded colored bg 2 */
    z-index: 111;
}

.sectionBg {
    overflow: hidden;
    cursor: pointer
}

.section {
    position: relative;
}

.section-content {
    position: relative;
    z-index: 1;
    height: 100%;
}

.animated-text-prefix h1 {
    position: relative;
    z-index: -1;
}

.animated-text-prefix a {
    text-decoration: none;
    display: table;
    margin: 0 auto;
    font-family: Gotham-Black;
    text-transform: uppercase;
    font-size: 14px;
}

.animated-text-prefix a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #fff
}

.morphext {
    color: #00CA6F;
}

.morphext > .animated {
    display: inline-block;
    line-height: 26px;
}

.animated-text-prefix h1 {
    font-family: Gotham-Bold;
    font-size: 72px;
    line-height: 83px;
    letter-spacing: -2px;
    color: #FFFFFF;
    margin-bottom: 20px;
    text-align: left;
    max-width: 1000px;
}

.animated-text-prefix p {
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: left;
    line-height: 19px;
    color: #9B9B9B;
}

.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%;
}

.slide .bg-img-still,
.bg-img-still {
    background-color: #fff;
    background-size: initial;
    background-attachment: initial;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.section-6 .bg-img-still {
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    background-size: inherit !important;
}

@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);
    }
}

.fp-auto-height {
    height: initial !important;
}

.slide .stars {
    background: #000 url(../img/stars.png) repeat top center;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.slide .twinkling {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent url(../img/twinkling.png) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back 200s linear infinite;
    -ms-animation: move-twink-back 200s linear infinite;
    -o-animation: move-twink-back 200s linear infinite;
    -webkit-animation: move-twink-back 200s linear infinite;
    animation: move-twink-back 200s linear infinite;
}

.section-1 .stars {
    background: #000 url(../img/stars.png) repeat top center;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.section-1 .twinkling {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent url(../img/twinkling.png) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back 200s linear infinite;
    -ms-animation: move-twink-back 200s linear infinite;
    -o-animation: move-twink-back 200s linear infinite;
    -webkit-animation: move-twink-back 200s linear infinite;
    animation: move-twink-back 200s linear infinite;
}

@keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-webkit-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-moz-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

@-ms-keyframes move-twink-back {
    from {
        background-position: 0 0
    }
    to {
        background-position: -10000px 5000px
    }
}

.txt-content h4,
.txt-content .h4 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
    font-family: 'Gotham-black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    margin-top: 0px;
    text-transform: uppercase;
}

.txt-content h3,
.txt-content .h3 {
    font-size: 36px;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    margin-top: 0px;
    max-width: 510px;
}

.txt-content h3 + p {
    margin-top: 20px
}

.txt-content p {
    margin-bottom: 0;
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    max-width: 510px;
}

.link-hover,
.nav-effect a {
    position: relative;
    display: block;
}

.link-hover-invert {
    color: #fff;
    display: table;
    padding: 8px 0;
}

.link-hover-invert::before {
    color: #00cc6b;
}

.link-hover:hover::before,
.nav-effect a:hover::before,
.nav-effect a:focus::before,
.link-hover:focus::before {
    opacity: 0;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.section-1 .container,
.section-2 .container,
.section-3 .container,
.section-4 .container,
.section-5 .container,
.work-page .section-6 .container,
.work-page .section-7 .container,
.work-page .section-8 .container,
.work-page .section-9 .container,
.work-page .section-10 .container,
.work-page .section-11 .container,
.work-page .section-12 .container,
.work-page .section-13 .container {
    height: 100%
}

.section-1 .txt-content a {
    text-transform: uppercase;
}

.txt-content a:hover,
.txt-content a.know-more:hover {
    color: #fff;
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.txt-content a.know-more {
    color: #fff;
    font-family: Gotham-Book;
    font-size: 14px;
    text-decoration: none;
    margin-top: 30px;
    float: left;
    border: 1px solid #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.txt-content a.know-more:hover {
    color: #00cc6b;
}

.img-100 {
    width: 100%
}

.txt-content {
    display: inline-block;
    vertical-align: middle;
}

.img-content {
    display: inline-block;
    vertical-align: middle;
}

.txt-content.txt-content-no-img {
    display: block;
}

.txt-content a {
    font-family: Gotham-Black;
    font-size: 14px;
    display: inline-block;
    font-family: Gotham-Black;
    font-size: 14px;
    margin-top: 20px;
    text-decoration: none
}

.home-page .section-1 .img-content {
    max-width: 44%;
    width: 100%;
    margin-bottom: 50px;
}

.home-page .section-6 .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-6 .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;
}

.home-page .section-6 p {
    text-align: left;
    font-family: Gotham-book;
    font-size: 16px;
    max-width: 445px;
    color: #101010;
    margin-top: 20px;
}

.list-style-block .h3 {
    color: #999999;
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin: 0 0 0 0;
}

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

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

.list-style-block {
    padding: 0;
    margin: 0 0 20px 0;
}

.list-style-block:last-child {
    margin-bottom: 0;
}

.list-style-block li {
    display: inline-block;
    line-height: 2
}

.list-style-block li a {
    color: #666666;
    font-size: 16px;
    font-family: 'Gotham-Book';
    margin-top: 0;
}

.list-style-block li a:hover {
    color: #101010;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.list-style-block li a:after {
    content: "/";
    display: inline-block;
    margin: 0 10px;
    color: #00CA6F;
    font-size: 16px;
}

.list-style-block li:last-child a:after {
    display: none;
}

.visible-img-content-tablet {
    display: none !important;
}

.section-7 {
    background: #f2f2f2
}

.home-page .quick-reads {
    margin: -22px auto 0;
}

.additional-header {
    padding-bottom: 25px;
}

.additional-header .quick-reads {
    margin-bottom: -60px;
    text-align: center;
    position: relative;
}

.section-7 .txt-content-normal .h3 {
    color: #101010;
    font-size: 36px;
    margin-bottom: 50px;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    margin-top: 0px;
    text-align: center;
    max-width: initial;
}

.client-testimonial {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 990px;
    -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: 120px
}

.client-carousel {
    display: block;
}

.client-wrapper {
    display: block;
    background: #fff;
    float: left;
    width: 100%;
}

.client-img {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    height: auto;
    position: relative;
}

.client-img > .video-btn {
    position: absolute;
    top: 75%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 197px;
    padding: 12px;
}

.owl-carousel .owl-item .video-btn>.play-icn,
.video-btn>.play-icn {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
}

.client-view {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    height: auto
}

.client-view-block {
    padding: 20px;
}

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

.client-view .client-name {
    font-size: 18px;
    color: #111;
    font-family: Gotham-Medium;
    margin-top: 20px;
}

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

.client-carousel .owl-controls {
    float: left;
    margin: 10px auto 0;
    display: table;
    position: relative;
    left: 50%;
    right: 0;
    left: -webkit-calc(50% - 24px);
    left: calc(50% - 24px)
}

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

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

.partner-block ul li {
    display: table-cell;
}

.side .navigation ul li {
    display: none;
}

.section-8 {
    background: #fff;
}

.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;
}

.field-name-field-team-small-text {
    max-width: 595px;
}

.block-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    z-index: 1;
}

.block-wrapper:hover .blog-img-content {
    transform: scale(1.02);
    -o-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
}

.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;
}

.block-wrapper a:hover {}

.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 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;
}

.blog-txt-content-wrapp {
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 20px;
}

.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;
}

.block-wrapper a:hover span {}

.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;
}

.more-link .btn:hover {
    background: #00CA6F;
    border-color: #00CA6F;
}

.stage-1 .side .navigation ul li,
.stage-2 .side .navigation ul li,
.stage-3 .side .navigation ul li,
.stage-4 .side .navigation ul li,
.stage-5 .side .navigation ul li {
    display: block;
}

.slides .side .navigation ul li:nth-child(6),
.slides .side .navigation ul li:nth-child(7),
.slides .side .navigation ul li:nth-child(8),
.slides .side .navigation ul li:nth-child(9),
.slides .side .navigation ul li:nth-child(10),
.slides .side .navigation ul li:nth-child(11),
.slides .side .navigation ul li:nth-child(12) {
    display: none;
}

footer {
    background-color: #101010;
    padding-top: 40px;
    padding-bottom: 20px;
}

.footer-block {
    margin-bottom: 20px;
}

.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;
}

.footer-block ul {
    padding: 0;
    list-style: none;
}
.last-menu-block .footer-block {
    margin-bottom: 30px;
}

.footer-block ul li {}

.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.coming-soon-link a:hover:after {
    content: "Coming Soon";
    font-size: 12px;
    margin-left: 12px;
    line-height: 1px;
    color: #fff;
}

.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 a {}

.last-menu-block .footer-block ul li.active a {
    color: #00cc6b;
}

.footer-bottom {
    border-top: 1px solid #272727;
}

.footer-bottom ul {}

.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:after {
    content: "-";
    display: block;
    float: right;
    margin: 0 5px 0 10px;
}*/

.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;
}

.section-white {
    background: #fff;
}

.without-side-nav .side {
    display: none !important
}

.contact-form {
    padding-bottom: 70px;
}

.contact-wrapper .h1 {
    margin-top: 160px;
    margin-bottom: 0;
    font-family: 'Gotham-Black';
    font-size: 64px;
    color: #101010;
}

.contact-wrapper .h1 h1 {
    margin: 0px;
    font-size: 64px;
    font-family: 'Geomanist-Black';
}

.contact-wrapper p {
    color: #666666;
    font-family: Geomanist;
    margin-bottom: 70px;
}

.contact-wrapper textarea.form-control {
    height: 128px;
    resize: none
}

.enquiries {
    padding: 50px 0;
}

.enquiries .title {
    font-family: Gotham-Medium;
    font-size: 16px;
    color: #666666;
}

.enquiries .description p {
    margin-bottom: 0;
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 24px;
}

.contact-alt {
    display: table;
    width: 100%;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #f8f8f8 20%, #f8f8f8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f8f8f8', GradientType=0);
}

.contact-alt .column {
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}

.contact-alt .column .featuring-img {
    float: left;
    width: 100%;
}

.contact-alt .column .featuring-img img {
    width: 100%
}

.home-page .contact-alt .column .contact-info {
    margin-top: -6px;
    float: left;
    width: 100%;
    border-right: 1px solid #DDDDDD;
    padding: 40px 25px 60px
}

.contact-alt .column .contact-info {
    float: none;
    width: auto;
    padding: 0px 0px 00px;
    background: #fff;
    margin: 0 auto 0 auto;
    display: table;
    margin-top: 0;
    position: relative;
    top: -50px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-radius: 3px;
    min-width: 276px
}

.contact-alt .column .contact-info .icon {
    display: inline-block;
    vertical-align: top;
    color: #9B9B9B;
    margin-left: 30px;
    width: 38px;
    font-size: 19px;
}

.contact-alt .column .contact-info .icon-with-text {
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
}

.contact-alt .column:last-child .contact-info {
    border: none;
}

.contact-alt .column .contact-info .h4 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: Gotham-Bold;
    font-size: 16px;
    color: #101010;
    margin-left: 30px
}

.contact-alt .column .contact-info p {
    font-family: Gotham-Medium;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 10px;
}

.contact-alt .column .contact-info .phon-number {
    border-top: 1px solid #ECEBEB;
    padding: 15px 30px 5px;
    margin-top: 20px;
}

.contact-alt .column .contact-info .phon-number i {
    color: #9B9B9B;
    display: inline-block;
    width: 38px;
    font-size: 19px;
    vertical-align: middle;
    margin-bottom: 11px;
}

.contact-alt .column .contact-info .phon-number p {
    vertical-align: middle;
    color: #101010;
    display: inline-block;
    font-family: Gotham-Medium;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
    line-height: 24px;
}

.section-with-background {
    position: relative;
    display: table;
    margin: 0 auto;
}

.section-with-background .content {
    display: table-cell;
    vertical-align: middle;
}

.section-background-div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain;
    background-position: top right;
}

.blog-detail-wrapper {
    display: block;
}

.blog-detail-wrapper .h2 {
    margin-top: 100px;
    color: #101010;
    font-family: Gotham-Ultra;
    font-size: 64px;
    margin-bottom: 10px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
    letter-spacing: -2px;
}

.blog-detail-wrapper .h2 h2 {
    font-size: 64px;
    margin: 0;
}

.blog-detail-wrapper .blog-detail-block {
    50px auto 30px auto
}

.blog-detail-wrapper .blog-detail-block:first-child {
    margin: 0px auto 30px;
}

.blog-detail-wrapper .blog-detail-block a {
    text-decoration: none;
    float: none;
}

.blog-detail-wrapper .blog-detail-block a:first-child {
    float: none;
}

.blog-detail-wrapper .blog-detail-block a.blog-category-link-an {
    display: inline-block;
}

.blog-detail-wrapper .blog-detail-block p a {
    float: left;
}

.blog-detail-wrapper .blog-detail-block .blog-detail-heading {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    line-height: 1.2;
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 28px;
    margin-bottom: 5px;
}

.blog-detail-wrapper .blog-detail-block a:hover .blog-category {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-detail-wrapper .blog-detail-block a:hover .blog-detail-heading {
    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);
}

.blog-detail-wrapper .view-more {
    margin: 30px auto 60px;
}

.blog-detail-wrapper .view-more.subscribe a.btn {
    min-width: 150px;
}

.blog-detail-wrapper .blog-detail-block p {
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin: 0;
}

.blog-detail-wrapper .blog-detail-block a.specific-blog-feature {
    border-radius: 4px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    clear: both;
    float: none !important;
}

.specific-blog-feature img {
    width: 100%;
}

.blog-read-more {
    margin: 10px 0 40px;
    display: block;
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 24px;
    color: #9B9B9B;
    float: none !important;
}

.blog-read-more:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-featured-img-wrap {
    margin: 40px 0 90px 0;
    border-radius: 4px;
    position: relative;
}

.blog-featured-img-wrap img {
    width: 100%;
    border-radius: 4px;
}

.blog-featured-img-wrap span {
    font-family: Gotham-Medium;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 10px;
    left: 10px;
}

.green-block {
    width: 400px;
    height: 160px;
    background-color: #00CA6F;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -80px;
    padding: 40px;
}

.blog_animation {
    display: block;
    width: 80px;
    height: 2px;
    background: #00CA6F;
    margin-bottom: 40px;
}

.green-block .h5,
.green-block h5 {
    margin: 0;
    font-family: Gotham-Bold;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
}

.green-block .h5 a,
.green-block h5 a {
    text-decoration: none;
}

.green-block p {
    font-family: Gotham-Book;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    margin: 10px 0 0 0;
}

.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%);
}

.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;
}

.home-page .section-6.active ~ .pagi,
.home-page .section-7.active ~ .pagi,
.home-page .section-8.active ~ .pagi,
.home-page .section-9.active ~ .pagi,
.home-page .section-10.active ~ .pagi {
    display: none;
}

.work-page .pagi {
    right: initial;
    left: 37px;
    top: 50%;
    margin-top: -160px;
}

.work-page .pagi li a {}

.work-page .pagi li a span {
    text-indent: 0;
    color: #444;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
   /* font-family: Gotham-Bold;*/
    width: 34px;
    height: 25px;
    display: block;
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid transparent

}

.work-page .pagi li a.active span,
.work-page .pagi li a:hover span {
    color: #fff;
    border-bottom: 1px solid #fff
}

.work-page .pagi li {
    display: block;
    width: 34px;
    height: 25px;
    position: relative;
    margin-bottom: 10px;
}

.case-study-wrapper .container {
    overflow: hidden;
}

.case-study-wrapper {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center !important;
}

.case-study-heading {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 92px;
    margin-bottom: 10px;
    font-family: Gotham-Bold;
    color: #00ca6f;
    text-align: center
}

.case-study-head-info {
    margin-bottom: 10px;
    font-size: 48px;
    font-family: 'Gotham-Black';
    line-height: 1;
    color: #fff;
    text-align: center;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}

.case-study-head-info h1 {
    color: #fff;
    font-size: 48px;
    margin: 0;
    font-family: 'Gotham-Black';
}

.case-study-tag {}

.case-study-tag ul {
    list-style: none;
    padding: 0;
    margin: 20px auto 50px auto;
    max-width: 830px;
    text-align: center;
}

.case-study-tag ul li {
    font-size: 16px;
    color: #666666;
    font-family: Geomanist-medium;
    display: inline-block;
    line-height: 30px;
}

.case-study-tag ul li:after {
    content: ".";
    display: block;
    line-height: 25px;
    text-align: center;
    float: right;
    font-size: 30px;
    margin: 0 7px 0 13px;
}

.case-study-tag ul li:last-child:after {
    display: none;
}

.case-study-featuring-img {
    overflow: hidden;
}

.case-study-featuring-img img {
    max-width: 80%;
    margin: 0 auto;
    display: block
}

.background-gray {
    background: #F4F4F4;
}

.case-story {
    padding-top: 100px;
    padding-bottom: 100px;
}

.circular-animation-wrap {
    text-align: center;
}

.circular-animation {
    display: inline-table;
    text-align: center;
    position: relative;
    width: 195px;
    height: 195px;
    vertical-align: top;
}

.landing-cs-circles .circular-animation svg {
    stroke-dashoffset: 18 !important;
}

.circular-animation svg {
    width: 195px;
    height: 195px;
    z-index: 1;
    stroke-dasharray: 602;
    stroke-dashoffset: 602;
    -webkit-transition: all 1.4s;
    transition: all 1.4s;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: middle;
    display: inline-block;
    position: absolute;
}

.circular-animation.animation.fadeIn {
    opacity: 1
}

.circular-animation:nth-child(2) svg {
    -webkit-transition: all 1.7s;
    transition: all 1.7s;
}

.circular-animation:nth-child(3) svg {
    -webkit-transition: all 2s;
    transition: all 2s;
}

.circular-animation:nth-child(4) svg {
    -webkit-transition: all 2.3s;
    transition: all 2.3s;
}

.circular-animation.animation[style*="visibility: visible"] svg {
    stroke-dashoffset: 18;
}

.circular-animation svg circle {
    box-shadow: 0px 0px 30px 0px rgba(15, 115, 238, 0.1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(15, 115, 238, 0.1);
}

.circular-animation .feature-txt {
    max-width: 180px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.circular-animation .feature-txt h4 {
    font-size: 33px;
    color: #333;
    font-family: Gotham-Ultra;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    text-overflow: initial;
    white-space: normal;
    max-width: 180px;
    word-wrap: break-word;
}

.circular-animation .feature-txt p {
    margin: 0 0 -10px 0;
    font-size: 14px;
    padding: 0 9px;
}

.top-parallex {
    display: block;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}

.top-banner-block {
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.top-banner-block.current-opening-detail-header.current-blog-detail-crx {
    display: block;
    overflow: hidden;
}

.container-tst {
    display: table-cell;
    vertical-align: middle;
    top: initial !important;
    left: initial !important;
}

.top-banner-bg {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-position: top right !important;
}

.top-banner-block p {
    margin-bottom: 0px;
    font-family: 'Geomanist';
    font-size: 18px;
}

.top-banner-block .h1 {
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Black';
    margin-top: 0px;
}

.top-banner-block .h1.blog-detail-h1,
.top-banner-block .h1.blog-detail-h1 h1 {
    font-family: Gotham-Ultra;
    font-size: 48px;
    text-align: center;
    line-height: 56px;
    letter-spacing: -1px;
    color: #FFFFFF;
}

.top-banner-block .h1.blog-detail-h1 p {
    font-family: Gotham-Medium;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    color: #FFFFFF;
    display: block;
    width: 100%;
    margin-top: 20px
}

.current-opening-detail-header .gray-text {
    color: #fff;
    font-family: Gotham-Medium;
}

.current-opening-detail-header .gray-text a {
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: center;
    line-height: 19px;
    color: #FFFFFF;
}

.nutshell-wraper {
    background-color: #f5f5f5;
    position: relative;
    border-radius: 2px;
    display: block;
    padding: 50px 0;
    margin: 60px auto 40px;
}

.nushell-heading {
    width: 155px;
    height: 50px;
    background-color: #FFFFFF;
    border: 2px solid #EAEAEA;
    font-family: Gotham-Bold;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 2px;
    color: #1A1A1A;
    position: absolute;
    top: -75px;
    text-align: center;
    line-height: 43px;
}

.nutshell ul {}

.nutshell li {
    font-family: Gotham-Medium;
    font-size: 16px;
    line-height: 32px;
    color: #1A1A1A;
}

.nutshell li:before {
    content: "/";
    display: inline-block;
    margin-right: 5px;
}

.top-banner-block .h1 h1 ,.top-banner-block .h1 .h2-heading-bw{
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: 'Geomanist-Bold';
}
.h2-heading-bw{
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: 'Gotham-Black';
}
.top-banner-block .h1 h2 {
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: 'Geomanist';
}

.text-content-bottom {
    padding-bottom: 40px;
    background: #fff;
}

.text-content-bottom + .container-fluid,
.text-content-bottom + .container-fluid + .container {
    background-color: #fff;
}

.bg-white-color {
    background-color: #fff;
}

.text-content-bottom .h4 {
    color: #757575;
    font-family: Geomanist-Black;
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 14px;
    text-transform: uppercase;
}

.text-content-bottom p {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Geomanist';
}

.text-content-bottom-cell {}

.frmwork-feature-img {
    display: block;
    width: 100%;
    background: #f4f4f4;
}

.frmwork-feature-img img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}

.svg-icon.svg-center {
    margin: 0 auto;
    display: block;
}

.media-icon-custom {
    min-width: 100px
}

.differ-content i {
    color: #999;
    font-size: 60px;
}

.differ-content {
    max-width: 640px;
    width: 100%;
}

.differ-content .media-heading {
    color: #fff;
    line-height: 1.3;
    margin-bottom: 18px;
    font-size: 24px;
    font-family: Geomanist-Medium;
}

.differ-content p {
    color: #999;
    line-height: 1.4;
    font-size: 16px;
    font-family: Geomanist;
}

.differ-content ul {
    margin: 0;
    padding: 0;
}

.differ-content ul li {
    position: relative;
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 24px;
    color: #999999;
    padding-left: 20px;
}

.differ-content ul li:before {
    content: "/";
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

.why-vinfo {
    background: #F9F9F9;
    padding-top: 20px;
    padding-bottom: 90px;
}

.why-vinfo .h3 {
    font-size: 24px;
    font-family: 'Geomanist-Bold';
    margin-bottom: 60px;
}

.why-vinfo .media-heading {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: 'Geomanist-Medium';
}

.why-vinfo p {
    font-size: 16px;
    margin-bottom: 30px;
    overflow: auto;
}

.why-vinfo .media-left {
    font-size: 80px;
    line-height: 82px;
    color: #E6E6E6;
    margin-right: 20px;
    width: 100px;
    font-family: Gotham-Black;
    min-width: 100px;
    vertical-align: top;
}

.bold-type {
    font-family: Gotham-Bold;
    font-size: 1em;
}

.pera-img-view-1 {
    background-size: cover !important;
    background-position: center !important;
    /*background-attachment:fixed !important;*/
    min-height: 200px;
    background-repeat: no-repeat !important;
}

.show-case-type-1 .show-case {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
    background-color: #fff;
}

.show-case-type-1 .show-case.even {
    /*background: url(../img/ST-1.png) no-repeat;*/
    background-size: contain;
    background-color: #fff;
}

.show-case-type-1 .show-case + .show-case {
    border-top: 1px solid #ECECEC;
}

.show-case-type-1 .show-case.odd {
    background: url(../img/ST-2.png) no-repeat;
    background-position: top right;
    background-size: contain;
    background-color: #fff;
}

.show-case-type-1 .show-case-content {}

.show-case-type-1 .show-case-text-block .h5 {
    font-size: 14px;
    color: #999;
    font-family: Gotham-Bold;
    line-height: 1.4;
    text-transform: uppercase;
}

.show-case-type-1 .show-case-text-block .h3 {
    color: #101010;
    font-size: 24px;
    line-height: 1;
    font-family: 'Geomanist-Bold';
    margin-top: 0px;
    margin-bottom: 10px;
}

.show-case-type-1 .show-case-text-block a {
    font-family: Gotham-Bold;
    color: #00CA6F;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 30px;
    display: block;
}

.show-case-type-1 .show-case-text-block a:hover {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.show-case-type-1 .show-case-text-block p {
    margin-bottom: 20px;
    font-size: 16px
}

.show-case-type-1 .show-case-text-block-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.show-case-type-1 .show-case-img-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.show-case-type-1 .show-case-img-block img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.show-case-type-1 .show-case + .more-show-case {
    padding-top: 35px;
    padding-bottom: 35px;
    //border-top: solid 1px #ECECEC;
    background-color: #fff;
}

.work-page * {
    -o-transform: translate3d(0, 0, 0px);
    -ms-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px);
}

.work-page .show-case-type-1 .show-case {
    background: none
}

.work-page .show-case-type-1 .show-case-text-block .h5 {
    color: #fff;
}

.work-page .show-case-type-1 .show-case-text-block .h5 h5 {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.work-page .show-case-type-1 .show-case-text-block .h3 {
    font-size: 48px;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Gotham-Black';
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    margin-top: 0px;
}

.work-page .show-case-type-1 .show-case-text-block a {}

.work-page .show-case-type-1 .show-case-text-block a:hover {
    color: #fff
}

.work-page .show-case-type-1 .show-case-text-block p {
    font-family: 'Gotham-Book';
    font-size: 16px;
    color: #fff;
}

.work-page .show-case-type-1 .show-case-text-block a p {
    letter-spacing: 0px;
}

.more-show-case a {
    display: block;
    font-family: Gotham-Bold;
    font-size: 14px;
    letter-spacing: 2px;
    color: #00CA6F;
    text-decoration: none;
    text-align: center;
}

.client-block {
    display: block;
    width: 100%;
}

.more-show-case a:hover {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

/*.more-show-case a i {
    display: none;
}*/

.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-block {
    display: block;
    width: 100%;
}

.client-block.without-img .client-pic {
    display: none;
}

.client-block.without-img .client-info {
    margin-left: 0;
    padding-left: 0;
}

.show-case-type-2 {
    background: #f9f9f9;
    padding-top: 60px;
    overflow: hidden;
    clear: both;
}

.show-case-type-2 .h3 {
    font-family: 'Gotham-Black';
}

.show-case-type-2 .show-case-content {
    display: table;
    width: 100%;
}

.show-case-type-2 .show-case-content .h4 {
    font-family: Geomanist-Black;
    font-size: 18px;
    margin-bottom: 20px;
}

.show-case-type-2 .show-case-content p {
    font-size: 16px;
    margin-bottom: 15px;
}

.show-case-type-2 .show-case-content p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
    color: #101010;
}

.show-case-text {
    width: 42%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.show-case-img {
    width: 58%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-left: 30px;
    position: relative;
}

.show-case-type-2 .show-case-content.odd .show-case-img {
    text-align: left;
    padding-left: initial;
    padding-right: 30px;
    left: -42%
}

.show-case-type-2 .show-case-content.odd .show-case-text {
    left: 58%;
}

.show-case-img img {
    max-width: 100%;
}

.featur-vinfo {
    background: #f4f4f4;
    padding: 80px 0 80px 0;
}

.featur-vinfo i {
    font-size: 33px;
    color: #333333;
}

.featur-vinfo .media-left {
    min-width: 65px;
}

.featur-vinfo .media-heading {
    font-family: Gotham-Bold;
    font-size: 20px;
    color: #101010;
    margin: 0 0 10px 0;
    padding-right: 15px;
}

.featur-vinfo .txt-content-new h3 {
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin-bottom: 50px;
    color: #262626
}

.featur-vinfo .txt-content-new p {
    margin-bottom: 50px;
}

.featur-vinfo .txt-content-new h6 {
    margin: 0px 0 40px;
    font-family: Gotham-Bold;
    font-size: 20px
}

.home-page-blog-section {
    background: #fff;
}

.section-1 .txt-content p {
    margin-top: 20px;
}

.blog-category {
    font-family: Gotham-Book;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0px;
    margin-bottom: 10px;
    line-height: 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.client-story-wrapper {
    display: table;
    width: 100%;
}

.client-story {
    margin: 40px auto 30px;
}

.client-story1 .client-story {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.client-story p {
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}

.journey-wraper {
    padding-top: 100px;
    overflow: hidden;
    padding-bottom: 60px;
    /*float: left;*/
    width: 100%;
}

.journey-wraper .h2,
.challenge .h2,
.user-story-line .h2,
.h2.acc {
    margin-top: 10px;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 30px;
    font-family: 'Gotham-Black';
}

.journey-wraper .h2 h2 {
    font-size: 36px;
    margin: 0;
}

.journey-wraper .p {
    margin-bottom: 20px;
    letter-spacing: 0;
    font-size: 16px;
}

.journey-wraper .list-unstyled {
    line-height: 30px
}

.journey-wraper .small {
    color: #666666;
    font-size: 18px;
    font-family: Gotham-Black;
    margin-top: 60px;
}

.challenge {
    padding-bottom: 100px;
    background-color: #fff;
}

.challenge ul {
    padding: 0;
    margin: 0;
}

.challenge ul li {
    list-style: none;
}

.challenge ul li p {
    margin: 0
}

.challenge ul li.client {
    position: relative;
    font-size: 16px;
    font-family: Gotham-Bold;
    line-height: 23px;
    margin: 0 0 00px 0;
}

.challenge ul li.client:before {
    position: absolute;
    content: "CLIENT";
    color: #b2b2b2;
    left: -90px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 29px;
}
.challenge ul li.client1 {
    position: relative;
    font-size: 16px;
    font-family: Gotham-Bold;
    line-height: 23px;
    margin: 0 0 00px 0;
}

.challenge ul li.client1:before {
    position: absolute;
    content: "TRAVELER";
    color: #b2b2b2;
    left: -116px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 29px;
}

.challenge ul li.tech {
    position: relative;
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 30px 0;
}

.challenge ul li.tech:before {
    position: absolute;
    content: "VINFOTECH";
    color: #b2b2b2;
    left: -126px;
    font-size: 14px;
    font-family: Gotham-bold;
    line-height: 23px;
}

.wrap-label {
    border-top: 1px solid #ECECEC;
}

.user-story-wrapper,
.journey-wraper {
    background: #fff;
}

.user-stories-heading {
    background-color: #fff;
    border: 1px solid #ececec;
    font-family: Gotham-Bold;
    margin: -15px auto 0;
    text-transform: uppercase;
    width: 215px;
    letter-spacing: 2px;
    line-height: 1.4;
    padding: 5px 40px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

.user-story {
    padding-top: 0px;
    padding-bottom: 60px;
    text-align: center
}

.user-story-block {
    text-align: left;
    display: inline-block;
    float: none;
    vertical-align: top;
    text-align: left;
    min-width: 229px;
}

.user-story-block p {
    color: #333;
    font-size: 26px;
    font-family: FeltThat;
    line-height: 1.1;
    margin-bottom: 10px;
}

.user-story-block-content {
    min-height: 170px;
    max-width: 198px;
    padding: 20px 20px 30px 20px;
    background-image: url(../img/User-Story-BG-01.png);
    background-repeat: no-repeat;
    max-width: 198px;
    margin: 0 auto;
    background-color: #fff582;
    background-position: bottom right;
    background-size: cover;
    margin-bottom: 20px;
}

.user-story-block:last-child .user-story-block-content {
    margin-bottom: 0;
}

.user-story-block-content[style*="height: auto;"] {
    background-size: cover;
}

.user-story-line p {
    margin-bottom: 30px;
}

.user-story-start {
    color: #101010;
    font-size: 36px;
    line-height: 1;
    font-family: FeltThat;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}

.showcase-slider {
    background: #101010;
    padding: 100px 0;
    overflow: hidden;
}

.slider-wrapper .owl-nav.disabled {
    display: none;
}

.slider-wrapper .owl-dots.disabled {
    display: none;
}

.slider-txt-content h3 {
    font-size: 36px;
    color: #fff;
    font-family: Gotham-Black;
    padding-right: 15px;
    margin-bottom: 30px;
    margin-top: 0;
}

.slider-txt-content p {
    font-size: 16px;
    color: #999;
    font-family: Geomanist-Book;
    padding-right: 15px;
    margin-bottom: 30px;
}

.slider-txt-content {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider-txt-content.mobile {
    width: 58%;
}

.slider-txt-content.tablet {
    width: 40%;
}

.slider-txt-internal {
    max-width: 480px;
}

.slider-txt-internal .owl-nav .owl-prev,
.slider-txt-internal .owl-nav .owl-next {
    background: #333;
    color: #fff;
    display: inline-block;
    width: 108px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slider-txt-internal .owl-nav i {
    line-height: 48px;
}

.slider-txt-internal .owl-nav .owl-prev:hover,
.slider-txt-internal .owl-nav .owl-next:hover {
    background: #2d2d2d;
}

.slider-txt-internal .owl-nav .owl-next {
    margin-left: 20px;
}

.slider-wrapper {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
}

.slider-wrapper.tablet {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
}

.slider-wrapper.mobile {
    width: 25%;
}

.slider-wrapper-main.window {
    background: url(../img/browser-window.png) no-repeat;
    padding: 4.1% 0 0;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-wrapper-main.mobile {
    background: url(../img/mobile-frm.png) no-repeat;
    padding: 23.65% 6.1% 23.65% 6.1%;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-wrapper-main.tablet {
    background: url(../img/ipad-frm.png) no-repeat;
    padding: 4.7% 9.7%;
    border-radius: 6px;
    overflow: hidden;
    background-size: 100% auto;
}

.slider-txt-internal .owl-nav {
    margin-bottom: 50px;
}

.slider-txt-content a {
    font-family: Gotham-Bold;
    float: left;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    display: block
}

.slider-txt-content a:hover,
.slider-txt-content a:focus {
    text-decoration: none;
    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);
}

.showcase-img-wrapper {
    padding-top: 100px;
    background: #fff;
}

.showcase-img-wrapper img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.showcase-nav-footer {
    border-top: 1px solid #ECECEC;
    width: 100%;
    display: table;
    height: 140px;
    background: #fff;
}

.slider-txt-internal .owl-nav .owl-prev,
.slider-txt-internal .owl-nav .owl-next {
    background: #333;
    color: #fff;
    display: inline-block;
    width: 108px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}

.showcase-nav-footer .prev-case,
.showcase-nav-footer .next-case {
    padding: 25px 15px;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.showcase-nav-footer .prev-case:hover,
.showcase-nav-footer .next-case:hover {
    background: #eaeaea;
}

.showcase-nav-footer .next-case {
    border-left: 1px solid #ECECEC
}

.showcase-nav-footer a {
    text-decoration: none;
    display: block;
    width: 100%;
    position: relative;
}

.showcase-nav-footer h4 {
    font-family: Gotham-Black;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.4;
}

.showcase-nav-footer p {
    font-style: italic;
    color: #101010;
    margin-bottom: 0;
    display: none;
    padding: 0 25px;
}

.showcase-nav-footer i {
    font-size: 20px;
    color: #101010;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    left: 0;
}

.showcase-nav-footer .next-case i {
    left: initial;
    right: 0;
}

.showcase-slider.showcase-slider-acc {
    background: #fff;
}

.showcase-slider.showcase-slider-acc .slider-txt-content h3 {
    color: #101010;
}

.story-line-wrapper {
    width: 100%;
    display: inline-block;
    padding-bottom: 100px;
}

.show-case-type-1.type-left.acc {
    background: #fff;
}

.story-start {}

.story-post {
    width: 100%;
    position: relative;
    display: inline-block;
    float: left;
}

.story-post:after {
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    content: "";
    background: #e8e8e8;
    right: 0;
    margin: 0 auto;
    display: block;
}

.post-internal {
    width: 50%;
    position: relative;
    float: left;
    clear: both;
    padding-right: 80px;
}

.post-internal:after {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/tree-awwow-left.png) no-repeat;
    top: 9px;
    width: 137px;
    margin: 0 auto;
    height: 47px;
    right: -68px;
    z-index: 1;
}

.story-post h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 21px;
    font-family: Gotham-Bold;
    letter-spacing: -2px;
}

.story-post p {
    margin-bottom: 0;
    font-size: 16px;
    max-width: 440px;
}

.story-post:nth-child(even) {
    text-align: right
}

.story-post:nth-child(even) p {
    float: right;
}

.story-post:nth-child(odd) {}

.story-post:nth-child(odd) p {
    float: left;
}

.story-post:nth-child(odd) .post-internal {
    left: 50%;
    padding-left: 80px;
    padding-right: initial;
}

.story-post:nth-child(odd) .post-internal:after {
    background: url(../img/tree-awwow-right.png) no-repeat;
    left: -68px;
    right: initial;
}

.story-post:last-child:after {
    display: none;
}

.featured-in {
    padding-top: 60px;
    padding-bottom: 0;
    width: 100%;
    display: inline-block;
}

.featured-in h2 {
    text-align: center;
    font-family: FeltThat;
    font-size: 36px;
    line-height: 1;
}

.featured-in ul {
    padding: 0;
    margin: 30px 0 30px;
    text-align: center;
}

.featured-in li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.featured-in li img {
    margin: 0 auto;
    max-height: 100px;
    display: block;
    height: auto;
}

.about-wrapper {
    background-repeat: no-repeat !important;
    float: left;
    width: 100%;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: top center !important;
}

/*.about-heading {
    max-width: 600px
}
*/
.about-heading h1 {
    font-size: 42px;
    margin-top: 50px;
    margin-top: 0;
    font-family: "Gotham-Black";
    line-height: 1;
    color: #fff;
    /*text-align: left;*/
    margin-left: auto;
    margin-right: auto;
}

.about-heading {
    font-size: 42px;
    font-family: "Gotham-Black";
    line-height: 1;
    color: #fff;
    /*text-align: left*/
}

.about-heading p {
    font-family: 'Gotham-Book';
    font-size: 16px;
}

.about-heading.mB0 {
    margin-bottom: 0;
}

.about-wrapper p {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 24px;
}

.about-wrapper a {
    font-family: Gotham-Bold;
    font-size: 14px;
    margin-bottom: 50px;
    display: inline-block;
    margin-right: 20px;
}

.about-wrapper a:focus,
.about-wrapper a:hover {
    text-decoration: none;
    color: #fff;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.our-aim {
    padding-bottom: 100px;
    overflow: hidden;
}

.our-aim .p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
}

.journey-wraper.our-aim .h2 {
    font-size: 48px;
    margin-bottom: 40px;
}

.journey-wraper.our-aim .h2 h2 {
    font-size: 48px;
    margin: 0;
}

.dark-bg {
    background: #101010;
}

.dark-bg img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.rapid-development-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #fff;
}

.rapid-development-content {
    padding-top: 80px;
    display: inline-block;
    background: url(../img/design-thinking-768.png) no-repeat;
    background-position: center center;
    background-size: contain;
    padding-bottom: 80px;
}

.rapid-development-content .h3 {
    font-family:'Gotham-Black';
    margin-top: 0;
    font-size: 42px;
    margin-bottom: 20px;
}

.rapid-development-content li {
    font-family: Gotham-Bold;
    font-size: 14px;
    list-style: none;
    line-height: 2;
}

.dark-gray-bg {
    background: #EBEBEB;
    overflow: hidden
}

.internal-process-img {
    text-align: right
}

.internal-process-img img {
    max-width: 100%;
    position: relative;
    z-index: 0;
}

.internal-process-img .p {
    position: relative;
    z-index: 10;
}

.internal-process-img p {
    font-size: 34px;
    margin-bottom: -72px;
    line-height: 1.4;
    font-family: 'Gotham-Black';
    text-align: left;
    float: left;
    position: relative;
    z-index: 10;
}

.internal-process-wrap {
    padding-top: 140px;
    padding-bottom: 110px;
}

.internal-process-img img.img-2 {
    display: none;
}

.gallery-slider-wrap {
    position: relative;
    background: #fff;
    float: left;
    width: 100%;
}

.gallery-slider-wrap .owl-carousel {
    position: relative;
}

.gallery-slider-wrap .owl-nav {
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-slider-wrap:hover .owl-nav {
    opacity: 1
}

.gallery-slider-wrap .owl-nav .owl-prev,
.gallery-slider-wrap .owl-nav .owl-next {
    position: absolute;
    width: 84px;
    height: 162px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    overflow: hidden;
    font-size: 78px;
    line-height: 180px;
    text-align: center;
    top: 30%;
    top: calc(50% - 90px);
}

.gallery-slider-wrap .owl-nav .owl-next {
    right: 15px;
}

.gallery-slider-wrap .owl-nav .owl-prev {
    left: 15px;
}

.gallery-slider {
    display: block;
    width: 100%;
}

.gallery-slider-wrap .owl-controls {
    display: block;
    margin-bottom: 30px;
    margin-top: 30px;
}

.gallery-slider-wrap .owl-controls svg {
    height: 70px;
    stroke: #8f8f8f;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gallery-slider-wrap .owl-controls .owl-prev:hover svg,
.gallery-slider-wrap .owl-controls .owl-next:hover svg {
    stroke: #101010
}

.navbar-toggle-cross:hover,
.navbar-toggle:hover {
    background: #00BE6A;
}

.custom-popup.modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

.back-clm {
    background: #00CA6F;
    border-radius: 2px;
    padding: 15px;
    margin: 10px 15px;
}

.custom-popup .modal-content {
    background-color: transparent;
    vertical-align: middle;
    display: table-cell;
    box-shadow: none;
    border: 0;
}

.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;
}

.custom-popup .modal-body {
    padding: 0 0 8px 0;
    background: #00CA6F
}

.custom-popup .modal-dialog {
    max-width: 500px;
    margin: 0 auto;
    display: table;
    height: 100%;
    width: 100%
}

.custom-popup.fade.in ~ .modal-backdrop.fade.in {
    background: rgba(255, 255, 255, 0.99)
}

.custom-popup form {
    max-width: 304px;
    margin: 0 auto;
}

.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;
}
.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;
}

.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 .has-error a {
    background: #fff;
    border-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 #fff;
    box-shadow: inset 0 -1px 0 #fff;
}

.custom-popup form .has-error a:focus {
    -webkit-box-shadow: inset 0 -1px 0 #101010;
    box-shadow: inset 0 -1px 0 #101010;
    border-bottom-color: #101010;
}


.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 .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-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 .btn {
    padding: 20px 20px;
}

.custom-popup form .btn.btn-default {
    background: #444444;
    border-color: #444;
}

.custom-popup form .btn.btn-default:hover,
.custom-popup form .btn.btn-default:focus {
    background: #101010;
    border-color: #101010;
}

.custom-popup form .btn:hover {
    background: #02b765;
    color: #fff;
    border-color: #02b765
}

.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
}

.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
}

.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: 260px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: none;
    color: #02b765;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

/*.has-error .help-block {
    background: #fff;
    display: table;
    padding: 5px 10px;
    position: absolute;
    border-radius: 4px;
    -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);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    right: -10px;
    z-index: 1;
    margin: 2px 0 0 0;
}*/

/*.has-error .help-block:after,
.has-error .help-block:before {
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.has-error .help-block:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: 0;
}*/

/*.has-error .help-block:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-width: 9px;
    margin-left: 0;
    right: 9px;
}*/

.form-group {
    position: relative;
}

.modal-contact-area {
    display: block;
    width: 100%;
}

.modal-contact-area .contact-left {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.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 {
    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 .modal-contact-area-seprator:after {
    width: 1px;
    height: 100%;
    content: "";
    background: #00ca6f;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.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
}

.current-opening-header a {
    font-size: 14px;
    font-family: Gotham-Bold;
    display: block;
    float: left;
}

.current-opening-header a:hover,
.current-opening-header a:focus {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    text-decoration: none;
    color: #000;
}

.current-opening-header.top-banner-block .h1 {
    margin-bottom: 10px;
}

.white-bg {
    background: #fff;
}

.why-vinfo .h2 {
    margin-bottom: 30px;
    font-family: 'Gotham-Black';
    line-height: 1;
    font-size: 48px;
}

.lp-block {
    margin-top: 30px;
}

.why-vinfo .p.mB0 p {
    margin-bottom: 0;
}

.why-vinfo .p.mB0 p strong {
    font-family: Gotham-Bold;
    font-size: 1em;
    color: #101010;
}

.why-vinfo .p.mB0 {
    margin-bottom: 30px;
}

.why-vinfo .p.mB0:last-child {
    margin-bottom: 0;
}

.why-vinfo-with-lp-block {}

.why-vinfo-with-lp-block .lp-img img {
    width: 100%;
}

.why-vinfo-with-lp-block .equal-col {
    max-width: 600px;
}

.why-vinfo-with-lp-block .equal-col p {
    padding: 30px 15px;
    margin: 0;
}

.why-vinfo-with-lp-block .equal-col .li-name {
    color: #101010;
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 1.3;
    padding: 0px 15px;
}

.why-vinfo-with-lp-block .equal-col .li-name p {
    font-family: 'Gotham-Book';
    padding: 0;
    color: #333333;
    margin-top: 10px;
}

.open-position {
    border-top: 1px solid #eee;
    padding-top: 80px;
    padding-bottom: 60px;
    background-color: #fff;
}

.open-position .h2 h2 {
    font-family: 'Gotham-Black';
    font-size: 48px;
}

.open-position .h3 h3 {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-top: 60px;
    font-family: 'Gotham-Black';
    margin-bottom: 70px;
    border-top: 3px solid;
    color: #666;
}

.badge {
    font-size: 12px;
    line-height: 1.5;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    color: #FFF;
    font-weight: normal;
    display: inline-block;
    padding: 3px 5px;
    vertical-align: middle;
    border-radius: 2px;
}

.vacancy {
    display: block;
    margin-bottom: 40px;
}

.vacancy a {
    line-height: 1.5;
    vertical-align: middle;
    display: inline-block;
    font-size: 18px;
    font-family: Gotham-Bold;
    color: #101010;
    margin-top: 0;
    text-decoration: none;
    padding-right: 10px;
}

.panel .vacancy a {
    text-transform: none
}

.vacancy-location {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

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

.upload-cv {
    display: block;
    width: 100%;
    margin: 10px 0 50px 0;
    display: none;
}

.badge-info {
    background: #008cff;
}

.badge-danger {
    background: #FF5750;
}

.current-opening-detail-header a {
    display: inline-block
}

.current-opening-detail-header a:hover {
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.current-opening-detail-header.key-people {
    background: #F6F6F6;
}

.current-opening-detail-header.key-people.top-banner-block .h1 {
    margin-top: 20px;
}

.key-detail {
    padding-top: 60px;
    padding-bottom: 90px;
    font-size: 16px;
    background-color: #fff;
}

.key-people-wrapper {}

.key-people-block {
    margin-bottom: 100px;
}

.key-people-block:last-child {
    margin-bottom: 00px;
}

.key-people-img {
    display: inline-block;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.05)
}

.key-people-img img {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
}

.key-people-info {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.key-people-info .h4 {
    font-family: 'Gotham-Bold';
    font-size: 24px;
    margin: 0;
}

.key-people-info small {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    display: block;
}

.key-people-info p {
    font-family: 'Gotham-Book';
    font-size: 16px;
}

.gray-text {
    color: #999
}

.gray-text a {
    color: #999
}

.gray-text a:hover,
.panel-body > a:hover,
.panel-body > a:focus {
    color: #000;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

.blog-detail p {
    line-height: 28px;
}

.blog-detail p strong {
    font-family: 'Gotham-Bold';
}

.top-banner-block.current-opening-detail-header .h1 {
    margin-top: 90px;
}

.job-detail {
    padding-top: 60px;
    padding-bottom: 90px;
    font-size: 16px;
    background-color: #fff;
}

.job-detail h4 {
    font-size: 18px;
    font-family: 'Gotham-Black';
    margin: 0 0 20px 0;
}

.job-detail .list-unstyled {
    margin-bottom: 40px;
}

.job-detail .list-unstyled li {
    padding-left: 30px;
    position: relative;
    line-height: 25px;
    margin-bottom: 10px;
}

.job-detail .list-unstyled li:before {
    content: "/";
    display: inline-block;
    width: 30px;
    position: absolute;
    left: 0;
    font-family: 'Gotham-Bold';
}

.job-detail p {
    margin-bottom: 40px;
}

.job-detail .p small {
    color: #999999;
    text-align: center;
    margin-top: 15px;
    display: block;
    padding: 0 15px;
}

.panel {
    background: #F6F6F6;
}

.panel-body {
    padding: 15px 25px;
}

.panel-body h4 {
    margin: 0 0 40px 0;
    color: #666666;
    font-size: 24px;
    font-family: 'Gotham-Black';
}

.panel-body .vacancy {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 20px;
}

.panel-body .vacancy-location {
    color: #999999;
    font-family: 'Gotham-Book';
    font-size: 16px
}

.panel-body > a {
    text-align: center;
    font-size: 12px;
    font-family: 'Gotham-Black';
    text-decoration: none;
    display: table;
    margin: 0 auto 20px;
    letter-spacing: 2px;
}

.blog-detail {
    padding-bottom: 80px;
    overflow: hidden;
    background-color: #fff;
}

.first-letter {
    display: block;
    margin-top: 50px;
    line-height: 28px;
    float: left;
}

.first-letter p {
    margin-bottom: 30px;
}

.blog-container-wrapper {
    background-color: #fff;
}

.first-letter p:last-child {
    margin-bottom: 50px;
}

.blog-detail .blog-feature-img img {
    width: 100%;
}

.first-letter > p:first-child::first-letter {
    font-size: 67px;
    float: left;
    line-height: 67px;
    padding-right: 10px;
    font-family: 'Gotham-Bold'
}

.twitter-featuring-txt {
    position: relative;
    max-width: 531px;
    margin: 0 auto;
    text-align: center;
    margin: 70px auto;
    padding: 40px 0 30px
}

.twitter-featuring-txt p {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 26px;
    color: #1A1A1A;
    margin: 0 auto 30px;
}

.twitter-featuring-txt:before,
.twitter-featuring-txt:after {
    position: absolute;
    content: "";
    width: 220px;
    left: 0;
    right: 0;
    height: 4px;
    background: rgba(0, 202, 111, 1.0);
    margin: 0 auto;
}

.twitter-featuring-txt:after {
    top: 0;
}

.twitter-featuring-txt:before {
    bottom: 0;
}

.twitter-featuring-txt i {
    font-size: 26px;
    color: #9b9b9b;
    cursor: pointer;
}

.blog-detail h3 {
    font-size: 24px;
    font-family: 'Gotham-Bold'
}

.blog-detail h4 {
    font-size: 18px;
    font-family: 'Gotham-Bold'
}

.sharing-button {
    width: 100%;
    margin: 50px 0 0 0;
}

.about-vinfo-blog h3 {
    font-size: 24px;
    font-family: 'Gotham-Bold';
}

.about-vinfo-blog p {
    line-height: 28px;
}

.about-vinfo-blog {
    background: #F6F6F6;
    padding: 50px 0 60px;
}

.panel-white {
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-radius: 3px;
}

.panel-white .panel-body {
    padding: 20px;
    margin-bottom: 80px;
}

.panel-white .panel-body .block-addrs {
    display: block;
}

.panel-white .panel-body .block-addrs a {
    color: #4A4A4A;
}

.panel-white .panel-body .block-addrs a:hover,
.panel-white .panel-body .block-addrs a:focus {
    display: block;
    text-decoration: none;
    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);
}

.panel-white .panel-body .block-addrs i {
    display: inline-block;
    color: #9b9b9b;
    vertical-align: middle;
    font-size: 23px;
    padding-right: 15px;
    width: 38px;
}

.panel-white .panel-body .block-addrs span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Geomanist';
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
}
.panel-white .panel-body .block-addrs .span {
    font-family: 'Gotham-Book';
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0px;
}

.block-addrs.without-icon {
    padding-left: 38px;
    font-family: Geomanist-Medium;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.block-addrs.without-icon:last-child {
    margin-bottom: 0;
}

.contact-alt {
    padding-top: 80px;
    padding-bottom: 40px;
}

.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;
    }
}

.h3-ultra {
    font-family: 'Gotham-Ultra';
    font-size: 36px;
    margin-bottom: 40px;
}


/* Make clicks pass-through */

#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #00cc6b;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

.tranding-div {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 110;
}

.nav-open .tranding-div {
    z-index: 100;
}

.tranding-div > a {
    float: right;
    position: relative;
    right: 0;
    width: 48px;
    height: 48px;
    color: #fff;
    border-radius: 100%;
    background: #00CA6F;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 48px;
    font-size: 24px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20)
}

.tranding-div > a i {
    line-height: 48px;
}

.tranding-div > a:hover,
.tranding-div a.active {
    background: #1ebf6c;
}

.tranding-div > a.active i.icon-trend {
    font-size: 18px;
}

.tranding-div > a.active i.icon-trend:before {
    content: "\e90f";
}

.tranding-content-pre {
    border-radius: 4px;
    padding: 20px;
    position: relative;
    width: 100%;
    max-width: 350px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px;
}

.tranding-content-pre p {
    font-family: Gotham-Medium;
    font-size: 14px;
    line-height: 16px;
    color: #1A1A1A;
}

.tranding-content-pre a {
    display: block;
    font-family: Gotham-Medium;
    font-size: 12px;
    line-height: 14px;
    color: #9B9B9B;
    text-decoration: none
}

.tranding-content-pre a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #02b765;
}

.tranding-content {
    border-radius: 4px;
    padding: 20px;
    position: relative;
    width: 100%;
    max-width: 420px;
    height: 420px;
    background: #fff;
    display: none;
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px;
}

.tranding-content:before,
.tranding-content-pre:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: rgba(0, 0, 0, 0.08) transparent transparent transparent;
    position: absolute;
    bottom: -12px;
    right: 15px;
}

.tranding-content:after,
.tranding-content-pre:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    right: 17px;
}

.tranding-carousal a {
    text-decoration: none;
}

.tranding-content .h2 {
    font-size: 24px;
    font-family: 'Gotham-Black';
    margin: 0;
}

// .tranding-carousal .owl-stage, .tranding-carousal .owl-stage .owl-item{width:100% !important;}
.tranding-carousal .tanding-news-img {
    margin: 20px 0 30px;
    display: block;
    webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.20)
}

.tranding-carousal .h3 {
    font-size: 16px;
    font-family: 'Gotham-Medium';
}

.tranding-carousal .trand-date-time {
    font-size: 14px;
    font-family: 'Gotham-Book';
    color: #666666;
    display: block;
    margin-top: 10px;
}

.tranding-carousal .owl-carousel .owl-stage {
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
}

.tranding-carousal .owl-controls {}

.tranding-carousal .owl-controls > .owl-nav {
    right: 0px;
    bottom: -8px;
}

.tranding-carousal .owl-nav {
    width: 80px;
    display: block;
    float: right;
    position: absolute;
    right: 20px;
    bottom: 22px;
    background: #fff;
    text-align: center;
}

.tranding-carousal .owl-nav .owl-prev {
    float: left;
    border: 1px solid #ddd;
    width: 50%;
    line-height: 29px;
}

.tranding-carousal .owl-nav .owl-next {
    float: left;
    border: 1px solid #ddd;
    width: 50%;
    line-height: 29px;
    margin-left: -1px;
    position: relative;
    display: block;
}

.tranding-carousal .owl-stage-outer {
    overflow: hidden;
}

.tranding-carousal .owl-stage-outer .owl-item {
    display: inline-block;
}

.tranding-carousal .owl-stage-outer .owl-item img {
    width: 100%;
}

.tranding-carousal .owl-nav {}


/* .tranding-div-open{overflow:hidden;position:relative;}*/

.key-people-modal {
    padding: 0 !important;
    z-index: 111;
}

.key-people-modal .modal-dialog {
    margin: 0;
}

.key-people-modal .modal-content {
    border: none
}

.key-people-modal .modal-body {
    padding: 0;
}

.key-people-modal .modal-footer {
    padding-bottom: 22px;
    padding-top: 22px;
}

.key-people-modal .modal-footer .close {
    color: #CCCCCC;
    float: none;
    margin: 0 auto;
    display: table;
    font-size: 24px;
    opacity: 1;
    -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;
}

.key-people-modal .modal-footer .close:hover {
    color: #666;
}

.modal-open .modal.key-people-modal ~ .modal-backdrop {
    z-index: 110;
}

.blog-detail-wrapper .view-more.subscribe.fixed a.btn {
    text-align: left;
}

.menu-right {
    width: 320px;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: -320px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 10;
}

.menu-right.show-nav {
    -webkit-transform: translateX(-320px);
    transform: translateX(-320px);
    -webkit-transform: translateX(-320px) translateZ(0);
    transform: translateX(-320px) translateZ(0);
    -webkit-transform: translate3d(-320px, 0, 0);
    transform: translate3d(-320px, 0, 0);
    overflow: auto;
}

.menu-right ul {
    margin: 80px 0 40px 0;
    padding: 0 0 0 20px;
}

.menu-right ul li {
    position: relative;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.menu-right ul li:first-child {
    margin-top: 0;
    border: 0;
    box-shadow: none;
}

.menu-right ul li a {
    position: relative;
    padding: 10px 0;
    color: #000;
    font-size: 14px;
    display: block;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.no-touch .menu-right ul li a:hover,
.menu-right ul li.active a {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #00CA6F;
}

.menu-right p {
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 86%;
    left: 20px;
    font-size: 0.875em;
    text-align: center;
}

.menu-right p a {
    color: #FA3251;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-right p a:hover {
    color: #FA3251;
    text-decoration: underline;
}

.nav-toggle-right {
    position: fixed;
    top: 50%;
    right: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    z-index: 11;
    background: #fff;
    padding: 14px 14px;
    border-radius: 100%;
    line-height: 1px;
    color: #666;
}

.filter-applied i {
    position: relative;
}

.filter-applied i:after {
    content: "";
    width: 7px;
    height: 7px;
    background: red;
    border-radius: 100px;
    display: block;
    position: absolute;
    top: -9px;
    right: -11px;
}

.nav-toggle-right:hover,
.nav-toggle-right:focus {
    color: #000;
    text-decoration: none
}

.nav-toggle-right.show-nav {
    color: #fff;
}

.nav-toggle-right.show-nav i:before {
    content: "\e90f";
}

.nav-toggle-right.show-nav {
    background: #00CA6F;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
}

.nav-toggle-right.show-nav .img-b {
    display: block;
}

.nav-toggle-right span {
    color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    font-size: 1.875em;
}

.no-touch .nav-toggle-right span:hover {
    color: white;
}

.nav-toggle-right span.fa-times {
    color: #fff;
}

.nav-toggle-right span.fa-times:hover {
    color: #fff;
}

.animation-wrapper-mobile {
    display: none;
}

.nav-toggle-right.show-nav {
    top: 32px;
    text-decoration: none;
    right: 12px;
}

.animation-wrapper {
    position: relative;
    width: 100%;
    padding: 130px 15px;
    background: url(../img/cicular.png) no-repeat #f4f4f4;
    background-position: center;
    background-size: content;
    overflow: hidden;
}

.animation-wrapper.alfa4 {
    padding: 186px 15px;
    background: url(../img/circle-2.png) no-repeat #f4f4f4;
    background-position: center;
    background-size: content;
}

.animation-wrapper .container-wrapper {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.omega {
    width: 440px;
    height: 440px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    );
    position: relative;
    margin: 0 auto;
    display: block;
}

.primary-content {
    display: table;
    margin: 0 auto;
    height: 100%;
    max-width: 80%;
}

.primary-content .primary-dsa {
    font-size: 32px;
    font-family: 'Gotham-Black';
    line-height: 38px;
    display: table-cell;
    vertical-align: middle;
}

.alfa {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
}

.alfa .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.alfa .primary-content .primary-dsa {
    font-size: 16px;
    line-height: 20px;
    font-family: Geomanist-Medium;
}

.alfa .primary-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -230px;
    text-align: right;
    width: 220px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%));
}

.alfa .primary-content ul li {
    width: 100%;
}

.omega small {
    font-size: 16px;
    font-family: 'Gotham-Book';
    color: #999;
    margin-top: 15px;
    width: 100%;
    display: block;
    line-height: 18px;
}

.alfa:first-child {
    top: -60px;
    left: 580px;
}

.alfa:nth-child(2) {
    top: 130px;
    left: 520px;
}

.alfa:last-child {
    bottom: -60px;
    left: 580px;
}

.alfa2 .alfa-wrapper .alfa:first-child {
    top: 00px;
    left: 245px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa2 .alfa-wrapper .alfa:nth-child(2) {
    top: 210px;
    left: 222px;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:first-child {
    top: -60px;
    left: 280px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:nth-child(2) {
    top: 130px;
    left: 222px;
    ;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa3 .alfa-wrapper .alfa:last-child {
    bottom: -60px;
    left: 288px;
    animation-name: bobble-4;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.alfa4 .alfa-wrapper .alfa:first-child {
    top: -160px;
    left: 380px;
    animation-name: bobble;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:nth-child(2) {
    top: 0px;
    left: 249px;
    ;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:nth-child(3) {
    top: 205px;
    left: 242px;
    animation-name: bobble-3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.alfa4 .alfa-wrapper .alfa:last-child {
    bottom: -120px;
    left: 348px;
    animation-name: bobble-4;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.beta {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
    animation-name: bobble-5;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    top: 30px;
    right: 267px;
}

.beta .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.beta .primary-content .primary-dsa {
    font-size: 16px;
    line-height: 20px;
}

.beta .primary-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -220px;
    text-align: left;
    width: 210px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.beta .primary-content ul li {
    width: 100%;
    position: relative;
    padding-left: 20px;
    line-height: 18px;
    margin-bottom: 15px;
    font-family: Geomanist;
}
.bg-white-color p{
    font-family: Geomanist;   
}
.beta .primary-content ul li:before {
    content: '\005C';
    display: block;
    position: absolute;
    left: 5px;
}

.gama {
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    -moz-box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35);
    box-shadow: 0px 0px 18px 5px rgba(187, 187, 187, 0.35));
    margin: 0 auto;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s linear;
}

.gama .primary-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.gama .primary-content .primary-dsa {
    font-size: 24px;
    line-height: 20px;
    color: #00CA6F;
    font-family: 'FeltThat';
}

.gama .primary-content .primary-dsa > span {
    max-width: 95px;
    display: block;
    margin: 0 auto;
}

.gama .primary-content .primary-dsa > span > i {
    font-style: normal;
    display: block;
    margin: 0 auto;
    font-size: 66px;
    line-height: 33px;
    text-align: center;
}

.gama:first-child {
    bottom: 70px;
    right: 293px;
    width: 131px;
    height: 131px;
    animation-name: bobble-2;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.gama:nth-child(2) {
    bottom: -47px;
    right: 164px;
    width: 150px;
    height: 150px;
    animation-name: bobble-3;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.gama:last-child {
    bottom: -120px;
    right: 321px;
    width: 180px;
    height: 180px;
    animation-name: bobble-5;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@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);
    }
}

.blog-detail-wrapper .view-more.subscribe {
    text-align: left;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    position: absolute;
    bottom: 30px;
    margin: 0;
    z-index: 1;
    left: 15px;
}

.zoomer {
    overflow: hidden;
    background: #252b33;
    position: relative;
    height: 600px;
    width: 100%;
    text-align: center;
}

.zoomer-img {
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: cover!important;
    background-position: center !important;
    width: 100%;
    max-width: none;
    max-height: 600px;
    left: 0;
    background-color: #a0a0a0
}

.zoomer-txt {
    display: inline-block;
    text-align: center;
    left: 0;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    color: #fff;
    top: 40%;
    position: absolute;
    width: 100%;
}

.zoomer-txt h1 {
    max-width: 840px;
    margin: 0 auto;
    font-family: "Gotham-Black";
    font-size: 48px;
    text-align: center;
    line-height: 56px;
    letter-spacing: -1px;
    color: #FFFFFF;
}

.zoomer-txt p {
    font-family: Gotham-Medium;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
    color: #FFFFFF;
    margin: 20px auto 30px;
}

.zoomer-txt .publish-name,
.zoomer-txt .publish-name a,
.zoomer-txt .by-name {
    color: #fff;
    font-family: Gotham-Medium;
    font-size: 16px;
    text-align: center;
    line-height: 19px;
    color: #FFFFFF;
}

.current-opening-detail-header .publish-name a {
    color: #fff;
}

.wrapper-404 {
    padding: 240px 0;
}

.block-404 {
    padding: 0 0 60px 0;
    text-align: center;
    margin: 0 auto;
    max-width: 844px;
    background-color: #FFFFFF;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    width: 100%;
    display: table;
}

.block-404 .img-404 {
    display: table;
    margin: 0 auto;
    position: relative;
    top: -60px;
    margin-bottom: -40px;
}

.block-404 h1 {
    font-family: Gotham-Ultra;
    font-size: 72px;
    text-align: center;
    line-height: 83px;
    letter-spacing: -2px;
    color: #101010;
    margin-top: 0;
}

.block-404 p {
    font-family: Gotham-Book;
    font-size: 32px;
    text-align: center;
    line-height: 46px;
    color: #4A4A4A;
    max-width: 520px;
    margin: 20px auto 30px;
}

.block-404 a {
    font-family: Gotham-Bold;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 2px;
    color: #00CA6F;
    display: table;
    text-decoration: none;
    margin: 0 auto;
}

.block-404 a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #333;
}

.comingsoon-wrapper {
    display: table;
    height: 500px;
}

.comingsoon-block {
    display: table-cell;
    vertical-align: middle;
}

.comingsoon-block h1 {
    font-family: Gotham-Ultra;
    font-size: 64px;
    line-height: 75px;
    letter-spacing: -2px;
    color: #1A1A1A;
    margin-top: 0;
}

.comingsoon-block p {
    font-family: Gotham-Book;
    font-size: 16px;
    line-height: 26px;
    color: #1A1A1A;
    max-width: 600px;
}

.comingsoon-block p a {
    font-family: Gotham-Bold;
    font-size: 16px;
    line-height: 26px;
    color: #1A1A1A;
    text-decoration: none;
    block;
}

.comingsoon-block p a:hover {
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
    color: #02b765;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus, .section-content:focus, .section:focus {
    outline: none;
}
.pagidisplay{display: none;}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.sports-slider-section {
    background: #F4F4F4;
    padding: 100px 0;
}

.sports-slider {
    position: relative;
}

.slick-list:after {
    content: "";
    background: rgba(244, 244, 244, 1);
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244, 244, 244, 1)), color-stop(50%, rgba(231, 56, 39, 0)), color-stop(100%, rgba(244, 244, 244, 1)));
    background: -webkit-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -o-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: -ms-linear-gradient(left, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    background: linear-gradient(to right, rgba(244, 244, 244, 1) 0%, rgba(231, 56, 39, 0) 50%, rgba(244, 244, 244, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=1);
}

.sports-block {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
    width: 185px;
    height: 185px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    text-align: center;
}

.sports-block img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 20;
    margin: 30px auto 0;
    display: inline-block;
}

.sports-block span {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 20;
    background: #fff;
    padding: 2px;
    margin: -70px auto 0;
    width: 98%;
    display: block;
    font-family: Gotham-Bold;
    color: #111111;
    font-size: 14px;
}

.slick-center .sports-block {
    background: #fff;
    width: 200px;
    height: 200px;
    margin: -7px auto 0;
}

.slick-center .sports-block img {
    margin: 40px auto 0;
}

.slick-center .sports-block span {
    margin: -75px auto 0;
}

.slider-item {
    padding-top: 10px;
    padding-bottom: 10px;
    outline: none;
}

button.slick-prev.slick-arrow {
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    margin-top: -24px;
    outline: none;
    font-size: 34px;
    color: #00CE67;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button.slick-next.slick-arrow {
    border: none;
    background: transparent;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    margin-top: -24px;
    outline: none;
    font-size: 34px;
    color: #00CE67;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button.slick-prev.slick-arrow:hover,
button.slick-next.slick-arrow:hover {
    color: #333;
}

.sports-slider-section .slick-track {
    min-height: 213px;
}

.duel-text {
    background: #F4F4F4;
    padding: 100px 0;
}

.duel-text h4 {
    font-family: Gotham-Bold;
    font-size: 24px;
}

.duel-text p {
    font-size: 16px;
    font-family: Gotham-Book;
    color: #333333;
}
.nav-toggle-right.show-nav {
    top: 50%;
    right: 30px;
}

@media screen and (min-width:768px) {
    .comingsoon-wrapper {
        min-height: 768px
    }
    .category-dropdown .dropdown-menu {}
    .category-dropdown .dropdown-toggle {
        display: none;
    }
    .category-dropdown .dropdown-menu {
        display: block;
        position: relative;
        box-shadow: none;
        border: none
    }
    .category-dropdown .dropdown-menu li {
        padding: 0
    }
    .category-dropdown .dropdown-menu li a {
        padding: 0;
        font-family: Gotham-Book;
        font-size: 13px;
        margin-bottom: 20px
    }
    .category-dropdown .dropdown-menu > .active > a,
    .category-dropdown .dropdown-menu > .active > a:hover,
    .category-dropdown .dropdown-menu > .active > a:focus {
        padding: 0;
        background: none;
        color: #00cc6b;
        font-family: Gotham-Bold;
    }
    .other-block .h2 {
        display: none
    }
    /*.footer-block ul {
        padding: 0;
        list-style: none;
        min-height: 160px
    }*/
    .footer-top .last-menu-block ul {
        text-align: center;
        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;*/
    }
    .cd-primary-nav ul {
        min-height: 180px;
        margin-bottom: 30px;
    }
    .menu-right ul {
        margin: 80px 0 0 0;
    }
    .menu-right {
        width: 400px;
        right: -400px;
        display: table;
    }
    .menu-right ul {
        display: table-cell;
        vertical-align: middle;
    }
    .menu-right.show-nav {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
        -webkit-transform: translateX(-400px) translateZ(0);
        transform: translateX(-400px) translateZ(0);
        -webkit-transform: translate3d(-400px, 0, 0);
        transform: translate3d(-400px, 0, 0);
    }
    /*
    .nav-toggle-right.show-nav {
        top: 50%;
        right: 30px;
    }*/
    .menu-right ul {
        margin: 0;
        padding: 0 0 0 45px;
    }
    .pull-left-sm {
        float: left;
    }
    .pull-right-sm {
        float: right;
    }
    .differ-block-wrapper {
        clear: left;
        float: left;
        width: 100%;
        overflow: hidden;
        background: #404040;
    }
    .differ-block-wrapper-alt {
        background: #333;
    }
    .differ-block-wrapper-alt .differ-block {
        background: #404040;
    }
    .differ-block {
        float: left;
        width: 100%;
        position: relative;
        right: 50%;
        background: #333;
        padding: 60px 0;
    }
    .differ-left {
        float: left;
        width: 50%;
        position: relative;
        left: 50%;
        overflow: hidden;
    }
    .differ-right {
        float: left;
        width: 50%;
        position: relative;
        left: 50%;
        overflow: hidden;
    }
    .why-vinfo .h3 {
        font-size: 28px;
    }
    .why-vinfo p,
    .blog-detail-wrapper .blog-detail-block p {
        font-size: 16px;
        font-family: 'Geomanist';
    }
    .show-case-type-2 .h3 {
        margin-bottom: 60px;
        font-size: 28px;
    }
    .show-case-type-2 .show-case-content p {
        font-size: 16px;
    }
    .show-case-type-2 .show-case-content {
        margin-bottom: 50px;
    }
    .show-case-type-1 .show-case-text-block .h3 {
        font-size: 36px;
        letter-spacing: -2px;
    }
    .show-case-type-1 .show-case {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .show-case-type-1 .show-case-text-block {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .codrops-header {
        height: 490px;
    }
    .blog-detail-wrapper .h2 {
        margin-top: 140px;
    }
    .showcase-nav-footer p {
        display: block
    }
    .about-vinfo-blog {
        background: url(../img/vinfo-service.png) no-repeat #F6F6F6;
        padding: 142px 0;
    }
    .key-people-img {
        display: inline-block;
        vertical-align: top;
        width: 226px;
        height: 310px;
        padding-bottom: 5px;
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: -231px;
        padding-left: 260px;
    }
     
}

@media screen and (min-width: 992px) {
   
    .footer-top .last-menu-block ul {
        text-align: left;
        min-height: auto;
    }
    /*.sub-nav-footer {
        text-align: right;
    }*/
    .copyright p {
        letter-spacing: 2px;
    }
    .footer-spacer {
        position: relative;
        z-index: -2;
    }
    
    .client-view-block {
        padding: 30px;
    }
    .copyright {
        text-align: right;
        margin-top: 30px
    }
    .pull-left-md {
        float: left;
    }
    .pull-right-md {
        float: right;
    }
    .differ-block {
        padding: 80px 0;
    }
    .why-vinfo .h3 {
        font-size: 34px;
    }
    .pera-img-view-1 {
        min-height: 300px
    }
    .show-case-type-1 .show-case-text-block p {
        font-size: 16px;
        font-family: Geomanist;
    }
    .show-case-type-2 .h3 {
        margin-bottom: 60px;
        font-size: 36px;
        font-family: Geomanist-Bold;
    }
    .show-case-type-1 .show-case-text-block .h3 {
        font-size: 48px;
    }
    .show-case-type-1 .show-case {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .work-page .show-case-type-1 .show-case {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .more-show-case {
        text-align: right;
    }
    .show-case-type-1 .show-case-text-block {
        max-width: 405px;
    }
    .show-case-type-1 .show-case-text-block-wrapper {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .show-case-type-1 .show-case-img-block {
        width: 59.5%;
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    /*shivraj 08-02-17*/
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 533px;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 40%;
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    .show-case-type-1 .show-case.odd .show-case-img-block {
        padding-right: 50px;
        right: 40%
    }
    .show-case-type-1 .show-case.odd .show-case-text-block-wrapper {
        left: 60%
    }
    .show-case-type-1 .show-case.even .show-case-img-block {
        padding-left: 50px;
    }
    .show-case-type-1 .show-case.even .show-case-text-block {
        /*float: right*/
    }
    .show-case-type-1 .show-case.odd .show-case-text-block {
        float: left
    }
    .case-study-heading {
        font-size: 24px;
        margin-bottom: 30px;
        margin-top: 220px;
    }
    .case-study-head-info {
        margin-bottom: 30px;
        font-size: 64px;
        font-family: 'Gotham-Black';
        line-height: 1;
        color: #fff;
    }
    .case-study-head-info h1 {
        color: #fff;
        font-size: 64px;
        margin: 0;
    }
    .client-story {
        display: table-cell;
        padding: 0 20px;
        min-width: 50%;
    }
    .client-story + .client-story {
        width: 50%;
    }
    .home-page .section-1 .txt-content,
    .home-page .section-2 .txt-content,
    .home-page .section-3 .txt-content,
    .home-page .section-4 .txt-content,
    .home-page .section-5 .txt-content {
        width: 100%;
        max-width: 52%;
        text-align: left;
    }
    .panel-white .panel-body {
        padding: 50px 50px;
    }
    .key-people-img {
        vertical-align: middle;
        width: 304px;
        height: 400px;
        padding-bottom: 10px;
    }
    .key-people-info {
        vertical-align: middle;
        margin-left: -309px;
        width: 100%;
        padding-left: 330px;
    }
}


/*shivraj 08-02-17*/

.work-page .show-case-type-1 .show-case.odd .show-case-text-block-wrapper {
    left: 49%
}

.work-page .show-case-type-1 .show-case-text-block .know-more {
    color: #fff;
    font-family: Gotham-Book;
    font-size: 14px;
    text-decoration: none;
    margin-top: 10px;
}

.work-page .show-case-type-1 .show-case-text-block a {
    margin-bottom: 0px;
}

.work-page .show-case-type-1 .show-case-text-block .know-more:hover {
    color: #00cc6b;
    text-decoration: none;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

@media(max-width:1024px) {
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 375px;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 37%;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 51%;
    }
}

@media(max-width:990px) {
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 480px;
        text-align: center;
    }
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 100%;
    }
    .work-page .show-case-type-1 .show-case-img-block {
        width: 100%;
    }
}

@media screen and (min-width:1200px) {
    button.slick-prev.slick-arrow {
        right: -90px;
    }
    button.slick-next.slick-arrow {
        left: -90px;
    }
    .pull-left-lg {
        float: left;
    }
    .pull-right-lg {
        float: right;
    }
    .differ-block {
        padding: 150px 0;
    }
    .pera-img-view-1 {
        min-height: 350px
    }
    .codrops-header .container {
        top: 15vh;
    }
    .codrops-header {
        height: 550px;
    }
    .user-story-block {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .section-6 .container {
        height: 100%;
    }
    .top-banner-block {
        height: 600px;
    }
    .rapid-development-wrap {
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .right-bar {
        right: 20px;
        top: 20px
    }
    .nav-toggle {
        left: 20px;
        top: 20px
    }
    .copyright p {
        letter-spacing: 4px;
    }
}

@media screen and (min-width:1280px) {
    .blog-detail-wrapper .view-more.subscribe.fixed a.btn {
        text-align: center;
        min-width: 150px;
        position: fixed;
        bottom: 60px;
        left: 15px;
        margin-top: 0px;
    }
}

@media screen and (min-width:1366px) {
    .blog-detail-wrapper .view-more.subscribe.fixed a.btn {
        left: 53px;
    }
    .work-page .show-case-type-1 .show-case {
       /* padding-top: 90px;
        padding-bottom: 90px;*/
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .contact-alt .column .contact-info .icon,
    .contact-alt .column .contact-info .h4 {
        margin-left: 20px;
    }
    .contact-alt .column .contact-info .phon-number {
        padding: 15px 20px 5px
    }
}

@media screen and (min-width:1600px) {
    .pull-left-xlg {
        float: left;
    }
    .pull-right-xlg {
        float: right;
    }
    .codrops-header .container {
        top: 21vh;
    }
    .codrops-header {
        height: 600px;
    }
    .top-banner-block {
        height: 600px;
    }
    .top-banner-block.current-opening-header {
        height: 700px;
    }
    .top-banner-block.current-opening-detail-header {
        height: 400px;
    }
    .top-banner-block.current-opening-detail-header.current-blog-detail-crx {
        height: 600px;
    }
    .contact-alt .column .contact-info {
        min-width: 360px;
    }
    .zoomer {
        height: 600px;
    }
    .zoomer-img {
        max-height: 600px;
    }
    .comingsoon-wrapper {
        min-height: 1080px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .home-page .section-1 .img-content {
        max-width: 45%;
        width: 100%;
        margin: 0 auto;
    }
    .home-page .section-1 .txt-content {
        max-width: 54%;
        width: 100%;
        margin: 0 auto;
    }
    .home-page .section-1 .txt-content h3 {
        margin: 0px auto 0;
    }
    .top-banner-block {
        height: 500px;
    }
    .top-banner-block.current-opening-header {
        height: 570px
    }
    .top-banner-block.current-opening-detail-header {
        height: 600px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    /*footer {
        padding-top: 50px;
        padding-bottom: 50px;
    }*/
    .why-vinfo-with-lp-block .equal-col {
        max-width: 100%;
        clear: both;
    }
    .lp-img {
        width: 40%;
        float: left;
    }
    .why-vinfo-with-lp-block .equal-col p {
        padding: 0px 15px 20px;
        margin: 0;
        width: 50%;
        display: inline-block;
        float: left;
    }
    .why-vinfo-with-lp-block .equal-col .li-name {
        float: right;
        width: 60%;
        text-align: left;
        display: inline-block;
        clear: both;
    }
    .why-vinfo-with-lp-block .equal-col .li-name p {
        float: right;
        width: 100%;
        text-align: left;
        display: inline-block;
        margin-bottom: 50px;
    }
}

@media screen and (min-width:1025px) {
    .section-7 .wrap {
        padding-top: 100px;
    }
    .section-6 .container {
        height: 100%;
    }
}

@media screen and (max-width:1279px) {
    .animation-wrapper .container-wrapper {
        width: 992px;
    }
    .omega {
        width: 320px;
        height: 320px;
    }
    .alfa {
        width: 130px;
        height: 130px;
    }
    .beta {
        width: 130px;
        height: 130px;
        top: -40px;
        right: 240px;
    }
    .alfa .primary-content ul {
        left: -200px;
        width: 190px;
    }
    .alfa3 .alfa-wrapper .alfa:first-child {
        top: -20px;
        left: 220px;
    }
    .alfa3 .alfa-wrapper .alfa:nth-child(2) {
        top: 129px;
        left: 192px;
    }
    .alfa3 .alfa-wrapper .alfa:last-child {
        bottom: -80px;
        left: 258px;
    }
    .gama:first-child {
        right: 213px;
        width: 110px;
        height: 110px;
    }
    .gama:nth-child(2) {
        width: 120px;
        height: 120px;
        bottom: -17px;
        right: 112px;
    }
    .gama:last-child {
        width: 140px;
        height: 140px;
        bottom: -80px;
        right: 241px;
    }
    .animation-wrapper.alfa4 {
        padding: 130px 15px;
    }
    .alfa4 .alfa-wrapper .alfa:first-child {
        top: -100px;
        left: 270px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(2) {
        top: 30px;
        left: 199px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(3) {
        top: 165px;
        left: 192px;
    }
    .alfa4 .alfa-wrapper .alfa:last-child {
        bottom: -100px;
        left: 278px;
    }
    .alfa2 .alfa-wrapper .alfa:first-child {
        top: 10px;
        left: 195px;
        ;
        animation-name: bobble;
        animation-duration: 8s;
        animation-iteration-count: infinite;
    }
    .alfa2 .alfa-wrapper .alfa:nth-child(2) {
        top: 170px;
        left: 202px;
        animation-name: bobble-2;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
}

@media screen and (max-width: 1024px) {
    .section-1 .txt-content,
    .section-2 .txt-content,
    .section-3 .txt-content,
    .section-4 .txt-content,
    .section-5 .txt-content {
        max-width: 530px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .section-1 .txt-content a {
        margin: 15px auto;
    }
    .img-content {
        margin-left: auto;
        margin-right: auto;
        display: table;
        max-width: 450px;
    }
    .visible-img-content-tablet {
        display: block !important
    }
    .hidden-img-content-tablet {
        display: none;
    }
    .txt-content a.know-more {
        float: none;
    }
    .bg-img {
        background-attachment: initial !important
    }
    .pagi {
        display: none
    }
    .home-page .section-6 .section-content {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section#section6 {
        height: auto !important;
    }
    .home-page .section-7 .txt-content-normal .h3:first-child {
        padding-top: 100px;
    }
    .circular-animation svg {
        stroke-dashoffset: 18;
    }
    .current-opening-header a {
        margin-bottom: 0px;
        display: block;
        float: left;
    }
    .home-page .section-1 .txt-content h3 {
        margin-top: 80px;
        text-align: center
    }
    .home-page .section-1 .txt-content p {
        text-align: center
    }
    .home-page .section-1 .txt-content a {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .about-wrapper {
        background-position: top left !important;
        background-size: initial !important;
    }
    .about-wrapper:last-child {
        background-position: top left !important;
        background-attachment: initial !important;
        background-size: cover !important;
        background-color: transparent !important;
    }
    .top-banner-block.current-opening-detail-header .h1 {
        font-size: 48px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 1280px) {
.font-1280{
    font-size:54px !important;
}
}

@media screen and (max-width:991px) {
    .wrapper-404 {
        padding: 200px 0 100px;
    }
    .home-page .section-6 .h2 {
        margin-left: auto;
        margin-right: auto;
    }
    .block-wrapper {
        margin: 15px auto;
    }
    .blog-detail-wrapper .h2 h2 {
        font-size: 48px;
        margin: 0;
    }
    /*.second-last.footer-block ul {
        min-height: auto;
        margin-bottom: 40px;
    }*/
    .last-menu-block .footer-block {
        margin-bottom: 30px;
    }
    /*.sub-nav-footer ul {
        margin-bottom: 30px;
    }*/
    .panel-white .panel-body {
        padding: 50px 50px;
    }
    .top-banner-block.current-opening-header .top-banner-bg {
        background-size: cover !important;
        background-position: 70% 0 !important;
    }
    .top-banner-block.current-opening-header {
        height: 500px;
    }
    .current-opening-header a {
        margin-bottom: 0px;
    }
    .section .txt-content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .txt-content a.know-more {
        float: none;
        display: inline-block;
    }
    .txt-content.txt-content-no-img {
        margin: 0 auto;
    }
    /*.sub-nav-footer {
        text-align: center;
    }*/
    .enquiries .description {
        margin-bottom: 20px;
    }
    .differ-content .media-icon-custom {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .differ-content .media-body {
        text-align: center
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 600px;
        margin: 0 auto;
        display: block;
    }
    .work-page .show-case-type-1 .show-case-img-block img {
        max-width: 500px;
    }
    .show-case-type-1 .show-case.even {
        background: url(../img/ST-1-T.png) no-repeat;
        background-size: inherit;
    }
    .show-case-type-1 .show-case + .show-case {
        border-top: 1px solid #ECECEC;
    }
    .show-case-type-1 .show-case.odd {
        background: url(../img/ST-2-T.png) no-repeat;
        background-position: top right;
        background-size: inherit;
    }
    .show-case-type-1 .show-case-img-block {
        margin-top: 30px;
    }
    .more-show-case,
    .show-case-type-1 .show-case-text-block .h5,
    .show-case-type-1 .show-case-text-block p,
    .show-case-type-1 .show-case-text-block .h3,
    .show-case-type-1 .show-case-text-block a {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .show-case-content .client-block .client-pic {
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        margin-bottom: 20px;
    }
    .show-case-content .client-block .client-pic img {
        max-width: 71px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .show-case-content .client-block .client-info {
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .show-case-content .client-block .client-designation .client-name {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .codrops-header .container {
        top: 9vh;
    }
    .home-page .section-6 .h2,
    .home-page .section-6 .h2 p {
        text-align: center;
    }
    .home-page .section-6 p,
    .field-name-field-team-small-text {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
    .home-page .section-6 .h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
    .home-page .section-6 ul {
        margin-bottom: 20px
    }
    .home-page .section-1 .txt-content h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
    }
    .copyright p {
        margin-bottom: 0;
        text-align: center;
    }
    .home-page .blog-section {
        margin-top: 40px;
    }
    .partner-block {
        margin-bottom: 60px;
    }
    .home-page .more-link {
        margin-top: 10px;
        margin-bottom: 50px;
    }
    .partner-block ul li {
        display: inline-block;
        margin-top: 10px
    }
    .home-page .quick-reads {
        -webkit-transform: translate(0, -22px);
        -moz-transform: translate(0, -22px);
        -ms-transform: translate(0, -22px);
        transform: translate(0, -22px)
    }
    .home-page .section-6 .bg-img-still {
        background: none !important;
    }
    .section-7 .txt-content-normal .client-testimonial + .h3 {
        margin-bottom: 10px;
    }
    .client-testimonial {
        margin-bottom: 80px;
    }
    .client-testimonial .owl-carousel .owl-stage {
        background: #fff
    }
    .section-7 .txt-content-normal .h3 {
        margin-bottom: 30px
    }
    .challenge ul li.tech:before,
    .challenge ul li.client:before {
        display: inline-block;
        position: initial;
        width: 100%;
    }
    .case-study-heading {
        margin-top: 160px;
    }
    .client-story .equal-col {
        height: auto !important
    }
    .challenge ul li.client {
        margin: 0 0 10px 0;
    }
    .challenge ul li.tech {
        margin: 0 0 30px 0;
    }
    .slider-txt-internal {
        margin: 0 auto;
        text-align: center
    }
    .slider-txt-content h3,
    .slider-txt-content p {
        padding-right: 0;
    }
    .slider-txt-content,
    .slider-txt-content.mobile,
    .slider-txt-content.tablet {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }
    .slider-wrapper {
        width: 100%;
        max-width: 570px;
        display: block;
        vertical-align: middle;
        margin: 0 auto;
    }
    .slider-txt-content a {
        margin-bottom: 50px;
        text-align: center;
        float: none;
    }
    .work-page .show-case-type-1 .show-case-text-block .h3 {
        font-size: 36px;
    }
    .top-banner-block {
        height: initial;
    }
    .top-banner-block .h1 {
        margin-top: 160px;
    }
    .top-banner-block p {
        margin-bottom: 40px;
    }
    .top-banner-block .zoomer-txt p {
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .rapid-development-wrap {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .internal-process-wrap {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .current-opening-header.top-banner-block .h1 {
        font-size: 48px;
        margin-top: 100px;
    }
    .top-banner-block.current-opening-detail-header .h1 {
        margin-top: 160px;
        margin-bottom: 10px;
    }
    .current-opening-detail-header.key-people.top-banner-block .h1 {
        margin-top: 120px;
        margin-bottom: 120px;
    }
    .current-opening-header.top-banner-block .h1 {
        margin-top: 30px;
    }
    .top-banner-block.current-opening-detail-header .gray-text {
        margin-bottom: 40px;
    }
    .top-banner-bg {
        background-size: 80% !important;
    }
    .contact-alt .column {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
        display: block;
        float: none;
    }
    .top-banner-block .h1 , .top-banner-block .h1 .h2-heading-bw{
        font-size: 48px;
        margin-bottom: 20px;
    }
    .h2-heading-bw{
        font-size: 48px;
        margin-bottom: 20px;

    }
    .top-banner-block .h1 h1 {
        font-size: 48px;
        margin: 0;
    }
    .top-banner-block .h1 h2 {
        font-size: 48px; 
        margin: 0;
    }
    .font-1280{
        font-size: 48px !important; 
        margin: 0;
    }
    .about-heading {
        font-size: 36px;
    }
    .rapid-development-content h3 {
        font-size: 24px
    }
    .journey-wraper.our-aim .h2 {
        font-size: 36px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .blog-section {
        margin-top: 60px;
    }
    .more-link {
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .more-link.empthy-more-link{
        margin-bottom: 30px;
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 36px
    }
    .open-position {
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .why-vinfo-with-lp-block .equal-col {
        margin: 0 auto;
    }
    .nav-block:last-child {
        margin-bottom: 30px;
    }
    .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;
    }
    .job-detail .btn-primary {
        letter-spacing: 2px;
    }
    .contact-form {
        padding-bottom: 0px;
    }
    .panel-white .panel-body {
        margin-top: 50px;
    }
    .contact-alt .column .contact-info {
        min-width: 360px;
    }
    .nav-footer {
        position: relative;
        bottom: 10px;
        right: initial;
        margin: 30px -15px 20px -15px;
        left: 15px;
    }
    .rigt-menu ul {
        text-align: center;
        min-height: initial;
        margin: 0;
    }
    .rigt-menu ul li {
        display: inline-block;
        width: auto;
        margin: 0 10px;
    }
    /*.footer-spacer {
        height: auto !important;
    }*/
    .animation-wrapper .container-wrapper {
        width: 768px;
    }
    .omega {
        width: 250px;
        height: 250px;
    }
    .primary-content .primary-dsa {
        font-size: 24px;
        line-height: 28px;
    }
    .alfa .primary-content .primary-dsa,
    .beta .primary-content .primary-dsa {
        font-size: 12px;
        line-height: 16px;
    }
    .beta .primary-content .primary-dsa {
        margin-bottom: 0px;
    }
    .alfa {
        width: 100px;
        height: 100px;
    }
    .alfa .primary-content ul li {
        font-size: 12px;
    }
    .beta .primary-content ul li {
        margin-bottom: 0;
    }
    .beta {
        width: 100px;
        height: 100px;
        top: -80px;
        right: 240px;
        font-size: 12px;
    }
    .alfa .primary-content ul {
        left: -170px;
        width: 160px;
    }
    .alfa3 .alfa-wrapper .alfa:first-child {
        top: -20px;
        left: 170px;
    }
    .alfa3 .alfa-wrapper .alfa:nth-child(2) {
        top: 99px;
        left: 148px;
    }
    .alfa3 .alfa-wrapper .alfa:last-child {
        bottom: -60px;
        left: 208px;
    }
    .alfa4 .alfa-wrapper .alfa:first-child {
        top: -90px;
        left: 230px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(2) {
        top: 20px;
        left: 149px;
    }
    .alfa4 .alfa-wrapper .alfa:nth-child(3) {
        top: 135px;
        left: 168px;
    }
    .alfa4 .alfa-wrapper .alfa:last-child {
        bottom: -90px;
        left: 238px;
    }
    .alfa2 .alfa-wrapper .alfa:first-child {
        top: 10px;
        left: 155px;
        ;
        animation-name: bobble;
        animation-duration: 8s;
        animation-iteration-count: infinite;
    }
    .alfa2 .alfa-wrapper .alfa:nth-child(2) {
        top: 170px;
        left: 152px;
        animation-name: bobble-2;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
    .gama .primary-content .primary-dsa {
        font-size: 16px;
        line-height: 18px;
    }
    .gama .primary-content .primary-dsa > span > i {
        font-size: 46px;
        line-height: 23px;
    }
    .gama:first-child {
        right: 159px;
        width: 95px;
        height: 95px;
    }
    .gama:nth-child(2) {
        width: 120px;
        height: 120px;
        bottom: -17px;
        right: 52px;
    }
    .gama:last-child {
        width: 120px;
        height: 120px;
        bottom: -90px;
        right: 181px;
    }
    .green-block {
        padding: 20px;
        width: 360px;
        height: 120px;
        margin-top: -60px;
        right: -20px;
    }
    .blog-featured-img-wrap {
        margin: 40px 0 40px 0;
    }
    .blog-detail-wrapper .blog-detail-block:first-child {
        margin-top: 0;
    }
    .nutshell-wraper {
        padding-left: 35px;
        padding-right: 35px;
    }
    .animated-text-prefix h1 {
        font-size: 36px;
        line-height: 38px;
        max-width: 520px;
    }
    .animated-text-prefix p {
        max-width: 440px;
    }
}

@media screen and (max-width:767px) {
    .container-tst {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        z-index: 0;
        top: initial !important;
        left: initial !important;
    }
    .featur-vinfo .txt-content-new h6 {
        margin-bottom: 20px;
    }
    .block-404 h1 {
        font-size: 48px;
    }
    .block-404 p {
        font-size: 24px;
        line-height: 28px;
    }
    .zoomer-txt h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .client-story1 .client-story {
        width: 100%;
    }
    .block-wrapper {
        max-width: 310px;
    }
    .zoomer {
        height: 600px;
    }
    .zoomer-img {
        max-height: 600px;
    }
    .category-dropdown .dropdown-menu li a:hover {
        background: none;
        color: #00cc6b;
        -moz-transform: translate(1px, 0px);
        -webkit-transform: translate(1px, 0px);
        -o-transform: translate(1px, 0px)
    }
    .dropdown.category-dropdown {
        height: 48px;
    }
    .dropdown.category-dropdown .dropdown-toggle {
        width: 100%;
        display: block;
        height: 48px;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 1.33;
        border-radius: 0;
        border: 1px solid #ddd;
        text-decoration: none;
    }
    .dropdown.category-dropdown.open > .dropdown-menu {
        width: 100%;
    }
    .dropdown.category-dropdown .dropdown-toggle .caret {
        right: 0;
        border: 2px solid;
        border-radius: 2px;
        border-color: transparent #888888 #888888 transparent;
        width: 12px;
        height: 12px;
        -webkit-transform: rotate(44deg);
        -ms-transform: rotate(44deg);
        -o-transform: rotate(44deg);
        transform: rotate(44deg);
        top: 13px;
        position: absolute;
        right: 20px;
    }
    .dropdown.category-dropdown .dropdown-menu > li > a {
        line-height: 38px;
    }
    .dropdown.category-dropdown.open > .dropdown-toggle .caret {
        top: 19px;
        -webkit-transform: rotate(224deg);
        -ms-transform: rotate(224deg);
        -o-transform: rotate(224deg);
        transform: rotate(224deg);
    }
    .green-block {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0;
        height: auto;
        border-radius: 0 0 4px 4px;
        padding: 15px;
    }
    .blog-featured-img-wrap img {
        border-radius: 4px 4px 0 0
    }
    .blog-detail-wrapper .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .animation-wrapper-mobile {
        display: block;
    }
    .animation-wrapper {
        display: none !important;
    }
    .sub-nav-footer ul {
        margin-bottom: 00px;
    }
    .animation-wrapper {
        display: none;
    }
    .current-opening-detail-header.key-people.top-banner-block .h1 {
        margin-top: 90px;
        margin-bottom: 90px;
    }
    .blog-detail {
        padding-bottom: 20px;
    }
    .right-bar-internal {
        padding: 25px 15px 30px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        display: block
    }
    .top-banner-block .h1 {
        margin-top: 120px;
    }
    .slider-txt-content h3 {
        margin-bottom: 20px
    }
    .internal-process-img .p {
        width: 100%;
        display: inline-block;
    }
    .show-case-type-2 .h3 {
        text-align: left
    }
    .slider-txt-content h3 {
        margin-bottom: 20px;
    }
    .user-story-start {
        text-align: left
    }
    .top-banner-bg {
        display: none;
    }
    .media-icon-custom {
        min-width: 70px;
    }
    .home-page .section-7 .txt-content-normal .h3 {
        padding-top: 0
    }
    /*.right-bar{display:none}*/
    #fp-nav {
        display: none;
    }
    .client-testimonial {
        max-width: 414px;
    }
    .client-img,
    .client-view {
        width: 100%
    }
    .contact-form {
        padding-bottom: 0;
        max-width: 450px;
        margin: 0 auto;
    }
    footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-block ul li:first-child {
        margin-top: 10px
    }
    .footer-block .h2 {
        position: relative;
        display: block;
        line-height: 45px;
        margin-bottom: 0;
        margin: 0;
        padding-bottom: 0;
    }
    /*.footer-block .h2:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .footer-block .h2.open:after {
        content: "\e906"
    }*/
    .footer-block {
        margin-bottom: 0;
    }
    .footer-bottom {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .contact-wrapper .h1 {
        font-size: 42px;
        margin-top: 140px;
    }
    .contact-wrapper .h1 h1 {
        margin: 0px;
        font-size: 42px;
    }
    .contact-wrapper p {
        margin-bottom: 50px;
    }
    .xs-text-center {
        text-align: left
    }
    .differ-left {
        background: #333;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .differ-right {
        background: #404040;
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .text-center-xs {
        text-align: left;
    }
    .media-icon-custom + .media-body h4.media-heading {
        font-size: 16px;
    }
    .media-icon-custom + .media-body > p {
        margin-bottom: 25px;
        font-size: 16px;
    }
    .media:last-child .media-body p {
        margin-bottom: 0;
    }
    .media-section-offer {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .differ-content {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        text-align: center
    }
    .codrops-header {
        height: 350px;
    }
    .tilt__front {
        background-position: right top;
        background-size: contain !important;
    }
    .differ-content p {
        font-size: 14px;
    }
    .why-vinfo .media-left {
        display: none
    }
    .show-case-type-2 .h3 {
        margin-bottom: 30px;
        font-size: 24px;
    }
    .show-case-text {
        width: 100%;
        display: block;
        vertical-align: middle;
        position: relative;
    }
    .show-case-img {
        width: 100%;
        display: block;
        vertical-align: middle;
        text-align: center;
        padding-left: 0;
        position: relative;
    }
    .show-case-type-2 .show-case-content.odd .show-case-img {
        text-align: center;
        padding-left: initial;
        padding-right: 0px;
        left: initial
    }
    .show-case-type-2 .show-case-content.odd .show-case-text {
        left: initial;
    }
    .show-case-type-2 .show-case-content .h4 {
        text-align: left
    }
    .show-case-type-2 .show-case-content p {
        text-align: left
    }
    .show-case-type-1 .show-case {
        background: none !important;
    }
    .why-vinfo .h3 {
        text-align: left
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 480px;
    }
    .show-case-content .client-block .client-pic img {
        max-width: 40px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .codrops-header .h1 {
        text-align: center;
        font-size: 44px;
        letter-spacing: 0px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }
    .codrops-header p {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-width: 100%
    }
    .codrops-header .container {
        top: 23vh;
    }
    .featur-vinfo .media {
        margin-bottom: 20px;
    }
    .footer-block ul {
        display: none;
    }
    .home-page .section-7 {
        padding-bottom: 00px;
    }
    .height-400 .section-1 {
        height: auto !important;
    }
    .height-400 .section-1 .img-content {
        padding-bottom: 50px;
    }
    .section-7 .txt-content-normal .h3 {
        font-size: 24px;
    }
    .home-page .blog-section {
        margin-top: 0px;
    }
    .blog-detail-wrapper .h2 {
        margin-bottom: 20px;
    }
    .why-vinfo {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .show-case-type-2 {
        padding-top: 30px;
    }
    .why-vinfo .h3 {
        margin-bottom: 40px;
    }
    .blog-section {
        margin-top: 30px;
    }
    .more-link {
        margin-bottom: 70px;
    }
    .more-link.empthy-more-link{
        margin-bottom: 30px;
    }
    .user-story-block {
        text-align: left;
        margin-bottom: 20px;
    }
    .showcase-nav-footer {
        height: auto;
    }
    .showcase-nav-footer .prev-case,
    .showcase-nav-footer .next-case {
        display: inline-block;
        width: 100%
    }
    .showcase-nav-footer .next-case {
        border-top: 1px solid #ECECEC;
    }
    .showcase-nav-footer i {
        display: none;
    }
    .showcase-nav-footer h4 {
        margin: 0;
        line-height: 80px;
    }
    .showcase-nav-footer a {
        display: block;
        height: 80px;
    }
    .showcase-slider {
        padding: 40px 0;
    }
    .post-internal:after,
    .story-post:after,
    .story-start {
        display: none;
    }
    .story-post:nth-child(even) {
        text-align: left;
    }
    .story-post:nth-child(odd) .post-internal {
        left: initial;
        padding-left: 0;
        padding-right: initial;
    }
    .post-internal {
        width: 100%;
        position: initial;
        float: left;
        clear: both;
        padding-right: 0;
    }
    .story-post p {
        max-width: 100%;
    }
    .story-post:nth-child(even) p {
        float: left;
    }
    .story-line-wrapper {
        padding-bottom: 40px;
    }
    .user-story-start {
        margin-bottom: 0;
    }
    .story-post h3 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.3;
        letter-spacing: 0;
        font-family: Gotham-Bold;
    }
    .featured-in {
        padding-top: 30px;
    }
    .featured-in .h2 {
        margin-top: 0;
    }
    .featured-in ul {
        margin-bottom: 0px;
    }
    .client-story + .client-story:last-child p {
        margin-top: 0
    }
    .case-story {
        padding-top: 60px;
        padding-bottom: 40px
    }
    .journey-wraper {
        padding-top: 60px;
    }
    .showcase-img-wrapper {
        padding-top: 50px;
    }
    .work-page .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 100px;
    }
    .work-page .show-case-type-1 .show-case-img-block img {
        max-width: 400px;
        width: 100%
    }
    .top-banner-block .h1 {
        font-size: 48px;
    }
    .rapid-development-content {
        background: none;
        padding: 0
    }
    .rapid-development-content h3 {
        font-size: 24px;
    }
    .rapid-development-wrap {
        padding-top: 40px;
        padding-bottom: 50px
    }
    .internal-process-img img.img-1 {
        display: none;
    }
    .internal-process-img img.img-2 {
        display: block;
        margin: 0 auto;
    }
    .about-heading,
    .journey-wraper.our-aim .h2 {
        font-size: 36px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 36px;
        margin: 0;
    }
    .internal-process-img p {
        margin-bottom: 10px;
    }
    .gallery-slider-wrap .owl-nav {
        display: none;
    }
    .why-vinfo-with-lp-block .equal-col .li-name {
        margin-bottom: 50px;
        padding: 0;
    }
    .challenge {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .journey-wraper.our-aim .h2 {
        margin-bottom: 20px;
    }
    .internal-process-img p {
        font-size: 24px;
        text-align: center;
        margin: 0px 0 30px 0
    }
    .internal-process-img:last-child {
        margin: 40px 0 0px 0
    }
    .home-page .section-6 .h3,
    .block-wrapper a span.blog-heading {
        font-size: 24px;
    }
    .why-vinfo .media-heading {
        font-size: 18px;
    }
    .journey-wraper .h2,
    .challenge .h2,
    .user-story-line .h2 {
        font-size: 24px
    }
    .journey-wraper .h2 h2 {
        font-size: 24px;
        margin: 0;
    }
    .about-wrapper {
        height: 480px !important
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 36px;
        text-align: left
    }
    .why-vinfo p {
        text-align: left;
    }
    .why-vinfo-with-lp-block .equal-col p {
        padding: 30px 0px;
    }
    .open-position .h3 {
        display: inline-block;
        width: 100%;
        margin-top: 0;
    }
    .top-banner-block.current-opening-header {
        height: 380px;
    }
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 24px
    }
    .current-opening-header.top-banner-block .h1,
    .top-banner-block.current-opening-detail-header .h1 {
        font-size: 36px;
    }
    .top-banner-block.current-opening-detail-header .h1 h1 {
        font-size: 36px;
    }
    .open-position .h3 h3 {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 24px;
    }
    .vacancy a {
        font-size: 16px;
    }
    .contact-alt .column .contact-info {
        min-width: 260px;
    }
    .panel-white .panel-body {
        padding: 30px 30px
    }
    .key-people-img {
        display: inline-block;
        vertical-align: top;
        width: 226px;
        height: 310px;
        padding-bottom: 5px;
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: -231px;
        padding-left: 260px;
    }
    .key-detail {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .key-people-block {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:550px) {
    .custom-popup .modal-content {
        margin: 50px 15px;
    }
    .top-banner-block.current-opening-header {
        height: 380px;
    }
    .right-bar-internal .btn-block {
        padding: 14px 16px;
    }
    .key-people-img {
        display: table;
        vertical-align: top;
        width: 226px;
        height: 280px;
        padding-bottom: 5px;
        /*margin: 0 auto;*/
    }
    .key-people-info {
        display: inline-block;
        vertical-align: top;
        margin-left: 0;
        padding-left: 0;
        margin-top: 20px;
    }
    .tranding-div {
        position: fixed;
        right: 5px;
        bottom: 10px;
        max-width: 310px;
        z-index: 120;
    }
    .tranding-content {
        height: 100%;
        padding: 10px 20px 20px;
        max-height: 360px;
    }
    .tranding-div > a {
        width: 36px;
        height: 36px;
        line-height: 33px;
        font-size: 16px
    }
    .tranding-div > a i,
    .tranding-div > a i:before {
        line-height: 36px;
        font-size: 16px;
    }
    .tranding-div > a.active i.icon-trend {
        font-size: 12px;
        line-height: 33px;
    }
    .tranding-div > a.active i.icon-trend:before,
    .tranding-div > a:hover,
    .tranding-div a.active {
        font-size: 12px;
        line-height: 36px;
    }
    .tranding-content:after {
        right: 10px;
    }
    .tranding-content:before {
        right: 8px;
    }
    .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:750px) and (orientation:landscape) {
    .tranding-carousal .tanding-news-img {
        margin: 5px 0 10px;
    }
    .tranding-carousal .h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        margin: 0;
    }
    .tranding-content {
        max-width: 280px;
        max-height: 257px;
    }
}

@media screen and (max-width:480px) {
    .menu-header {
        position: fixed;
        top: 65px;
        right: initial;
        left: 15px;
    }
    .txt-content h3,
    .txt-content .h3 {
        font-size: 24px;
    }
    .cd-primary-nav {
        padding-top: 85px;
        height: 100%;
        top: -100%;
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 320px;
    }
    .codrops-header .h1 {
        text-align: center;
        font-size: 40px;
    }
    .codrops-header {
        height: 350px;
    }
    .codrops-header .container {
        top: 15vh;
    }
    .home-page .section-6 .h2,
    .home-page .section-6 .h2 p {
        font-size: 36px;
    }
    .case-study-featuring-img img {
        width: 100%
    }
    .text-content-bottom {
        margin-bottom: 10px;
    }
    .challenge {
        padding-top: 40px;
    }
    .current-opening-header a {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:414px) {
    .why-vinfo .h2,
    .open-position .h2 h2 {
        font-size: 24px;
    }
    .partner-block {
        margin-bottom: 60px;
    }
    .show-case-type-1 .show-case-img-block img {
        max-width: 100%;
    }
    .case-study-head-info {
        font-size: 36px;
    }
    .case-study-head-info h1 {
        color: #fff;
        font-size: 36px;
        margin: 0;
    }
    .case-study-heading {
        margin-top: 140px;
    }
    .slider-wrapper.mobile {
        width: 85%;
    }
    .user-story-line .h2,
    .about-heading,
    .journey-wraper.our-aim .h2,
    .work-page .show-case-type-1 .show-case-text-block .h3 {
        font-size: 24px;
    }
    .journey-wraper.our-aim .h2 h2 {
        font-size: 24px;
        margin: 0;
    }
    .top-banner-block .h1 {
        font-size: 36px;
    }
    .top-banner-block .h1 h1 , .top-banner-block .h1 .h2-heading-bw{
        font-size: 36px;
        margin: 0;
    }
    .h2-heading-bw{
        font-size: 36px;
        margin: 0;
    }

    .top-banner-block .h1 h2 {
        font-size: 36px;
        margin: 0;
    }
    .font-1280{
        font-size: 36px !important; 
        margin: 0;
    }
    .slider-txt-content h3 {
        font-size: 24px;
        margin-top: 0;
    }
    .challenge {
        padding-top: 20px;
    }
    .user-story-line p,
    .user-story-line .h2 {
        text-align: left;
    }
    .work-page .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 30px;
    }
    .journey-wraper {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .internal-process-wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .current-opening-header.top-banner-block .h1 {
        font-size: 36px;
        margin-top: 60px;
    }
    .case-study-tag ul li:after {
        display: none;
    }
    .work-page .section-1 .show-case-type-1 .show-case-text-block .h5 {
        margin-top: 60px;
    }
    .contact-alt .column .contact-info .icon,
    .contact-alt .column .contact-info .h4 {
        margin-left: 15px;
    }
    .contact-alt .column .contact-info .phon-number {
        padding: 15px 15px 5px
    }
    .contact-alt {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .panel-white .panel-body {
        margin-bottom: 50px;
    }
}

@media screen and (max-width:767px) {
    .list-style-block li {
        display: block;
    }
    .list-style-block li a:after {
        display: none;
    }
    .case-study-tag ul li:after {
        display: none
    }
}

.video-player {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 99999;
}

.video-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.video-container embed,
.video-container iframe,
.video-container object {
    width: 100%;
    height: 100%;
}

.videoclose {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 40px;
    top: 30px;
    z-index: 5;
    color: #fff;
    text-decoration: none !important;
}

.overlay-txt {
    position: relative;
}

.clientImg {
    position: relative;
}

.over-texts {
    color: #fff;
    position: absolute;
    z-index: 5;
    top: 70px;
    left: 110px;
    width: 320px;
}

.over-texts p {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}

.over-texts .client_name,
.over-texts .client_position {
    line-height: 1;
    margin: 0;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    color: #fff;
}

.over-texts .client_name {
    font-size: 24px;
    font-family: Gotham-Ultra;
    margin-bottom: 5px;
}

.over-texts .client_position {
    font-size: 16px;
    font-family: Gotham-Medium;
}

.play-btn {
    color: #fff;
    font-size: 64px;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    line-height: 1;
}

.play-btn:hover,
.play-btn:focus {
    text-decoration: none;
}

@media only screen and (max-width: 991px) {
    .over-texts {
        top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .over-texts {
        top: 38px;
        left: 15px;
    }
    .play-btn {
        margin-bottom: 5px;
        font-size: 44px;
    }
    .over-texts .client_name {
        font-size: 22px;
    }
}

@media only screen and (max-width: 320px) {
    .over-texts {
        top: 15px;
    }
}

.lead-heading {
    font-family: 'Gotham-Black';
    font-size: 48px;
    color: #1A1A1A;
    margin-top: 50px;
    margin-bottom: 18px;
    line-height: 1.0;
}

.sub-lead-heading {
    font-family: Gotham-Book;
    font-size: 18px;
    color: #1A1A1A;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .lead-heading {
        font-size: 32px;
    }
}

.social-network {
    border-top: 1px solid #C8C7C7;
    border-bottom: 1px solid #C8C7C7;
    display: table;
    vertical-align: middle;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 1;
    margin-top: 50px;
}

@media only screen and (max-width: 767px) {
    .social-network {
        text-align: center;
    }
}

.social-network-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-family: Gotham-Medium;
    font-size: 16px;
}

.social-network-inner>h4 {
    margin: 0;
}

.social-network-inner>.list-inline {
    margin-top: 15px;
}

.social-network-inner>.list-inline>li+li {
    margin-left: 10px;
}

.social-network-inner>.list-inline>li>a {
    color: #9B9B9B;
    font-size: 18px;
    line-height: 1;
}

.social-network-inner>.list-inline>li>a:hover,
.social-network-inner>.list-inline>li>a:focus {
    text-decoration: none;
    color: #00ca6f;
}

@media only screen and (min-width: 768px) {
    .social-network-inner>.list-inline {
        margin-top: 0;
    }
    .social-network-inner>h4 {
        float: left;
    }
    .social-network-inner>.list-inline {
        float: right;
    }
    .top-banner-block {
        height: 600px;
    } 
   
}

.social-network.centered-align {
    text-align: center;
}

.social-network.centered-align .social-network-inner>.list-inline {
    float: none;
    margin-top: 0;
}

.nutshell-wraper+.social-network {
    border-top: 0;
    margin-top: 0;
    padding-bottom: 50px;
}

@media only screen and (min-width: 768px) {
    #facebookcomments {
        margin-top: 90px !important;
    }
}

@media only screen and (max-width: 767px) {
    #facebookcomments {
        width: 100% !important;
    }
}

.videoPlayBtn {
    font-size: 16px;
}

.videoPlayBtn > i {
    font-size: 23px;
    vertical-align: middle;
}

.videoPlayBtn > a {
    display: inline-block;
    vertical-align: middle;
}

.body-color {
    color: #101010;
}

.read-story-link {
    color: #00CA6F;
    font-family: Gotham-Bold;
    letter-spacing: 2px;
    display: block;
}


/*.top-banner-block:not(.current-opening-detail-header){
  padding-top: 180px;
  height: auto !important;
  padding-bottom: 40px;
}
.top-banner-bg{
  height: 100%;
  background-position: bottom right !important;
}*/

.blog-section-sm .row {
    margin-left: -10px;
    margin-right: -10px;
}

.blog-section-sm [class^="col-"],
.blog-section-sm [class*=" col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.table-green {
    color: #333;
}

.table-green th {
    background-color: #81e3ba;
}

.table-green > thead > tr > th,
.table-green > tbody > tr > td {
    border: 1px solid #e0f5ec;
    vertical-align: middle;
    font-size: 15px;
}

.table-green > tbody > tr > td {
    background-color: #f3f8fe;
}

.table-green > tbody > tr:nth-child(even) > td {
    background-color: #d9f7eb;
}

.table-label {
    display: none;
    color: #616161;
    font-size: 12px;
    margin-bottom: 2px;
}

.table-responsive-secondary th {
    text-align: center;
}

.table-responsive-secondary > .table > thead > tr > th {
    border-bottom: 0;
}

.table-responsive-secondary > .table {
    vertical-align: middle;
}

.table-responsive-secondary > .table > tbody > tr > td .icon-check {
    color: #02872c;
}

.table-responsive-secondary > .table > tbody > tr > td .icon-cross {
    color: #f90000;
}

.table-responsive-secondary > .table > thead > tr > th:first-child,
.table-responsive-secondary > .table > tbody > tr > td:first-child {
    width: 35%;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .table-label {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive-secondary .table>thead {
        display: none;
    }
    .table-responsive-secondary .table > tbody,
    .table-responsive-secondary .table > tbody > tr,
    .table-responsive-secondary .table > tbody > tr > td {
        display: block;
        width: 100%;
        float: left;
    }
    .table-responsive-secondary .table > tbody > tr+tr {
        border-top: 1px solid #d6eae1;
    }
    .table-responsive-secondary .table > tbody,
    .table-responsive-secondary .table > tbody > tr > td {
        border: none;
    }
    .table-responsive-secondary .table > tbody > tr > td {
        width: 33.33%;
    }
    .table-responsive-secondary .table > tbody > tr > td:first-child {
        width: 100%;
    }
}

.banner-play-btn {
    color: #4A4A4A;
    text-decoration: none !important;
    font-size: 54px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: 150px;
    margin-left: 150px;
    &:hover,
    &:focus {
        color: #00cc6b;
        text-decoration: none !important;
    }
}

@media screen and (max-width: 767px) {
    .blog-post-items {
        height: auto !important;
    }
    .blog-post-content {
        min-height: auto !important
    }
    .mobile-pad-b0 {
        padding-bottom: 0;
    }
    .mobile-pad-t25 {
        padding-top: 25px !important;
    }
    .mobile-m-b0 {
        margin-bottom: 0 !important;
    }
    .floated-btn {
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
    }
    .floated-btn>.btn {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .tranding-div {
        display: none;
    }
    .home-page footer {
        padding-bottom: 100px;
    }
}

.blogSection {
    height: 686px;
    background: url(../img/blog-banner.jpg) no-repeat left top;
    background-size: cover;
    color: #fff;
}

.blogSection-hegiht {
    background-position: 100%;
}

@media (min-width: 1601px) {
    .blogSection-hegiht {
        height: 686px;
    }
}

@media (min-width: 2200px) {
    .blogSection-hegiht {
        height: 800px !important;
        background-position: 100% 55%;
    }
}

@media (max-width: 1600px) {
    .blogSection-hegiht {
        height: 400px !important;
    }
}

@media (max-width: 1024px) {
    .blogSection-hegiht {
        height: 307px !important;
    }
    /*.footer-block .h2 {
        position: relative;
        display: block;
        line-height: 45px;
        margin-bottom: 0;
        margin: 0;
        padding-bottom: 0;
    }*/
    .footer-block .h2:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .footer-block .h2.open:after {
        content: "\e906"
    }
    .second-last.footer-block ul {
        min-height: auto;
        margin-bottom: 40px;
        margin-top: 15px;
    }
    .footer-block ul {
        padding: 0;
        list-style: none;
        min-height: 160px;
        margin-bottom: 40px;
        margin-top: 15px;
    }
    .footer-spacer {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .blogSection-hegiht {
        height: 160px !important;
    }
}

.blogSection_inner {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 1;
}

.blogSection--vMiddle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 100%;
}

.blogSection_heading {
    margin-bottom: 0;
    margin-top: 0;
    /*text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);*/
    color: #fff;
    margin-bottom: 25px;
}

.blogSection_heading--big {
    font-family: "Gotham-Black";
    font-size: 36px;
}

.blogSection_heading--sm {
    font-family: Gotham-Medium;
    font-size: 13px;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .blogSection {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .blogSection {
        height: 400px;
    }
    .blogSection_heading {
        margin-bottom: 15px;
    }
    .blogSection_heading--big {
        font-size: 25px;
    }
}

.btn-bordered {
    font-size: 16px;
    line-height: 19px;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    box-shadow: none;
}

.btn-bordered:hover,
.btn-bordered:focus,
.right-bar .btn-bordered:hover,
.right-bar .btn-bordered:focus {
    background-color: #fff;
    color: #333;
}

.text-transform-no {
    text-transform: none !important;
}

.blogCategories {
    padding-top: 25px;
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .blogCategories>.dropdown-toggle {
        width: 100%;
        display: block;
        height: 48px;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 1.33;
        border-radius: 0;
        border: 1px solid #ddd;
        text-decoration: none;
        text-align: left;
        color: #666;
        position: relative;
    }
    .blogCategories>.dropdown-toggle .caret {
        position: absolute;
        right: 16px;
        top: 22px;
    }
    .blogCategories.open>.dropdown-toggle .caret {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .categories-list {
        width: 100%;
        top: 69px;
    }
    .categories-list>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (min-width: 768px) {
    .blogCategories>.dropdown-toggle {
        display: none;
    }
    .categories-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        box-shadow: none;
        border: none;
        float: none;
    }
    .categories-list>li {
        float: left;
        color: #666666;
        text-align: center;
    }
    .categories-list>li>a {
        color: #666666;
        font-family: Gotham-Medium;
        font-size: 14px;
        text-decoration: none;
        border: 1px solid transparent;
        border-radius: 100px;
        display: block;
        padding: 8px 14px;
        line-height: 1;
    }
    .categories-list>li>a:hover,
    .categories-list>li>a:focus,
    .categories-list>li.active>a,
    .categories-list>li.active>a:hover,
    .categories-list>li.active>a:focus {
        color: #00CA6F;
        background-color: transparent;
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .categories-list>li.active>a {
        border: 1px solid #C8C7C7;
    }
    .blogSectionSection {
        background-color: #fff;
    }
}

.blog-post-list {
    margin-left: -10px;
    margin-right: -10px;
}

@media (min-width: 1199px) {
    .blog-post-list {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.blog-post-items {
    padding: 10px;
}

.blog-post-img {
    height: auto;
}

.blog-post-img>img {
    border-radius: 2px;
}

.blog-post-content {
    padding: 15px 0;
    font-family: Gotham-Book;
    font-size: 16px;
    /*text-align: center;*/
    line-height: 25px;
    color: #666666;
    min-height: 280px;
}

.blog-post-heading {
    margin-top: 0;
    margin-bottom: 10px;
}

.blog-post-heading-sm {
    font-family: Gotham-Medium;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    text-transform: uppercase;
    margin-top: 15px;
}

.blog-post-heading-lead {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 28px;
    color: #1A1A1A;
    min-height: 85px;
}

.blog-post-content p {
    margin-bottom: 5px;
    min-height: 70px;
    overflow: hidden;
    height: 50px;
}

.blog-post-content .readMore {
    font-family: Gotham-Medium;
    font-size: 14px;
    line-height: 24px;
    color: #9B9B9B;
    text-decoration: none;
}

.blog-post-content .readMore:focus,
.blog-post-content .readMore:hover {
    color: #00CA6F;
}

@media (max-width: 767px) {
    .blog-post-img {
        /*height: 155px;*/
    }
    .blog-post-heading-sm {
        margin-top: 0;
    }
}

.loadmore-posts {
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
}

.loadmore-posts>.btn {
    box-shadow: none;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
}

.subscribe-block {
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    font-family: Gotham-Book;
    font-size: 12px;
    color: #666666;
}

.subscribe-block h3 {
    font-family: Gotham-Bold;
    font-size: 24px;
    line-height: 27px;
    color: #1A1A1A;
    margin-top: 0;
    margin-bottom: 5px;
}

.subscribe-form {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    position: relative;
}

.subscribe-form .element-invisible {
    display: none;
}

.subscribe-form .form-text,
.subscribe-form .form-control,
.subscribe-form .dropdown,
.subscribe-form .form-item {
    float: left;
    width: 280px;
    height: 48px;
}

.subscribe-form .dropdown,
.subscribe-form .form-item-selectCategory {
    margin-left: -1px;
    outline: none !important;
}

.categories-type-btn {
    height: 48px;
    border: 1px solid #D8D8D8;
    border-radius: 0 2px 2px 0;
    display: block;
    padding: 6px 12px;
    line-height: 34px;
    font-size: 16px;
    color: #1A1A1A;
    text-decoration: none;
    text-align: left;
    position: relative;
}

.open>.categories-type-btn,
.categories-type-btn:hover,
.categories-type-btn:focus {
    text-decoration: none;
    color: #00ca6f;
}

.categories-type-btn:hover .caret,
.categories-type-btn:focus .caret {
    border-color: transparent #00ca6f #00ca6f transparent;
}

.open>.categories-type-btn .caret {
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.categories-type-btn .caret {
    position: absolute;
    right: 16px;
    top: 19px;
    height: 7px;
    width: 7px;
    border: 1px solid;
    border-color: transparent #000000 #000000 transparent;
    -moz-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
}

.subscribe-form .form-control:focus {
    box-shadow: none;
}

.subscribe-form .dropdown .dropdown-menu {
    width: 100%;
    margin-top: -1px;
}

.subscribe-form .dropdown .dropdown-menu>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn--subscribe {
    float: left;
    width: 140px;
    height: 48px;
    background-color: #00CA6F;
    border: 2px solid #00CA6F;
    border-radius: 2px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    box-shadow: none;
    margin-left: 11px;
}

.subscribe-form .form-select option {
    display: none;
}

.white-wrapper {
    background-color: #fff;
}

.absolute {
    position: absolute;
}

.form-checkboxes >.form-type-checkbox {
    float: none;
    width: 100%;
    height: auto;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.form-checkboxes {
    min-height: 200px;
    overflow: auto;
    width: 280px;
    display: none;
    position: absolute;
    left: 279px;
    top: 48px;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 8px;
    z-index: 9;
    min-width: 234px;
}

#block-simplenews-0 > h2 {
    display: none;
}

@media (max-width:767px) {
    .subscribe-form {
        width: 100%;
    }
    .subscribe-form .form-control,
    .subscribe-form .form-text,
    .subscribe-form .dropdown,
    .subscribe-form .btn--subscribe,
    .subscribe-form .form-item {
        float: none;
        margin: 0 0 4px 0;
        width: 100%;
        max-width: 100%;
    }
    .form-checkboxes {
        top: 98px;
        width: 100%;
        left: 0;
    }
}


/* shivraj */

@media(min-width:768px) {
    .drop-down-menu:hover .dropdown-menu {
        display: block;
    }
    .drop-down-menu .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .drop-down-menu {
        position: relative;
    }
}

.drop-down-menu .dropdown-menu>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.drop-down-menu .dropdown-menu {
    margin: 0px !important;
}

@media (max-width:767px) {
    .banner-box-support img {
        max-width: 100%;
    }
    .banner-box-support {
        display: table;
        margin: 38px 0px 26px;
    }
    .button-box-support {
        background-color: #00ca6f;
        color: #fff;
        display: inline-block;
        padding-left: 4px;
        position: relative;
        text-align: center;
        width: 100%;
        font-weight: bold;
        position: relative;
        margin-top: 10px;
        padding: 20px;
    }
    .blog-post-img {
        /*height: 201px;*/
    }
    .drop-down-menu .dropdown-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        max-height: 300px;
        border-top: #00ca6f solid 1px;
        padding-left: 11px;
        background: #f2f2f2;
        overflow-y: auto;
    }
    .drop-down-menu > a:after {
        content: "\e909";
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .displayblock:after {
        content: "\e906" !important;
        font-family: 'vinfotech';
        color: #999;
        float: right;
        font-size: 10px;
    }
    .displayblock + .dropdown-menu {
        display: block;
    }
}

.blog-post-heading-sm a {
    color: #666666;
}

.blog-post-heading-sm a:hover,
.blog-post-heading-lead a:hover {
    text-decoration: none;
    color: #00ca6f;
}

.blog-post-heading-lead a {
    color: #1A1A1A;
}

.blog-post-items {
    /*height: 600px;*/
    overflow: hidden;
}

@media(min-width:768px) {
    /*shivraj 08-02-17*/
    .banner-box-support {
        display: table;
        margin: 10px 0px 40px;
    }
    .banner-box-support .img,
    .banner-box-support .button-box-support {
        display: table-cell;
        vertical-align: middle;
        float: left;
    }
    .button-box-support {
        background-color: #00ca6f;
        color: #fff;
        display: inline-block;
        padding-left: 21px;
        padding-right: 12px;
        position: relative;
        text-align: justify;
        width: 122px;
        font-weight: bold;
        padding-top: 22px;
        position: relative;
        letter-spacing: 2px;
        height: 91px;
        vertical-align: middle;
        float: left;
    }
    .arrow {
        border-style: dashed;
        border-color: transparent;
        border-width: 45PX;
        display: inline-block;
        font-size: 100px;
        height: 0;
        position: relative;
        width: 0;
        background-color: #fff;
        border-left-width: 20PX;
        border-left-style: solid;
        border-left-color: #00ca6f;
        right: -65px;
        top: 1PX;
        position: absolute;
    }
}

.book-meeting-section .label-box span {
    color: red;
}

.book-meeting-section .open > .dropdown-menu {
    width: 100%;
}

.book-meeting-section .categories-type-btn .caret {
    height: 10px;
    width: 10px;
    top: 15px;
}

.book-meeting-section .open>.categories-type-btn,
.categories-type-btn:hover,
.categories-type-btn:focus {
    text-decoration: none;
    color: #000000;
}

.book-meeting-section .categories-type-btn:hover .caret,
.book-meeting-section .categories-type-btn:focus .caret {
    border-color: transparent #000000 #000000 transparent;
}

.book-meeting-section .dropdown-menu > .active > a,
.book-meeting-section .dropdown-menu > .active > a:hover,
.book-meeting-section .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #000000;
}


/* Checkbox css*/

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.clr {
    padding-left: 35px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 7px;
}

input[type=checkbox].css-checkbox:checked + label.css-label,
input[type=checkbox].css-checkbox + label.css-label.chk {
    background-position: 0 -20px;
}

label.css-label {
    background-image: url(../img/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.book-meeting-section .heading-margin {
    margin-top: 20px;
    margin-bottom: 20px;
}

.book-meeting-section .margin-left-20 {
    margin-left: 20px;
}

.book-meeting-section .margin-top-50 {
    margin-top: 50px;
}

@media (max-width:768px) {
    .book-meeting-section .margin-top-50 a,
    .book-meeting-section .margin-top-50 button,
    .book-meeting-section .form-group {
        width: 100%;
    }
    .book-meeting-section .margin-left-20 {
        margin-left: 0px !important;
    }
}

.book-meeting-section .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #000000;
    color: #ffffff;
    -moz-transform: translate(1px, 0px);
    -webkit-transform: translate(1px, 0px);
    -o-transform: translate(1px, 0px);
    -ms-transform: translate(1px, 0px);
    transform: translate(1px, 0px);
}

#confirm-add-pg #edit-cancel {
    margin-left: 15px;
    background: url(../img/confirm_submit.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 3px;
    color: #DAE3F2;
    cursor: pointer;
    font-size: 14px;
    line-height: normal;
    padding: 5px 20px;
    text-shadow: 1px 1px 0 #000000;
    width: 100px;
}

@media (min-width:768px) {
    #confirm-add-pg {
        width: 600px;
        margin: 0 auto;
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

@media (max-width:767px) {
    #confirm-add-pg {
        width: 94%;
        margin: 90px auto 19px;
        padding-bottom: 18px;
    }
}

.subscribe-block .form-item-selectCategory label {
    font-size: 16px;
    font-weight: normal !important;
    text-transform: uppercase !important;
}

.subscribe-block::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000000;
}

.subscribe-block::-moz-placeholder {
    /* Firefox 19+ */
    color: #000000;
}

.subscribe-block:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000;
}

.subscribe-block:-moz-placeholder {
    /* Firefox 18- */
    color: #000000;
}

.blogCategories .dropdown-menu > li > a {
    font-size: 14px;
    font-family: Gotham-Medium;
}

.open .dropdown-menu {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.error-msg {
    color: #a94442;
}

.has-error a {
    border-color: #a94442;
}

.m-t-10 {
    margin-top: 10px;
}

.error-msg-checkbox {
    color: red;
    font-size: 16px;
    font-weight: bold;
}

.link--text {
    color: inherit;
    text-decoration: none;
}

.link--text,
.link--text:hover,
.link--text:focus {
    text-decoration: none;
}

.clear {
    clear: both;
}

.video-embeded {
    margin-top: 15px;
    margin-bottom: 15px;
}

.particles {
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    opacity: .9;
}

.featuredIn {
    margin-top: 50px;
}

.featuredIn ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.featuredIn ul >li {
    color: #9b9b9b;
    display: inline-block;
    font-family: 'Gotham-Book';
    vertical-align: middle;
    font-size: 14px;
    margin-right: 19px;
}

.featuredIn ul >li:last-child {
    margin-right: 0;
}

@media (max-width:1024px) {
    .featuredIn ul >li {
        margin-bottom: 10px;
    }
    .featuredIn ul >li.featuredIntxt {
        display: block;
        margin-right: 0;
    }
}

@media (max-width:767px) {
    .featuredIn ul >li {
        font-size: 14px;
    }
}

.section-6 {
    background-color: #fff;
}

.header-summary a {
    color: #fff;
    text-decoration: none;
}

.header-summary a:hover {
    color: #00cc6b;
}


/*shivraj 08-02-17*/

@media(min-width:1100px) {
    .banner-play-custom-postion {
        position: absolute;
        right: -20px;
        top: 196px;
    }
}


/*Loader css*/

.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;
}

.postion-relative {
    position: relative;
}

.featuredIn ul li .bnn-logo {
    width: 63px;
    height: 29px;
}

.featuredIn ul li .cbc-news-logo {
    width: 38px;
    height: 34px;
}

.featuredIn ul li .tech-logo {
    width: 126px;
    height: 22px;
}

.featuredIn ul li .urekha-logo {
    width: 33px;
    height: 44px;
}

.featuredIn ul li .global-mail-logo {
    width: 184px;
    height: 15px;
}

.featuredIn ul li .winnipeg-logo {
    width: 150px;
    height: 21px;
}

.featuredIn ul li .forbes-logo {
    width: 75px;
    height: 23px;
}

.featuredIn ul li .espn-logo {
    width: 77px;
    height: 30px;
}

.featuredIn ul li .wall-street-logo {
    width: 196px;
    height: 21px;
}

.featuredIn ul li .moorusurbangreekz {
    width: 210px;
    height: 32px;
}

.featuredIn ul li .FamousB-The-washington {
    width: 208px;
    height: 46px
}

.featuredIn ul li .FamousB-The-Huffing {
    width: 200px;
    height: 40px;
}

.featuredIn ul li .Banana-bandy-your-story {
    width: 144px;
    height: 37px;
}

.featuredIn ul li .FamousB-NBC {
    width: 39px;
    height: 56px;
}

.light-color {
    color: #333333 !important;
    font-family: inherit !important;
}

iframe {
    border-width: 0px;
}

.img-max-width {
    max-width: 100%;
}

@media(min-width:768px) {
    .heading-top {
        margin-top: 80px;
    }
}

@media(max-width:768px) {
    .mTZero-xs {
        margin-top: 0px !important;
    }
}

.devider-box {
    border-top: 1px solid #ECECEC;
    display: block;
    height: 1px;
}

.custom-top-banner {
    background-size: auto !important;
}

@media screen and (max-width: 1024px) {
    .custom-top-banner {
        background-size: 44% !important;
    }
}

.about-vinfotech {
    background: #fff url(../img/vinfotech-creates-social-networks-&-communities.png) no-repeat !important;
    background-position: left bottom !important;
    background-size: contain;
    background-color: #fff;
}

.about-vinfotech .show-case-type-1 .show-case {
    padding-top: 30px !important;
}

.font-green {
    color: #00CA6F;
}

.about-us-vinfotech-ul ul li {
    list-style: none;
    font-family: Gotham-Medium;
    font-size: 16px;
    line-height: 32px;
    color: #1A1A1A;
}

.about-us-vinfotech-ul ul li:before {
    content: "/";
    display: inline-block;
    margin-right: 15px;
}

.vsocial-content {
    background: #F9F9F9;
    padding-top: 20px;
    padding-bottom: 90px
}

.custom-popup-new {
    position: fixed;
    right: 0px;
    bottom: 20px;
    z-index: 99;
    height: 450px;
    transition: all 0.3s;
    overflow: hidden;
}

.vsocial-content {
    background: #F9F9F9;
    padding-top: 20px;
    padding-bottom: 90px
}

.custom-popup-new {
    position: fixed;
    right: 0px;
    bottom: 20px;
    z-index: 99;
    height: 450px;
    transition: all 0.3s;
    overflow: hidden;
}

.custom-popup-new .h4 {
    font-family: inherit;
    margin-top: 12px;
    margin-bottom: 18px;
}

.custom-popup-new .p p {
    font-family: inherit;
}

.custom-popup-new form textarea.form-control {
    height: 70px
}

.custom-popup-new .form-group {
    margin-bottom: 6px;
}

.custom-popup-new .help-block {
    margin-bottom: 0px
}

.custom-popup-new .modal-contact-area .modal-contact-area-seprator {
    width: 113px;
    margin: 0px 12px;
}

.custom-popup-new .modal-contact-area div.p,
.custom-popup-new .modal-contact-area span {
    font-family: inherit;
    font-size: 11px;
}

.custom-popup-new .back-clm {
    width: 320px;
}

.custom-popup-new form .btn {
    padding: 10px 25px;
}

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

.custom-popup-new .modal-header .close {
    outline: none;
    color: #fff;
    position: absolute;
    right: -1px;
    z-index: 9999;
    top: -16px;
}

.custom-popup-new .modal-header {
    position: relative;
}

.custom-popup-new .modal-body {
    padding-bottom: 0px;
}

.toggle-popup {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 40px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #00CA6F;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.20);
}

.toggle-popup i {
    color: white;
}

.pZero {
    padding: 0px;
}

@media(max-width:767px) {
    .custom-popup-new {
        width: 100%;
        height: 0px;
    }
    .toggle-popup {
        display: none;
    }
}

@media(max-width:414px) {
    .custom-popup-new .back-clm {
        width: 92%;
    }
}

.heading-3 {
    font-family: 'Geomanist-Black';
    margin-bottom: 40px;
    margin-top: 70px;
}

@media(min-width: 1024px) {
    .padding-49-md {
        padding-left: 60px;
    }
    .padding-84-md {
        padding-left: 84px;
    }
}

.custom-left-top-menu .page-name {
    width: 100% !important;
    padding: 20px;
    margin-left: -59px !important;
    padding-left: 73px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 205px;
}

@media(max-width:767px) {
    .custom-left-top-menu .page-name {
        margin-left: -48px !important;
        padding-left: 77px !important;
        padding: 15px 20px;
    }
}

.landing-cursor ul li a {
    pointer-events: none;
}

.circular-animation-wrap.margin-top-btm {
    margin-top: 50px;
    margin-bottom: 50px;
}

#CaseStudyOne,
#CaseStudyTwo {
    display: none;
}

.close-acc,
.close-acc-custom {
    display: table;
    position: relative;
    top: 100px;
    left: 20px;
    cursor: pointer;
}

.meet-us-box {
    position: fixed;
    left: 0px;
    top: 76%;
    transform: translateY(-50%);
    z-index: 9;
    width: 180px;
    background-color: #00ca6f;
    border-color: #00ca6f;
    -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);
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    color: white;
    font-size: 12px;
    padding: 20px 10px;
    text-align: center;
}

.meet-us-text {
    display: block;
}

.fsta-img {
    max-width: 80px;
    margin: 7px AUTO 13px AUTO;
    display: block;
}

.img-box {
    max-width: 80px;
    margin: 4px auto 12px;
    display: block;
    text-align: center;
}

.block {
    display: block;
}

.top-popup-box {
    text-align: center;
    max-width: 378px;
    margin: 0 auto;
}

.summer-connfrence {
    font-size: 22px;
    font-weight: bold;
    color: white
}

.time-date-confrence {
    font-size: 16px;
    color: white;
}

.confrence-address {
    font-size: 15px;
    color: white;
    font-weight: bold;
    margin-bottom: 20px;
}

#meet-us .categories-type-btn {
    background: white;
    color: #9a9a9a;
}

#meet-us .dropdown-menu li a:hover {
    background: none;
    color: #02b765;
    -moz-transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
}
.get-in-touch-index .categories-type-btn {
    background: white;
    color: #9a9a9a;
}
.get-in-touch-index .dropdown-menu li a:hover{
    background: none;
    color: #02b765;
    -moz-transform: translate(0px, 0px) !important;
    -webkit-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
}

@media(min-width:768px) {
    .pr-8 {
        padding-right: 8px;
    }
    .pl-8 {
        padding-left: 8px;
    }
}

#meet-us .dropdown-menu {
    min-width: 303px;
}
.get-in-touch-index .dropdown-menu {
    min-width: 291px;
}
.get-in-touch-index .categories-type-btn{
    height: 38px;
    padding: 2px 12px;
}
.get-in-touch-index  .categories-type-btn .caret{
        top: 14px;
} 

#meet-us textarea {
    height: 68px;
}

.meet-us-heading {
    font-size: 17px;
    font-weight: bold;
    color: white;
}

.summer-connfrence-2017 {
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    font-weight: bold;
}

.in-accordian .h2 {
    font-family: Gotham-Black;
}

.custom-p p {
    color: #333;
}


.img-box-countainer{
     max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.img-cont-box{
   margin:15px;
    position: relative;
    float:left;
}

.img-cont-box .over-texts {
    width: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.img-cont-box img {
    max-width: 100%;
    //height: 265px;
}
.img-cont-box .content-video-p{
    position: absolute;
    left: 39px;
    top: 40px;
    color:white;
    z-index: 99;
}
.img-cont-box .content-video-p span, .img-cont-box .content-video-p p{ 
    color:white;
    font-family: Gotham-Bold;
    font-size: 19px;
    

}
.sup{
        font-size: 25px !important;
        top: 0px;
        left: -5px
}
.content-box-vert{
    display: inline-block;
    vertical-align: middle;
    padding: 55px 28px 0px 0px;

}
.content-box-vert .h4 {
    font-family: 'Gotham-Bold';
    font-size: 18px;
    margin-bottom: 10px;
    color: black;
}  
.custom-h1{
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Ultra';
    margin-top: 0px;
}
.custom-h2 {
    font-size: 64px;
    margin: 0;
    color: #101010;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 36px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Black';
    margin-top: 0px;
}
.dropdown-white-bg{
    background: white;
    color: #9a9a9a;
}
.custompopup-dropdown-menu {
    min-width: 303px;
}
.pT0{
    padding-top: 0px !important;
}
.slider-object{
    position: absolute;
    z-index: 99;
}
.section-footer.active ~ ul.pagi{
    opacity: 0;
}
/*.footer-section ~ ul.pagi{
    opacity: 0;
}*/

/*new css included by ayushi*/
.h4-new-class{
    max-width: 370px !important;
    margin-bottom: 20px !important;
    /*margin-top: 10px;*/
    letter-spacing: 1px !important;
}
.new-form-css{
    max-width: 360px !important;
}
.new-form-group-css{
    margin-bottom: 10px;
}
.new-modal-body-css{
    padding-top: 10px !important;
}
.h4-new-class{
max-width: 370px !important;
margin-bottom: 20px !important;
letter-spacing: 1px !important;
}
.new-form-css{
max-width: 360px !important;
}
.new-form-group-css{
margin-bottom: 10px;
}
.new-modal-body-css{
padding-top: 10px !important;
}
/*css add by ayushi*/
.no-style-ul{
list-style-type: none;
}
@media(max-width:991px){
  .no-style-ul{
    margin-top:-60px;
    margin-bottom: 10px;
  }  
}
.white-base{
background: #FFF;
}
.prev-case.fantasy-solution-offering,
.next-case.fantasy-solution-offering{
width: 33.33333%;
}
.footer-block .footer-hyperlink li{
display: inline-block;
color: #FFF;
}
.footer-block ul.footer-hyperlink{
min-height: 10px;
}
.why-vinfo .media-left.number-list{
font-size: 60px;
line-height: 60px;
}
@media screen and (max-width:767px){
.prev-case.fantasy-solution-offering,
.next-case.fantasy-solution-offering{
width: 100%;
}
}
@media(min-width:768px){
    .pl-sm{
        padding-right: 50px;
    }
}
.pB0 {
    padding-bottom: 0px;
}
.duel-text-padding {
    padding: 40px 0 !important;
}
.duel-text-padding h4{
    font-size: 18px !important;
}
.duel-text-padding  .list-style-block li a {
    font-size: 14px;
}
.duel-text-padding  .list-style-block li{
   line-height: 1 !important;
}
.duel-text-padding  .list-style-block li a:after{
    margin: 0 3px !important;
}
.showcase-nav-footer-custom{
        min-height: 81px !important;
        height: auto !important;
}
.showcase-nav-footer-custom h4{
        font-size: 14px;
}
@media(max-width:767px){
   .showcase-nav-footer-custom h4{
        font-size: 12px;
    } 
    .duel-text-padding-custom{
        padding: 30px 0 !important;
    }
}
.more-link-custom{
    margin-top: 38px !important;
    margin-bottom: 50px !important;
}
.offset-top{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
.show-case-text-block.readmore-success-link{
    float: none !important;
    padding-top: 50px !important;
}
.show-case-text-block.readmore-success-link a{
    margin-bottom: 0px !important;
}
.showcase-nav-footer .prev-case:hover, .showcase-nav-footer .next-case:hover{
    background: #eaeaea !important;
}
.readmore-success-link i{
    padding-left: 15px !important;
}
.duel-text-padding h4{
    color: #999999;
}
@media(max-width:767px){
    .duel-text-padding ul li{
        display: inline-block !important;
    }
    .duel-text-padding ul li a{
        font-size: 10px !important;
    }
}
@media (max-width: 768px){
    .showcase-nav-footer a {
    font-size: 12px;
    }
}

@media only screen and (max-width: 767px){
    .why-vinfo p{
    margin-bottom: 0px;
    }
    .showcase-nav-footer h4 {
    line-height: 80px;
    }
    .showcase-nav-footer a {
    height: 80px;
    }
    .showcase-nav-footer.nav-footer-custom h4 {
    line-height: 40px;
    }
    .showcase-nav-footer.nav-footer-custom a {
    height: 25px;
    }
    .list-style-block li a:after {
    display: inline-block;
    font-size: 14px;
    }
    .showcase-nav-footer .prev-case, .showcase-nav-footer .next-case{
        padding: 0px 15px;
    }
    /*.number-list-media-body p:before{
        content: "/";
        display: inline-block;
        margin: 0 5px 0 0;
        color: #00CA6F;
        font-size: 16px;
    }*/
    .nav-footer-custom .prev-case.fantasy-solution-offering, 
    .nav-footer-custom .next-case.fantasy-solution-offering{
        width: 100% !important;
    }
    .nav-footer-custom ul{
        padding-bottom: 10px;
        padding-top: 15px;
    }
   
}
.banner-overlays{
    position: relative;
}
.banner-overlays::after{
    content: '';
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
}
.white-container{
    background-color: white;
}
.white-container .show-case-text-block.readmore-success-link a{
    margin-bottom: 30px !important;
}
.skype-inbuild-button{
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 0;
}
.skype-inbuild-button img{
    margin: 0px !important;
    vertical-align: top !important;
    width: 26px;
}
.nav-footer-custom.showcase-nav-footer,
.nav-footer-custom.showcase-nav-footer .next-case,
.nav-footer-custom.showcase-nav-footer .prev-case,
.nav-footer-custom.showcase-nav-footer .next-case{
    border: 0px;
}
.nav-footer-custom.showcase-nav-footer .prev-case:hover,
.nav-footer-custom.showcase-nav-footer .next-case:hover{
    background: transparent !important;
}
.nav-footer-custom.showcase-nav-footer{
    font-family: Gotham-Bold;
    color: #00CA6F;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 16px;
    display: block;
}
.nav-footer-custom .prev-case.fantasy-solution-offering, 
.nav-footer-custom .next-case.fantasy-solution-offering{
   /* width: 24% ;
    display: inline-block;*/
        width: 25%;
    display: block;
    float: left;
    text-align: center;
}
.nav-footer-custom .prev-case.fantasy-solution-offering i, 
.nav-footer-custom .next-case.fantasy-solution-offering i{
        position: static;
        font-size: 13px;
        display: inline;
        margin-left: 10px;
}
.nav-footer-custom.showcase-nav-footer a:hover{
    transform: translate(1px, 0px);
    color: #000;
}
@media (max-width: 768px){
    .categories-list>li>a{
        padding: 8px 6px;
    }
}
.blog-post-content.blog-ellipses p {
    display: block;
    display: -webkit-box;
    /* max-width: 400px; */
    height: 74.2px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-post-heading-lead.blog-title-ellipses{
    display: block;
    display: -webkit-box;
    max-width: 400px; 
    height: 55px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} 

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

/*.nav-footer-custom ul{
    padding-top: 15px;
}*/
@media only screen and (min-width: 991px){
    .showcase-nav-footer a {
        margin: 0 auto;
    }
    .nav-footer-custom.showcase-nav-footer a {
        max-width: 240px;
    }
}
.nav-footer-custom ul{
    overflow: hidden;
}
@media only screen and (max-width: 1024px){
    .blog-post-heading-lead{
        font-size: 18px;
        min-height: 70px;
        line-height: 24px;
    }
}
@media (min-width: 1025px) and (max-width: 1430px)  {
    .blog-post-heading-lead{
        font-size: 20px;
        line-height: 26px ;
    }
    
}
@media (min-width: 1025px) and (max-width: 1440px)  {
    .media.media-custom{
        min-height: 170px !important;
    }
}
@media only screen and (max-width: 768px){
    .blogCategories .dropdown-menu > li > a{
    font-size: 12px;
    }
} 

@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;
    }
    footer {
        padding-top: 50px;
        padding-bottom: 50px;

    }
}
@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(max-width:1025px){
    .sub-nav-footer {
        text-align: center;
    }
    /*.sub-nav-footer ul {
        margin-bottom: 30px;
    }*/
}
.slick-href a:focus, .slick-href a sports-block:focus{
    outline: 0px !important;
    border: none !important;
}
.slick-center .sports-block:focus {
    outline: 0;
}

.txt-content-info{
    padding-top: 30px;
}
.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}
}
.top-banner-block .h1 h1, .top-banner-block .h1 .h2-heading-bw{
    line-height: 0.9;
}
.h2-heading-bw{
    line-height: 0.9;
}
iframe[name=google_conversion_frame]{
    position: absolute;
    z-index: -1;
    height: 0px;
    top: 0;
}
/*.carousel-container{
    border: 1px solid rgba(151,151,151,0.2);
    padding: 0px;
}*/
/*.carousel-options:hover,
.carousel-options:active{
    border: 1px solid rgba(216,216,216,0.14);
    background-color: #F6F6F6;
    color: #00CA6F;
}
.carousel-options{
    padding: 20px 7px;
    text-align: center;
    font-weight: bold;
    line-height: 23px;
    border: 1px solid transparent;
    font-family: "Gotham-Bold";
    width: 180px;
}*/
/*.carousel-container .owl-controls{
    margin: 0px;
}
.carousel-container .gallery-slider-wrap{
    background: transparent;
}
.carousel-container .gallery-slider-wrap .owl-controls .owl-prev:hover svg,
.carousel-container .gallery-slider-wrap .owl-controls .owl-next:hover svg{
    stroke: #8f8f8f;
}
.carousel-container .gallery-slider-wrap .owl-controls svg{
    height: 36px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-prev{
    left: -10px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-next{
    right: -40px;
}
.carousel-container .gallery-slider-wrap .owl-nav .owl-prev,
.carousel-container .gallery-slider-wrap .owl-nav .owl-next{
    top: calc(50% - 100px);
}*/
/*.carousel-affix.affix {
    z-index: 125;
    top: 100px;
    left: 0;
    right: 0;
}*/
.component-phone{
    padding-left: 10px;
}
.component-phone .form-group{
    padding-right: 0px;
}
.component-code .form-group{
    padding-left: 0px;
}
.component-code{
    padding-right: 10px;
}
@media screen and (min-width: 1024px){
    .table-row{
        display: table;
    }
    .table-row > .col-md-6{
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
}
.icon-uparrow-ahref img{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    left: 12px;
}
.amount-component{
    padding: 0px;
}
.currency-component{
    padding-right: 0px;
}
.red-text{
    color: #ff0000;
}
select.input-lg{
    line-height: 48px;
    padding: 0 16px;
}
.dropdown.custom-dropdown a.dropdown-toggle{
    width: 100%;
    display: block !important;
    height: 48px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 0;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #888888 ;
}
.dropdown.custom-dropdown a.dropdown-toggle .caret{
    border: 2px solid;
    border-radius: 2px;
    border-color: transparent #888888 #888888 transparent;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    transform: rotate(44deg);
    top: 13px;
    position: absolute;
    right: 20px;
}
.dropdown.custom-dropdown.open > .dropdown-menu {
    width: 100%;
}
.dropdown.custom-dropdown .dropdown-menu > li > a {
    line-height: 38px;
}
.dropdown.custom-dropdown.open > .dropdown-toggle .caret {
    top: 19px;
    -webkit-transform: rotate(224deg);
    -ms-transform: rotate(224deg);
    -o-transform: rotate(224deg);
    transform: rotate(224deg);
}
.no-padding{
    padding: 0px;
}
.contact-form label{
    line-height: 48px;
}
.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label{
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before{
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #00cc6b;
    color: #fff;
}
.checkbox-custom:focus + .checkbox-custom-label{
  outline: none; /* focus style */
}
.currency-label{
    text-align: right;
}
@media only screen and (max-width: 767px){
    .currency-label{
        text-align: left;
    }   
    .contact-form label {
        line-height: 28px;
    }
}
/*.custom-slider-wrap.gallery-slider-wrap .owl-nav {
    opacity: 1;
}*/
select.form-control{
    -webkit-appearance: menulist;
    -moz-appearance: none;
    appearance: none;
}
footer.custom-footer{
    padding-top: 0px;
}
.custom-heading-block{
    height: 70px;
}
.custom-popup .p.custom-heading-block p{
    margin: 0 auto 10px;
}
.red-text{
    color: red;
}
.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;
}
.help-block{
    display: none;
}
.has-error .help-block-message{
    background-color: #fff;
    border-radius: 10px;
    width: 19px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
}
.help-message{
    display: none;
    text-align: right !important;
}
.custom-heading-block p{        
    margin-bottom: 10px;        
}
.landing-footer .prev-case.fantasy-solution-offering,       
.landing-footer .next-case.fantasy-solution-offering{       
   width: 33.33%;       
}
.has-error.help-message{
    display: block !important;
}
/* sliding tabs */

.slider-container{
    background-color: #ffffff;
    padding-top: 0px;
    width: 100%;
    z-index: 999999;
    top: 0;
    border: 1px solid #dddddd;
}
.slider-container .scrtabs-tabs-fixed-container{
    height: 80px;
}
.nav > li > a{
    font-family: "Gotham-Bold";
    padding: 32px 15px;
    color: #555555;
    margin: 0px;
    border-right: 1px solid #dddddd !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    font-size: 14px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #00cc6b;
    border-right: 1px solid #dddddd;
    background-color: #eeeeee;
}
.nav-tabs{
    /*border: 1px solid #dddddd;*/
    border: 0px;
    height: 80px;
}
.slider-container .scrtabs-tab-scroll-arrow{
    border: 0px;
}
.slider-container .scrtabs-tab-scroll-arrow{
    padding: 0px;
    height: 80px;
    width: 40px ;
    background-image: url('../img/up-arrow-green.svg');
    background-repeat: no-repeat;    
}

.slider-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left{
    background-image: url('../img/back-arrow.svg');
    background-repeat: no-repeat;  
    background-size: 30px 80px;
}
.slider-container .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right{
   background-image: url('../img/next-arrow.svg');
    background-repeat: no-repeat; 
    background-size: 30px 80px;
}
ul.affix.list-inline > li{
    display: block;
    padding-top: 20px;
    text-align: center;
}
ul.affix{
    left: 10%;
    top: 50%;
}
.footer-block.contact-info .h2:before{
    display: none;
}
.footer-block.contact-info .h2{
    color: #ffffff;
    font-family: Gotham-Book;
    font-size: 18px;
    line-height: 22px;
    margin: 0px;
}
.footer-block.contact-info{
    margin: 0px;
}
footer.contact-info-footer{
    padding-top: 60px;
}
.footer-block.contact-info .h2:after,
.footer-block.contact-info .h2:before{
    display: none;
}

.blog-container-wrapper .contact-wrapper .h1 h1 {
    font-size: 36px;
    font-family: 'Geomanist-Bold';
}
@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 screen and (max-width: 768px){
    .list-inline.affix{
        opacity: 0;
    }
}
.custom-contact-wrapper.contact-wrapper .h1{
    margin-top: 80px;
}

.media-left.media-separator{
    display: none;
}
@media screen and (max-width: 767px){
    .media-left.media-separator{
        display: table-cell;
        font-size: 16px;
        line-height: 24px;
        min-width: 30px;
        color: #00CA6F;
    }    
}
.white-background{
    background-color: #f9f9f9;
}
.fantasy-page.work-page .pagi li{
    width: 210px;
    font-weight: bold;
}
.fantasy-page.work-page .pagi li a.active span,
.fantasy-page.work-page .pagi li a:hover span {
    color: #00CA6F;
    border-bottom: 3px solid #00CA6F;
}
.fantasy-page.work-page .pagi li a span{
    width: 100%;
    color: #999999;
    font-family: Gotham-Bold;
}
.fantasy-page.work-page .pagi li{
    margin: 20px 15px;
}
@media only screen and (max-width: 1440px) and (min-width: 1280px){
    .fantasy-page.work-page .pagi{
        left: 0;
    }
    .fantasy-page.work-page .pagi li a span{
        overflow: visible;
        height: auto;
        font-size: 12px;
    }
    .fantasy-page.work-page .pagi li{
        width: 130px;
        height: auto;
    }
}
.fantasy-page.work-page .pagi{
    top: 35%;
}
.notVisible{display: none !important;} 
.framework-pagi{
    display: none !important;
    -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;
}      
.framework-pagi-blog-footer{
    display: none !important;-webkit-transition: all .3s ease;      
    -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;
}      
.pagi{      
     -webkit-transition: all .3s ease;      
    -moz-transition: all .3s ease;      
    -o-transition: all .3s ease;        
    -ms-transition: all .3s ease;       
    transition: all .3s ease;       
}
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;       
}
.section-heading{
    display: none;
}
@media only screen and (max-width: 1279px){
    .fantasy-page.work-page .pagi{
        display: none !important;
    }
    .section-heading{
        display: block;
    }
}
.pagi.homepagi{
    display: none;
}

/* payment form css for formVinfotech page */

form.payment-form .has-error .help-block {
    background: red;
    display: table;
    padding: 5px 10px;
    position: absolute;
    border-radius: 4px;
    -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);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
    left: 0px;
    z-index: 1;
    margin: 2px 0 0 0;
    top: 50px;
}

form.payment-form .has-error .help-block{
    width: auto;
}

form.payment-form .has-error .help-block:after,
form.payment-form .has-error .help-block:before {
    bottom: 100%;
    left: 10px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

form.payment-form .has-error .help-block:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: red;
    border-width: 8px;
    margin-left: 0;
}

form.payment-form .has-error .help-block:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-width: 9px;
    margin-left: 0;
    left: 9px;
}
form.payment-form .form-group {
    position: relative;
}
.btn.subscribe-for-more{
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px;
}
.custom-popup.video-popup-modal{
     z-index: 99999;
}
.custom-popup.video-popup-modal .modal-body{
    background-color: transparent;
}

/* heading tags css */

h2.custom-heading-tags.media-heading ,h5.custom-heading-tags.media-heading{
    font-size: 24px;
    font-family: 'Geomanist-Bold';
}
.internal-process-img h5.custom-heading-tags{
    font-size: 34px;
    margin-bottom: -72px;
    line-height: 1.4;
    font-family: 'Gotham-Black';
    text-align: left;
    float: left;
    position: relative;
    z-index: 10;
    color: #333333;
}
h3.custom-heading-tags{
    padding: 0 0 11px;
    line-height: 1;
}
.duel-text h3.custom-heading-tags{
    font-family: Gotham-Bold;
    font-size: 24px;
    margin-top: 11px;
    margin-bottom: 11px;
}

/* framework pages */

/*.img-cont-box .content-video-p h2.custom-heading-blogs{
    color: white;
    font-family: Gotham-Bold;
    font-size: 19px;
    margin: 0;
    line-height: 1.42857143;
}
h1.custom-heading-tags.custom-h1{
    font-size: 64px;
    margin: 0;
    font-weight: 500;
    line-height: 1.1;
    font-size: 64px;
    margin-bottom: 30px;
    color: #101010;
    font-family: 'Gotham-Ultra';
}
.featur-vinfo .txt-content-new h4.custom-heading-tags,
.featur-vinfo .txt-content-new h5.custom-heading-tags{
    font-size: 36px;
    font-family: Gotham-Ultra;
    margin-bottom: 50px;
    color: #262626;
    margin-top: 22px;
}*/


/* changed heading tags for framework pages */

h1.custom-h1.custom-heading-tags{
    line-height: 1.1;
    font-size: 64px;
    color: #101010;
    font-family: 'Gotham-Ultra';
}

/* css for career new page */

.career_page .why-vinfo .h2,
.career_page .show-case-type-2 .h2{
    color: #101010; 
    font-family: "Gotham-Black";    
    font-size: 36px;    
    letter-spacing: -1px;   
    line-height: 67px;  
    text-align: center;
}
.career_page .why-vinfo .people-choose-vinfot,
.career_page .show-case-type-2 .people-choose-vinfot,
.career_page .open-position .ready-to-explore{
    color: #999999; 
    font-family: Gotham;    
    font-size: 16px;    
    font-weight: 300;   
    line-height: 22px;  
    text-align: center;
}
.career_page .open-position h2{
    color: #101010; 
    font-family: "Gotham-Black";    
    font-size: 36px;    
    letter-spacing: -1px;   
    line-height: 67px;  
    text-align: center
}
/*.career_page .open-position .ready-to-explore{
    border-bottom: 2px solid #ECECEC;
    padding-bottom: 36px;
}*/
.career_page .open-position .h3{
    border-top: 3px solid #ECECEC;
    color: #000000; 
    font-family: Gotham;    
    font-size: 18px;    
    font-weight: bold;  
    line-height: 23px;
    margin-bottom: 0px;
    margin-top: 28px;
    padding: 28px 0 0 0;
}
.career_page .open-position .vacancy-for p{
    color: #4A4A4A; 
    font-family: Gotham;    
    font-size: 18px;    
    font-weight: bold;  
    line-height: 23px;
    margin-bottom: 0;
}
.career_page .open-position .vacancy-option{
    opacity: 0.69;  
    color: #666666; 
    font-family: Gotham;    
    font-size: 16px;    
    font-weight: 300;   
    line-height: 18px;
}
.career_page .open-position .apply;
.career_page .open-position .vacancy-for{
    margin-top: 25px;
}

.career_page .open-position .apply button{
    text-transform: none;
    border-radius: 3px;
}
.career_page .open-position .requirements{
    color: #333333; 
    font-family: Gotham;    
    font-size: 16px;    
    font-weight: 300;   
    line-height: 23px;
    padding: 15px 0;
}
.career_page .open-position .read-more{
    color: #00CA6F;
    font-family: Gotham-Bold;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    text-transform: capitalize;
    padding-bottom: 26px;
    border-bottom: 1px solid #ECECEC;
}
.career_page .open-position .criterion h6{
    color: #666666; 
    font-family: Gotham;    
    font-size: 16px;    
    font-weight: bold;  
    line-height: 19px;
}
.career_page .open-position .criterion p{
    color: #666666; 
    font-family: Gotham;    
    font-size: 16px;    
    font-weight: 300;   
    line-height: 24px;
    margin: 0;
}
.career_page .open-position .row.vacancy > div{
    padding-right: 0;
    padding-left: 0;
}
.career_page .open-position .vacancy:last-child .read-more{
    padding-bottom: 10px;
    border: none;
}
.career_page .open-position .vacancy{
    margin-bottom: 0;
    padding-top: 20px;
}
.career_page .opportunity-deatils{
    padding-top: 20px;
}
/*.section.footer-section{
    z-index: 12;
}*/
.section.section-footer{
    z-index: 12;
    height: auto !important;
}
@media only screen and (max-width: 767px){
    .nav-toggle-right{
        top: 87%;
    }
}
thankyou-social-icons ul{
    margin-top: 10px;
    list-style-type: none;
}
.thankyou-social-icons ul li{
    display: inline-block;
}



/* new work page css */


@media only screen and (min-width: 2200px){
    .work-page .section .show-case-text-block-wrapper .show-case-text-block p{
        font-size: 20px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
        font-size: 44px;
        line-height: 44px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h5,
    .work-page .section .show-case-text-block-wrapper .show-case-text-block a{
        font-size: 18px;
        line-height: 24px;
     }
}

.work-page .pagi{
    display: none;
}
.work-page .container-fluid{
    height: 100% !important;
}
@media screen and (min-width: 992px){
    .work-page .show-case-type-1 .show-case-text-block-wrapper {
        width: 40%;
    }
     .work-page .show-case-type-1 .show-case-img-block {
        width: 50%;
    }
    .show-case-type-1 .show-case.even .show-case-text-block{
       /*6755*/
    }
}
.work-odd-section{
    background: radial-gradient(circle, #EEF2F7 0%, #F8F8F8 100%);
}
.work-even-section{
    background: radial-gradient(circle, #EEF2F7 0%, #ECF4F7 100%);
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block .h5{
    opacity: 1;
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block .h5,
.work-page .section .show-case-text-block-wrapper .show-case-text-block a{
    color: #4A4A4A;
    font-family: "Gotham-Bold";
    font-size: 14px;
    line-height: 21px;
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
    /*color: #4A4A4A; */
    font-family: "Gotham-Black";    
    font-size: 36px;    
    letter-spacing: -1px;   
    line-height: 34px;
    text-shadow: 5px 3px 1px rgba(132, 132, 132, 0.33);
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block .h4{
    color: #fff; 
    font-family: "Gotham-Book";    
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    text-shadow: 2px 2px 1px rgba(132, 132, 132, 0.66);
}
/*.work-page .section .show-case-text-block-wrapper .show-case-text-block p{
    color: #4A4A4A; 
    font-family: Gotham;    
    font-size: 14px;    
    font-weight: 300;   
    line-height: 21px;
}*/
.work-page .section .show-case-text-block-wrapper .show-case-text-block p{
    color: #fff; 
    font-family: "Gotham-Book";    
    font-size: 14px;    
    line-height: 18px;
    font-weight: bold;
    text-shadow: 2px 2px 1px rgba(132, 132, 132, 0.66);
}
.work-page .section .section-content .show-case,
.work-page .section .section-content .show-case-content{
    height: 100%;
    padding: 0 1%;
}

.work-page .section .section-content .show-case-content .show-case-img-block.rugby{
    width: 46%;
}
.work-page .section .section-content .show-case-content .show-case-img-block.frenzy{
    width: 46%;
}
.work-page .section .section-content .show-case-content .show-case-img-block{
    width: 58%;
}
.work-page .section .section-content .show-case-content .show-case-img-block{
    width: 58%;
}
.work-page .section .section-content .show-case-content .show-case-text-block-wrapper{
    width: 40%;
}
.work-page .section.work-even-section .show-case-img-block{
    padding-left: 2%;
}
.work-page .section.work-odd-section .show-case-img-block{
    padding-right: 2%;
}
.work-page .section.work-even-section .show-case-img-block{
    right: 40%;
}
.work-page .section.work-even-section .show-case-text-block-wrapper{
    left: 61%;
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block a.read-story{
    color: #4A4A4A;
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block a.read-story:hover{
    color: #fff;
}
.work-page .section .show-case-img-block.bottom-img-container,
.work-page .section .show-case-img-block.left-bot-img-container,
.work-page .section .show-case-img-block.right-bot-img-container,
.work-page .section .show-case-img-block.full-img-container-right,
.work-page .section .show-case-img-block.full-img-container-left{
    position: relative;
    height: 100%;
}
.work-page .section .show-case-img-block.bottom-img-container img{
    /*height: 90%;*/
    position: absolute;
    bottom: -50px;
}
.work-page .section .show-case-img-block.full-img-container-right img{
    transform: scale(1.3, 1.3);
    position: absolute;
    right: -90px;
    top: -300px;
}
.work-page .section .show-case-img-block.full-img-container-left img{
    transform: scale(1.3, 1.3);
    position: absolute;
    left: -100px;
    top: -300px;
}
.work-page .section .show-case-img-block.left-bot-img-container img{
    transform: scale(1.3, 1.3);
    position: absolute;
    left: -130px;
    bottom: -100px;
}
.work-page .section .show-case-img-block.right-bot-img-container img{
    transform: scale(1.3, 1.3);
    position: absolute;
    /*right: -130px;*/
    bottom: 7%;
}
header .overlay-header{
    height: 100px;
    position: fixed;
    background-color: #fff;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
}
.section.characters-meet-section .section-content.show-case-type-1{
    background-color: #FECC80;
}
.section.balltalk-section .section-content.show-case-type-1{
    background-color: #F8997B;
}
.section.gifted-parents-section .section-content.show-case-type-1{
    background-color: #64CE84;
}
.section.philmcollab-section .section-content.show-case-type-1{
    background-color: #C0B7CA;
}
.section.gm-genius-section .section-content.show-case-type-1{
    background-color: #75A1C6;
}
.section.famous-birthday-section .section-content.show-case-type-1{
    background-color: #F5AED6;
}
.section.agl-section .section-content.show-case-type-1{
    background-color: #9DD2B8;
}
.section.khiladi-11-section .section-content.show-case-type-1{
    background-color: #FFD28E;
}
.section.finn-app-section .section-content.show-case-type-1{
    background-color: #8FD3A4;
}
.section.pintrip-section .section-content.show-case-type-1{
    background-color: #8BD6D9;
}
.section.poprx-section .section-content.show-case-type-1{
    background-color: #FCB2B1;
}
.section.maximo-avance-section .section-content.show-case-type-1{
    background-color: #B3C0CC;
}
.section.grinta-section .section-content.show-case-type-1{
    background-color: #AAC3A6;
}
.section.memoirs-section .section-content.show-case-type-1{
    background-color: #AEC1DA;
}
.section.draft-gaming-section .section-content.show-case-type-1{
    background-color: #B5CDAB;
}
.section.clinic-you-section .section-content.show-case-type-1{
    background-color: #FBCB8B;
}
.section.my-emar-section .section-content.show-case-type-1{
    background-color: #D0E0B1;
}
.section.dreams-section .section-content.show-case-type-1{
    background-color: #C1B8D7;
}
.section.nationball-section .section-content.show-case-type-1{
    background-color: #9DAFC1;
}
.section.snapdeal-section .section-content.show-case-type-1{
    background-color: #A3DDF1;
}
.section.moorus-section .section-content.show-case-type-1{
    background-color: #AABFD0;
}
.section.frenzy-section .section-content.show-case-type-1{
    background-color: #B3B8BE;
}
.section.medlinx-section .section-content.show-case-type-1{
    background-color: #A0C1E0;
}
.section.banana-bandy-section .section-content.show-case-type-1{
    background-color: #AAD3AB;
}
.section.gifted-parents-section .section-content.show-case-type-1{
    background-color: #92DCA9;
}
.section.all-prodraft-section .section-content.show-case-type-1{
    background-color: #A9CBF0;
}
.section.playzo-section .section-content.show-case-type-1{
    background-color: #F6AF81;
}
.section.mb-fantasy-section .section-content.show-case-type-1{
    background-color: #EED570;
}
.section.dribbly-section .section-content.show-case-type-1{
    background-color: #FEC6AF;
}
.section.myffpc-section .section-content.show-case-type-1{
    background-color: #B5C8D7;
}
.section.fantasy-rugby-section .section-content.show-case-type-1{
    background-color: #CACAD4;
}
.section.escala-11-section .section-content.show-case-type-1{
    background-color: #A7DFC4;
}
.section.draft-fight-section .section-content.show-case-type-1{
    background-color: #AEB5CF;
}
.section.vsocial-section .section-content.show-case-type-1{
    background-color: #B5AED1;
}
.section.vfantasy-section .section-content.show-case-type-1{
    background-color: #B5AED1;
}
.section.dermatology-section .section-content.show-case-type-1{
    background-color: #80D5E9;
}
.section.stars-league-section .section-content.show-case-type-1{
    background-color: #BFC6D8;
}
.section.sports-guru-section .section-content.show-case-type-1{
    background-color: #EED399;
}
.section.myclub-tab-section .section-content.show-case-type-1{
    background-color: #7885B1;
}
.section.fanplayoff-section .section-content.show-case-type-1{
    background-color: #F6C8BE;
}
.section.grinq-section .section-content.show-case-type-1{
    background-color: #96B2FB;
}
.section.dirt-duel-section .section-content.show-case-type-1{
    background-color: #9DC7DE;
}
.section.streetfight-section .section-content.show-case-type-1{
    background-color: #A1CB99;
}
.section.howzat-section .section-content.show-case-type-1{
    background-color: #EDA7A2;
}
.section.spartan-section .section-content.show-case-type-1{
    background-color: #E9D585;
}

@media only screen and (max-width: 1440px){
    .work-page .section .section-content .show-case-content .show-case-text-block-wrapper{
        width: 35%;
    }
   
    .work-page .section .section-content .show-case-content .show-case-img-block{
        width: 60%;
    }
    .work-page .work-even-section.section .section-content .show-case-content .show-case-img-block{
        padding-left: 0;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
        font-size: 34px;
    }
    .work-page .work-odd-section.section .section-content .show-case-content .show-case-text-block-wrapper{
        padding-left: 2%;
    }
    .work-page .section.work-even-section .show-case-img-block{
        right: 35%;
    }
    .work-page .section.work-even-section .show-case-text-block-wrapper{
        left: 63%;
    }
    /*.show-case-type-1 .show-case-img-block.bottom-img-container img{
        max-width: 88%;
    }*/
}
@media only screen and (max-width: 1281px){
    .work-page .section .show-case-img-block.left-bot-img-container img{
        transform: scale(1.3, 1.3);
        position: absolute;
        left: -130px;
        bottom: -130px;
    }
}

@media only screen and (max-width: 1024px){
    .work-page .section .section-content .show-case-content .show-case-text-block-wrapper{
        width: 100%;
        padding: 0;
        /*left: 15%;*/
    }
    .work-page .section.work-even-section .section-content .show-case-content .show-case-img-block,
    .work-page .section.work-odd-section .section-content .show-case-content .show-case-img-block{
        width: 100%;
        /*padding-left: 10%;
        padding-right: 10%;*/
        padding-left: 0;
        padding-right: 0;
        padding-top: 60px;
    }
    .work-page .section.work-even-section .show-case-img-block{
        right: 0;
    }
    .work-page .section.work-even-section .show-case-text-block-wrapper{
        left: 0;
    }
    .work-page .show-case-type-1 .show-case-text-block{
        max-width: 100%;
        text-align: center;
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .show-case-text-block-right{
        width: 100% !important; 
    }
    .show-case-text-block.show-case-text-block-right .work-page-logo.clearfix .img-responsive.pull-right {
        float: none !important;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img.grinta{
        position: relative !important;
    }

    .work-page .section .show-case-img-block.bottom-img-container,
    .work-page .section .show-case-img-block.left-bot-img-container,
    .work-page .section .show-case-img-block.right-bot-img-container,
    .work-page .section .show-case-img-block.full-img-container-right,
    .work-page .section .show-case-img-block.full-img-container-left{
        position: relative;
        height: auto;
    }
    .work-page .section .show-case-img-block.bottom-img-container img{
        position: relative;
        height: auto;
        bottom: 0;
    }
    .work-page .section .show-case-img-block.full-img-container-right img{
        position: relative;
        height: auto;
        bottom: -100px;
        right: -50px;
        top: 200px;
        /*transform: scale(1,1);*/
    }
    .work-page .section .show-case-img-block.full-img-container-left img{
        position: relative;
        height: auto;
        bottom: -100px;
        left: -50px;
        top: 200px;
        /*transform: scale(1,1);*/
    }
    .work-page .section.full-img-section .show-case-text-block-wrapper{
        margin-top: 60px;
    }
    .work-page .section .show-case-img-block.full-img-container-right{
        padding-top: 0;
    }
    .work-page .section .show-case-img-block.full-img-container-left{
        padding-top: 0;
    }
    .work-page .section .show-case-img-block.left-bot-img-container img{
        position: relative;
        height: auto;
        left: -120px;
        bottom: -80px;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img{
        position: relative;
        height: auto;
        right: -120px;
        bottom: -80px;
    }
}
@media only screen and (max-width: 768px){
    .work-page .section .section-content .show-case-content .show-case-img-block{
        padding-top: 0;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block p{
        line-height: 20px;
        font-size: 14px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h4{
        font-size: 12px;
        line-height: 16px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
        font-size: 24px;
        line-height: 24px;
    }
    header .overlay-header{
        height: 90px;
    }
    .work-page .section .show-case-img-block.full-img-container-right{
        padding-top: 0;
    }
    /*.work-page .section .show-case-img-block.full-img-container img{
        max-width: 700px;
    }*/
    .work-page .show-case-type-1 .show-case-img-block img{
        max-width: 700px;
    }
    
    .work-page .section .show-case-img-block.full-img-container-right img,
    .work-page .section .show-case-img-block.full-img-container-left img{
        top: 100px;
    }
    .work-page .section .featuredIn{
        display: none;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img.left-side.grinta{
       left: 0 !important; 
    }
    .work-page .section .show-case-img-block.right-bot-img-container img{
        position: relative !important;
    }
}

@media only screen and (max-width: 767px){
    .work-page .section .show-case-img-block.left-bot-img-container img{
        bottom: -30px;
        left: -30px;
    }
    .work-page .show-case-type-1 .show-case-img-block.bottom-img-container img{
        max-width: 300px;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img{
        bottom: -30px;
        right: -30px;
    }
    .work-page .section .show-case-img-block.full-img-container-right img,
    .work-page .section .show-case-img-block.full-img-container-left img{
        bottom: -30px;
        top: 70px;
    }
    .work-page .section .show-case-img-block.bottom-img-container img{
        bottom: 10px;
    }
    header .overlay-header{
        height: 80px;
    }
    .work-page .section.work-even-section .section-content .show-case-content .show-case-img-block,
    .work-page .section.work-odd-section .section-content .show-case-content .show-case-img-block{
        padding-top: 0;
    }
    .work-page .section.full-img-section .show-case-text-block-wrapper{
        margin-top: 0;
    }
}
.work-page .featuredIn ul >li {
    color: #4A4A4A;
}
/*.show-case-img-block .bottom-image{
    bottom: -50px;
}*/
.work-page .section .section-content .container-fluid{
    padding: 0;
}


@media only screen and (min-width: 2350px){
    .show-case-type-1 .show-case-img-block img{
        width: 100%;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
        font-size: 50px;
        line-height: 50px;
    }
    .work-page .show-case-type-1 .show-case-text-block {
        max-width: 700px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h5,
    .work-page .section .show-case-text-block-wrapper .show-case-text-block a{
        font-size: 22px;
        line-height: 28px;
     }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h4{
        font-size: 18px;
        line-height: 24px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block p{
        font-size: 22px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 4000px){
    .work-page .show-case-type-1 .show-case-text-block{
        max-width: 1000px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h3{
        font-size: 72px;
        line-height: 72px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h5, 
    .work-page .section .show-case-text-block-wrapper .show-case-text-block a{
        font-size: 32px;
        line-height: 38px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block .h4{
        font-size: 24px;
        line-height: 28px;
    }
    .work-page .section .show-case-text-block-wrapper .show-case-text-block p{
        font-size: 30px;
        line-height: 38px;
    }
}
@media only screen and (max-width: 1440px) and (min-width: 1025px){
    .work-page .featuredIn ul >li.big-image{
        margin-top: 20px;
        margin-left: 100px;
    }
}
.healthcare-nav{
    margin-bottom: 76px;
}
@media screen and (max-width: 767px){
    .healthcare-nav{
        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: 1439px) and (min-width: 1025px){
    .nav-block .h3 {
        font-size: 26px;
        line-height: 30px;
    }    
    .nav-block .h3:after{
        bottom: 3px;
    }
    .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;
}
.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;
}

@media screen and (max-width: 991px){
    .rigt-menu ul li {
        display: inline-block;
        width: auto;
        margin: 0 10px;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img{
        position: relative;
    }

}
.cd-primary-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.last-menu-block .footer-block ul li a {
    font-size: 15px;
}
.tranding-content-pre{
    display: none;
}

/* gitex page css */

@media screen and (min-width: 992px){
    .gitex-region .case-study-heading{
        margin-bottom: 30px;
        font-size: 64px;
        font-family: 'Gotham-Black';
        line-height: 1;
        color: #fff;
        text-transform: none;
        text-align: left;
        /*max-width: 78%;*/
        margin: 0;
        margin-bottom: 20px;
    }
}

.gitex-region .case-study-wrapper{
    min-height: 100vh;
    position: relative;
}
.gitex-region .case-study-tag{
    font-size: 32px;
    color: #fff;
    font-family: 'Gotham-Bold';
    margin-bottom: 46px;
}
/*.book-meeting-block{
    max-width: 78%;
    margin: 0 auto 220px;
}*/
.gitex-region .button{
    min-width: 260px;
    background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
    box-shadow: 0 10px 40px 0 rgba(0,0,0,0.2);
    padding: 15px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Gotham-Bold';
    display: inline-block;
    text-decoration: none;
}
.gitext-description{
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 61%;
   margin: 0 auto;
   left: 50%;
}
.section-sm{
    padding: 24px;
    text-align: center;
    background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
    /*box-shadow: 0 10px 40px 0 rgba(0,0,0,0.2);*/
    color: #fff;
    margin: 10px;
}
.section-sm .heading{
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    font-family: 'Gotham-Bold';
}

.section-sm .description{
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    font-family: 'Gotham-Medium';
}
.featured-section{
    padding: 0 5px;
}
.col6{
    height: 600px;    
    width: 50%;
    float: left;
    padding: 0 5px 10px 5px;
}
.col6-bg{
    display: block;
    height: 100%;
    padding: 50px;
    position: relative;
}
.col6-text{
    line-height: 1.2;
    letter-spacing: -0.5px;
    color: #000000;
    font-family: 'Gotham-Black';
    font-size: 40px;
}
.pZero{
    padding: 0 !important;
}
.sports-description{
    width: 400px;
}
.social-description{
    text-align: center;
}
.mobile-description{
    width: 350px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
}
.healthcare-description{
    width: 350px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
}
.featured-section-paytm{
    background-color: rgba(0, 163, 218, 0.1);
}
.featured-section-agl{
    background-color: rgba(216, 35, 42, 0.1);
}
.why-wait{
    background-color: #f1f1f1;
    padding: 130px 0;
    text-align: center;
    margin: 10px;
}
.why-wait .heading{
    font-size: 40px;
    color: #000;
    font-family: 'Gotham-Black';
    line-height: 1.6;
}
.why-wait .description{
    color: #9b9b9b;
    line-height: 1.5;
    font-size: 16px;
    font-family: 'Gotham-Bold';
    margin-bottom: 35px;
}
.why-wait .btn{
    padding: 14px 50px;
    font-family: 'Gotham-Bold';
    text-transform: none;
    letter-spacing: initial;
}
.featured-section-paytm,
.featured-section-agl{
    height: 740px;
    padding: 136px 50px 0 50px !important;
}
.featured-section-paytm .col6-bg,
.featured-section-agl .col6-bg{
    padding: 0;
}
.section-paytm-text,
.section-agl-text{
    font-size: 16px;
    font-family: 'Gotham-Bold';
    line-height: 1.75;
    margin: 32px 0;
    color: #666666;
}
.featured-section-paytm .col6-text{
    width: 300px;
    position: absolute;
    /*right: 77px;*/
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
}
.featured-section-agl .col6-text{
    width: 300px;
    position: absolute;
    /*left: 77px;*/
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
}
.featured-section-paytm .btn.btn-primary,
.featured-section-agl .btn.btn-primary{
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    color: #00ca6f;
    font-size: 16px;
    letter-spacing: initial;
    font-family: 'Gotham-Medium';
    border: none;
    padding: 14px 20px;
    text-transform: none;
}
.featured-section-paytm .btn.btn-primary img,
.featured-section-agl .btn.btn-primary img{
    width: 6px;
}
.featured-section-project{
    padding: 0 10px;
    overflow: hidden;
    position: relative;
}
.featured-section-agl img.projectImg{
    position: absolute;
    right: 0;
}
@media screen and (min-width: 1200px){
    .gitex-header .nav-toggle{
        left: 0;
        top: 0;
        width: 277px;
        height: 100px;
        padding: 20px;
        background-color: #000000;
    }    
    .gitex-header .nav-toggle img{
        width: 100%;
    }
    .right-bar{
        width: 190px;
    }
    .right-bar img{
        width: 100%;
    }
}
.gitex-header .nav-toggle{
    left: 0;
    top: 0;
    width: 277px;
    height: 100px;
    padding: 20px;
    background-color: #000000;
}    
.gitex-header .nav-toggle img{
    width: 100%;
}
.right-bar{
   /* width: 190px;*/
}
.right-bar img{
    width: 100%;
}
@media (max-width: 1440px){
    .featured-section-paytm, .featured-section-agl {
        height: 610px;
        padding: 100px 0px 0 20px !important;
    }
    .featured-section-agl .col6-text{
        left: 0;
    }
    .featured-section-paytm .col6-text{
        right: 0;
    }
    .featured-section-agl img.projectImg,
    .featured-section-paytm img.projectImg{
        max-width: 300px;
    }
}
@media (max-width: 1280px){
    .featured-section-agl img.projectImg{
        right: -20px;
    }
    .featured-section-paytm img.projectImg{
        position: absolute;
        left: -20px;
    }
    
}
@media (max-width: 1200px){
    .col6{
        width: 100%;
    }
    .featured-section-paytm img.projectImg{
        left: 50px;
    }
    .featured-section-agl img.projectImg{
        right: 50px;
    }
    .featured-section-paytm .col6-text{
        right: 15%;
    }
    .featured-section-agl .col6-text{
        left: 15%;
    }
    .gitext-description{
        width: 80%;
    }
}
@media screen and (max-width: 992px){
    
    .gitex-region .case-study-heading{
        font-size: 54px;
        font-family: 'Gotham-Black';
        line-height: 1;
        color: #fff;
        text-transform: none;
        text-align: left;
        margin: 0;
        margin-bottom: 20px;
    }
    .featured-section-paytm .col6-text{
        right: 8%;
    }
    .featured-section-agl .col6-text{
        left: 8%;
    }
    .featured-section-agl img.projectImg{
        right: 30px;
    }
    .featured-section-paytm img.projectImg{
        left: 30px;
    }
}
@media screen and (max-width: 767px){
    .featured-section-agl img.projectImg, .featured-section-paytm img.projectImg{
        max-width: 270px;
    }
    .gitex-region .case-study-heading{
        font-size: 36px;
    }
    .col6{
        height: 400px;
    }
    .col6-text{
        font-size: 20px;
    }
    .sports-description{
        width: 100%;
    }
    .col6-bg{
        padding: 30px;
    }
    .mobile-description{
        width: 180px;
        right: 0;
    }
    .healthcare-description{
        width: 170px;
        left: 20px;
        top: 30%;
        transform: translateY(-30%);
    }
    .featured-section-paytm, .featured-section-agl{
        height: auto !important;
        text-align: center;
        padding: 20px !important
    }
    .featured-section-paytm .col6-text{
        position: static;
        right: 0;
        transform: initial;
        width: 80%;
        margin: 20px auto;
    }
    .featured-section-paytm img.projectImg{
        position: static;
        right: 0;
        transform: initial;
    }
    .featured-section-agl .col6-text{
        position: static;
        left: 0;
        transform: initial;
        width: 80%;
        margin: 20px auto;
    }
    .featured-section-agl img.projectImg{
        position: static;
        left: 0;
        transform: initial;
    }
    .col6-text img{
        width: 100%;
    }
}
@media (max-width: 360px){
    .gitext-description{
        width: 90%;
    }
}
@media (max-width: 320px){
    .gitext-description{
        width: 94%;
    }
}

.section-project-head{
    width: 522px;
    position: absolute;
    right: 50%;
    left: 50%;
    top: 120px;
    z-index: 9;
    transform: translate(-50%,-50%);
}
.section-project-head .heading{
    width: 292px;
    height: 64px;
    font-family: 'Gotham-Black';
    font-size: 32px;
    line-height: 2;
    text-align: center;
    color: #000000;
    top: -20px;
    margin: 0 10px;
    position: relative;
}
.featured-section-paytm{
    position: relative;
}
.left-section-project{
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    width: 90px;
    height: 33px;
}
.right-section-project{
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-right: 2px solid rgba(0, 0, 0, 0.1);
    width: 90px;
    height: 33px;
}
.right-section-project,
.left-section-project,
.section-project-head .heading{
    display: inline-block;
}
@media (max-width: 1200px){
    .section-project-head{
        top: 50px;
    }
}
@media (max-width: 767px){
    .featured-section-paytm{
        padding-top: 100px !important;
    }
    .left-section-project,.right-section-project{
        width: 40px;
        height: 25px;
    }
    .section-project-head .heading{
        width: 190px;
        font-size: 20px;
    }
    .section-project-head{
        top: 80px;
        width: 302px;
    }
    .gitex-header .nav-toggle{
        width: 200px;
        height: 60px;
        padding: 10px;
    }
    .gitex-header .floated-btn{
        top: 0;
        bottom: auto;
        right: 0;
        left: auto;
    }
    .fantasy-apps-built {
        height: auto !important;
        width: 100% !important;
        border-radius: 4px;
        background-color: #FFFFFF;
        margin-top: 28px;
    }
    .bg-why-vinfotech{
       padding: 10px 48px !important; 
    }
    .payment-gateway-list-li{
        width: 100% !important;
    }

}
.featured-section-agl .col6-text img{
    width: 100%;
}
@media (max-width: 400px){
    .gitex-header .right-bar{
        width: 170px;
    }
    .gitex-header .nav-toggle{
        width: 180px;
        height: 50px;
        padding: 10px;
    }
}
@media (max-width: 320px){
    .section-project-head{
        width: 282px;
    }
    .left-section-project, .right-section-project {
        width: 30px;
        height: 25px;
    }
    .gitex-header .right-bar{
        width: 160px;
        top: 5px;
    }
    .gitex-header .nav-toggle{
        width: 160px;
        height: 50px;
        padding: 10px;
    }
}
.blog-section-white .block-wrapper a{
    background-color: #ffffff;
}
.why-wait{
    background: url('../img/whyWaitPolygon.png') no-repeat left bottom;
    overflow: hidden;
}
a.col6-bg:hover, a.col6-bg:focus{
    text-decoration: none;
}
img.mouse-scroll{
    position: absolute;
    bottom: 30px;
    left: 50%;
    right: 50%;
}
.col6-overlay{
    display: none;
}
.featured-section a.col6-bg:hover .col6-overlay{
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    top: 0;
    left: 0;
}
.why-wait{
    position: relative;
}
.why-wait img.polygonImage{
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(260deg);
}
@media (max-width: 991px){
    .why-wait img.polygonImage{
        display: none;
    }
}
.region-content.gitex-region{
    background-color: #FFFFFF;
}
@media (max-width: 1440px){
    .four-equal-section{
        width: 260px;
            height: 355px;
    }
}
@media (max-width: 1200px){
    .four-equal-section:last-child{
        margin-top: 10px;
        margin-right: 18px;
    }
}
@media (max-width: 991px){
    .four-equal-section:last-child{
        margin-right: 0;
    }
}
.cd-overlay-nav span, .cd-overlay-content span{
    height: 100px !important;
}

.partner-block-mob .greenColor.awards-section p{
text-align: left;
margin: 0;
max-width: 100%;
margin-left: 10px;
margin-bottom: 20px;
}


/*FOR THANK YOU PAGE*/
   .thank-you-page-block {
        padding: 10px 0;
    }
.thank-you-page-block .back-clm{
    background: #FFFFFF;
}
.thank-you-page-block  .custom-popup .modal-footer{
 background: #FFFFFF;   
}
.thank-you-page-block .custom-popup .modal-footer p{
        color: #00cc6b;
}
.thank-you-page-block  .custom-popup .modal-body{
    background: #FFFFFF;
}
.thank-you-page-block .custom-popup .modal-content{
    background-color: #FFFFFF;
}
.thank-you-page-block .custom-popup .h4{
    color:#00CA6F;   
}
.thank-you-page-block .custom-popup .thankyou-block p{
 color:#00CA6F;      
}

/*============== for new work page ===============*/

.work-page-title{
    font-family: "Gotham-Black";
    font-size: 36px;
    line-height: 40px;
    /*letter-spacing: -2.11px;*/
    padding-bottom: 10px;
    position: relative;
    margin-top: 20px;
    padding-top: 5px;
    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;
}
.show-case-text-block-right{
    width: 64%;
    text-align: right;
    float: left !important;
}
.show-case-text-block-left{
    width: 59%;
    text-align: left;
    float: none !important;
}
.work-page-description {
    padding-bottom: 20px;
    padding-top: 10px;
}
.work-page-logo {
    color: #333333;
    font-family: "Gotham-Black";
    font-size: 24px;
    letter-spacing: -0.3px;
    line-height: 30px;
}
/*.work-page-logo img{
  width: 30%;
}*/
.work-page-read_button{
    height: 44px;   
    width: 178px;   
    border: 1px solid #14B872;  
    border-radius: 4px; 
    color: #14B872;
    background-color: transparent;
}
.work-page-read_button:hover{
    background-color: #02b765;
    border-color: #02b765;
    color: #FFFFFF;
    transition: all 0.6s ease;
    text-shadow: unset;
}
.work-page-gray-bg{
    background-image: url('../../files/work_page_img/gray-element-bg.png');
    background-repeat: no-repeat;
    background-position: top left;
}
.work-page-white-bg{
    background-image: url('../../files/work_page_img/white-element-bg.png');
    background-repeat: no-repeat;
    background-position: top right;
}
.work-page-white-bg-right{
    background-image: url('../../files/work_page_img/white_element_right.png');
    background-repeat: no-repeat;
    background-position: top left;
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block p.work-page-category{
  text-shadow: none;
  
}
.work-page .section .show-case-text-block-wrapper .show-case-text-block a.category {
  color: #9B9B9B;
  margin-bottom: 30px;
  font-family: "Gotham-light";
}
.nav-toggle-right{
    background-color: #00B569 !important;
}

.work-page .section .show-case-img-block.right-bot-img-container img {
    transform: scale(1.3, 1.3);
    position: absolute;
    /* right: -130px; */
   /* bottom: 0px;*/
}
.work-page .section .show-case-img-block.right-bot-img-container img.right-side {
    transform: scale(1.3, 1.3);
    position: absolute;
    right: -45px;
    bottom: 10%;
}
.work-page .section .section-content .show-case-content .show-case-img-block img.right-side-fantasy {
    width: 85%;
    right: auto;;
}
.work-page .section .section-content .show-case-content .show-case-img-block img.left-side {
    width: 72%;

}
.work-page .section .show-case-img-block.right-bot-img-container img.left-side {
    transform: scale(1.3, 1.3);
    position: absolute;
    right: 8%;
    bottom: 8%;
}
/*  Social network page css by vinod tanwar*/
.social-networks-subtitle{
   margin-top: 20px; 
  }
.social-networks-round{
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.social-networks-round h6{
  color: #000;
  font-family: Gotham-Bold;
  font-size: 18px;
}
.bringing-your-ideas {
  opacity: 1;
  color: #7B7B7B;
  /*font-family: Gotham-Bold;*/
  font-size: 14px;
  font-weight: bold;
  min-height: 50px;
  text-decoration: none;
  width: 92%;
  margin: 0 auto;
}
.bringing-your-ideas1 {
  opacity: 1;
  color: #7B7B7B;
  font-family: Gotham-Bold;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 127px;
  min-height: 50px;
  text-decoration: none;
  width: 92%;
  margin: 0 auto;
}
.bringing-your-ideas2 {
  opacity: 1;
  color: #7B7B7B;
  font-family: Gotham-Bold;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 127px;
  min-height: 50px;
  text-decoration: none;
  width: 92%;
  margin: 0 auto;
}
.bringing-your-ideas3 {
  opacity: 1;
  color: #7B7B7B;
  font-family: Gotham-Bold;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 127px;
  min-height: 50px;
  text-decoration: none;
  width: 92%;
  margin: 0 auto;
   
}
.min-h{
  min-height: 50px;   
  padding-top: 20px;
}
.social-networks-round-bg, .social-networks-round-bg1, .social-networks-round-bg2, .social-networks-round-bg3{
  background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
  opacity: 1;
  height: 140px;
  width: 140px;
  border-radius: 50%;
  text-decoration: none;
    margin: 0 auto;
}
.social-networks-round h6{
  color: #FFFFFF;
}
.social-networks-round-bg:hover .bringing-your-ideas{
     text-decoration: none;
} 
.social-networks-round-bg1:hover .bringing-your-ideas1{
     text-decoration: none;
} 
.social-networks-round-bg2:hover .bringing-your-ideas2{
     text-decoration: none;
} 
.social-networks-round-bg3:hover .bringing-your-ideas3{
    text-decoration: none;
} 
.social-networks-round-bg:hover, .social-networks-round-bg1:hover, .social-networks-round-bg2:hover, .social-networks-round-bg3:hover {
   text-decoration: none;
}
.social-networks-round-bg:hover .social-networks-round h6{
  color: #FFFFFF;
}
.social-networks-round-bg1:hover .social-networks-round h6{
  color: #FFFFFF;
}
.social-networks-round-bg2:hover .social-networks-round h6{
  color: #FFFFFF;
}
.social-networks-round-bg3:hover .social-networks-round h6{
  color: #FFFFFF;
}
.fantasy-daily-list .list-unstyled > li > span  {
  margin-right: 20px;
  line-height: 28px;
}
.four-cols.partners-boxes{
    height: 280px;
    border: 1px solid #DEDDDD;
    border-radius: 5px;
    width: 22%;
    margin-right: 3%;
    width: 22%;
}
.partners-img.social-page {
    background: transparent;
    position: relative;
    top: -36px;
    width: 65%;
    margin: 0 auto;
}
.four-cols.partners-boxes:hover{
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.25);
}
.partners-data.partners-text{
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-family: 'Gotham-Book';
    padding: 0px 31px 0px 31px;
    line-height: 28px;
    text-align: left;
}
.h3.text-center.wow.fadeInDown.section-heading-text > h2{
    font-family: 'Gotham-Bold';
    margin: 0 auto;
    font-size: 48px;
    letter-spacing: -2px;
    line-height: 48px;
    
}
 .middle{
    width: 60%;
    margin: 0 auto;
  }
  .width-80{
    width: 80%;
    margin: 0 auto; 
  }
  .width-77{
    width: 77%;
    margin: 0 auto; 
    text-align: center;
  }
  .font14{
    font-size: 14px;
  }
  .font16{
    font-size: 16px;
  }
  .media-heading-video{
    font-family: Gotham-Bold;  font-size: 38px;  font-weight: bold;  letter-spacing: -1.91px;
  }
  .case-study-overlay{
    /*background: linear-gradient(to bottom, transparent 0%, #00B569 100%);*/
    /*background: linear-gradient(0.14deg, #000000 0%, #0080FF 100%);*/
    background:linear-gradient(to bottom, #000 0%,rgba(0, 0, 0, 0.8) 25%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.6) 75% ,#00B569 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0.7;
  }
  .case-study-overlay-img{
    position: relative;
    z-index: 1;
  }
  .work-page .section .section-content .show-case-content .show-case-img-block img.left-side.grinta {
    width: 50%;
}
.work-page .section .show-case-img-block.right-bot-img-container img.left-side.grinta {
    transform: scale(1.3, 1.3);
    position: absolute;
    bottom: 8% !important;
    left: 18% !important;
}
.work-page .section .section-content .show-case-content .show-case-img-block.giftedparents{
  width: 52% !important;  
}
.work-page .section .show-case-img-block.right-bot-img-container img.right-side.giftedparents{
    transform: scale(1.3, 1.3);
    position: absolute;
    right: -15% !important;
    top: 15% !important;
    }
.work-page .section .section-content .show-case-content .show-case-img-block img.left-side.myemar{
    width: 100% !important;
}
.work-page .section .show-case-img-block.right-bot-img-container img.left-side.myemar{
    right: 0;
}
.categories-list.dropdown-menu > li{
  border: 1px solid #C8C7C7;
  border-radius: 20px;
  margin-left: 0px;
}
.nav.nav-tabs.categories-list.dropdown-menu > li{
  border: 1px solid #C8C7C7;
  border-radius: 20px;
  margin-left: 10px;
}
.pres-release-box{
  margin-bottom: 30px; 
}  
.pres-release-media{
 padding-left: 20px;
}   
.pres-release-read-more{
    height: 35px;
    width: 110px;
    border: 1px solid #14B872;
    border-radius: 4px;
    background-color: #02b765;
    border-color: #02b765;
    color: #FFFFFF;
 } 
.pres-release-read-more:hover{
    height: 35px;
    width: 110px;
    border-radius: 4px;
    color: #FFFFFF;
    background-color: #222;
    border-color: #222;
        transition: all 0.6s ease;
 } 
.top-banner-block.press-release-top-banner-block{
  height: 400px;
}
.nav > li > a.pres-release-filter{
  padding: 8px 14px;
}
.testimonials-font-14{
 font-size: 14px;
}
 .customer-engagement-slider-box {
        padding-bottom: 0px;
    }

 .customer-engagement-subtitle{
    margin-top: 20px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 33px;
}
  .customer-engagement-title > h1{
    margin: 0;
    font-family: Gotham-Bold;
    font-size: 55px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 57px;
    margin-bottom: 20px;
  }
  .customer-engagement-p{
   color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;   
  }
  .all-for-fantasy{
    float: left;
    width: 50%;
    margin-left: 60px;
    margin-top: 78px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 40px;
  }
  .all-for-fantasy-img{
    float: left;
    width: 40%;
  }
.togather-li{
       width: 196px;
padding: 33px 0px;
vertical-align: middle;
-webkit-transition: background 1s ease-out;
-moz-transition: background 1s ease-out;
-o-transition: background 1s ease-out;
transition: background 1s ease-out;
cursor: pointer;
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.2);
margin: 10px auto!important;
}
/* .togather-li:hover, .togather-li.active{
background: linear-gradient(141.17deg, #00B569 0%, #0080FF 100%);
background: -webkit-gradient(141.17deg, #00B569 0%, #0080FF 100%);
background: -moz-gradient(141.17deg, #00B569 0%, #0080FF 100%);
background: -o-gradient(141.17deg, #00B569 0%, #0080FF 100%);
-webkit-transition: background 1s ease-out;
-moz-transition: background 1s ease-out;
-o-transition: background 1s ease-out;
transition: background 1s ease-out;
} */
.togather-li .img-white{
    display:none !important;
}
.visible-sm-slider.togather-sm-silder li{
    margin: 10px 15px!important;
    display: inline-block;
}
/* .togather-li:hover .img-color, .togather-li.active .img-color{
    display:none;
}
.togather-li:hover .img-white, .togather-li.active .img-white {
    display: block!important;
    margin: 0 auto;
    text-align: center;
}
.togather-li:hover .service-cell-text, .togather-li.active .service-cell-text{
    color:#fff;
} */
.togather-li img{
    width:auto!important;
    margin: 0 auto;
}

  .media-left-section{
    padding: 80px;
  }
  .media-heading.grad-color.heading{
    font-size: 35px;
    line-height: 46px;
  }
  .media-body.pd-left{
    padding-left: 36px;
 }
 .featured-fantasy-project.fantasy-project-center.fantasy-for-all{
    background-color:transparent;
 }
 .inner-box{
    border: 2px solid #E9E9E9;
    border-radius: 34px;
    padding: 25px;  
    min-height: 430px;
    height: 430px;  
    width: 338.33px;
    margin: 14px;
    background-color: #FFFFFF;
 }
 .inner-box:hover {
    transition: all 0.2s ease;
    min-height: 430px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.25);
}
 .inner-box-fantastic{
    border: 2px solid #E9E9E9;
    /*border-radius: 34px;*/
    padding: 25px;  
    min-height: 260px;
    height: 260px;  
    width: 338.33px;
    margin: 14px;
    background-color: transparent;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.25);
   
 }
 .hover-p{
  display: none;
 }
 .inner-box-fantastic:hover {
    background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
    transition: all 0.2s ease;
 }
 .inner-box-fantastic:hover .project-media{
  display: none;
 }
.inner-box-fantastic:hover .box-h{
  display: none;
 }
.inner-box-fantastic:hover .box-p{
  display: none;
 }
 .inner-box-fantastic:hover .hover-p{
  display: block;
  transition: all 0.2s ease;
  color: #FFFFFF;
  position:relative;
  top: 30%;
  text-align: center;
 }
.fantasy-project-center ul li p.box-p{
  font-size: 16px;
  text-align: center;
}
.box-list-width{
    height: 384px;
    margin: 0 auto;
    list-style: none;
    width: 96% !important;
}
.fantasy-project-center ul.project-header li h3.box-h ,.fantasy-project-center .project-header h6.box-h {
    font-family: 'Gotham-Bold';
    font-size: 30px;
    text-transform: initial;
    min-height: 45px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 41px;
    margin-bottom: 20px;
}
.fantasy-project-center ul.project-header li h3.box-sports, .we-beleive h5{
    font-family: 'Gotham-Bold';
    font-size: 30px;
    text-transform: initial;
    min-height: 45px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.we-beleive .project-media img{
     width:auto!important;
}
.f-heading{
    font-size: 48px;
    font-family: 'Gotham-Bold';
    padding-bottom: 50px;
}
.customer-engagement-sections{
   height: 900px; 
}
.often-engament-section{
  height: 250px;
  background-color: #F7F7F7;
}
.slider-bg-fantasy{
  background-color: #FFFFFF;
}
.carousel-control.left.left-slide{
  background-image: none;
}
.carousel-control.right.right-slide{
  background-image: none;
}
.fantasy-slider-heading{
 font-family: 'Gotham-Bold';
    font-size: 30px;
    text-transform: initial; 
}
.fantasy-project-center ul.project-header li.customer-engagement-box{
  float: none;
  margin:10px;
}
.tabel-cell .client-testimonial .client-wrapper.customer-engagement{
  background-color: transparent;
}
.bottomright {
  position: absolute;
  bottom: 10%;
  right: 5%;
  font-size: 18px;
  text-align: right;
}
.topleft{
  position: absolute;
  top: 6%;
  left: 5%;
  font-size: 18px;
  text-align: left;
}
.topright{
  position: absolute;
  top: 6%;
  right: 5%;
  font-size: 18px;
  text-align: right;
}
img.customer-engagement-img{
  width: 100%;
  height: auto;
}
.bottomright > h3, .bottomright > h6  {
  font-family: 'Gotham-Bold';
  font-size: 36px;
  font-weight: bold;
  color: #FFFFFF;
}
h6.sponsored-contest {
    font-family: 'Gotham-Bold';
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}

.bottomright > p {
  font-size: 18px;
  color: #FFFFFF;
}
.sponsored-contest{
  color: #333333;
  font-family: 'Gotham-Bold'
  font-size: 36px;
  font-weight: bold;
}
.sponsored-contest-p{
  font-size: 18px;
  color: #333333;
}
.tabel-cell .client-testimonial .client-wrapper.customer-engagement-slider{
  background: #FFFFFF;
  padding-top: 60px;
}
.client-testimonial.client-testimonial-customer-engagement{
  margin-bottom: 0px;
}
.tabel-cell .client-testimonial .client-wrapper{

}
.customer-engagement-slider-box {
  padding-bottom: 0px;
}
.customer-engagement-slider-box-width{
  width: 44%;
}

/*---Topical Cluster--*/
.topical-cluster-heading-lead {
  color: #333333;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 28px;
 
}
/*.blogSection.bannerSection{
  height: 400px;
}*/
.blog-post-heading.topical-cluster-heading-lead {
   min-height: 84px;
   font-family: Gotham-Bold;
}
.topical-cluster-heading-lead > a {
    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;
}
.blogSection_inner1 {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 1;
}
.topical-cluster-categories-list {
  margin-bottom: 6%;
}
.topical-cluster-categories-list > li:hover{
  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);
  color: #FFFFFF;
  transition: 0.8s;
}
.topical-cluster-categories-list > li:hover a{
  color: #FFFFFF;
  text-decoration: none;
}
.topical-cluster-categories-list > li > a{
  font-size: 16px;
  color: #464646;
  font-family: Gotham-Book; 
}
.topical-cluster-categories-list > li{
  float: left;
  margin-right: 30px;
  background: #FAFAFA;
  padding: 8px 12px;
  border-radius: 20px;
}
.fantasy-sports-categories{
  border-radius: 20px;
  background: #FFFFFF;
  border: 1px solid #C8C7C7;
  padding: 6px 12px;
}
.fantasy-sports-categories:hover {
  background: #000000;
  transition: 0.5s;
  border: 1px solid transparent;
  
}
.blog-post-heading-sm a.fantasy-sports-categories:hover, .blog-post-heading-lead a.fantasy-sports-categories:hover{
  color: #FFFFFF;
}
.topical-cluster-categories-heading{
  font-family: Gotham-Bold; 
  font-size: 30px;
  color: #666666;
  line-height: 36px;
  font-weight: bold;
  letter-spacing: -1px;
}
.blog-post-list.category-name{
  padding-top: 40px;
  padding-bottom: 20px;
}
.fantasy-categories-text{
  font-size: 16px;
}
.fantasy-sports-for{
   font-size: 20px;
}
.view-all-btn {
  padding: 10px 36px;
  border-radius: 21px;
  background: linear-gradient(135.63deg, #00B569 0%, #0080FF 100%);
  box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
}
a .view-all-btn.pull-right:hover{
  text-decoration: none;
}
.bordered-row {
  border-bottom: 1px solid #979797;
  padding-top: 25px;
  height: 100px;
}
.newsletter_container{
    width: 43%;
    margin: 0 auto;
    }
.carrer-h1 {
    color: #212121 !important;
    font-family: Geomanist !important;
    font-size: 60px !important;
    line-height: 72px !important;
}
.carrer.h2{
    color: #212121 !important;
    font-family: Geomanist !important;
    font-size: 40px !important;
    line-height: 52px !important;
    text-align: center !important;
}
.top-rwo {
    margin-top: 100px;
}
.media-heading.interest{
    color: #212121;
    font-family: Geomanist-Book;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
}
.we-all{
    color: #212121;
    font-family: Geomanist !important;
    font-size: 18px !important;
    line-height: 28px !important;
}
.open-position .h1{
    color: #212121;
    font-family: Geomanist;
    font-size: 40px;
    line-height: 52px;
}
.if-you-are-looking {
    font-family: Geomanist;
    font-size: 18px;
    line-height: 28px;
}
.people-choose-vinfot {
    color: #555555 !important;
    font-family: Geomanist !important;
    font-size: 18px !important;
    line-height: 28px !important;
    text-align: center !important;
}
.row-pdd{
    padding-top: 100px;
    padding-bottom: 80px;
}
/*--End Of Topical Cluster--*/

    
@media screen and (max-width: 1600px) {
    .work-page-title{
    font-size: 26px !important;
     line-height: 32px !important;

    }
    .work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive  {
    width: 44% !important;
    left: 16%;
    position: relative;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block.left-side-responsive {
    width: 44% !important;
    position: relative;
    right: 30%;
    
    }
   .social-networks-box1 {
    width: 38%;
    position: relative;
    right: 12% !important;
    }
    .social-networks-box5 {
    width: 38%;
    position: relative;
    left: 57% !important;
    /* right: 10%; */
    }
    .social-networks-box2 {
    width: 38%;
    position: relative;
    top: 90% !important;
    right: 12% !important;
    }
    .social-networks-box4 {
    width: 38%;
    position: relative;
    top: 90% !important;
    left: 56% !important;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block img.left-side.grinta {
        width: 60%;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block.frenzy{
        width: 52%;
    }
    .work-page-title.{
        line-height: 32px !important;
    }
    .inner-box-fantastic{
        width: 280px !important;
        height: 260px !important;
    }
    .inner-box{
        width: 280px !important;
        height: 500px !important; 
        margin:0 auto;
    }
    .customer-engagement-slider-box {
        padding-bottom: 0px;
    }
    .fantasy-solution-bg.customer-engagement-height{
    height: auto;
    }
    /*=======customer engagement page*/
    .media-heading.grad-color.heading {
    font-size: 30px !important;
    line-height: 40px !important;
    }
    .all-for-fantasy{
      width: 47% !important; 
    }
    .media-left-section {
    padding: 30px !important; 
    }
    .all-for-fantasy-img {
    float: left;
    width: 42% !important; 
    margin-top: 20px;
    padding-bottom: 30px !important; 
    }
    .fantasy-project-center ul.project-header li h3.box-h, .fantasy-project-center ul.project-header li h6.box-h {
    font-size: 23px !important; ;
    padding-bottom: 30px !important; 
    margin-bottom: 20px;
    }
    .fantasy-project-center ul.project-header li h3.box-sports, .we-beleive h5{
     font-size: 23px !important; ;
    padding-bottom: 30px !important;   
    }

    .project-media.sports-entertainment{
        margin-bottom: -10px !important;   
    }
    .customer-engagement-title > h1{
    font-size: 48px !important; 
    }
    .fantasy-solution-bg.customer-engagement-height{
    height: auto;
    }
    .featured-fantasy-project.fantasy-project-center{
        margin-bottom: 50px;
    }
    .topical-cluster-categories-list > li {
        padding: 6px 8px !important;
        margin-right: 10px !important;
    }
    .topical-cluster-categories-list > li > a {
    font-size: 14px !important;
    color: #464646;
    font-family: Gotham-Book;
    }
    .newsletter_container{
    width: 52%;
    margin: 0 auto;
    }
    .h2-heading-bw {
    font-size: 48px !important;
    line-height: 1 !important;
    }
   
} 
@media screen and (max-width: 1400px) {

.work-page .section .show-case-img-block.right-bot-img-container img {
    position: initial;
    }
.work-page .section .show-case-img-block.right-bot-img-container img.right-side {
    position: absolute;
    right: 0;
    margin-top: 40px;
    
   }
.work-page .section .section-content .show-case-content .show-case-img-block img.right-side {
    width: 80%;
    }  
.work-page .section .show-case-img-block.right-bot-img-container img {
    position: absolute;
}
.work-page .section .section-content .show-case-content .show-case-img-block img.left-side {
    width: 70%;
    margin-top: 40px;

}
.work-page .section .show-case-img-block.right-bot-img-container img.left-side {
    position: absolute;
}
.work-page-title{
    font-size: 26px;
}
.work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive  {
    width: 36% !important;
    left: 16%;
    position: relative;
}
.work-page .section .section-content .show-case-content .show-case-img-block.left-side-responsive {
    width: 40% !important;
    position: relative;
    right: 30%;
    
    }
.work-page .section .section-content .show-case-content .show-case-img-block img.left-side.grinta {
    width: 60%;
}
.work-page .section .section-content .show-case-content .show-case-img-block.frenzy{
    width: 58%;
}
.work-page .section .section-content .show-case-content .show-case-img-block.giftedparents{
  width: 52% !important;  
}
 .work-page-title.{
        line-height: 32px !important;
    }
/*=======customer engagement page*/
 .media-heading.grad-color.heading {
    font-size: 30px !important;
    line-height: 40px !important;
    }
    .all-for-fantasy{
      width: 47% !important; 
    }
    .media-left-section {
    padding: 30px !important; 
    }
    .all-for-fantasy-img {
    float: left;
    width: 42% !important; 
    margin-top: 20px;
    padding-bottom: 30px !important; 
    }
    .fantasy-project-center ul.project-header li h3.box-h ,.fantasy-project-center .project-header  h6.box-h  {
    font-size: 23px !important; ;
    padding-bottom: 30px !important; 
    margin-bottom: 20px;
    }
    .fantasy-project-center ul.project-header li h3.box-sports, .we-beleive h5{
     font-size: 23px !important; ;
    padding-bottom: 30px !important;   
    }
    .project-media.sports-entertainment{
        margin-bottom: -10px !important;   
    }
    .customer-engagement-title > h1{
    font-size: 48px !important; 
    }
    .fantasy-solution-bg.customer-engagement-height{
    height: auto;
    }
    .featured-fantasy-project.fantasy-project-center{
        margin-bottom: 50px;
    }
    .newsletter_container{
    width: 54%;
    margin: 0 auto;
    }
    .h2-heading-bw {
    font-size: 48px !important;
    line-height: 1 !important;    
    }


}

@media screen and (max-width: 1280px) {
    .work-page-title{
    font-size: 26px;
    line-height: 32px;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block img.right-side {
    width: 100% !important;
    right: -45px !important;;
    } 
    .work-page .section .show-case-img-block.right-bot-img-container img.right-side {
        position: absolute !important;
        right: 4% !important;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block img.right-side-fantasy {
    width: 85%;
    right: auto;
    }
    .work-page .section .show-case-img-block.right-bot-img-container img {
    position: absolute !important;
    }
    .social-networks-box3 {
    width: 66% !important;
    left: 68% !important;
    }
    .social-networks-box4 {
    width: 42% !important;
    left: 63% !important;
    }
    .greenColor > h1 {
        font-size: 50px;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive {
    width: 50% !important;
    position: relative;
    left: 10% !important;
    } 
    .work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive.brag-house {
    width: 42% !important;
    position: relative;
    left: 10% !important;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block.left-side-responsive {
    width: 40% !important;
    position: relative;
    right: 28%;
    
    }
    .work-page .section .section-content .show-case-content .show-case-img-block img.right-side {
    width: 90% !important;
    right: -45px !important;
    }
    .work-page-logo{
        /*width: 40% !important;*/
    }
    .work-page-logo-height{

    }
    .work-page .section .section-content .show-case-content .show-case-img-block img.left-side.grinta {
    width: 60%;
    }  
    .work-page .section .section-content .show-case-content .show-case-img-block.frenzy{
    width: 46%;
    } 
    .work-page-title.{
        line-height: 32px !important;
    }
    .case-study-bottom-image-responsive{
    width: 58%;
    margin: 0 auto;
    }   
    .inner-box-fantastic{
        width: 250px !important;
        height: 260px !important;
    }
    .inner-box{
        width: 250px !important;
        height: 480px !important; 
        margin:0 auto;
    }
    .f-heading{
        font-size: 37px !important; 
       padding-bottom: 20px !important; 
    }

    /*====Costomer Engament page===*/

    .media-heading.grad-color.heading {
    font-size: 30px !important;
    line-height: 40px !important;
    }
    .all-for-fantasy{
      width: 47% !important; 
    }
    .media-left-section {
    padding: 30px !important; 
    }
    .all-for-fantasy-img {
    float: left;
    width: 38% !important; 
    margin-top: 20px;
    margin-left: 20px;
    padding-bottom: 30px !important; 
    }
    .fantasy-project-center ul.project-header li h3.box-h ,.fantasy-project-center .project-header  h6.box-h {
    font-size: 23px !important; ;
    padding-bottom: 30px !important; 
    margin-bottom: 20px;
    }
    .fantasy-project-center ul.project-header li h3.box-sports, .we-beleive h5{
     font-size: 23px !important; ;
    padding-bottom: 30px !important;   
    }
    .project-media.sports-entertainment{
        margin-bottom: -10px !important;   
    }
    .customer-engagement-title > h1{
    font-size: 48px !important; 
    }
    .fantasy-solution-bg.customer-engagement-height{
    height: auto;
    }
    .featured-fantasy-project.fantasy-project-center{
        margin-bottom: 30px;
    }
    .fantasy-slider-heading{
         font-size: 26px !important; 
    }
    .sponsored-contest{
        font-weight: bold;
        font-size: 28px !important;    
    }
    .sponsored-contest-p{
        font-size: 16px !important; 
    }
    .bottomright > h3, .bottomright > h6 , h6.sponsored-contest {
        font-size: 28px !important;  
    }
    .bottomright > p{
      font-size: 16px !important;   
    }
    .slider-width-for-laptop{
        width: 92% !important;
    }
    .topical-cluster-categories-list > li{
        margin-right: 10px !important;
    }
    .topical-cluster-categories-list > li > a{
        font-size: 14px !important;
    }
    .topical-cluster-categories-list > li{
        padding: 6px 8px !important;
    }
    .topical-cluster-heading-lead{
        font-size: 20px !important;
    }
    .newsletter_container{
    width: 52%;
    margin: 0 auto;
    }
    .h2-heading-bw  {
        font-size: 48px !important;
        line-height: 1 !important;
    }
    .top-banner-block .h1 h2 {
    font-size: 54px;
    margin: 0;
    color: #101010;
    font-family: 'Gotham-Black';
    }
}
@media screen and (max-width: 768px) {
    .work-page .section .show-case-img-block.right-bot-img-container img.right-side {
        position: relative !important;
        right: 4% !important;
    }
    .work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive{
       width: 100% !important;
    position: relative;
    left: 0% !important; 
    }
   .work-page .section .show-case-img-block.right-bot-img-container img{
    position: relative !important;
  }
  .work-page .section .show-case-img-block.right-bot-img-container img.left-side{
    position: relative !important;
    bottom: 0% !important;
  }
  .work-page .show-case-type-1 .show-case-text-block{
    max-width: 100%;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
  }
  .show-case-text-block-left{
        width: 100%;
  }
  .work-page .section .section-content .show-case-content .show-case-img-block.left-side-responsive {
    width: 100% !important;
    position: relative;
    right: 0;
    }

    .work-page .section .show-case-img-block.right-bot-img-container img.left-side.grinta{
        left: 0% !important;
    }
      .work-page .section .section-content .show-case-content .show-case-img-block.right-side-responsive.brag-house {
    width: 80% !important;
    position: relative;
    left: 0% !important;
    }
    .four-cols.partners-boxes {
    border: 1px solid #DEDDDD;
    border-radius: 5px;
    width: 22%;
    /* margin-right: 3%; */
    width: 100% !important;
    height: 280px;
    }
    .grad-color.wow.fadeInDown.fony-size{
    font-size: 31px !important;
    line-height: 39px !important;
    }
   .middle {
    width: 80%;
    margin: 0 auto;
   }
   .pres-release-media{
    padding-left: 0 !important;
   }
   .why-vinfo .media-heading{
    margin-top: 30px;
   }
   .testimonials-font-14{
    font-size: 14px;
    text-align: justify !important;   
    }
     .fantasy-solution-bg.customer-engagement-height{
    height: auto !important; 
    }
    .fantasy-project-center ul.project-header li.customer-engagement-box{
        float: left !important;
    }
    .media-body.pd-left {
    padding-left: 8px !important;
    }
    .all-for-fantasy{
        margin-left: 10px !important; 
        width: 96% !important;
    }
    .all-for-fantasy-img{
        width: 100% !important;
    }
    .topical-cluster-categories-list > li {
        padding: 6px 8px !important;
        margin-right: 10px !important;
        margin-bottom: 10px !important;
    }
    .newsletter_container{
    width: 82%;
    margin: 0 auto;
    }
    .carrer-h1 {
        color: #212121 !important;
        font-size: 38px !important;
        line-height: 52px !important;
    }
    .carrer-heading {
        width: 65%;
    }
    .top-banner-block {
        height: 400px;
    }
}
.thankyou{
    width: 203px;
    height: 203px; 
}
.footer-media-icon{
    width: 30px;
    height: 30px;
}
.upArrows{
    width: 24px;
    height: 24px;
   /* top: 10px;
    position: relative;*/
  }
.ideaIcon{
    position: relative;
    top: 14px;
}  
.launchIcon{
    width: 140px;
    height: 34px;
    margin-right: 20px;
    float: left;   
}
.idea-to-launch{
 position: relative;
top: 16px;
left: 22px;
}
.sub-title-case-studies{
    font-family: Gotham-Bold;
    font-size: 55px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 57px;
    margin-top: 50px;
    text-align: center;
}
/*============== end new work page ===============*/
.h2-48-font{
    font-size:48px;
}
.h3-grad-color{
    position: relative !important;
    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) !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-background-clip: text !important;
}
.we-beleive-head h3 {
    border-bottom: 0;
    font-size: 48px;
}

/* Fantasy app develpoment*/

.bg-white{
    background-color: #FFFFFF;
  }
  .app-development-heading {
    color: #FFFFFF;
    font-family:'Gotham-Book';
    font-size: 58px;
  }
  .leading-box {
    /*height: 211px;*/
    width: 95%;
    background-color: #F3F3F3;
    /*box-shadow: 0 16px 60px 0 rgba(5,36,64,0.1);*/
  }
  .generate-millions { color: #464646; font-family: Gotham-Book; font-size: 28px;  line-height: 36px;  text-align: center;padding-top: 170px;}
  .left-icon {
    height: 211px;
    background-color: #00B46A;
    display: table-cell;
    vertical-align: middle;
  }
  .right-content{
    display: table-cell;
    vertical-align: middle;
    padding: 22px;
  }
  .right-content h4{
    font-family: Gotham-Medium;
    font-size: 28px;
  }
  .brand-ambassador{
    text-align: center;
  }
  .brand-ambassador p{
    font-family: Gotham-Book;
    font-size: 18px;
  }
  .brand-ambassador h5{
    font-size: 24px;
    font-family: Gotham-Medium;
  }
  .brand-ambassador img{
    width: 94%; 
    margin-top: 10px;
  }
  .brand-ambassador img:hover {
    cursor: pointer;
    width: 100%; 
    margin-top: 0px;
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
  }
  .center-align{
    text-align: center;
  }
  .ronaldo-bg{
    background-image: url('../../files/ronaldo_secetion-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .ronaldo-uper-text{
    color: #464646; font-family: Gotham-Book; font-size: 40px; 
  }
  .fantasy-apps-built{
    height: 130px;  width: 502px; border-radius: 4px; background-color: #FFFFFF;
    margin-top: 28px;
  }
  .fantasy-apps{
    border-left: 5px solid #3FC78F;
    padding: 25px 25px 16px 37px;
  }
  .fantasy-apps-two{
    border-left: 5px solid #9FE3C7;
    padding: 20px 25px 4px 37px;
  }
  .fantasy-apps-four{
    border-left: 5px solid #9FE3C7;
    padding: 20px 25px 14px 37px;
  }
  .done-right-text{
    color: #464646;
    font-family: Gotham-Book;
    font-size: 20px;
    line-height: 35px;
  }
  .world-series-bg{
    background-image: url('../../files/world-series-bg.png');
    background-repeat: no-repeat;
    background-position: right top;
  }
  .world-series-bg img{
    padding-top: 30px;
  }
  .fantasy-games-listing{

  }
  .fantasy-games-list.fantasy-games-list > li {
    width: 150px;
    text-align: center;
  }
  .fantasy-games-listing-text {
    color: #464646;
    font-family: Gotham-Medium;
    font-size: 24px;
    line-height: 28px;
  }
 .top-margin{
    margin-top: -350px;
}
.app-developments-slider-bg {
    background-image: url('../../files/app-development-lp-bg.png');
    background-repeat: no-repeat;
    background-position: top left;
    height: 506px;
}
.carousel-indicators.app-development-slider .active{
    background-color:#00B46A;
}
.carousel-indicators.app-development-slider li{
    border: 1px solid #00B46A;
}
.app-developments-slider-items{
  margin-left: 84px;
  padding-top: 32px;  
}
.carousel-indicators.app-development-slider{
    width: 58%;
    text-align: right; 
    bottom: -100px;  
}
.carousel-indicators.app-development-slider li{
    width: 15px;
    height: 15px;
}
.rectangle-green {
    background-image: url('../../files/app_development _slider_bg.png');
    background-repeat: no-repeat;
    background-position: left;
}
.view-link .btn.readmore{
    padding: 18px 22px;     
}
.fantasy-league-player{
    position: absolute;
    right: 0;
    top: -60px;
}      
.payment-gateway-heading{
    color: #464646;
    font-family: Gotham-Book;
    font-size: 28px;
}
.payment-gateway-list-li{
    width: 75%;
    margin: 0 auto;
    text-align: left;
}
.payment-gateway-list-li-1{
    width: 75%;
    margin: 0 auto;
}
.payment-gateway-list-li li{
    width: 24%;
}
.payment-gateway-list-li li:last-child{
    text-align: right;
}
.payment-gateway-list-li li:nth-child(3){
    text-align: center;
}
.payment-gateway-list-li-1 li:nth-child(3){
    text-align: right;
}
.payment-gateway-list-li-1 li {
    width: 22%;
}
.payment-gateway-list-li-1 li:first-child{
    width: 30%;
}
.payment-gateway-list-li-1 li:nth-child(2){
    text-align: right;
}
.data-feed-providers{
    font-family: Gotham-Medium;
    font-size: 24px;
    text-align: center;
}
.payment-gateway-list-li-2{
    width: 75%;
    margin: 0 auto;
}
.payment-gateway-list-li-2 li{
    width: 24%
}
.bg-why-vinfotech{
    background-color: #00B46A;
    padding: 150px 48px;
    font-family: Gotham-Medium; font-size: 60px;    line-height: 68px;  text-align: center;
}
.bg-why-vinfotech h3{
    color: #FFFFFF;
}
.svg-icon.svg-center {
    margin: 0 auto;
    display: unset;
}
/* End Fantasy app develpoment*/
@media screen and (max-width: 767px) {
    .carrer-h1 {
        color: #212121 !important;
        font-family: Geomanist !important;
        font-size: 36px !important;
        line-height: 42px !important;
    }
    .top-rwo {
        margin-top: 40px;
        font-size: 34px !important;
    }
    .row-pdd .media-left {
        display: block !important;
    }
    .carrer-heading {
        width: 100%;
    }

}