/*@import url(font-awesome.css);*/

#page-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fbac03;
    z-index: 9999999;
}

.hide {
    display: none;
}

body {
    margin: 0;
    padding: 0;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    color: #000;
    position: relative;
    overflow: hidden;
}

html {
    /* width: 100%;
    height: 100%; */
    overflow-x: hidden;
    overflow-y: auto;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

img {
    max-width: 100%;
    width: auto \9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@font-face {
    font-family: 'montserratsemi_bold';
    src: url('montserrat-semibold-webfont.woff2') format('woff2'), url('montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'montserratultra_light';
    src: url('../fonts/montserrat-ultralight-webfont.woff') format('woff2'), url('../fonts/montserrat-ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'phosphatesolidmedium';
    src: url('../fonts/ufonts.com_phosphatesolid-webfont.woff') format('woff2'), url('../fonts/ufonts.com_phosphatesolid-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.woff') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'montserratsemi_bold';
    src: url('../fonts/montserrat-semibold-webfont.woff') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/GothamBold.eot');
    src: url('../fonts/GothamBold.eot') format('embedded-opentype'), url('../fonts/GothamBold.woff') format('woff2'), url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.ttf') format('truetype'), url('../fonts/GothamBold.svg') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'PoppinsLight_0';
    src: url('../fonts/PoppinsLight_0.eot');
    src: url('../fonts/PoppinsLight_0.eot') format('embedded-opentype'), url('../fonts/PoppinsLight_0.woff') format('woff2'), url('../fonts/PoppinsLight_0.woff') format('woff'), url('../fonts/PoppinsLight_0.ttf') format('truetype'), url('../fonts/PoppinsLight_0.svg') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'PoppinsBold_0';
    src: url('../fonts/PoppinsBold_0.eot');
    src: url('../fonts/PoppinsBold_0.eot') format('embedded-opentype'), url('../fonts/PoppinsBold_0.woff') format('woff2'), url('../fonts/PoppinsBold_0.woff') format('woff'), url('../fonts/PoppinsBold_0.ttf') format('truetype'), url('../fonts/PoppinsBold_0.svg') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PoppinsRegular';
    src: url('../fonts/PoppinsRegular.eot');
    src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'), url('../fonts/PoppinsRegular.woff') format('woff2'), url('../fonts/PoppinsRegular.woff') format('woff'), url('../fonts/PoppinsRegular.ttf') format('truetype'), url('../fonts/PoppinsRegular.svg') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'PoppinsSemiBold_0';
    src: url('../fonts/PoppinsSemiBold_0.eot');
    src: url('../fonts/PoppinsSemiBold_0.eot') format('embedded-opentype'), url('../fonts/PoppinsSemiBold_0.woff') format('woff2'), url('../fonts/PoppinsSemiBold_0.woff') format('woff'), url('../fonts/PoppinsSemiBold_0.ttf') format('truetype'), url('../fonts/PoppinsSemiBold_0.svg') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'PoppinsMedium_0';
    src: url('../fonts/PoppinsMedium_0.eot');
    src: url('../fonts/PoppinsMedium_0.eot') format('embedded-opentype'), url('../fonts/PoppinsMedium_0.woff') format('woff2'), url('../fonts/PoppinsMedium_0.woff') format('woff'), url('../fonts/PoppinsMedium_0.ttf') format('truetype'), url('../fonts/PoppinsMedium_0.svg') format('svg');
    font-display: swap;
}

.display-desktop {
    display: block;
}

.display-mobile {
    display: none;
}

.clear {
    clear: both;
}

video {
    display: block;
}

#wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
}

.content {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

header {
    margin: 0;
    padding: 10px 20px;
    position: relative;
    z-index: 10;
    width: 100%;
    background: #fff;
    position: fixed;
}

header.fixed-header {
    -webkit-box-shadow: 0 4px 6px -6px #222;
    -moz-box-shadow: 0 4px 6px -6px #222;
    box-shadow: 0 4px 6px -6px #222;
}

header .logo {
    margin: 0;
    padding: 0;
}

.desktop-menu .menu {
    padding-right: 80px;
    position: absolute;
    right: 0;
    width: 80%;
    top: 0;
    transition: 0.9s;
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
    background: transparent;
    line-height: 82px;
}

.desktop-menu:hover .menu {
    right: 0;
    transition: 0.9s;
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
}

.menu.open {
    right: 0;
}

.menu ul {
    margin: 0;
    padding: 0;
    float: right;
}

.menu ul li {
    position: relative;
    list-style: none;
    margin: 0 12px;
    padding: 0;
    display: inline-block;
    font-size: 14px;
}

.menu ul li:first-child {
    /*margin-top:20px;*/
    border: 0;
    box-shadow: none;
}

.menu ul li a {
    position: relative;
    display: block;
    padding: 0;
    color: rgba(255, 255, 255, 0.7);
    color: #434343;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.menu ul li a:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fbac03;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s cubic-bezier(0.832, 1.25, 0.375, 1.15);
    transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
}

.menu ul li.active a,
.menu ul li:hover a {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.menu ul li.active:after,
.menu ul li:hover:after {
    position: absolute;
    left: 0;
    bottom: 26px;
    width: 30px;
    height: 3px;
    background: #fbac03;
    content: '';
}


/* .menu ul li.insi {} */


/*.menu ul li.insi:before {content: ''; position: absolute; width: 0; height: 0; border-bottom: 10px solid #fbac03; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 0;}*/

.menu ul li.active:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #fbac03;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 0;
}

.menu ul li:hover.insi:after {
    display: none;
}

.nav-toggle {
    position: fixed;
    top: 0px;
    right: 0px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(0);
    -ms-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.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: rgba(255, 255, 255, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.menu ul li ul {
    display: none;
}

.menu ul li:hover ul {
    display: block;
    background: #fff;
    position: absolute;
    top: 80px;
    box-shadow: 0px 3px 5px #ccc;
}

.menu ul li ul li {
    display: block;
    width: 200px;
    margin: 0;
    padding: 0 10px;
}

.menu ul li ul li a {
    display: block;
    margin: 0;
    padding: 10px 0;
    line-height: normal;
    font-size: 14px;
    font-weight: normal !important;
}

.menu ul li:hover ul li:after {
    bottom: 0px;
}

.menu ul li:hover ul li a {
    font-weight: normal !important;
    font-size: 14px;
}

.dropbtn {
    display: none;
}

.dropbtn2,
.dropbtn3,
.dropbtn4,
.dropbtn5 {
    display: none;
}

.menu ul li ul li.level3-m1 ul {
    display: none;
}

.menu ul li:hover ul li ul {
    top: 0;
    left: 200px;
}

.menu ul li ul li.level3-m1:hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 200px;
}

.menu ul li ul li.level3-m2 ul {
    display: none;
}

.menu ul li ul li.level3-m2:hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 200px;
}

.menu ul li ul li.level3-m3 ul {
    display: none;
}

.menu ul li ul li.level3-m3:hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 200px;
}

.menu ul li ul li.level3-m4 ul {
    display: none;
}

.menu ul li ul li.level3-m4:hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 200px;
}

.menu ul li ul li.level3-m5 ul {
    display: none;
}

.menu ul li ul li.level3-m5:hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 200px;
}

.menu ul li ul li.level3-m1 ul:after,
.menu ul li ul li.level3-m2 ul:after,
.menu ul li ul li.level3-m3 ul:after,
.menu ul li ul li.level3-m4 ul:after,
.menu ul li ul li.level3-m5 ul:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-right: 8px solid #fbac03;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    left: -8px;
    top: 10px;
}

.nav-toggle span {
    color: rgba(0, 0, 0, 0.51);
    padding: 5px;
    font-size: 1.5em;
}

.no-touch .nav-toggle span:hover {
    color: rgba(0, 0, 0, 0.51);
}

.nav-toggle span.fa-times {
    color: rgba(0, 0, 0, 0.51);
}

.nav-toggle span.fa-times:hover {
    color: rgba(0, 0, 0, 0.51);
}

.nav-toggle.show-nav {
    top: 24px;
    right: 20px;
}


/* body.ynev .nav-toggle span{}
body.ynev .nav-toggle span:hover{} */

.desktop-menu:hover .fa-bars:before {
    content: "\f00d";
}

.m-menu-icon {
    display: none;
}

.d-menu-icon {
    display: block;
    background: #fff!important;
    z-index: 99999999;
    opacity: 1;
    padding: 24px 24px;
}

.inside {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.insidevideo {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    overflow: hidden;
}

.inside .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    position: absolute;
}

.inside .insidein {
    position: relative;
    z-index: 2;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.inside .inLeft {
    width: 50%;
    float: left;
    margin: 0 0 0 5%;
    padding: 0;
    font-size: 14px;
    color: #bababa;
    font-family: "PoppinsMedium_0", Helvetica, Arial, sans-serif;
}

.inLeft .ins {
    margin: 0 0 20px 0;
    padding: 0;
}

.inLeft .ide {
    margin: 0;
    padding: 0;
}

.inLeft .atall {
    margin: 20px 0;
    padding: 0;
    color: #fbac03;
    font-size: 70px;
    line-height: 60px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.inLeft p {
    margin: 0 0 25px 0;
    padding: 0 0 20px 0;
    position: relative;
}

.inLeft p.after:after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fbac03;
    width: 30px;
    height: 4px;
    content: '';
}

.inside #topvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden;
}

.moreY {
    color: #fbac03;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    padding: 15px 40px;
    border: solid 3px #fbac03;
    border-radius: 35px;
    font-family: "montserratbold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.moreY i {
    font-size: 12px;
}

.moreY:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fbac03;
    border-radius: 20px;
    border: solid 3px #fbac03;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.moreY:hover {
    color: #000;
}

.moreY:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.moreB {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    padding: 15px 40px;
    border: solid 3px #333;
    border-radius: 35px;
    font-family: "montserratbold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.moreB i {
    font-size: 12px;
}

.moreB:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    border-radius: 20px;
    border: solid 3px #333;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.moreB:hover {
    color: #fff;
}

.moreB:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.mar-l50 {
    margin-left: -50px;
}

.moreYY {
    color: #fbac03;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    padding: 15px 40px;
    border: solid 3px #fbac03;
    border-radius: 35px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.moreYY:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fbac03;
    border-radius: 20px;
    border: solid 3px #fbac03;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.moreYY:hover {
    color: #000;
}

.moreYY:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.moreYY.mar-l50 {
    margin-left: -50px;
}

.moreBB.mar-l50 {
    margin-left: -50px;
}

.moreBB {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    padding: 15px 40px;
    border: solid 3px #333;
    border-radius: 35px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.moreBB:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #333;
    border-radius: 20px;
    border: solid 3px #333;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.moreBB:hover {
    color: #fff;
}

.moreBB:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.whatlive {
    width: 100%;
    margin: 0;
    padding: 80px 0;
    background: #fbac03;
}

.whatLeft {
    width: 40%;
    float: left;
    margin: 0 10px 0 5%;
    padding: 0;
    font-size: 14px;
    color: #333;
    font-family: "PoppinsMedium_0", Helvetica, Arial, sans-serif;
    position: relative;
}

.whatRight {
    width: 54%;
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 14px;
    color: #333;
    font-family: "montserratregular", Helvetica, Arial, sans-serif;
    position: relative;
}

.whatLeft .wh-we {
    position: absolute;
    top: -24px;
    left: 217px;
    width: 140px;
}

.weflip {
    position: relative;
    padding-bottom: 0;
    width: 200px;
    height: 200px;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
    margin-top: 10px;
}

.wh-we .weflip {
    position: relative;
    float: left;
    padding-bottom: 0;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    background: transparent;
    border-radius: 0;
    margin-top: 0;
}

.card__front,
.card__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card__front,
.card__back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}


/* .card__front{} */

.card__back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.card__text {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.weflip.effect__random.flipped .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.weflip.effect__random.flipped .card__back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.whatLeft .tonicA {
    color: #333;
    font-size: 80px;
    line-height: 70px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.whatLeft .tonicShot {
    color: #333;
    font-size: 160px;
    line-height: 128px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    position: relative;
}

.whatLeft .tonicShot aside {
    display: inline-block;
    margin: 0 0 0 130px;
    padding: 0;
}

.whatLeft .tonicTo {
    color: #333;
    font-size: 128px;
    line-height: 130px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.whatLeft .what {
    margin: 0 0 40px 0;
    padding: 0;
}

.whatLeft .wh-L {
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    width: 50%;
}

.whatLeft .wh-I {
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    width: 50%;
}

.whatLeft .wh-V {
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
}

.whatLeft .wh-E {
    margin: 0 0 10px 0;
    padding: 0;
    float: left;
    width: 50%;
}

.whatLeft .for {
    margin: 0 0 0 50%;
    padding: 0 0 20px 0;
    float: left;
    width: 50%;
    color: #333;
    font-size: 50px;
    line-height: 40px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.whatLeft p {
    margin: 0 0 40px 0;
    padding: 0 0 20px 0;
    position: relative;
    width: 390px;
}

.whatLeft p.after:after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #333;
    width: 30px;
    height: 4px;
    content: '';
}

.whatRight .pr-img {
    margin: 0;
    padding: 0;
}

.whatRight .pr-name {
    width: 43%;
    margin: 25px 0 20px 0;
    padding: 0 20px 0 0;
    position: relative;
    font-size: 24px;
    color: #333;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-align: right;
}

.whatRight .pr-arrow {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -45px;
    right: 0;
}

.whatRight .pr-desc {
    margin: 60px 0 0 0;
    padding: 0;
    color: #333;
    font-size: 16px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
}

.pr-desc .pr-cat {
    margin: 0;
    padding: 0 10px 0 0;
    width: 40%;
    float: left;
}

.pr-desc .pr-cat .prcatin {
    width: 120px;
    height: 120px;
    float: right;
    border-radius: 50%;
    text-align: center;
    color: #333;
    font-size: 18px;
    background: #fff;
    font-family: "PoppinsMedium_0", Arial, Helvetica, sans-serif;
    display: table;
}

.pr-desc .pr-cat .prcatin aside {
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}

.pr-desc .pr-txt {
    margin: 0;
    padding: 20px 0 20px 30px;
    width: 54%;
    float: left;
    text-transform: uppercase;
    font-family: "PoppinsMedium_0", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.pr-desc .pr-txt h4 {
    margin: 0;
    padding: 0;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.makeus {
    width: 100%;
    margin: 0;
    padding: 80px 0;
    /*background:#fff url(../images/meke-popple-bg3.jpg) no-repeat 1200px 80px;*/
}

.makeusLe {
    width: 40%;
    float: left;
    margin: 0 0 0 5%;
    padding: 0;
    font-size: 14px;
    color: #333;
    font-family: "PoppinsMedium_0", Helvetica, Arial, sans-serif;
    position: relative;
}

.makeusRi {
    width: 44%;
    float: left;
    margin: 0 0 0 10%;
    padding: 80px 0 80px 0;
    font-size: 14px;
    color: #333;
    font-family: "montserratregular", Helvetica, Arial, sans-serif;
    position: relative;
    background: url(../images/y-repeat.png) repeat-x top, url(../images/y-repeat.png) repeat-x bottom;
    border-left: solid 25px #fbac03;
    position: relative;
}

.makeusLe .ma-people {
    margin: 0 0 5px 15px;
    padding: 0;
    color: #333;
    font-size: 60px;
    line-height: 70px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.pep-Ma {
    margin: 0 0 30px 0;
    padding: 0;
    color: #333;
    font-size: 200px;
    line-height: 130px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.pep-kes {
    margin: 0 0 5px 0;
    padding: 0;
    color: #333;
    font-size: 200px;
    line-height: 130px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.pep-Ma span {
    display: inline-block;
    margin: 0 84px 0 0;
    padding: 0;
}

.pep-M {
    margin: 0 0 30px 0;
    padding: 0;
    width: 50%;
    float: left;
    color: #333;
    font-size: 110px;
    line-height: 100px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.pep-A {
    margin: 0 0 30px 0;
    padding: 0;
    width: 50%;
    float: left;
    color: #333;
    font-size: 110px;
    line-height: 100px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.pep-K {
    margin: 0;
    padding: 0;
    width: 50%;
    float: left;
    color: #333;
    font-size: 110px;
    line-height: 100px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.pep-E {
    margin: 0;
    padding: 0 0 0 50px;
    width: 50%;
    float: left;
    color: #333;
    font-size: 110px;
    line-height: 100px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.pep-us {
    margin: 0;
    padding: 0;
    text-align: right;
    margin: 0 60px 30px 0;
    color: #333;
    font-size: 70px;
    line-height: 60px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.people-make {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 33px;
    left: 161px;
}

.makeusLe p {
    margin: 0 0 40px 0;
    padding: 0 0 20px 0;
    position: relative;
}

.makeusLe p.after:after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fbac03;
    width: 30px;
    height: 4px;
    content: '';
}

.makeusRi .peoplelist {
    margin: 0 0 0 -110px;
    padding: 0;
    width: 400px;
}

.makeusRi .peoplelist ul {
    margin: 0;
    padding: 0;
}

.makeusRi .peoplelist ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 200px;
    float: left;
}

.makeusRi:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 25px;
    background: #fbac03;
    content: '';
}

.makeusRi:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200%;
    height: 25px;
    background: #fbac03;
    content: '';
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.objblink {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;
    animation-direction: normal;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: blink;
    animation-timing-function: ease-in-out;
}

.people-bulb {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.workwithus {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #efefef;
    overflow: hidden;
    position: relative;
}

.workwithus-bg {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
}

.workLe {
    width: 23%;
    float: left;
    margin: 0 0 0 3%;
    padding: 0;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-family: "PoppinsMedium_0", Arial, Helvetica, sans-serif;
    background: #efefef;
}

.workLe .workLeinn h2 {
    margin: 10px 0 15px 0;
    padding: 0;
    font-size: 63px;
    line-height: 56px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.workLe .workLeinn p {
    margin: 0;
    padding: 0 0 20px 0;
    position: relative;
}

.workLe .workLeinn p.after:after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fbac03;
    width: 30px;
    height: 4px;
    content: '';
}

.workRi {
    width: 72%;
    float: left;
    margin: 0 0 0 2%;
    padding: 0;
}

.workRi .logolist {
    padding-left: 15px;
}

.workRi .logolist ul {
    margin: 0;
    padding: 0;
}

.workRi .logolist ul li {
    margin: 10px 0px 10px 25px;
    padding: 0;
    list-style: none;
    float: left;
    text-align: center;
    border: 1px solid #dadada;
    width: 135px !important;
    height: 73px !important;
}

.br-slider {
    overflow-x: hidden;
}

.br-slider .slick-prev.slick-arrow {
    display: none !important;
}

.br-slider .slick-next.slick-arrow {
    display: none !important;
}

.br-slider .slick-dots {
    display: none !important;
}

.br-box {
    margin: 10px 15px 10px 0px;
    padding: 0;
    list-style: none;
    width: 135px;
    float: left;
    text-align: center;
    border: 1px solid #dadada;
    border-bottom: 0;
    width: 160px !important;
    /* height: 160px !important; */
}

.br-box div {
    border-bottom: 1px solid #dadada;
}

.ri-grid {
    margin: 30px auto 30px;
    position: relative;
    height: auto;
}

.ri-grid ul {
    list-style: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.ri-grid ul:before,
.ri-grid ul:after {
    content: '';
    display: table;
}

.ri-grid ul:after {
    clear: both;
}

.ri-grid ul {
    zoom: 1;
}

.ri-grid ul li {
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -o-perspective: 400px;
    -ms-perspective: 400px;
    perspective: 400px;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
}

.ri-grid ul li a {
    display: block;
    outline: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.ri-grid-size-2 {
    width: 100%;
}

.ri-grid-size-3 {
    width: 100%;
    margin-top: 0px;
}

.ri-grid-loading:after,
.ri-grid-loading:before {
    display: none;
}

.ri-loading-image {
    display: none;
}

.ri-grid-loading .ri-loading-image {
    position: relative;
    width: 30px;
    height: 30px;
    left: 50%;
    margin: 100px 0 0 -15px;
    display: block;
}

.blog {
    margin: 0;
    padding: 80px 0;
    width: 100%;
    background: url(../images/blog-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.blog .blogLe {
    margin: 0 0 0 5%;
    padding: 0;
    width: 40%;
    float: left;
    position: relative;
    color: #bababa;
    font-size: 14px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
}

.blog .blogRi {
    margin: 0 5% 0 0;
    padding: 0;
    width: 45%;
    float: left;
}

.blog-latest {
    margin: 0 0 10px 0;
    padding: 0;
    color: #fbac03;
    font-size: 25px;
    line-height: 46px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.blog-B {
    margin: 0 0 30px 0;
    padding: 0;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    font-size: 180px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 149px;
    letter-spacing: -9px;
}

.blog-L {
    margin: 0 0 30px 0;
    padding: 0 0 0 60px;
    width: 50%;
    float: left;
}

.blog-O {
    margin: 0 0 30px 0;
    padding: 0;
    width: 50%;
    float: left;
}

.blog-G {
    margin: 0 0 30px 0;
    padding: 0;
    width: 50%;
    float: left;
}

.blogicon {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 60px;
    left: 160px;
}

.blogLe p {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    position: relative;
    font-family: 'PoppinsMedium_0';
    font-size: 14px;
    color: #ffffff;
    width: 330px;
}

.blogLe p.after:after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fbac03;
    width: 30px;
    height: 4px;
    content: '';
}

.blogRi .blogbox {
    margin: 0;
    padding: 40px 33px 53px 40px;
    color: #333;
    font-size: 16px;
    line-height: 22px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
    background: #fbac03;
    position: relative;
}

.blogRi .blogbox h2 {
    margin: 0 0 40px 0;
    padding: 0 140px 0 0;
    font-size: 30px;
    line-height: 36px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.blogRi .blogbox h3 {
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 16px;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    color: #333333;
}

.blogRi .blogbox p {
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 14px;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    color: #333333;
}

.blogRi .postimg {
    position: absolute;
    top: -60px;
    right: -60px;
    background: url(../images/post-bg.png) no-repeat;
    width: 219px;
    height: 250px;
    text-align: center;
    display: table;
}

.blogRi .postimg aside img {
    height: 200px;
    width: 200px;
    border-radius: 50%;
}

.contactus {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
}

.contLe {
    width: 45%;
    float: left;
    margin: 0;
    padding: 0 0 0 5%;
    background: #fbac03;
}

.contRi {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.contLe .contLein {
    margin: 80px 0;
    padding: 40px;
    border: solid 10px #fff;
    border-right: none;
}

.con-He {
    margin: 0;
    padding: 0;
}

.con-Llo {
    margin: 0 0 25px 0;
    padding: 0;
}

.con-We {
    margin: 0 0 10px 0;
    padding: 0 10px 0 0;
}

.con-Tonic {
    margin: 0;
    padding: 0 10px 0 0;
    text-align: right;
}

.contRi .contRiin {
    margin: 60px 0 0 60px;
    padding: 0;
    color: #000000;
    font-size: 14px;
    font-family: "PoppinsMedium_0", Arial, Helvetica, sans-serif;
}

.contRi .contRiin h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.contRi .contRiin h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.contRi .contRiin ul {
    margin: 30px 0 0 0;
    padding: 0;
}

.contRi .contRiin ul li {
    margin: 0 1% 25px 1%;
    padding: 0;
    list-style: none;
    width: 48%;
    float: left;
    position: relative;
}

.contRi .contRiin ul li:nth-child(5) {
    width: 100%;
}

.contRi .contRiin ul li:nth-child(6) {
    width: 100%;
}

.contRi .contRiin ul li:nth-child(7) {
    width: 100%;
}

.contRi .contRiin ul li span {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.contRi .contRiin ul li.noborder {
    border-bottom: none;
}

.catcherror {
    border: none;
    background: #fbac03;
    font-size: 12px;
    font-weight: 400;
    text-shadow: none;
    position: absolute;
    margin-top: 10px;
    z-index: 9;
    padding: 6px 10px 6px 10px;
    width: auto;
    color: #000000;
    text-align: left;
    float: left;
}

.catcherror::before {
    width: 15px;
    height: 15px;
    background-color: #fbac03;
    content: ' ';
    display: inline-block;
    position: absolute;
    transform: rotate(47deg);
    top: -7px;
}

.frmbox .catcherror {
    display: none;
}

.contRiin .catcherror {
    display: none;
}

#thanksmessage {
    position: relative;
    background: #ffffff;
    width: 100%;
    height: 470px;
    top: 0;
    text-align: center;
}

#thanksmessage p {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    text-transform: uppercase;
}

.contRiin input[type="text"] {
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: none;
    font-family: "montserratregular", Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #333;
}

.contRiin textarea {
    width: 100%;
    height: 120px;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: none;
    font-family: "montserratregular", Arial, Helvetica, sans-serif;
    resize: none;
    border-bottom: solid 1px #333;
}

.contRiin select {
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: none;
    font-family: "montserratregular", Arial, Helvetica, sans-serif;
}

.contRiin input[type="submit"] {
    color: #333;
    text-align: center;
    font-size: 12px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #fff url(../images/b-r-arrow.png) no-repeat;
    background-position-x: 98px;
    background-position-y: 15px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: 3px solid #333;
    width: 140px;
    letter-spacing: 3px;
    border-radius: 26px;
    height: 48px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.contRiin input[type="submit"]:hover {
    background: #333333 url(../images/y-r-arrow.png) no-repeat;
    background-position-x: 98px;
    background-position-y: 15px;
    color: #fff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/* .contRiin input[type="text"]:focus,
.contRiin textarea:focus,
.contRiin select:focus {} */

.contRiin input[type="text"]:focus,
.contRiin textarea:focus,
.contRiin select:focus {
    outline: none;
}

.contRiin select.form-control {
    color: #3F4849;
    display: inline-block;
    width: 100%;
    border-radius: 0;
    background: url(../images/dp-arrow.png) no-repeat scroll 94% center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 10px 8px 0;
    border-bottom: solid 1px #333;
}

.contRiin select.form-control option {
    padding-left: 10px;
}

footer {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #999;
    font-family: "montserratregular", Helvetica, Arial, sans-serif;
    background: #3a3a3a;
    position: relative;
}

footer .content {
    position: relative;
    z-index: 9;
}

footer:before {
    content: '';
    position: absolute;
    left: 0%;
    bottom: 0.5%;
    width: 100%;
    height: 50%;
    background: url(../images/fbg.jpg);
    background-size: cover;
    -webkit-animation: backgroundSlideshow 30s linear infinite alternate;
    -moz-animation: backgroundSlideshow 30s linear infinite alternate;
    -o-animation: backgroundSlideshow 30s linear infinite alternate;
    animation: backgroundSlideshow 30s linear infinite alternate;
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    background-repeat: repeat;
}

@-webkit-keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

@-moz-keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

@keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

footer a {
    color: #000;
    text-decoration: none;
}

footer .footerLe {
    width: 65%;
    float: left;
    margin: 0;
    padding: 50px 50px 50px 0;
}

footer .footerRi {
    width: 35%;
    float: left;
    margin: 0;
    padding: 30px 20px 20px 20px;
    background: #fbac03;
}

.footerLe .followus {
    margin: 0 0 30px 0;
    padding: 20px;
    border: solid 5px #fbac03;
}

.footerLe .followus .stalk {
    display: inline-block;
    margin: 0 0 0 -41px;
    padding: 0;
    background: #3a3a3a;
}

.footerLe .followus .socialicon {
    float: right;
    margin: 20px 10px 0 0;
    padding: 0;
    text-align: right;
}

.footerLe .followus .socialicon span {
    display: inline-block;
    margin: 0 7px;
    padding: 0;
    background: #ffffff;
    text-align: center;
}

.footerLe .followus .socialicon span:hover {
    background: #fbac03
}

.footerLe .followus .socialicon span a {
    color: #3a3a3a;
    text-decoration: none;
    width: 45px;
    height: 45px;
    display: block;
}

.footerLe .followus .socialicon span a i {
    font-size: 30px;
    padding: 10px 0 0 0;
}

.addr {
    margin: 0;
    padding: 0;
}

.addr .col {
    width: 52%;
    float: left;
    margin: 0;
    padding: 0 50px 0 0;
}

.addr .co2 {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 30px 0 0;
}

.addr h4 {
    margin: 0 0 20px 0;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-family: "open_sansbold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.addr p {
    font-family: 'open_sansregular';
    font-size: 13px;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 26px;
}

.addr p span {
    display: inline-block;
    margin: 0 0 3px 0;
    padding: 5px 8px;
    color: #000;
    background: #fbac03;
}

.addr p a {
    color: #999;
    text-decoration: none;
}

.addr span a {
    color: #000;
    text-decoration: none;
}

.tabBlock-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabBlock {
    margin: 0;
}

.tabBlock-tab {
    color: rgba(58, 58, 58, 0.5);
    font-size: 18px;
    font-family: "montserratbold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    /* display: inline-block; */
    float: left;
    padding: 20px 0 20px 0;
    position: relative;
    transition: 0.1s ease-in-out;
}

.tabBlock-tab.fright {
    float: right;
}


/* .tabBlock-tab:last-of-type {} */

.tabBlock-tab::after {
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    left: 30px;
    transition: 0.1s ease-in-out;
}

.tabBlock-tab.is-active {
    position: relative;
    color: #3a3a3a;
    z-index: 1;
}

.tabBlock-tab.is-active::after {
    border-bottom: solid 10px #fff;
    border-right: solid 10px rgba(255, 255, 255, 0);
    border-left: solid 10px rgba(255, 255, 255, 0);
}

.tabBlock-content {
    background: #fff;
    padding: 20px;
    font-size: 14px;
    color: #333;
    font-family: "montserratlight", Helvetica, Arial, sans-serif;
    height: 410px;
}

.tabBlock-pane>:last-child {
    margin-bottom: 0;
}

.tabBlock-pane p {
    margin: 0 0 20px 0;
}

.content2 {
    overflow: auto;
    position: relative;
    padding: 20px;
    max-width: 100%;
    height: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content3 {
    height: 400px;
}

.copy {
    width: 100%;
    margin: 0;
    padding: 15px 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-family: "montserratregular", Helvetica, Arial, sans-serif;
    background: #000;
    text-transform: uppercase;
}

.copy .copyLe {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    font-family: 'montserratlight';
    font-size: 12px;
    color: #fefefe;
}

.copy .copyRi {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: right;
}

.create-banner {
    width: 100%;
    margin: 0;
    padding: 82px 0 0 0;
    background: url(../images/brand-bg.png) repeat-y center top;
}

.create-banner .wecreate {
    width: 50%;
    float: left;
    text-align: right;
    padding: 63px 10px 50px 0;
    color: #333;
    font-size: 80px;
    line-height: 70px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.inside-it-all-page .wecreate h1,
.inside-it-all-page .bannertxt h1 {
    font-size: 112px;
    line-height: 100px;
    letter-spacing: 3px;
    margin-right: -11px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
}

.inside-it-all-page .bannertxt h1 {
    margin-right: 0;
    line-height: 90px;
    margin-top: 85px;
    margin-left: 3px;
}

.inside-it-all-page .bannertxt h4 {
    font-family: 'PoppinsBold_0';
    font-size: 14px;
    line-height: normal;
}

.inside-it-all-page .bannertxt div {
    margin-left: 9px;
}

.inside-it-all-page .wecreate h5 {
    font-size: 54px;
    line-height: 54px !important;
    line-height: normal;
}

.inside-it-all-page .create-banner .bannertxt {
    padding-left: 0;
}

.create-banner .webrand {
    width: 50%;
    float: left;
    text-align: left;
    position: relative;
}

.ins-video-text {
    color: #fbac03;
    font-size: 80px;
    line-height: 70px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 20px 0 0 10px;
}

.create-banner .webrand .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    padding: 0;
}

.create-banner .fs60 {
    font-size: 60px;
}

.create-banner .bannertxt {
    width: 100%;
    float: right;
    margin: 0;
    padding: 18px 30px 20px 30px;
    font-size: 14px;
    color: #fbac03;
    line-height: 24px;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
}

.create-banner .serv-banner {
    width: 50%;
    float: left;
    text-align: left;
    padding: 120px 0 20px 0;
    color: #fbac03;
    font-size: 80px;
    line-height: 70px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    position: relative;
}

.t-inside-all video,
.display-desktop video {
    width: 100%;
}

.display-desktop iframe {
    width: 90%;
    border: 0;
}

.display-mobile iframe {
    width: 100%;
    border: 0;
}

.inside-b {
    font-size: 15px;
    font-weight: bold;
}

.breadcrumb {
    margin: 0;
    padding: 10px;
    color: #bebebe;
    font-size: 14px;
    text-transform: uppercase;
}

.breadcrumb a {
    color: #bebebe;
    text-decoration: none;
    font-family: "open_sansbold", Arial, Helvetica, sans-serif;
}

.breadcrumb span {
    color: #333;
    font-family: "open_sansbold", Arial, Helvetica, sans-serif;
}

.t-breadcrumb {
    margin: 0 0 20px 0;
}

.backimg {
    margin: 0;
    padding: 0 0 10px 0;
}

.what-wedo {
    margin: 60px 0 109px 0;
    padding: 0;
    color: #333;
    font-size: 14px;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    line-height: 26px;
    text-align: justify;
}

.what-wedo .colLeft {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 0px 0 0;
}

.what-wedo .colRight {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 32px 0 32px;
}

.what-wedo .colLeft h1 {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 70px;
    line-height: 116px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: right;
    border-right: 2px solid #999999;
    padding-right: 32px;
}

.what-wedo .colLeft h2 {
    margin: 0 0 20px 0;
    padding: 0;
    color: #333;
    font-size: 100px;
    line-height: 70px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: right;
}

.what-wedo p {
    margin: 0 0 6px 0;
}

.dolist {
    margin: 0;
    padding: 30px 0 0 0;
}

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

.dolist ul li {
    width: 50%;
    float: left;
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
    color: #999;
    font-size: 40px;
    line-height: 30px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.dolist ul li:nth-child(odd) {
    padding: 0 20px 0 0;
}

.dolist ul li:nth-child(even) {
    padding: 0 0 0 20px;
}

.dolist a {
    color: #999;
    text-decoration: none;
}

.do-img {
    float: left;
    width: 44%;
    margin: 0;
    padding: 0;
    text-align: right;
    position: relative;
}

.do-img img {
    width: 100%;
    max-width: inherit;
}

.do-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ededed;
}

.dolist ul li:hover .do-icon-bg {
    background-color: #fbac03;
}

.do-icon {
    width: 100%;
    height: 100%;
}

.do-title {
    float: left;
    width: 56%;
    margin: 0;
    padding: 51px 0 0 20px;
    position: relative;
}

.rmore {
    color: #333;
    font-size: 12px;
    text-decoration: none;
    font-family: "montserratbold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.rmore span {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
    width: 200px;
    height: 3px;
    background: #fbac03;
}

.dolist ul li:hover .do-title {
    color: #000;
}

.dolist ul li .do-img img {
    -moz-opacity: .5;
    opacity: .50;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.dolist ul li:hover .do-img img {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* .dolist ul li:hover .do-img {} */

.do-icon.web {
    background: url(../images/icon-design.png) center no-repeat;
    transition: background-position 100ms ease-in 0s;
}

.dolist ul li:hover .web {
    background: url(../images/icon-design-h.png) center no-repeat;
}

.do-icon.adver {
    background: url(../images/icon-online.png) center no-repeat;
    transition: background-position 100ms ease-in 0s;
}

.dolist ul li:hover .adver {
    background: url(../images/icon-online-h.png) center no-repeat;
}

.do-icon.smo {
    background: url(../images/icon-social.png) center no-repeat;
    transition: background-position 100ms ease-in 0s;
}

.dolist ul li:hover .smo {
    background: url(../images/icon-social-h.png) center no-repeat;
}

.do-icon.seo {
    background: url(../images/icon-seo.png) center no-repeat;
    transition: background-position 100ms ease-in 0s;
}

.dolist ul li:hover .seo {
    background: url(../images/icon-seo-h.png) center no-repeat;
}

.do-icon.inter {
    background: url(../images/icon-intractive.png) center no-repeat;
    transition: background-position 100ms ease-in 0s;
}

.dolist ul li:hover .inter {
    background: url(../images/icon-intractive-h.png) center no-repeat;
}

.do-icon.copy {
    background: url(../images/icon-content.png) center no-repeat;
    transition: background-position 100ms ease-in 0s;
}

.dolist ul li:hover .copy {
    background: url(../images/icon-content-h.png) center no-repeat;
}

.do-icon.ppc {
    background: url(../images/icon-ppc.png) center no-repeat;
    transition: background-position 100ms ease-in 0s;
}

.dolist ul li:hover .ppc {
    background: url(../images/icon-ppc-h.png) center no-repeat;
}

.do-icon.msolution {
    background: url(../images/icon-mobile.png) center no-repeat;
    transition: background-position 100ms ease-in 0s;
}

.dolist ul li:hover .msolution {
    background: url(../images/icon-mobile-h.png) center no-repeat;
}

.inbox {
    margin: 80px 0;
    padding: 0;
    border: solid 1px #f3f3f3;
}

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

.inbox ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 20%;
    min-height: 416px;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.inbox ul li:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    content: '';
    border-right: solid 1px #f3f3f3;
}

.inbox ul li:nth-child(5):after {
    display: none;
}

.inbox ul li section {
    margin: 0;
    color: #f3f3f3;
    font-family: "GothamBold", Arial, Helvetica, sans-serif;
    text-align: center;
    overflow: hidden;
}

.inbox ul li aside {
    width: 100%;
    height: 100%;
    margin-top: 40px;
    z-index: 2;
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}

.inbox ul li aside h1,
.inbox ul li aside h2 {
    font-size: 18px;
    letter-spacing: 2px;
    font-family: "montserratbold", Arial, Helvetica, sans-serif;
}

.inbox ul li aside h4 {
    font-size: 13px;
    font-family: 'montserratsemi_bold';
    margin-top: 20px;
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.services-icon {
    width: 108px;
    height: 108px;
    margin: 0 auto;
    border-radius: 50%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.strategy-icon {
    background: #fbac03 url(../images/strategy-icon.png) center center no-repeat;
}

.inbox ul li:hover .strategy-icon {
    background: #3a3a3a url(../images/strategy-icon-h.png) center center no-repeat;
}

.creative-icon {
    background: #fbac03 url(../images/creative-icon.png) center center no-repeat;
}

.inbox ul li:hover .creative-icon {
    background: #3a3a3a url(../images/creative-icon-h.png) center center no-repeat;
}

.content-icon {
    background: #fbac03 url(../images/content-icon.png) center center no-repeat;
}

.inbox ul li:hover .content-icon {
    background: #3a3a3a url(../images/content-icon-h.png) center center no-repeat;
}

.technology-icon {
    background: #fbac03 url(../images/technology-icon.png) center center no-repeat;
}

.inbox ul li:hover .media-icon {
    background: #3a3a3a url(../images/media-icon-h.png) center center no-repeat;
}

.media-icon {
    background: #fbac03 url(../images/media-icon.png) center center no-repeat;
}

.inbox ul li:hover .technology-icon {
    background: #3a3a3a url(../images/technology-icon-h.png) center center no-repeat;
}

.plus-icon {
    width: 43px;
    height: 43px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #999999;
    background: url(../images/b-plus-icon.png) center center no-repeat;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.inbox ul li:hover .plus-icon {
    background: #3a3a3a url(../images/y-plus-icon.png) center center no-repeat;
    border: none;
}

.inbox ul li a {
    text-decoration: none;
}

.inbox ul li:hover {
    background-color: #fbac03;
}

.services {
    width: 100%;
    margin: 0;
    padding: 20px 0 50px 0;
}

.services .centertxt {
    width: 60%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.services .centertxt .ser-img {
    width: 100%;
    position: absolute;
    top: -250px;
    left: 0;
}

.services .centertxt .ser-txt {
    width: 80%;
    margin: 250px 0 0 0;
    padding: 30px;
    color: #333;
    font-size: 14px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
    line-height: 26px;
    background: #fbac03;
    position: relative;
    z-index: 1;
}

.services .centertxt .ser-txt p {
    margin: 0 0 20px 0;
    padding: 0;
}

.services .centertxt .ser-txt a {
    color: #333;
    text-decoration: underline;
}

.services .centertxt .ser-txt h1 {
    margin: 0 0 20px 0;
    padding: 0;
    color: #333;
    font-size: 40px;
    line-height: 30px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.services .centertxt .ser-txt .ser-no {
    position: absolute;
    bottom: 100px;
    right: -100px;
    color: #333;
    font-size: 50px;
    line-height: 40px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.people-banner {
    width: 100%;
    margin: 0;
    padding: 82px 0 0 0;
    background: #fbac03;
}

.peopleLeft {
    margin: 0;
    padding: 75px 0 50px 0;
    width: 50%;
    float: left;
    text-align: right;
    color: #333;
    font-size: 170px;
    line-height: 120px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #fbac03;
}

.site-map-title-col {
    padding: 65px 0 50px 0 !important;
    width: 100%;
    text-align: center;
}

.people-banner .lefttxt {
    width: 50%;
    float: left;
    text-align: right;
    padding: 0;
    color: #333;
    font-size: 170px;
    line-height: 120px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.peopleLeft .small,
.peopleRight .small {
    font-size: 70px;
    line-height: 70px;
    padding-right: 8px;
}

.peopleRight {
    width: 50%;
    float: left;
    text-align: left;
    padding: 0;
    color: #fbac03;
    font-size: 170px;
    line-height: 120px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: url(../images/Working_Hours.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.peopleRight .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    padding: 75px 0 0 0;
}

.peopleintro {
    margin: -65px 0 0 0;
    padding: 0;
}

.peopleintro .intLeft {
    width: 50%;
    float: left;
    margin: 0;
    padding: 100px 100px 0 0;
    color: #333;
    font-size: 26px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.peopleintro .intRight {
    width: 50%;
    float: left;
    margin: 0;
    padding: 200px 30px;
    color: #333;
    font-size: 14px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
    line-height: 28px;
    background: #fbac03;
}

.peopleintro h2 {
    margin: 0 0 30px 0;
    padding: 0;
    color: #333;
    font-size: 70px;
    line-height: 60px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.peopleintro h2 span {
    display: block;
}

.peopleintro .intRight p {
    margin: 0 0 20px 0;
    padding: 0;
}

.peoplebox {
    margin: 20px 0 0 0;
    padding: 0;
    position: relative;
}

.peoplebox h2 {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 70px;
    line-height: 60px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.peoplebox h3 {
    margin: 0 0 30px 0;
    padding: 0;
    color: #333;
    font-size: 94px;
    line-height: 80px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.peoplebox p {
    margin: 0 0 20px 0;
    padding: 0;
}

.peoplebox p a {
    color: #333;
    text-decoration: underline;
}

.peoplebox ul {
    margin: 0;
    bottom: 0;
}

.peoplebox ul li {
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    width: 150px;
    list-style: none;
    position: relative;
    text-align: center;
}

.peoplebox ul li:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 25px;
    height: 5px;
    background: #fbac03;
    content: '';
}

.peoplebox ul li .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(203, 203, 203, 0.4);
    z-index: 1;
}

.peoplebox ul li .overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(203, 203, 203, 0.5);
    z-index: 1;
}

.latestcamp {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fbac03;
    position: relative;
}

.latestcamp .latestin {
    width: 60%;
    margin: 0 auto;
    padding: 70px 0;
    color: #333;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.latestin .latesthd {
    font-size: 50px;
    line-height: 40px;
}

.latestin .camphd {
    font-size: 90px;
    line-height: 80px;
}

#box img {
    height: 98px;
    text-align: center;
}

.live-banner {
    width: 100%;
    margin: 0;
    padding: 82px 0 0 0;
    background: #fbac03;
}

.liveLeft {
    margin: 0;
    padding: 94px 10px 0px 0;
    width: 50%;
    float: left;
    text-align: right;
    color: #333;
    font-size: 130px;
    line-height: 105px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #fbac03;
    letter-spacing: -8px;
}

.liveLeft a {
    color: #333;
    text-decoration: none;
}

.live-banner .liveintro {
    width: 336px;
    float: right;
    margin: 0;
    padding: 0;
    text-align: justify;
    color: #333333;
    font-size: 14px;
    line-height: 26px;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    text-transform: none;
    letter-spacing: normal;
}

.liveRight {
    width: 50%;
    float: left;
    text-align: left;
    color: #fbac03;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: url(../images/Keyboard.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.liveRight .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    top: 0;
    left: 0;
    padding: 94px 0 0 0;
}

.T-case-s.liveRight .overlay {
    padding: 84px 0 0 0;
}

.T-case-st.liveLeft {
    padding: 84px 12px 0 0;
}

.liveRight .end {
    font-size: 130px;
    line-height: 105px;
    margin: 0;
    display: inline-block;
    letter-spacing: -8px;
}

.liveRight .here {
    font-size: 130px;
    line-height: 105px;
    margin: 0;
    display: inline-block;
    letter-spacing: -8px;
}

.navigate {
    padding: 0;
    width: 1285px;
    margin: 0 auto;
}

.navigate h2 {
    font-family: 'PoppinsBold_0';
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.navigate .colL {
    margin: 0;
    padding: 0;
    width: 13%;
    float: left;
}

.navigate .colC {
    margin: 0 auto;
    padding: 0;
    width: 65%;
    text-align: center;
    color: #333;
    font-size: 26px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.navigate .colR {
    margin: 0;
    padding: 0;
    width: 13%;
    float: left;
    text-align: right;
}

.backBtn,
.nextBtn {
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #333;
    font-size: 20px;
    line-height: 24px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.backBtn {
    background: url(../images/backbtn.png) repeat-y top left;
    padding: 0 0 20px 30px;
}

.backBtn a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0 0 20px 30px;
}

.backBtn span,
.nextBtn span {
    margin: 0;
    padding: 0;
    display: block;
}

.backBtn span.number {
    padding: 0 0 0 7px;
}

.backBtn:hover {
    background: url(../images/backbtnH.png) repeat-y top left;
}

.nextBtn {
    background: url(../images/nextbtn.png) repeat-y top right;
    padding: 0 30px 20px 0;
}

.nextBtn a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0 30px 20px 0;
}

.nextBtn span.number {
    padding: 0 7px 0 0;
}

.nextBtn:hover {
    background: url(../images/nextbtnH.png) repeat-y top right;
}

.backBtn img,
.nextBtn img {
    -moz-opacity: .5;
    opacity: .50;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.backBtn:hover img,
.nextBtn:hover img {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.navigate .colC ul {
    margin: 10px 0 0 0;
    padding: 0;
}

.navigate .colC ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    cursor: pointer;
    position: relative;
}


/* .simplefilter li {} */

.simplefilter li.tooltip img {
    opacity: 0.7;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.simplefilter li:hover img {
    opacity: 1;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    font-family: 'open_sansbold';
    font-size: 12px;
    color: #000000;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: relative;
    z-index: 1;
    bottom: 0;
    width: 100%;
    left: 0;
    display: block;
}

.tooltiptext:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 3px;
    margin: 0 auto;
    background-color: #fee119;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.filtr-container {
    width: 1343px;
    margin: 0 auto 30px auto;
    padding: 0;
    overflow: hidden;
}

.filtr-container .column {
    width: 50%;
    float: left;
    margin: 0;
    padding: 20px;
    font-size: 14px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
    cursor: pointer;
    height: auto !important;
    overflow: hidden;
}

.filtr-container .column:hover {
    color: #333;
}

.pro-image {
    width: 56%;
    float: left;
    margin: 0;
    padding: 0;
    background: #e6e6e6;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.pro-image img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease;
    width: 100%;
}

.filtr-item:hover .pro-image img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}

.pro-txt {
    width: 44%;
    float: left;
    margin: 0;
    padding: 0 0px 0 28px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: left;
}

.pro-txt .pro-title {
    margin: 0 0 20px 0;
    padding: 0;
    color: #333;
    font-size: 16px;
    font-family: "PoppinsRegular", Arial, Helvetica, sans-serif;
    text-align: right;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.pro-txt .pro-title span {
    display: inline-block;
    margin: 0;
    padding: 8px 18px;
    background: #fbac03;
    position: relative;
    left: 1px;
}

.pro-txt .pro-des {
    margin: 0;
    padding: 0 30px 0 0;
    min-height: 180px;
    font-size: 14px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
    display: table;
}

.pro-txt .pro-des aside {
    display: table-cell;
    vertical-align: middle;
}

.pro-txt .pro-des h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.pro-txt .viewpr {
    margin: 25px 0 0 0;
    color: #333;
    font-size: 12px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.pro-txt .viewpr span {
    display: block;
    margin-top: 5px
}

.pro-txt .viewpr span img {
    -moz-opacity: .5;
    opacity: .50;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.pro-txt .viewpr span:last-child {
    padding-top: 4px;
}

.pro-txt .viewpr a {
    color: #999;
    text-decoration: none;
}

.filtr-container .column a:hover .pro-image,
.filtr-container a:hover {
    background: #fbac03;
}

.filtr-container a {
    color: #333;
    text-decoration: none;
    display: block;
    background: #e6e6e6;
    min-height: 352px;
}

.column.filtr-item.filteredOut {
    display: none;
}

.filtr-container .column a:hover .pro-image img {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.filtr-container .column a:hover .pro-txt .pro-title {
    color: #fbac03;
}

.filtr-container .column a:hover .pro-txt .pro-title span {
    background: #333;
}

.filtr-container .column a:hover .pro-txt .viewpr span img {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.filtr-container .column a:hover .pro-txt .viewpr a {
    color: #333;
}

.sliderbanner {
    width: 100%;
    margin: 0 0 47px 0;
    padding: 140px 0 0px 0;
    background: url(../images/cs-y-bg.png) repeat-x;
    position: relative;
}

.sliderbanner .pr-banner {
    position: relative;
    bottom: 0px;
}

.sliderbanner .pr-banner a.link {
    position: absolute;
    bottom: -40px;
    right: 30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    padding: 10px;
    background: #fbac03;
    font-size: 14px;
    color: #000;
    text-align: center;
    text-decoration: none;
}


/* .sliderbanner .pr-banner a.link {} */

.pr-slider {
    margin: 0;
    width: 90%;
    margin: 0 auto;
    padding: 25px 71px 0 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 35px;
}

#Baslides {
    display: none;
    margin-bottom: 0;
}

.slidesjs-navigation {
    margin-top: 3px;
}

.slidesjs-previous {
    margin-right: 5px;
    float: left;
}

.slidesjs-next {
    margin-right: 5px;
    float: left;
}

.slidesjs-pagination {
    margin: 6px 0 0;
    float: right;
    list-style: none;
    display: none;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(../images/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.sliderbanner .pr-banner img {
    width: 100%;
}

.project-content {
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

.pr-intro {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 50px 0 0;
    color: #333;
    font-size: 14px;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
    line-height: 28px;
    position: relative;
}

.pr-intro .socialinc {
    position: absolute;
    top: -150px;
    right: 0;
}

.pr-intro .socialinc .iconlist {
    margin: 10px 0 0 0;
}

.pr-intro .socialinc a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 0 10px 0;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background: #999;
    line-height: 36px;
}

.pr-intro .socialinc a:hover {
    color: #fff;
    background: #000;
}

.pr-next {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 0 0 50px;
}

.pr-next p {
    color: #333;
    font-size: 14px;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    line-height: 25px;
    margin: 0;
    padding: 0;
}

.pr-next ul {
    margin: 0 0 0 20px;
    padding: 0;
    color: #333;
    font-size: 14px;
}

.pr-next ul li {
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 20px;
}

.pr-intro h2 {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 35px;
    line-height: 43px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
}

.css-intro-section {
    margin-bottom: 40px;
}

.cs-section-heading {
    font-family: "PoppinsSemiBold_0", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #333333;
    margin: 0 0 25px 0;
    position: relative;
    text-transform: uppercase;
}

.cs-info-section {
    margin-bottom: 42px;
}

.cs-section-heading:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 10px;
    background-color: #fee119;
}

#result ul#social-media-result {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

#result ul#social-media-result li {
    width: 317px;
    display: inline-block;
    vertical-align: top;
}

#result-list ul {
    list-style: none;
}

#result ul#social-media-result li div {
    border-right: 1px solid #a6a6a6;
    padding: 16px 0;
    height: 148px;
}

#result ul#social-media-result li:last-child div {
    border-right: none;
}

#result ul#social-media-result li div h1 {
    font-family: 'PoppinsRegular';
    font-size: 40px;
    color: #333333;
    line-height: 52px;
}

#result ul#social-media-result li div h2 {
    font-family: 'open_sansregular';
    font-size: 24px;
    font-weight: normal;
    color: #333333;
}

#result ul#result-list {
    margin: 50px 0 0 0;
    padding: 0;
    list-style: none;
    font-family: 'open_sansregular';
    font-size: 14px;
    font-weight: normal;
    color: #333333;
}

#result ul#result-list ul li {
    background: url(../images/y-square.png) no-repeat;
    padding-left: 11px;
    margin-bottom: 13px;
    background-position-y: 8px;
}

#result ul#result-list li span {
    font-family: 'open_sansbold';
}

#video-slider .slick-list {
    margin: 0 15px;
}

.result-video {
    position: relative;
    padding-bottom: 48%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.result-video iframe,
.result-video object,
.result-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#video-slider .slick-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
}

#video-slider .slick-prev {
    left: -25px;
    background: url(../images/new-prev.jpg) no-repeat left center;
    opacity: 1;
}

#video-slider .slick-prev:hover {
    left: -25px;
    background: url(../images/h-new-prev.jpg) no-repeat left center;
}

#video-slider .slick-next {
    right: -25px;
    background: url(../images/new-next.jpg) no-repeat left center;
    opacity: 1;
}

#video-slider .slick-next:hover {
    right: -25px;
    background: url(../images/h-new-next.jpg) no-repeat left center;
}

#case-study-page .navigate {
    position: absolute;
    bottom: 42px;
    left: 0;
    right: 0;
}

#case-study-page .navigate .colR {
    float: right;
}

.cs-info-section p {
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    margin: 0;
}

.pr-intro p {
    margin: 0 0 20px 0;
    padding: 0;
}

.pr-next .backBtn {
    float: left;
    margin: 50px 0 0 100px;
}

.pr-next .nextBtn {
    float: left;
    margin: 120px 0 0 0px;
}

.morecontect {
    margin: 30px 0;
    padding: 0;
    color: #333;
    font-size: 14px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
    line-height: 28px;
    background: #eeede9;
}

.morecontect article {
    margin: 0;
    padding: 30px;
}

.morecontect h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 28px;
    font-family: "montserratbold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.morecontect h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 16px;
    font-family: "montserratbold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.morecontect p {
    margin: 0 0 20px 0;
    padding: 0;
}

.morecontect .imgrow {
    text-align: center;
    margin: 0;
    padding: 0;
    background: url(../images/imgrowbg.jpg) repeat-x bottom;
}

.objectives {
    margin: 0;
    padding: 30px 0;
    color: #666;
    font-size: 14px;
}

.objectives h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 26px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

.objectives ul {
    margin: 0 0 0 30px;
    padding: 0;
}

.objectives ul li {
    margin: 0 0 10px 0;
    padding: 0;
}

.g-content {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 14px;
    background: #eeede9;
}

.g-content .g-content-in {
    width: 90%;
    margin: 0 0 0 10%;
    padding: 30px 0;
}

.g-content .g-content-in h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 26px;
    font-family: "montserratbold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.g-content .g-content-in ul {
    margin: 0 0 0 20px;
    padding: 0;
}

.g-content .g-content-in ul li {
    margin: 0 0 10px 0;
    padding: 0;
}

.g-content .g-content-in ul li ul {
    margin: 0 0 0 20px;
    padding: 0;
}

.g-content .g-content-in ul li ul li {
    margin: 0 0 10px 0;
    padding: 0;
}

.g-content .g-content-in p {
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 24px;
}

.g-content .g-content-in .colL {
    width: 40%;
    float: left;
    margin: 0;
    padding: 0 30px 0 0;
    text-align: justify;
}

.g-content .g-content-in .colR {
    width: 60%;
    float: left;
    margin: 0;
    padding: 0;
}

.case-section5 {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 14px;
}

.case-section5 .section-in {
    width: 90%;
    margin: 0 10% 0 0;
    padding: 30px 0;
}

.case-section5 .section-in p {
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 24px;
}

.case-section5 .section-in .colL {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 30px 0 0;
    text-align: right;
}

.case-section5 .section-in .colR {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: justify;
}

.case-result {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 14px;
}

.case-result h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 48px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.case-result h4 {
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 20px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.case-result h4 span {
    display: inline-block;
    margin: 0;
    padding: 5px 10px;
    background: #fbac03;
}

.result-number {
    padding: 30px 0;
}

.reach {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 40px 0 40px;
    color: #999;
    font-size: 18px;
    font-family: "montserratregular", Arial, Helvetica, sans-serif;
    background: url(../images/number-line.png) no-repeat 0 10px;
}

.timeline {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 40px 0 40px;
    color: #999;
    font-size: 18px;
    font-family: "montserratregular", Arial, Helvetica, sans-serif;
    background: url(../images/number-line.png) no-repeat 0 10px;
}

.case-result .reachhd {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.case-result .reachicon {
    float: right;
    margin: 0 60px 0 0;
    padding: 0;
    position: relative;
    top: -10px;
}

.case-result .number {
    margin: 0;
    padding: 10px 0 0 0;
    color: #000;
    font-size: 55px;
    font-family: "montserratsemi_bold", Arial, Helvetica, sans-serif;
}

.case-result p {
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 28px;
}

.case-result ul {
    margin: 0 0 0 20px;
    padding: 0;
}

.case-result ul li {
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 20px;
}

.case-result .result-video {
    width: 70%;
    margin: 20px auto;
    padding: 0;
    text-align: center;
}

.rendompr {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 14px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
    line-height: 28px;
}

.rendompr p {
    margin: 0 0 20px 0;
    padding: 0;
}

.rendompr h2 {
    margin: -70px 0 20px 50px;
    padding: 0 0 10px 0;
    display: inline-block;
    color: #333;
    font-size: 40px;
    line-height: 36px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    position: relative;
}

.rendompr h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 5px;
    background: #fbac03;
    content: '';
}

.rendompr .nextprLeft {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    position: relative;
}

.rendompr .nextprRight {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.rendompr .prleftimg {
    margin: 0;
    padding: 0;
    text-align: center;
}

.rendompr .prleftimg img {
    width: 100%;
    display: block;
}

.contact-wrp {
    margin: 0;
    padding: 100px 0 0 0;
    background: #fbac03;
    position: relative;
}

.contact-wrp .cont-title {
    position: absolute;
    top: 230px;
    width: 100%;
    text-align: center;
}

.cont-title .weare {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 160px;
    line-height: 140px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.cont-title .tonic {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 400px;
    line-height: 300px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 40px;
}

.cont-addr {
    width: 1000px;
    margin: 0 auto;
    padding: 80px 0 40px 0;
    position: relative;
    z-index: 1;
}

.cont-addr .addrcol {
    margin: 0;
    /* padding: 0 100px 0 0; */
    width: 100%;
    display: block;
    /* vertical-align: bottom; */
    color: #333333;
    font-size: 14px;
    text-align: center;
    font-family: 'open_sansregular';
}

.cont-addr .addrco2 {
    margin: 0;
    padding: 38px 0 0 80px;
    width: 50%;
    display: table-cell;
    vertical-align: bottom;
    color: #333;
    font-size: 14px;
    font-family: 'open_sansregular';
    opacity: 1;
}

.cont-addr h3 {
    margin: 20px 0;
    padding: 0;
    color: #333;
    font-size: 60px;
    line-height: 60px;
    font-family: 'PoppinsBold_0';
}

.cont-addr p {
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 24px;
}

.cont-addr p a {
    color: #333;
    text-decoration: none;
}

.cont-addr p.wbg {
    margin: 0;
    padding: 0;
}

.cont-addr p span {
    margin: 0 0 5px 0;
    padding: 10px;
    display: inline-block;
    color: #000;
    background: #fff;
}

.cont-addr p span a {
    color: #000;
    text-decoration: none;
}

.connect {
    margin: 0;
    padding: 40px 0;
}

.ct-bg {
    position: relative;
    display: inline-block;
    width: 100%;
    background: url(../images/contact-img.png) no-repeat;
    padding: 50px 0;
    background-position: center;
}

.network {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 0px 0 0;
}

.network .con-hd {
    margin: 0 0 50px 0;
    padding: 0;
    color: #fbac03;
    font-size: 150px;
    line-height: 140px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 30px;
}

.network .con-hd span {
    display: inline-block;
    letter-spacing: 60px;
}

.network .netbox {
    margin: 0;
    padding: 0;
}

.network .netbox h3 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #333;
    font-size: 22px;
    font-family: "montserratbold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.network .netbox .netboxin {
    margin: 0;
    padding: 20px;
    text-align: center;
    background: #000;
}

.frmbox {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 70px 0 0;
}

.frmbox h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #333333;
    line-height: 24px;
    font-family: 'PoppinsBold_0';
    text-transform: uppercase;
}

.frmbox h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #333333;
    font-family: 'PoppinsBold_0';
    text-transform: uppercase;
}

.frmbox ul {
    margin: 40px 0 0 0;
    padding: 0;
}

.frmbox ul li {
    margin: 0 1% 7% 1%;
    padding: 0;
    list-style: none;
    width: 48%;
    float: left;
    border-bottom: solid 1px #333;
    position: relative;
}

.frmbox ul li:nth-child(5) {
    width: 100%;
}

.frmbox ul li:nth-child(6) {
    width: 100%;
}

.frmbox ul li:nth-child(7) {
    width: 100%;
}

.frmbox ul li:nth-child(2) {
    border-bottom: solid 1px transparent;
}

.frmbox ul li.noborder {
    border-bottom: none;
}

.frmbox ul li span {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.frmbox input[type="text"] {
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: none;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
}

.frmbox textarea {
    width: 100%;
    height: 120px;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: none;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    resize: none;
}

.frmbox select {
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: none;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
}

.frmbox select.form-control {
    color: #3F4849;
    display: inline-block;
    width: 100%;
    border-radius: 0;
    background: url(../images/dp-arrow.png) no-repeat scroll 94% center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 10px 8px 0;
    border-bottom: solid 1px #333;
}

.frmbox select.form-control option {
    padding-left: 10px;
}

.frmbox input[type="submit"] {
    color: #333;
    text-align: center;
    font-size: 12px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #fff url(../images/b-r-arrow.png) no-repeat;
    background-position-x: 98px;
    background-position-y: 15px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: 3px solid #333;
    width: 140px;
    letter-spacing: 3px;
    border-radius: 26px;
    height: 48px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.frmbox input[type="submit"]:hover {
    background: #333333 url(../images/y-r-arrow.png) no-repeat;
    background-position-x: 98px;
    background-position-y: 15px;
    color: #fff;
}

.frmbox input[type="text"]:focus,
.frmbox textarea:focus,

/* .frmbox select:focus {} */

.frmbox input[type="text"]:focus,
.frmbox textarea:focus,
.frmbox select:focus {
    outline: none;
}

.co-footer {
    width: 100%;
    margin: 0;
    padding: 15px 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-family: "montserratregular", Helvetica, Arial, sans-serif;
    background: #000;
    text-transform: uppercase;
}

.co-footer .cofoLe {
    width: 50%;
    float: left;
    margin: 0;
    padding: 10px 0 0 0;
}

.co-footer .cofoRi {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: right;
}

.co-footer .cofoRi span {
    display: inline-block;
    margin: 0 0 3px 0;
    padding: 0;
}

.co-footer .cofoRi span i {
    font-size: 26px;
    color: #3a3a3a;
}

.co-footer .cofoRi span a {
    color: #3a3a3a;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}

.stories-icon {
    vertical-align: top;
    margin-left: 20px;
}

.career-banner {
    width: 100%;
    margin: 0;
    padding: 82px 0 0 0;
}

.car-left {
    width: 50%;
    float: left;
    padding: 0;
    background: #fbac03;
}

.car-right {
    width: 50%;
    float: left;
    padding: 0;
    background: url(../images/team.jpg) no-repeat;
    background-size: cover;
}

.car-left .carleftin {
    width: 600px;
    float: right;
    margin: 0;
    padding: 150px 100px 80px 0;
    color: #333;
    font-size: 18px;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.car-left .weare {
    color: #333;
    font-size: 54px;
    line-height: 45px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.car-left .inner-join-tonic {
    padding: 75px 30px 67px 0;
    text-transform: none;
    text-align: justify;
    font-size: 16px;
}

.car-left .telent {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 105px;
    line-height: 100px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: left;
}

.car-left .carleftin p {
    margin: 0 0 10px 0;
    padding: 0;
}

.car-left .carleftin p strong {
    font-family: "montserratsemi_bold", Arial, Helvetica, sans-serif;
}

.mugbox {
    margin: 0;
    padding: 0;
}

.mugbox .m-left {
    width: 50%;
    float: left;
    margin: 0;
    padding: 50px 0 30px 0;
    color: #333;
}

.mugbox .m-right {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.mugbox .m-left span.jump {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 60px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.mugbox .m-left span.looking {
    float: left;
    width: 300px;
    margin: 0;
    padding: 5px 0 0 20px;
    font-size: 18px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
}

.mugbox .m-right .mugimg {
    position: absolute;
    bottom: -110px;
    left: 80px;
}

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

ul.openings li {
    width: 31%;
    float: left;
    margin: 0 1% 3% 1%;
    padding: 25px;
    list-style: none;
    background: #e6e6e6;
    position: relative;
}

ul.openings li:hover,
ul.openings li.active {
    background: #fbac03;
}

ul.openings li.current {
    background: #fbac03;
}

ul.openings li a {
    text-decoration: none;
}

ul.openings li div .deg {
    margin: 0;
    padding: 100px 0;
    min-height: 320px;
    color: #333;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

ul.openings li div .deg h3 {
    margin: 0 0 20px 0;
    padding: 0;
    color: #333;
    font-size: 22px;
    line-height: 24px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
}

@-moz-document url-prefix() {
    ul.openings li div .deg h3 {
        font-size: 24px;
    }
}

.openings h2 {
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 60px;
    line-height: 60px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 40px;
}

.wjt-block {
    padding-right: 190px;
}

.wjt-block p {
    margin-bottom: 11px;
    line-height: 24px;
}

.o-fields-form {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}

.l-field-block {
    width: 50%;
    float: left;
}

.r-field-block {
    width: 48%;
    float: left;
}

#changeform {
    display: none
}

ul.openings li.active:before {
    position: absolute;
    bottom: -11px;
    left: 9%;
    width: 25px;
    height: 25px;
    background: #fbac03;
    content: '';
    transform: rotate(132deg);
}

.l-field-block li.active:before,
.r-field-block li.active:before {
    position: absolute;
    bottom: -11px;
    left: 50%;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    content: '';
    transform: rotate(132deg);
}

ul.openings li div .deg span.team {
    color: #333;
    font-size: 18px;
    font-family: "PoppinsLight_0", Arial, Helvetica, sans-serif;
    background: #fbac03;
    display: inline-block;
    margin: 0;
    padding: 5px 15px;
}

ul.openings li div .caption {
    color: #333;
    font-size: 14px;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    padding: 0 20px 0 0;
    position: absolute;
    opacity: 0;
    top: 270px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

ul.openings li div .caption h3 {
    margin: 20px 0;
    padding: 0;
    color: #333;
    font-size: 20px;
    font-family: "montserratultra_light", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

.jd-btn-bg {
    margin-top: 23px;
}

.jd-btn-bg p {
    font-family: 'PoppinsBold_0';
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    border: 2px solid #333333;
    border-radius: 20px;
    padding: 5px 16px 4px 16px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    cursor: pointer;
}

.jd-btn-bg p:hover {
    background-color: #333333;
    color: #fbac03;
}

ul.openings li div .caption p.apply {
    text-transform: uppercase;
}

.jd-btn-bg p.jd-read {
    float: right;
}

p.apply span {
    background: url(../images/apply.png) right center no-repeat;
    padding-right: 30px;
}

p.apply:hover span {
    background: url(../images/apply-h.png) right center no-repeat;
    padding-right: 30px;
}

p.jd-read span {
    background: url(../images/b-plus-icon.png) left center no-repeat;
    background-position-y: 3px;
    padding-left: 13px;
}

p.jd-read:hover span {
    background: url(../images/y-plus-icon.png) left center no-repeat;
    background-position-y: 3px;
    padding-left: 13px;
}

ul.openings li:hover .deg,
ul.openings li.active .deg {
    opacity: 1;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
}

ul.openings li:hover .deg span.team,
ul.openings li.active .deg span.team {
    color: #333;
    background: #fff;
}

ul.openings li:hover .caption,
ul.openings li.active .caption {
    opacity: 1;
    transform: translateY(-120px);
    -webkit-transform: translateY(-120px);
    -moz-transform: translateY(-120px);
    -ms-transform: translateY(-120px);
    -o-transform: translateY(-120px);
}

.openings .caption p {
    margin-bottom: 9px;
}

.jd-popup-bg {
    position: absolute;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.79);
    width: 100%;
    z-index: 10;
}

.jd-popup-content-bg.modal-box {
    background-color: #ffffff;
    position: fixed;
    top: 7%;
    z-index: 11;
    left: 0;
    right: 0;
    width: 930px;
    margin: 0 auto;
}

.jd-popup-content-bg h1 {
    font-family: 'PoppinsRegular';
    font-size: 32px;
    font-weight: normal;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
    background-color: #fbac03;
    padding: 10px 0;
}

.jd-popup-content {
    font-family: 'PoppinsRegular';
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    line-height: 27px;
    padding: 30px 70px;
}

.jd-popup-content h2 {
    font-family: 'PoppinsSemiBold_0';
    font-size: 25px;
    font-weight: normal;
    color: #333333;
    margin-bottom: 20px;
    line-height: normal;
}

.jd-popup-content h3 {
    font-family: 'PoppinsSemiBold_0';
    font-size: 20px;
    font-weight: normal;
    color: #333333;
    margin-top: 20px;
    line-height: normal;
}

.jd-popup-content ul {
    margin-top: 15px;
    padding: 0;
    list-style: none;
}

.jd-popup-content ul li {
    padding-left: 21px;
    margin-bottom: 12px;
    background: url(../images/y-dot.png) left top no-repeat;
    background-position-y: 9px;
}

.jd-popup-content p {
    margin-top: 15px;
}

.scrollbar {
    height: 450px;
    overflow-y: scroll;
    margin-bottom: 25px;
    margin-top: 25px;
    margin-right: 25px;
}

.force-overflow {
    min-height: 450px;
}

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.popup-close {
    position: absolute;
    right: -18px;
    top: -18px;
    cursor: pointer;
}

.o-fields-form ul li {
    margin: 0 5% 3% 1%;
    padding: 0;
    list-style: none;
    width: 44%;
    float: left;
    position: relative;
    background: transparent;
}

.r-field-block ul li {
    width: 100%;
}

.o-fields-form ul li:hover,
.o-fields-form ul li.active {
    background: transparent;
}

.o-fields-form ul li:nth-child(8) {
    width: 60%;
}

.o-fields-form ul li span {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: "montserratregular";
    font-size: 13px;
}

.o-fields-form input[type="text"] {
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: none;
    font-family: "montserratregular", Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #333;
}

.o-fields-form select.form-control {
    color: #3F4849;
    display: inline-block;
    width: 100%;
    border-radius: 0;
    background: url(../images/dp-arrow.png) no-repeat scroll 94% center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 10px 8px 0;
    border: 0;
    border-bottom: solid 1px #333;
}

.o-fields-form select.form-control option {
    padding-left: 10px;
}

.o-fields-form textarea {
    width: 100%;
    height: 113px;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: none;
    font-family: "montserratregular", Arial, Helvetica, sans-serif;
    resize: none;
    border-bottom: solid 1px #333;
}

.o-field-submit {
    display: inline-block;
    width: 100%;
}

.o-fields-form .catcherror {
    display: none;
}

.o-fields-form input[type="submit"] {
    width: 115px;
    color: #333333;
    text-align: center;
    font-size: 16px;
    font-family: "montserratregular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #fbac03;
    cursor: pointer;
    margin: 0;
    padding: 15px;
    border: none;
}

.o-fields-form input[type="text"]:focus,
.o-fields-form textarea:focus,
.o-fields-form input[type="submit"]:focus,
.o-fields-form select.form-control:focus {
    outline: none;
}

.wjt-block p.b {
    font-weight: bold;
}

.wjt-block a {
    color: #333333;
    text-decoration: none;
}

.m-left p {
    margin-bottom: 8px;
    text-align: justify;
}

.t-aio-form-block {
    margin: 0;
    padding: 20px 0 40px 0;
}

.t-aio-form-block p {
    padding: 40px 190px;
    text-align: center;
    line-height: 23px;
}

.t-aio-form-block a {
    color: #333333;
    font-weight: bold;
}

.t-aio-form-block ul li {
    margin: 0 2% 3% 2%;
    padding: 0;
    list-style: none;
    width: 29%;
    float: left;
    position: relative;
}

.t-aio-form-block ul li span {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: "open_sansregular";
    font-size: 13px;
}

.upload-field-bg .fileWrapper {
    width: 100% !important;
}

.upload-field-bg {
    background: url(../images/upload-icon.png) no-repeat center left;
    padding-left: 31px;
    margin-top: 20px;
    position: relative;
}

.o-field-ubload-block {
    width: 27%;
    display: inline-block;
}

.t-aio-form-block input[type="text"] {
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: none;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #333;
}

.t-aio-form-block select.form-control {
    color: #3F4849;
    display: inline-block;
    width: 100%;
    height: 40px;
    border-radius: 0;
    background: url(../images/dp-arrow.png) no-repeat scroll 94% center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 10px 8px 0;
    border: 0;
    border-bottom: solid 1px #333;
}

.t-aio-form-block select.form-control option {
    padding-left: 10px;
}

.t-aio-form-block textarea {
    width: 100%;
    height: 70px;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: none;
    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
    resize: none;
    border-bottom: solid 1px #333;
}

.t-aio-form-block .catcherror {
    display: none;
}

.t-aio-form-block input[type="submit"] {
    color: #333;
    text-align: center;
    font-size: 12px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #fff url(../images/b-r-arrow.png) no-repeat;
    background-position-x: 98px;
    background-position-y: 15px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: 3px solid #333;
    width: 140px;
    letter-spacing: 3px;
    border-radius: 26px;
    height: 48px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.t-aio-form-block input[type="submit"]:hover {
    background: #333333 url(../images/y-r-arrow.png) no-repeat;
    background-position-x: 98px;
    background-position-y: 15px;
    color: #fff;
}

.t-aio-form-block input[type="text"]:focus,
.t-aio-form-block select.form-control:focus,
.t-aio-form-block textarea:focus,
.t-aio-form-block input[type="submit"]:focus {
    outline: none;
}

.upload-field-bg .fileWrapper {
    width: 100% !important;
    cursor: pointer;
}

.fileWrapper .fileInputButton {
    padding: 0 10px;
    width: 34% !important;
    height: 45px!important;
    font-size: 13px;
    color: #333333;
    font-family: "open_sansregular", Helvetica, Arial, sans-serif;
    background: transparent;
    border: none;
    text-align: left;
    float: left;
}

.upload-field-bg .fileInputText {
    width: 181px !important;
    border-bottom: none !important;
}

.customplan input[type=text].fileInputText {
    float: right;
    border: none!important;
    margin: 0;
    padding: 0 55px 0 0;
    width: 50% !important;
    height: 45px!important;
    line-height: 45px!important;
    font-family: "open_sansregular", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    background: #e71615;
}

.whyjoin {
    margin: 0;
    padding: 0 0 30px 0;
}

.whyjoin .joininn {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 18px;
    font-family: "montserratlight", Arial, Helvetica, sans-serif;
}

.whyjoin .joininn h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 60px;
    line-height: 50px;
    font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.whyjoin .joininn p {
    text-transform: uppercase;
}

.whyjoin .joininn ul {
    margin: 20px 0 0 0;
    padding: 0;
}

.whyjoin .joininn ul li {
    width: 48%;
    float: left;
    margin: 1%;
    padding: 10px;
    list-style: none;
    background: #fbac03;
}

.middle-content-inside {
    width: 1343px;
    margin: 0 auto;
    position: relative;
}

.inside-view-bg {
    width: 905px;
    margin: 50px auto;
    padding: 40px 52px;
    -moz-box-shadow: 0px 0px 56px 6px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 0px 56px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 56px 6px rgba(0, 0, 0, 0.16);
    position: relative;
}

.inside-view-title h2 {
    font-family: 'open_sansbold';
    font-size: 12px;
    color: #3a3a3a;
    text-transform: uppercase;
}

.inside-view-title h1 {
    font-family: 'PoppinsSemiBold_0';
    font-size: 30px;
    color: #3a3a3a;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 3px;
}

.inside-view-title h1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: #fee119;
}

.inside-view-row {
    display: table;
    width: 100%;
    margin-top: 26px;
}

.inside-view-col {
    display: table-cell;
    vertical-align: middle;
}

.inside-view-col:first-child {
    width: 281px;
}

.inside-view-content p {
    font-family: 'open_sansregular';
    font-size: 13px;
    color: #333333;
    line-height: 25px;
    margin-bottom: 25px;
}

.inside-view-content ul {
    margin: 0;
    padding: 26px 0;
    list-style: none;
    border-top: 1px solid #a6a6a6;
}

.inside-view-content ul li {
    display: inline-block;
    vertical-align: top;
}

.inside-view-content ul ul {
    border-top: none;
    padding: 0;
}

.inside-view-content ul ul li {
    margin-bottom: 21px;
    margin-right: 35px;
    font-family: 'PoppinsSemiBold_0';
    font-size: 12px;
    color: #3a3a3a;
    /* text-transform: uppercase; */
    position: relative;
    display: block;
    padding-bottom: 5px;
}

.inside-view-content ul ul li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 19px;
    height: 2px;
    background-color: #fbac03;
}

.in-back {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 300px;
    text-align: right;
}

.in-next {
    position: absolute;
    right: 0;
    top: 50px;
    width: 300px;
    text-align: left;
}

.in-back a,
.in-next a {
    text-decoration: none;
}

.in-page-name {
    position: relative;
    top: 8px;
    font-family: 'PoppinsSemiBold_0';
    font-size: 13px;
    color: #3a3a3a;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 5px;
}

.in-next .in-page-name {
    padding-left: 5px;
    padding-right: 0;
}

.backBtn span,
.nextBtn span {
    position: relative;
    top: 10px;
}

.philosophy-quote {
    text-align: center;
}

.philosophy-quote h1 {
    font-family: 'open_sansregular';
    font-size: 24px;
    color: #333333;
    line-height: 37px;
    width: 585px;
    margin: 35px auto;
}

.philosophy-quote h5 {
    font-family: 'open_sansregular';
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    position: relative;
    padding-bottom: 13px;
}

.philosophy-quote h5:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 44px;
    height: 4px;
    margin: 0 auto;
    background-color: #fbac03;
}

.philosophy-quote h2 {
    font-family: 'open_sansregular';
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 32px;
    width: 728px;
    margin: 45px auto;
}

.philosophy-details h2 {
    font-family: 'open_sansregular';
    font-size: 20px;
    color: #333333;
    line-height: 32px;
    margin: 35px auto;
}

.philosophy-details .pr-next {
    padding-left: 25px;
}

.philosophy-details .pr-next p {
    margin: 0 0 20px 0;
}

.philosophy-details .pr-intro {
    padding-right: 25px;
}

.philosophy-banner {
    position: relative;
}

.philosophy-heading {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.philosophy-heading h1 {
    font-family: 'PoppinsBold_0';
    font-size: 78px;
    color: #ffffff;
    text-transform: uppercase;
}

.philosophy-heading h1 span {
    color: #fbac03;
}

.pagenfound-bg {
    width: 100%;
    margin: 0;
    padding: 170px 0 100px 0;
    background: url(../images/pnf-bg.jpg) no-repeat;
    position: relative;
    text-align: center;
    background-size: cover;
}

.inner-pnf h2 {
    font-size: 112px;
    line-height: 100px;
    letter-spacing: 19px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
}

.inner-pnf h5 {
    font-size: 54px;
    line-height: 54px;
    margin-bottom: 108px;
}

.pnf-link {
    color: #333;
    font-family: GothamBold;
    letter-spacing: 2px;
    display: inline-block;
}

.pnf-link a {
    margin: 14px 10px 4px 10px;
    padding: 0;
    color: #000000;
    text-decoration: none;
    width: 20%;
    display: inline-block;
}


/* .sitemap-links {} */

.sitemap-links ul {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 15px;
}

.sitemap-links ul li {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 25px;
    font-size: 14px;
    margin-bottom: 7px;
}

.sitemap-links ul li::after {
    position: absolute;
    bottom: auto;
    top: 10px;
    left: 0;
    width: 12px;
    height: 2px;
    background: #fbac03;
    content: '';
}

.sitemap-links ul li a {
    color: #000;
    text-decoration: none;
}

.copy .site-map-link,
.co-footer .site-map-link {
    margin-left: 12px;
    padding: 0;
    border-left: solid 1px #fff;
}

.copy .site-map-link a,
.co-footer .site-map-link a {
    color: #fff;
    text-decoration: none;
    position: relative;
    display: inline-block;
    margin: 0 10px;
    padding: 0;
}

.copy .site-map-link a:after,
.co-footer .site-map-link a:after {
    position: absolute;
    width: 1px;
    height: 15px;
    top: 0;
    right: -10px;
    content: '';
    background: #fff;
}

.copy .site-map-link a:last-child:after,
.co-footer .site-map-link a:last-child:after {
    display: none;
}


/*home slider css start*/

.dflex {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    /*display: -webkit-flex;     /* NEW - Chrome */
    align-items: end;
    justify-content: end
}

.slText .dflex h3 {
    font-family: 'PoppinsMedium_0';
    font-weight: normal;
}

.dflex div:last-child {
    margin-left: 100px;
}

.slText.new-banner4 .dflex h3 {
    font-size: 36px;
}

.slText.new-banner4 .dflex h1 {
    font-size: 60px;
    line-height: 68px;
}

.slText.new-banner4 .dflex img {
    position: absolute;
    top: auto;
    right: 18%;
}


/*home slider css end*/


/* ---- gipsi report form ----- */

body.gipsi-report-bg {
    background: url(../images/gipsi-report-bg.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
}

.gipsi-report-page {
    margin: 0 auto 0 auto;
    padding: 85px 0 40px 0;
}

.gipsi-report-page h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 25px;
    color: #000;
    font-family: 'PoppinsSemiBold_0';
    text-align: center;
}

.gipsi-report-box {
    width: 90%;
    margin: 0 auto 0 auto;
    padding: 40px;
    background: #fff;
    border-radius: 5px;
}

.gipsi-report-box .reporthd {
    margin: 0 0 30px 0;
    padding: 20px 0 10px 100px;
    background: url(../images/download-hd.jpg) no-repeat bottom left;
}

.gipsi-report-box .reporthd h4 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    color: #000;
    font-family: 'PoppinsBold_0';
}

.gipsi-report-box .reporthd span {
    display: inline-block;
    margin: 0;
    padding: 7px 10px;
    color: #fff;
    font-size: 16px;
    font-family: 'open_sansbold';
    background: #000;
    border-radius: 5px;
    position: relative;
}

.gipsi-report-box .reporthd span:after {
    position: absolute;
    top: 10px;
    right: -20px;
    width: 20px;
    height: 12px;
    background: url(../images/after-line.png) no-repeat right;
    content: '';
}

.gipsi-report-box ul {
    margin: 0;
    padding: 0;
}

.gipsi-report-box ul li {
    margin: 0 0 30px 0;
    padding: 0;
    width: 50%;
    float: left;
    list-style: none;
    position: relative;
}

.gipsi-report-box ul li:nth-child(odd) {
    padding: 0 30px 0 0;
}

.gipsi-report-box ul li:nth-child(even) {
    padding: 0 0 0 30px;
}

.gipsi-report-box label {
    font-size: 16px;
    width: 100%;
    font-family: 'PoppinsSemiBold_0';
    color: #000000;
}

.gipsi-report-box input[type="text"] {
    font-size: 14px;
    color: #000000;
    border: 0 none;
    border-bottom: 1px solid #000000;
    outline: none;
    width: 100%;
    padding: 5px 0;
    font-family: 'PoppinsMedium_0';
    background: transparent;
}

.gipsi-report-box input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.3);
}

.gipsi-report-box input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.3);
}

.gipsi-report-box input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(0, 0, 0, 0.3);
}

.gipsi-report-box input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.3);
}

.gipsi-report-box input[type="submit"] {
    color: #333;
    text-align: center;
    font-size: 12px;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: transparent url(../images/b-r-arrow.png) no-repeat;
    background-position-x: 106px;
    background-position-y: 15px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: 3px solid #333;
    width: 140px;
    letter-spacing: 3px;
    border-radius: 26px;
    height: 48px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

.gipsi-report-box input[type="submit"]:hover {
    background: #333333 url(../images/y-r-arrow.png) no-repeat;
    background-position-x: 106px;
    background-position-y: 15px;
    color: #fff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.gipsi-report-box input[type="text"]:focus,
.gipsi-report-box input[type="submit"]:focus {
    outline: none;
}

.gipsi-report-box .errormsg {
    display: none;
    border: none;
    background: #e01a21;
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    margin-top: 0;
    z-index: 1;
    padding: 5px 10px;
    width: auto;
    text-align: left;
    font-family: 'MontserratLight';
    letter-spacing: 1px;
}

.gipsi-report-box .errormsg.errormsg:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 8px solid #e01a21;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -8px;
}

.reportthankyou {
    margin: 0;
    padding: 100px 0 50px 0;
    color: #000;
    font-size: 24px;
    font-family: 'PoppinsRegular';
    text-align: center;
}

.reportthankyou h1 {
    margin: 0;
    padding: 0;
    font-size: 70px;
    color: #000;
    font-family: 'PoppinsSemiBold_0';
}

.reportthankyou p {
    margin: 0 0 20px 0;
    padding: 0;
}


/* ---- end gipsi report form ----- */


/* footer subscribe */

.subscribe {
    margin: 0;
    padding: 30px 0;
    background: #f2f2f2;
}

.subscribeinn {
    margin: 0;
    padding: 0;
    color: #3a3a3a;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.subscribeinn h4 {
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 26px;
    font-family: 'PoppinsSemiBold_0', Arial, Helvetica, sans-serif;
}

.subscribeinn p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'PoppinsRegular', Arial, Helvetica, sans-serif;
}

.subscribeinn .subscribe-icon {
    margin: 0;
    padding: 0 20px 0 0;
    width: 10%;
}

.subscribeinn .subscribe-title {
    margin: 0;
    padding: 0 20px 0 0;
    width: 40%;
}

.subscribeinn .subscribe-form {
    margin: 0;
    padding: 0;
    width: 50%;
    border: solid 1px #999999;
    border-radius: 30px;
    position: relative;
    background: #fff;
}

.subscribe-row {
    padding: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.subscribe-row div:nth-child(1) {
    width: 70%;
}

.subscribe-row div:nth-child(2) {
    width: 30%;
}

.subscribe-row {
    position: relative;
}

.subscribe-row .subscribe_error {
    left: 10px;
    display: none;
}

.subscribe-row input[type="text"] {
    margin: 0;
    padding: 0 20px;
    width: 100%;
    font-size: 16px;
    color: #333;
    font-family: 'PoppinsRegular', Arial, Helvetica, sans-serif;
    border: none;
}

.subscribe-row input[type="submit"] {
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    font-size: 14px;
    color: #333;
    font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    background: #fbac03;
    border-radius: 30px;
}

.subscribe-row input[type="text"]:focus,
.subscribe-row input[type="submit"]:focus {
    outline: none;
}

.subscribe-thankyou {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 20px;
    font-size: 26px;
    line-height: 26px;
    font-family: 'PoppinsSemiBold_0', Arial, Helvetica, sans-serif;
}


/* ----- media query ----- */

@media (min-width:1201px) and (max-width:1920px) {
    .inside-it-all-page .bannertxt div {
        width: 65%;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    /*.makeus{width:100%;margin:0;padding:80px 0;background:#fff url(../images/meke-popple-bg.jpg) no-repeat 1100px 80px;}*/
}

@media (min-width:1401px) and (max-width:1800px) {
    /*.makeus{width:100%;margin:0;padding:80px 0;background:#fff url(../images/meke-popple-bg2.jpg) no-repeat 1100px 80px;}*/
}

@media (min-width:1201px) and (max-width:1350px) {
    .desktop-menu .menu {
        padding-right: 30px;
    }
    .menu ul li {
        margin: 0 9px;
    }
}

@media (min-width:1201px) and (max-width:1299px) {
    .liveLeft {
        line-height: 96px;
    }
    .pro-txt .pro-des h3 {
        font-size: 23px;
    }
    .car-left .inner-join-tonic {
        padding: 75px 0px 67px 20px;
    }
    .content {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .mugbox .m-left span.jump {
        line-height: 60px;
    }
    .br-box {
        margin: 10px 9px 10px 0px;
    }
    .filtr-container {
        width: 100%;
    }
    .filtr-container a {
        min-height: 315px;
    }
    .pro-txt .pro-title span {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .whatLeft .tonicShot {
        font-size: 100px;
        line-height: 82px;
    }
    .whatLeft .tonicTo {
        font-size: 94px;
        line-height: 96px;
    }
    .wh-we img {
        width: 100px;
    }
    .whatLeft {
        width: 39%;
        margin-right: 18px;
    }
    .whatLeft .wh-we {
        left: 133px;
    }
    .whatLeft p {
        width: 100%;
    }
    .workwithus-bg {
        padding-top: 54px!important;
        padding-bottom: 54px!important;
    }
    .workLe {
        width: 29%;
    }
    .workRi {
        width: 66%;
    }
    .blog-B {
        font-size: 156px;
        line-height: 143px;
    }
    .makeusRi {
        width: 40%;
    }
}

@media (min-width:1001px) and (max-width:1200px) {
    .desktop-menu .menu {
        padding-right: 20px;
    }
    .menu ul li {
        margin: 0 5px;
        font-size: 12px;
    }
    .content {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .makeusLe {
        margin: 0;
        width: 50%;
    }
    .project-content {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .pr-intro h2 {
        margin: 0;
        padding: 0;
        color: #333;
        font-size: 30px;
        line-height: 38px;
    }
    #result ul#social-media-result li {
        width: 33%;
        display: inline-block;
    }
    .case-result .reachicon {
        float: right;
        margin: 0;
        padding: 0 20px 0 0;
        position: relative;
        top: -10px;
    }
    .case-result .number {
        margin: 0;
        padding: 10px 0 0 0;
        font-size: 44px;
    }
    .filtr-container {
        width: 100%;
        height: auto!important;
    }
    .filtr-container .column {
        transform: scale(1) translate3d(0px, 0px, 0px)!important;
        position: relative!important;
    }
    .filtr-container a {
        min-height: auto;
    }
    .pro-txt {
        width: 42%;
        padding: 0 0px 0 15px;
    }
    .pro-txt .pro-des h3 {
        font-size: 12px;
        line-height: 17px;
    }
    .pro-image {
        width: 58%;
    }
    .middle-content-inside {
        width: 100%;
    }
    .inside-view-bg {
        width: 90%;
    }
    .in-next {
        top: 30px;
        right: 10px;
        text-align: right;
    }
    .in-back {
        bottom: 30px;
        left: 10px;
        text-align: left;
    }
    .live-banner {
        padding-top: 66px;
    }
    .liveLeft,
    .liveRight .here,
    .liveRight .end {
        font-size: 100px;
        line-height: 85px;
    }
    .navigate {
        width: 100%;
    }
    .navigate .colC {
        width: 74%;
    }
    .peopleLeft,
    .peopleRight .overlay {
        padding: 100px 0 0px 0;
    }
    .peopleLeft .small,
    .peopleRight .small {
        font-size: 48px;
        line-height: 0;
    }
    .peopleLeft,
    .peopleRight {
        font-size: 92px;
        line-height: 122px;
    }
    .peoplebox h2 {
        font-size: 50px;
        line-height: 40px;
    }
    .peoplebox h3 {
        font-size: 70px;
        line-height: 64px;
    }
    .people-page .content {
        width: 90%;
    }
    .car-left .carleftin {
        width: 100%;
    }
    .car-left .inner-join-tonic {
        padding: 38px 30px 67px 50px;
    }
    .car-left .weare {
        font-size: 50px;
        line-height: 40px;
    }
    .car-left .telent {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 40px;
        line-height: 41px;
    }
    .wjt-block {
        padding-right: 0;
    }
    .mugbox .m-left span.jump {
        font-size: 50px;
        line-height: 50px;
    }
    ul.openings li div .deg h3 {
        font-size: 18px;
    }
    ul.openings li div .caption {
        font-size: 13px;
        top: 260px;
    }
}

@media (min-width:768px) and (max-width:1000px) {
    header .logo img {
        width: 120px;
    }
    .content {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .inside {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .inside .inLeft {
        margin: 0;
        padding: 0;
    }
    .whatlive {
        width: 100%;
        margin: 0;
        padding: 50px 0;
    }
    .whatLeft {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
    }
    .whatLeft .tonicShot {
        color: #333;
        font-size: 100px;
        line-height: 90px;
        position: relative;
    }
    .whatLeft .tonicTo {
        color: #333;
        font-size: 100px;
        line-height: 90px;
    }
    .whatLeft .tonicShot aside {
        display: inline-block;
        margin: 0 0 0 100px;
        padding: 0;
    }
    .whatLeft .wh-we {
        left: 115px;
        top: 3px;
        width: 88px;
    }
    .whatLeft .wh-I {
        text-align: center;
    }
    .whatLeft .wh-E {
        text-align: center;
    }
    .whatLeft .for {
        text-align: center;
    }
    .whatRight {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0 20px 0 0;
    }
    .makeus {
        width: 100%;
        margin: 0;
        padding: 50px 0;
        background: #fff url(../images/meke-popple-bg.jpg) no-repeat 661px 50px;
    }
    .makeusLe {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
    }
    .whatLeft .wh-we {
        top: -15px !important;
        left: 140px !important;
        width: 100px !important;
    }
    .pep-us {
        text-align: left !important;
    }
    .pep-kes {
        font-size: 100px;
        line-height: 90px;
        letter-spacing: 10px;
    }
    .people-make {
        left: 88px;
        top: 25px;
    }
    .people-make img {
        width: 110px;
    }
    .pep-Ma {
        color: #333;
        font-size: 100px;
        line-height: 90px;
    }
    .makeusRi {
        width: 50%;
        float: left;
        margin: 0;
        padding: 80px 0 80px 0;
    }
    .makeusRi .peoplelist {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .makeusRi .peoplelist ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 50%;
        height: 130px;
        float: left;
        text-align: center;
    }
    /* .workwithus {} */
    .workLe {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .workLe .workLeinn {
        margin: 0;
        padding: 30px;
    }
    .workRi {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .workRi .logolist {
        margin: 0;
        padding: 20px;
    }
    .workRi .logolist ul {
        margin: 0;
        padding: 0;
    }
    .workRi .logolist ul li {
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
        width: 16.5%;
        float: left;
        text-align: center;
    }
    .blog {
        margin: 0;
        padding: 80px 0 50px 0;
    }
    .blog .blogLe {
        margin: 0;
        padding: 0;
        width: 50%;
        float: left;
    }
    .blog .blogRi {
        margin: 0;
        padding: 0;
        width: 50%;
        float: left;
    }
    .blog-latest {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 33px;
        font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    }
    .blogRi .postimg {
        position: absolute;
        top: -60px;
        right: -10px;
        background: url(../images/post-bg-m.png) no-repeat;
        width: 170px;
        height: 194px;
    }
    .blogRi .postimg aside img {
        max-height: 110px;
        max-width: 110px;
    }
    .blogRi .blogbox h2 {
        margin: 0 0 20px 0;
        padding: 0 140px 0 0;
        font-size: 30px;
        line-height: 30px;
    }
    .contRi .contRiin {
        margin: 70px 0 0 30px;
    }
    .create-banner {
        padding: 66px 0 0 0;
    }
    .inbox ul li aside h1 {
        font-size: 17px;
    }
    .create-banner .wecreate {
        font-size: 80px;
        line-height: 70px;
    }
    .create-banner .webrand,
    .ins-video-text {
        font-size: 80px;
        line-height: 70px;
    }
    .create-banner .fs60 {
        font-size: 40px;
    }
    .what-wedo .colLeft h1 {
        font-size: 70px;
        line-height: 60px;
    }
    .what-wedo .colLeft h2 {
        font-size: 90px;
        line-height: 60px;
    }
    .dolist ul li {
        width: 50%;
        float: left;
        margin: 0 0 40px 0;
        padding: 0;
        font-size: 30px;
        line-height: 22px;
    }
    .do-img {
        float: left;
        width: 40%;
    }
    .do-title {
        float: left;
        width: 60%;
        margin: 0;
        padding: 0 0 0 20px;
    }
    .liveLeft {
        margin: 0;
        padding: 60px 0 20px 0;
        font-size: 80px;
        line-height: 60px;
    }
    .live-banner .liveintro {
        width: 90%;
    }
    .liveRight {
        width: 50%;
        height: auto;
        float: left;
        text-align: left;
    }
    .liveRight .end,
    .liveRight .here {
        font-size: 80px;
        line-height: 60px;
    }
    .filtr-container .column {
        width: 100%;
        float: left;
        transform: scale(1) translate3d(0px, 0px, 0px)!important;
        position: relative!important;
    }
    .liveRight .overlay {
        padding: 60px 0;
    }
    .filtr-container a {
        min-height: auto;
    }
    .live-banner {
        padding-top: 66px;
    }
    .live-banner .liveintro {
        font-size: 12px;
        line-height: 23px;
    }
    .T-case-st.liveLeft {
        padding: 49px 0 0 0;
    }
    .T-case-s.liveRight .overlay {
        padding: 49px 0 0 0;
    }
    .sliderbanner {
        width: 100%;
        margin: 0;
        padding: 60px 0 20px 0;
        background-size: 100% 80%;
    }
    .sliderbanner .pr-banner {
        padding-top: 40px;
    }
    #case-study-page .navigate {
        position: relative;
        bottom: 0;
        width: 100%;
        margin-top: 20px;
    }
    #case-study-page .navigate .colR {
        width: 21%;
    }
    .pr-next .backBtn {
        float: left;
        margin: 50px 0 0 0;
    }
    .pr-next .nextBtn {
        float: left;
        margin: 120px 0 0 0px;
    }
    .project-content {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .pr-intro h2 {
        margin: 0 0 0 0;
        padding: 0;
        color: #333;
        font-size: 30px;
        line-height: 34px;
    }
    #result ul#social-media-result li {
        width: 32%;
        display: inline-block;
    }
    #result ul#social-media-result li div h1 {
        font-size: 30px;
        line-height: 42px;
    }
    #result ul#social-media-result li div h2 {
        font-size: 18px;
    }
    .case-result .reachicon {
        float: right;
        margin: 0;
        padding: 0;
        position: relative;
        top: -10px;
    }
    .case-result .number {
        margin: 0;
        padding: 10px 0 0 0;
        font-size: 36px;
    }
    .inbox {
        margin: 40px 0;
        padding: 0;
        border: solid 1px #f3f3f3;
    }
    .inbox ul {
        margin: 0;
        padding: 0;
    }
    .inbox ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 33.33%;
        float: left;
        position: relative;
        border-bottom: solid 1px #f3f3f3;
    }
    .inbox ul li:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        content: '';
        border-right: solid 1px #f3f3f3;
    }
    .inbox ul li:nth-child(3):after {
        border-right: none;
    }
    .inbox ul li:nth-child(5):after {
        display: block;
        border-right: solid 1px #f3f3f3;
    }
    .inbox ul li:nth-child(4),
    .inbox ul li:nth-child(5) {
        border-bottom: none;
    }
    .inbox ul li section img.fontbg {
        position: absolute;
        right: 0;
        bottom: 50px;
    }
    .inbox ul li:hover .targetDiv {
        display: none;
    }
    .filtr-container {
        width: 90%;
        height: auto!important;
    }
    .contact-wrp {
        margin: 0;
        padding: 100px 0 0 0;
    }
    .contact-wrp .cont-title {
        position: absolute;
        top: 100px;
        width: 100%;
        text-align: center;
    }
    .cont-title .weare {
        font-size: 120px;
        line-height: 120px;
    }
    .cont-title .tonic {
        font-size: 230px;
        line-height: 170px;
        letter-spacing: 0;
    }
    .cont-addr {
        width: 90%;
        margin: 0 auto;
        padding: 160px 0 40px 0;
        position: relative;
        z-index: 1;
    }
    .cont-addr .addrcol {
        margin: 0;
        padding: 0 30px 0 0;
        width: 50%;
        float: left;
    }
    .cont-addr .addrcol img {
        width: 250px;
    }
    .cont-addr .addrco2 {
        margin: 0;
        padding: 30px 0 0 30px;
        width: 50%;
        float: left;
    }
    .cont-addr h3 {
        font-size: 50px;
        line-height: 40px;
    }
    .network {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0 30px 0 0;
    }
    .network .con-hd {
        margin: 0 0 30px 0;
        font-size: 70px;
        line-height: 60px;
        letter-spacing: 0;
    }
    .network .con-hd span {
        display: inline-block;
        letter-spacing: 0;
    }
    .network .netbox h3 {
        margin: 0 0 10px 0;
        padding: 0;
        color: #333;
        font-size: 22px;
        font-family: "montserratbold", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .frmbox {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
    }
    .frmbox ul li {
        margin: 0 1% 5% 1%;
        padding: 0;
        list-style: none;
        width: 48%;
        float: left;
        border-bottom: solid 1px #333;
        position: relative;
    }
    .car-left {
        width: 50%;
        float: left;
        padding: 0;
    }
    .car-right {
        width: 50%;
        float: left;
        padding: 0;
    }
    .car-left .carleftin {
        width: 380px;
        float: right;
        margin: 0;
        padding: 25px 40px 0px 20px;
    }
    .car-left .weare {
        font-size: 50px;
        line-height: 40px;
    }
    .car-left .telent {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 40px;
        line-height: 41px;
    }
    .wjt-block {
        padding: 0;
    }
    .t-aio-form-block p {
        padding: 0px 0;
        margin-bottom: 30px;
    }
    ul.openings li {
        width: 48%;
    }
    .mugbox .m-left span.jump {
        font-size: 45px;
        line-height: 48px;
    }
    .openings h2 {
        font-size: 40px;
        line-height: 40px;
    }
    ul.openings li div .caption {
        font-size: 13px;
        top: 260px;
    }
    .t-aio-form-block ul li {
        width: 46%;
    }
    .jd-popup-content-bg.modal-box {
        width: 90%;
    }
    .middle-content-inside {
        width: 100%;
    }
    .inside-view-bg {
        width: 90%;
    }
    .in-next {
        top: 30px;
        right: 10px;
        text-align: right;
    }
    .in-back {
        bottom: 30px;
        left: 10px;
        text-align: left;
    }
    .pnf-link a {
        margin: 14px 0;
        width: 24%;
        font-size: 14px;
    }
    /* ---- gipsi report form ----- */
    .gipsi-report-box {
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 30px;
    }
    .reportthankyou {
        margin: 0;
        padding: 80px 0 40px 0;
    }
    .reportthankyou h1 {
        margin: 0;
        padding: 0;
        font-size: 50px;
    }
    /* ---- end gipsi report form ----- */
}

@media (max-width:1023px) {
    header .logo {
        margin: 0;
        padding: 0;
    }
    .nav {
        margin: 0;
        padding: 0;
        font-size: 20px;
        font-family: "montserratultra_light", Arial, Helvetica, sans-serif;
    }
    .menu {
        width: 300px;
        height: 100%;
        background: #fff;
        position: fixed;
        top: 0;
        right: -300px;
        padding: 50px 0 0 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
        -webkit-transform: translateX(0);
        -ms-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 cubic-bezier(0.32, 1.25, 0.375, 1.15);
        transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
        z-index: 10;
    }
    .menu.show-nav {
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
        -webkit-transform: translateX(-300px) translateZ(0);
        -ms-transform: translateX(-300px) translateZ(0);
        transform: translateX(-300px) translateZ(0);
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0);
    }
    ul.menuheight {
        height: 500px;
        overflow: auto;
    }
    .menu ul {
        margin: 0;
        padding: 0;
        float: none;
    }
    .menu ul li {
        position: relative;
        list-style: none;
        width: 80%;
        margin: 0 auto;
        padding: 10px 0;
        display: block;
    }
    .menu ul li:first-child {
        margin-top: 20px;
        border: 0;
        box-shadow: none;
    }
    .menu ul li a {
        position: relative;
        display: block;
        padding: 0;
        color: rgba(255, 255, 255, 0.7);
        color: #434343;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }
    .menu ul li a:after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #fbac03;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.3s cubic-bezier(0.832, 1.25, 0.375, 1.15);
        transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
    }
    .menu ul li.active,
    .menu ul li:hover {
        font-family: "montserratsemi_bold", Arial, Helvetica, sans-serif;
    }
    .menu ul li.active:after,
    .menu ul li:hover:after {
        position: absolute;
        left: 0;
        bottom: 5px;
        width: 30px;
        height: 3px;
        background: #fbac03;
        content: '';
    }
    header .logo img {
        width: 100px;
    }
    .nav-toggle.show-nav,
    .nav-toggle {
        top: 14px;
        right: 10px;
    }
    .m-menu-icon {
        display: block
    }
    .d-menu-icon {
        display: none;
    }
    /*.menu ul li:hover {font-family: "montserratultra_light", Arial, Helvetica, sans-serif;}
	.menu ul li:hover a {font-weight: normal; font-size: 14px;}*/
    .menu ul li:hover ul {
        display: none;
        top: 0;
        position: relative;
        box-shadow: none;
    }
    .menu ul li ul {
        position: relative;
        top: 0;
        margin: 10px 0 0 20px;
        box-shadow: none;
    }
    .menu ul li ul li {
        margin: 0 !important;
        width: 100%;
        padding: 0;
    }
    .menu ul li.insi:before {
        display: none;
    }
    /* .menu ul li span.dropbtn {} */
    /*.menu ul li span.dropbtn:after {content: ""; position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; background: #fff url(../images/plus-sign.png) center no-repeat; z-index: 2;}*/
    .dropdown-content {
        display: none;
    }
    .submenu-show {
        display: block !important;
    }
    /*.dropdown-content.submenu-show:after {content: ""; position: absolute; top: -30px; right: 6px; width: 24px; height: 24px; background: url(../images/minus-sign.png) center no-repeat #ffffff; z-index: 3;}*/
    .menu ul li span.dropbtn {
        display: block;
        font-size: 28px;
        text-align: center;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 0;
        right: 0;
        color: #000;
        cursor: pointer;
        z-index: 1;
    }
    .menu ul li span.dropbtn2,
    .menu ul li span.dropbtn3,
    .menu ul li span.dropbtn4,
    .menu ul li span.dropbtn5 {
        display: block;
        font-size: 28px;
        text-align: center;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 0;
        right: 0;
        color: #000;
        cursor: pointer;
        z-index: 1;
    }
    .sub-dropdown2,
    .sub-dropdown3,
    .sub-dropdown4,
    .sub-dropdown5 {
        display: none;
    }
    .sub-menu2,
    .sub-menu3,
    .sub-menu4,
    .sub-menu5 {
        display: block !important;
    }
    .menu ul li ul li.level3-m1 ul {
        display: none;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 10px;
    }
    .menu ul li ul li.level3-m1:hover ul {
        display: none;
        position: relative;
        top: 0;
        left: 0;
    }
    .menu ul li ul li.level3-m2 ul {
        display: none;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 10px;
    }
    .menu ul li ul li.level3-m2:hover ul {
        display: none;
        position: relative;
        top: 0;
        left: 0;
    }
    .menu ul li ul li.level3-m3 ul {
        display: none;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 10px;
    }
    .menu ul li ul li.level3-m3:hover ul {
        display: none;
        position: relative;
        top: 0;
        left: 0;
    }
    .menu ul li ul li.level3-m4 ul {
        display: none;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 10px;
    }
    .menu ul li ul li.level3-m4:hover ul {
        display: none;
        position: relative;
        top: 0;
        left: 0;
    }
    .menu ul li ul li.level3-m5 ul {
        display: none;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 10px;
    }
    .menu ul li ul li.level3-m5:hover ul {
        display: none;
        position: relative;
        top: 0;
        left: 0;
    }
    .menu ul li ul li.level3-m1 ul:after,
    .menu ul li ul li.level3-m2 ul:after,
    .menu ul li ul li.level3-m3 ul:after,
    .menu ul li ul li.level3-m4 ul:after,
    .menu ul li ul li.level3-m5 ul:after {
        display: none;
    }
    #case-study-page .navigate {
        position: relative;
        bottom: 0;
        width: 100%;
        margin-top: 20px;
    }
    #case-study-page .navigate .colR {
        width: 50%;
    }
    .content {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .inside {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        background: url(../video/Time_Lapse.jpg) no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center center;
    }
    .inside .insidein {
        padding: 100px 0px;
        display: block;
        height: auto;
    }
    .inside .inLeft {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #bababa;
        font-family: "PoppinsMedium_0", Helvetica, Arial, sans-serif;
    }
    .inLeft .atall {
        margin: 20px 0;
        padding: 0;
        color: #fbac03;
        font-size: 40px;
        line-height: 30px;
        font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .mar-l50,
    .moreYY.mar-l50,
    .moreBB.mar-l50 {
        margin-left: 0;
    }
    .moreYY,
    .moreBB {
        font-size: 12px;
        padding: 13px 40px;
    }
    .whatlive {
        width: 100%;
        margin: 0;
        padding: 78px 0;
    }
    .whatLeft {
        width: 100%;
        float: none;
        margin: 0 0 30px 0;
        padding: 0;
    }
    .whatLeft .shotofTonic {
        margin: 0 0 20px 0;
        color: #333;
        font-size: 60px;
        line-height: 50px;
        font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .whatLeft .wh-we {
        position: absolute;
        top: 80px;
        left: 20%;
        width: 140px;
    }
    .whatLeft .wh-L {
        margin: 0 0 20px 0;
        padding: 0;
        float: left;
        width: 150px;
    }
    .whatLeft .wh-I {
        margin: 0 0 20px 0;
        padding: 0;
        float: left;
        width: 150px;
    }
    .whatLeft .wh-V {
        margin: 0;
        padding: 0;
        float: left;
        width: 150px;
    }
    .whatLeft .wh-E {
        margin: 0 0 10px 0;
        padding: 0;
        float: left;
        width: 150px;
    }
    .whatLeft .for {
        margin: 0;
        padding: 0 0 20px 0;
        width: 200px;
        font-size: 40px;
        line-height: 30px;
    }
    .whatRight {
        width: 600px;
        float: none;
        padding: 0;
        margin: 30px auto 0 auto;
    }
    .whatRight .pr-name {
        width: 80%;
        margin: 20px 0 20px 20px;
        padding: 0 20px 0 0;
        position: relative;
        font-size: 22px;
    }
    .whatRight .pr-arrow {
        margin: 0;
        padding: 0;
        position: absolute;
        top: -80px;
        right: inherit;
        left: 45px;
    }
    .pr-desc .pr-cat {
        margin: 0;
        padding: 0 10px 0 0;
        width: 40%;
        float: left;
    }
    .pr-desc .pr-cat .prcatin {
        width: 120px;
        height: 120px;
        font-size: 16px;
    }
    .pr-desc .pr-txt {
        margin: 0;
        padding: 0 0 20px 10px;
        width: 60%;
        float: left;
    }
    .makeus {
        width: 100%;
        margin: 0;
        padding: 50px 0;
        background: none;
    }
    .makeusLe {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
        padding: 0;
    }
    .makeusRi {
        width: 100%;
        float: none;
        margin: 0;
        padding: 40px 0;
        border-left: none;
        background: transparent;
    }
    .makeusLe .ma-people {
        margin: 0;
        padding: 0;
        font-size: 40px;
        line-height: 30px;
        font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
    }
    .makeusLe aside {
        margin: 0 0 20px 0;
        color: #333;
        font-size: 60px;
        line-height: 50px;
        font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    .pep-us {
        margin: 0;
        padding: 0;
        text-align: center;
        margin: 20px 0;
        font-size: 60px;
        line-height: 50px;
        font-family: "phosphatesolidmedium", Arial, Helvetica, sans-serif;
    }
    .makeusRi .peoplelist {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .makeusRi .peoplelist ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 33%;
        float: left;
        text-align: center;
    }
    .workwithus {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .workLe {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        height: auto !important;
    }
    .workLe .workLeinn {
        margin: 0;
        padding: 25px;
    }
    .workLe .workLeinn h2 {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 40px;
        line-height: 40px;
    }
    .workRi {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 20px;
        height: auto !important;
    }
    .workRi .logolist {
        margin: 0;
        padding: 30px 0;
    }
    .workRi .logolist ul li {
        margin: 0 2px 10px 2px;
        padding: 0;
        list-style: none;
        width: 32%;
        float: left;
        text-align: center;
    }
    .br-box {
        margin: 10px 43px 10px 0px;
    }
    .br-slider .slick-next.slick-arrow {
        display: none !important;
    }
    .blog {
        margin: 0;
        padding: 50px 0;
        width: 100%;
    }
    .blog .blogLe {
        margin: 0 0 60px 0;
        padding: 0;
        width: 100%;
        float: none;
    }
    .blogicon {
        top: 60px;
        left: 135px;
    }
    .blog .blogRi {
        margin: 0;
        padding: 0;
        width: 100%;
        float: none;
    }
    .blogRi .blogbox {
        margin: 0;
        padding: 30px;
    }
    .blogRi .blogbox h2 {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 30px;
        line-height: 30px;
    }
    .blogRi .blogbox h3 {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 20px;
    }
    .blogRi .postimg {
        position: absolute;
        top: -60px;
        right: 50%;
        background: url(../images/post-bg-m.png) no-repeat;
        width: 170px;
        height: 194px;
        margin: 0 -80px 0 0;
        display: none;
    }
    .weflip {
        width: 150px;
        height: 150px;
    }
    .blogRi .postimg aside img {
        max-height: 150px;
        max-width: 150px;
    }
    .workwithus-bg {
        width: 100%;
        margin: 0 auto;
        padding: 40px 0;
    }
    .contLe {
        width: 100%;
        float: none;
        margin: 0;
        padding: 35px 0 0 0;
    }
    .contLe .contLein {
        margin: 0;
        padding: 40px;
        border: solid 16px #fff;
        border-bottom: none;
    }
    .contRi {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 20px;
    }
    .contRi .contRiin {
        margin: 0;
        padding: 30px 0;
    }
    .contRi .contRiin ul li {
        margin: 0 0 20px 0;
        padding: 0;
        list-style: none;
        width: 100%;
        float: none;
    }
    .contRiin textarea {
        width: 100%;
        height: 100px
    }
    footer {
        width: 100%;
        margin: 0;
        padding: 30px 0 30px 0;
    }
    footer .footerLe {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .footerLe .followus {
        padding: 15px;
    }
    .footerLe .followus .stalk {
        margin: 0 0 0 -27px;
        padding: 0;
        width: 100px;
    }
    .footerLe .followus .socialicon {
        width: 300px;
        float: right;
        margin: 0;
    }
    .footerLe .followus .socialicon span {
        display: inline-block;
        margin: 3px;
    }
    .footerLe .followus .socialicon span a {
        width: 35px;
        height: 35px;
    }
    .footerLe .followus .socialicon span a i {
        font-size: 25px;
        padding: 7px 0 0 0;
    }
    .addr .col {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
        padding: 0;
    }
    .addr .co2 {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
        padding: 0;
    }
    .addr h4 {
        margin: 0 0 10px 0;
    }
    .addr p {
        margin: 0 0 10px 0;
    }
    footer .footerRi {
        width: 100%;
        float: none;
        margin: 0;
        padding: 20px;
    }
    .copy {
        width: 100%;
        margin: 0;
    }
    .copy .copyLe {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .copy .copyRi {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        text-align: right;
    }
    .inside .inLeft,
    .whatLeft,
    .makeusLe,
    .makeusRi,
    .workLe .workLeinn,
    .workRi,
    .blog .content,
    .contLe .contLein,
    .contRi .contRiin {
        width: 642px;
        margin: 0 auto;
    }
    .people-banner {
        padding-top: 66px;
    }
    .peopleLeft,
    .peopleRight .overlay {
        padding: 80px 0 0px 0;
    }
    .peopleLeft .small,
    .peopleRight .small {
        font-size: 48px;
        line-height: 0;
    }
    .peopleLeft,
    .peopleRight {
        font-size: 92px;
        line-height: 122px;
    }
    .peoplebox h2 {
        font-size: 50px;
        line-height: 40px;
    }
    .peoplebox h3 {
        font-size: 70px;
        line-height: 64px;
    }
    .peoplebox ul li {
        width: 20%;
    }
    .sitemap-links ul li {
        width: 100%;
    }
    #box img {
        height: auto;
        text-align: center;
    }
    /*new slider css start*/
    .dflex {
        display: block;
    }
    /*new slider css end*/
}

@media only screen and (max-width:767px) {
    .menu ul li.active:before {
        display: none;
    }
    header {
        z-index: 9999;
    }
    .whatRight {
        width: 90%;
        float: none;
        padding: 0;
    }
    .nav-bg {
        display: none;
    }
    .display-desktop {
        display: none;
    }
    .display-mobile {
        display: block;
    }
    .create-banner {
        width: 100%;
        margin: 0;
        padding: 80px 0 40px 0;
        color: #333;
        font-size: 30px;
        line-height: 26px;
        font-family: "PoppinsBold_0", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        background: #fbac03;
        text-align: center;
    }
    .create-banner .wecreate {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
        color: #333;
        font-size: 40px;
        line-height: 30px;
    }
    .create-banner .webrand {
        text-align: left;
        padding: 0;
        color: #fbac03;
        font-size: 40px;
        line-height: 30px;
    }
    .create-banner .fs60 {
        font-size: 20px;
    }
    .create-banner .bannertxt {
        width: 50%;
        float: right;
        margin: 0;
        padding: 30px;
    }
    .create-banner .serv-banner {
        width: 100%;
        float: none;
        text-align: center;
        padding: 20px 0;
        color: #333;
        font-size: 40px;
        line-height: 30px;
    }
    .what-wedo {
        margin: 50px 0 0 0;
        padding: 0;
    }
    .what-wedo .colLeft {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 0 20px 0;
    }
    .what-wedo .colRight {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .what-wedo .colLeft h1 {
        margin: 0;
        padding: 0;
        font-size: 40px;
        line-height: 30px;
        text-align: center;
        border-right: none;
    }
    .what-wedo .colLeft h2 {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 40px;
        line-height: 30px;
        text-align: center;
    }
    .dolist {
        margin: 0;
        padding: 30px 0 0 0;
    }
    .dolist ul li {
        width: 100%;
        float: none;
        margin: 0 0 40px 0;
        padding: 0;
        font-size: 20px;
        line-height: 20px;
    }
    .dolist ul li:nth-child(odd) {
        padding: 0;
    }
    .dolist ul li:nth-child(even) {
        padding: 0;
    }
    .do-img {
        float: left;
        width: 45%;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .do-title {
        float: left;
        width: 55%;
        margin: 0;
        padding: 10px 0 0 10px;
    }
    .rmore span {
        width: 100px;
    }
    .inbox {
        margin: 40px 0;
        padding: 0;
        border: solid 1px #f3f3f3;
    }
    .inbox ul {
        margin: 0;
        padding: 0;
    }
    .inbox ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 50%;
        float: left;
        position: relative;
        border-bottom: solid 1px #f3f3f3;
    }
    .inbox ul li:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        content: '';
        border-right: solid 1px #f3f3f3;
    }
    .inbox ul li:nth-child(2):after,
    .inbox ul li:nth-child(4):after {
        border-right: none;
    }
    .inbox ul li:nth-child(5):after {
        display: block;
        border-right: solid 1px #f3f3f3;
    }
    .inbox ul li:nth-child(5) {
        border-bottom: none;
    }
    .inbox ul li section img.fontbg {
        bottom: 55px;
    }
    .inbox ul li:hover .targetDiv {
        display: none;
    }
    .crafting-mobile {
        width: 90%;
        margin: 0 auto;
    }
    .crafting-mobile h1 {
        font-size: 28px;
    }
    .crafting-mobile h5 {
        font-family: 'montserratbold';
        font-size: 19px;
        margin-top: 10px;
    }
    .crafting-mobile p {
        font-family: "montserratlight", Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 21px;
        text-transform: capitalize;
        margin-top: 10px;
    }
    .services .centertxt {
        width: 80%;
        margin: 0 auto;
        padding: 0;
    }
    .services .centertxt .ser-img {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
    }
    .services .centertxt .ser-txt {
        width: 100%;
        margin: 0;
        padding: 20px;
    }
    .services .centertxt .ser-txt h1 {
        font-size: 34px;
        line-height: 34px;
    }
    .services .centertxt .ser-txt .ser-no {
        display: none;
    }
    .people-banner {
        margin: 0;
        padding: 0;
    }
    .peopleLeft {
        margin: 0;
        padding: 100px 0 50px 0;
        width: 100%;
        float: none;
        text-align: center;
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 2px;
    }
    .site-map-title-col {
        padding: 100px 0 30px 0 !important;
        width: 100%;
        text-align: center;
    }
    .people-banner .lefttxt {
        width: 100%;
        float: none;
        text-align: right;
        padding: 0;
        color: #333;
        font-size: 50px;
        line-height: 40px;
    }
    .peopleLeft .small {
        font-size: 27px;
        line-height: 26px;
    }
    .peopleRight {
        width: 100%;
        float: none;
        text-align: left;
        padding: 120px 0;
        font-size: 70px;
        line-height: 50px;
        background: url(../images/Working_Hours_m.jpg) no-repeat right;
    }
    .peopleintro {
        margin: 0;
        padding: 0;
    }
    .peopleintro .intLeft {
        width: 100%;
        float: none;
        margin: 0;
        padding: 10px 0 30px 0;
        font-size: 20px;
    }
    .peopleintro .intRight {
        width: 100%;
        float: none;
        margin: 0;
        padding: 30px 30px 10px 30px;
    }
    .peopleintro h2 {
        margin: 0 0 30px 0;
        padding: 0;
        color: #333;
        font-size: 50px;
        line-height: 40px;
    }
    .peoplebox {
        margin: 30px 0 0 0;
        padding: 0;
        position: relative;
        top: 0;
    }
    .peoplebox h2 {
        font-size: 40px;
        line-height: 34px;
    }
    .peoplebox h3 {
        font-size: 44px;
        line-height: 40px;
    }
    .peoplebox ul li {
        margin: 0 0 20px 0;
        padding: 0;
        float: left;
        width: 25%;
    }
    .sitemap-links ul li {
        width: 100%;
        padding-left: 25px;
        margin-bottom: 7px;
    }
    .latestcamp {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0;
        top: 0;
    }
    .latestcamp .latestin {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
    }
    .latestin .latesthd {
        font-size: 36px;
        line-height: 26px;
    }
    .latestin .camphd {
        margin: 0 0 10px 0;
        font-size: 50px;
        line-height: 40px;
    }
    #box img {
        height: auto;
        width: 100%;
    }
    .liveLeft {
        margin: 0 auto;
        padding: 40px 0 20px 0;
        width: 90%;
        float: none;
        text-align: center;
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 0;
    }
    .live-banner .liveintro {
        width: 90%;
        float: none;
        margin: 0 auto;
        padding: 20px 0;
        text-align: center;
    }
    .liveRight {
        width: 100%;
        float: none;
        height: auto;
        text-align: center;
        padding: 120px 0;
    }
    .liveRight .end {
        font-size: 80px;
        line-height: 70px;
        margin: 0;
        display: block;
    }
    .liveRight .here {
        font-size: 64px;
        line-height: 50px;
        margin: 0;
        display: block;
    }
    .navigate {
        width: 90%;
        padding: 20px 0 0 0;
    }
    .navigate .colL {
        margin: 0;
        padding: 0;
        width: 50%;
        float: left;
    }
    .navigate .colC {
        margin: 10px 0;
        padding: 0;
        width: 100%;
        float: left;
        font-size: 22px;
    }
    .navigate .colR {
        margin: 0;
        padding: 0;
        width: 50%;
        float: right;
        text-align: right;
    }
    .backBtn a {
        padding: 0 0 10px 30px;
    }
    .nextBtn a {
        padding: 0 30px 10px 0;
    }
    .filtr-container {
        width: 90%;
        height: auto!important;
    }
    .filtr-container a {
        margin: 0;
        min-height: auto;
    }
    .filtr-container .column {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 0 30px 0;
        position: relative!important;
        transform: scale(1) translate3d(0, 0, 0)!important;
    }
    .pro-image {
        width: 56%;
        float: left;
        height: auto !important;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .pro-image img {
        width: 100%;
    }
    .pro-txt {
        width: 44%;
        float: left;
        height: auto !important;
        margin: 0;
        padding: 0;
    }
    .pro-txt .pro-title {
        margin: 0;
    }
    .pro-txt .pro-des {
        margin: 0;
        padding: 20px;
        min-height: auto;
        display: inline-block;
    }
    .pro-txt .pro-des h3 {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 17px;
    }
    .pro-txt .viewpr {
        margin: 0;
        padding: 0 0 20px 0;
    }
    .T-case-st.liveLeft {
        padding: 25px 0 0 0;
    }
    .sliderbanner {
        width: 100%;
        margin: 0;
        padding: 70px 0 0 0;
        background-size: 100% 74%;
    }
    .pr-slider {
        margin: 0;
        -ms-transform: skew(0deg, 0deg);
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
        width: 100%;
        margin: 0 auto;
        padding: 0;
        background: none;
    }
    .sliderbanner .pr-banner {
        position: relative;
        bottom: 0px;
        padding-top: 30px;
    }
    #case-study-page .navigate {
        position: relative;
        bottom: 0;
    }
    .css-intro-section,
    .cs-info-section {
        margin-bottom: 20px;
    }
    #result ul#social-media-result li {
        width: 100%;
    }
    #result ul#social-media-result li div {
        border-right: none;
        padding: 16px 0;
    }
    #result ul#social-media-result li div h1 {
        font-size: 30px;
        line-height: 42px;
    }
    #result ul#social-media-result li div h2 {
        font-size: 18px;
    }
    .pr-intro {
        width: 100%;
        float: none;
        margin: 20px 0;
        padding: 0;
    }
    .pr-intro .socialinc {
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
    }
    .pr-intro .socialinc a {
        display: inline-block;
    }
    .pr-next {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .pr-intro h2 {
        font-size: 23px;
        line-height: 28px;
    }
    .pr-next .backBtn {
        float: left;
        margin: 0;
    }
    .pr-next .nextBtn {
        float: right;
        margin: 0;
    }
    .project-content {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .morecontect article {
        margin: 0;
        padding: 20px;
    }
    .objectives {
        margin: 0;
        padding: 0 0 30px 0;
    }
    .g-content .g-content-in {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
    }
    .g-content .g-content-in .colL {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 0 30px 0;
    }
    .g-content .g-content-in .colR {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .case-section5 .section-in {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
    }
    .case-section5 .section-in .colL {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 0 30px 0;
        text-align: center;
    }
    .case-section5 .section-in .colR {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .case-result .result-video {
        width: 100%;
        margin: 20px 0;
        padding: 0;
        text-align: center;
    }
    .reach {
        width: 100%;
        float: none;
        margin: 0 0 30px 0;
        padding: 0 0 0 40px;
    }
    .timeline {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 0 0 40px;
    }
    .case-result .number {
        margin: 0;
        padding: 10px 0 0 0;
        font-size: 30px;
        font-family: "montserratsemi_bold", Arial, Helvetica, sans-serif;
    }
    .rendompr h2 {
        margin: 10px 0 20px 0;
        padding: 0 0 10px 0;
        font-size: 30px;
        line-height: 30px;
    }
    .rendompr .nextprLeft {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .rendompr .nextprRight {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .contact-wrp {
        margin: 0;
        padding: 80px 0 0 0;
    }
    .contact-wrp .cont-title {
        position: relative;
        top: 0;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .cont-title .weare {
        font-size: 70px;
        line-height: 60px;
    }
    .cont-title .tonic {
        font-size: 90px;
        line-height: 80px;
        letter-spacing: 0;
    }
    .cont-addr {
        width: 90%;
        margin: 0 auto;
        padding: 0 0 40px 0;
        position: relative;
        z-index: 1;
    }
    .cont-addr .addrcol {
        margin: 0;
        padding: 0;
        width: 100%;
        float: none;
        display: block;
    }
    .cont-addr .addrco2 {
        margin: 30px 0 0 0;
        padding: 0;
        width: 100%;
        float: none;
        display: block;
    }
    .cont-addr h3 {
        font-size: 40px;
        line-height: 30px;
    }
    .connect {
        margin: 0;
        padding: 40px 0;
    }
    .ct-bg {
        background: url(../images/contact-img-m.png) no-repeat;
        background-position: top left;
        padding: 40px 0 0 0;
    }
    .network {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .network .con-hd {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 50px;
        line-height: 40px;
        letter-spacing: 0;
    }
    .network .con-hd span {
        display: inline-block;
        letter-spacing: 0;
    }
    .network .netbox .netboxin {
        margin: 0;
        padding: 10px;
    }
    .frmbox {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .frmbox ul li {
        margin: 0 0 20px 0;
        padding: 0;
        list-style: none;
        width: 100%;
        float: none;
    }
    .frmbox textarea {
        width: 100%;
        height: 100px;
    }
    .co-footer {
        width: 100%;
        margin: 0;
        padding: 10px 0;
    }
    .co-footer .cofoLe {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .co-footer .cofoRi {
        width: 100%;
        float: none;
        margin: 0;
        padding: 10px 0 0 0;
        text-align: center;
    }
    .co-footer .cofoRi span i {
        font-size: 22px;
    }
    .co-footer .cofoRi span a {
        padding: 0 5px;
    }
    /* .career-banner {} */
    .car-left {
        width: 100%;
        float: none;
        padding: 0;
    }
    .car-right {
        width: 100%;
        float: none;
        padding: 0;
    }
    .car-left .carleftin {
        width: 100%;
        float: none;
        margin: 0;
        padding: 50px 20px 40px 20px;
        text-align: center;
    }
    .car-left .weare {
        font-size: 40px;
        line-height: 35px;
    }
    .car-left .telent {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 42px;
        line-height: 50px;
        text-align: center;
    }
    .wjt-block {
        padding: 0;
        font-size: 13px;
    }
    .openings h2 {
        font-size: 40px;
        line-height: 40px;
    }
    ul.openings li div .caption {
        font-size: 12px;
        top: 265px;
    }
    ul.openings li div .deg h3 {
        font-size: 18px;
    }
    .t-aio-form-block p {
        padding: 0 0 30px 0;
    }
    .l-field-block {
        width: 100%;
        float: none;
    }
    .r-field-block {
        width: 100%;
        float: none;
    }
    .mugbox {
        margin: 0;
        padding: 0;
    }
    .mugbox .m-left {
        width: 100%;
        float: none;
        margin: 0;
        padding: 30px 0;
        color: #333;
        text-align: center;
    }
    .mugbox .m-right {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        position: relative;
    }
    .mugbox .m-left span.jump {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
        font-size: 40px;
        line-height: 44px;
    }
    .mugbox .m-left span.looking {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }
    .mugbox .m-right .mugimg {
        position: relative;
        bottom: 0;
        left: 0;
        text-align: center;
    }
    ul.openings li {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
        padding: 20px;
    }
    ul.openings li a .deg {
        min-height: auto;
    }
    ul.openings li a .deg h3 {
        font-size: 26px;
    }
    .whyjoin .joininn {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    .whyjoin .joininn h2 {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 40px;
        line-height: 40px;
    }
    .whyjoin .joininn ul li {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
        padding: 10px;
    }
    .o-field-ubload-block {
        width: 100%;
        display: inline-block;
    }
    .t-aio-form-block ul li {
        margin: 0 0 30px 0;
        padding: 0;
        list-style: none;
        width: 100%;
        float: none;
        position: relative;
    }
    .t-aio-form-block ul li:nth-child(8) {
        width: 100%;
    }
    .o-fields-form ul li {
        padding: 0;
    }
    .jd-popup-content-bg.modal-box {
        width: 90%;
    }
    .jd-popup-content {
        font-size: 14px;
        line-height: 23px;
        padding: 0 20px;
    }
    .scrollbar {
        margin-bottom: 15px;
        margin-top: 15px;
        margin-right: 15px;
    }
    .jd-popup-content-bg h1 {
        font-size: 25px;
        padding: 6px 0;
    }
    .jd-popup-content h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .jd-popup-content h3 {
        font-size: 17px;
    }
    @supports (-webkit-appearance:none) {
        /* .contRiin input[type="submit"] {} */
        /* .frmbox input[type="submit"] {} */
    }
    .middle-content-inside {
        width: 100%;
    }
    .inside-view-bg {
        width: 90%;
        padding: 20px;
    }
    .content3,
    .content3 {
        height: auto;
    }
    .in-back,
    .in-next {
        position: relative;
    }
    .inside-view-row,
    .inside-view-col {
        display: block;
    }
    .inside-view-col:first-child {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .inside-view-title h1 {
        font-size: 28px;
    }
    .in-page-name {
        display: none;
    }
    .in-back,
    .in-next {
        width: auto;
        top: 0;
        bottom: 0;
    }
    .in-back {
        float: left;
        margin-left: 6px;
    }
    .in-next {
        float: right;
        margin-right: 6px;
    }
    .backBtn span,
    .nextBtn span {
        position: relative;
        top: 6px;
    }
    .whatLeft p {
        width: 100%;
    }
    .inside .inLeft,
    .whatLeft,
    .makeusLe,
    .makeusRi,
    .workLe .workLeinn,
    .workRi,
    .blog .content,
    .contLe .contLein,
    .contRi .contRiin {
        width: 442px;
        margin: 0 auto;
    }
    .makeusRi:before,
    .makeusRi:after {
        display: none;
    }
    .tooltip .tooltiptext {
        font-size: 10px;
    }
    .philosophy-quote h1 {
        width: 100%;
        margin: 35px auto;
    }
    .philosophy-quote h2 {
        width: 100%;
        margin: 45px auto;
    }
    .philosophy-details .pr-intro {
        padding-right: 0;
    }
    .philosophy-details .pr-next {
        padding-left: 0;
    }
    .pagenfound-bg {
        padding: 130px 0 60px 0;
    }
    .pnf-link a {
        width: 50%;
        font-size: 14px;
        float: left;
        margin: 14px 0 6px 0;
    }
    .inner-pnf h2 {
        font-size: 102px;
    }
    .inner-pnf h5 {
        font-size: 37px;
        margin-bottom: 45px;
    }
    /* ---- gipsi report form ----- */
    body.gipsi-report-bg {
        background: #fbac03 url(../images/gipsi-report-bg.jpg) no-repeat top left;
        background-size: cover;
        background-attachment: scroll;
    }
    .gipsi-report-page {
        margin: 0 auto 0 auto;
        padding: 66px 0 40px 0;
    }
    .gipsi-report-page h2 {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 18px;
        line-height: 25px;
    }
    .gipsi-report-box {
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 20px;
        background: #fff;
        border-radius: 5px;
    }
    .gipsi-report-box .reporthd {
        margin: 0 0 30px 0;
        padding: 20px 0 10px 90px;
    }
    .gipsi-report-box .reporthd h4 {
        margin: 0;
        padding: 0;
        font-size: 20px;
        line-height: 20px;
    }
    .gipsi-report-box ul li {
        margin: 0 0 30px 0;
        padding: 0;
        width: 100%;
        float: left;
        list-style: none;
    }
    .gipsi-report-box ul li:nth-child(odd) {
        padding: 0;
    }
    .gipsi-report-box ul li:nth-child(even) {
        padding: 0;
    }
    .gipsi-report-box ul li:last-child {
        margin: 0;
    }
    .reportthankyou {
        margin: 0;
        padding: 80px 0 50px 0;
    }
    .reportthankyou h1 {
        margin: 0;
        padding: 0;
        font-size: 40px;
    }
    /* ---- end gipsi report form ----- */
    /* footer subscribe */
    .subscribeinn h4 {
        margin: 0;
        padding: 0;
        font-size: 22px;
        line-height: 22px;
    }
    .subscribeinn .subscribe-icon {
        margin: 0;
        padding: 0 0 20px 0;
        width: 100%;
        text-align: center;
    }
    .subscribeinn .subscribe-title {
        margin: 0;
        padding: 0 0 20px 0;
        width: 100%;
        text-align: center;
    }
    .subscribeinn .subscribe-form {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .subscribe-row div:nth-child(1) {
        width: 65%;
    }
    .subscribe-row div:nth-child(2) {
        width: 35%;
    }
    .subscribe-row .subscribe_error {
        width: auto !important;
        left: 10px;
        display: none;
    }
}

@media only screen and (max-width:600px) {
    .pro-image,
    .pro-txt {
        width: 100%;
    }
    .makeusRi .peoplelist ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 50%;
        float: left;
        text-align: center;
    }
}

@media only screen and (max-width:480px) {
    .peoplebox ul li {
        margin: 0 0 20px 0;
        padding: 0;
        float: left;
        width: 50%;
    }
    .sitemap-links ul li {
        width: 100%;
        margin-bottom: 7px;
        padding-left: 25px;
    }
    .inbox {
        margin: 40px 0;
        padding: 0;
        border: solid 1px #f3f3f3;
    }
    .inbox ul {
        margin: 0;
        padding: 0;
    }
    .inbox ul li {
        margin: 0;
        padding: 0;
        width: 100%;
        float: none;
        border-bottom: solid 1px #f3f3f3;
    }
    .inbox ul li:after {
        display: none;
    }
    .inbox ul li:nth-child(5) {
        border-bottom: none;
    }
    .inbox ul li section {
        margin: 0;
        color: #f3f3f3;
        font-family: "GothamBold", Arial, Helvetica, sans-serif;
        text-align: center;
        overflow: hidden;
    }
    .inbox ul li .targetDiv {
        position: absolute;
        top: 0;
        z-index: 2;
        margin: 0;
        padding: 20px;
        display: none;
    }
    .inbox ul li section img.fontbg {
        bottom: 55px;
    }
    .inside .inLeft,
    .whatLeft,
    .makeusLe,
    .makeusRi,
    .workLe .workLeinn,
    .workRi,
    .blog .content,
    .contLe .contLein,
    .contRi .contRiin {
        width: 80%;
        margin: 0 auto;
    }
    .whatRight .pr-arrow {
        right: inherit;
        left: 0px;
    }
    .br-box {
        margin: 10px 15px 10px 0px;
    }
    .whatRight .pr-name {
        width: auto;
        position: relative;
        font-size: 18px;
        text-align: left;
        padding-left: 20px;
        padding-right: 0;
    }
    .pr-desc .pr-cat .prcatin {
        margin: 0 auto;
        float: none;
    }
    .pr-desc .pr-txt {
        margin: 0;
        padding: 0 0 20px 0;
        float: left;
        font-size: 12px;
    }
    .pr-desc .pr-cat .prcatin {
        width: 90px;
        height: 90px;
        font-size: 12px;
    }
    .makeusRi {
        border: none;
        background: transparent;
        padding-bottom: 0;
    }
    .makeus {
        padding: 60px 0 20px 0;
    }
    .workLe .workLeinn {
        padding: 0;
    }
    .workLe .workLeinn h2 {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 32px;
        line-height: 34px;
    }
    .workRi {
        padding: 0;
    }
    .workRi .logolist ul li {
        width: 44%;
        margin: 5px;
    }
    .workwithus-bg {
        padding: 60px 0;
    }
    .workRi .logolist {
        padding-bottom: 0;
    }
    .blog-latest {
        margin: 0;
    }
    .blog-B {
        font-size: 113px;
        line-height: 111px;
        letter-spacing: -4px;
    }
    .blog-B img {
        height: 94px;
    }
    .blogLe p {
        width: auto;
    }
    .blogRi .blogbox {
        margin: 0;
        padding: 20px 20px 40px 20px;
    }
    .blogRi .blogbox h2 {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 18px;
        line-height: 22px;
    }
    .blogRi .blogbox h3 {
        margin: 0 0 15px 0;
        padding: 0;
        font-size: 14px;
    }
    .blogRi .blogbox p {
        font-size: 12px;
    }
    .contLe {
        width: 100%;
        float: none;
        margin: 0;
        padding: 20px 0 0;
    }
    .contLe .contLein {
        padding: 25px;
    }
    .contRi .contRiin h3 {
        font-size: 23px;
    }
    .footerLe .followus .socialicon span a i {
        font-size: 15px;
        padding: 0;
        line-height: 26px;
    }
    .footerLe .followus .socialicon span {
        display: inline-block;
        margin: 3px 0px;
    }
    .footerLe .followus .socialicon span a {
        width: 26px;
        height: 26px;
    }
    .content3,
    .content3 {
        height: auto;
    }
}

@media only screen and (max-width:320px) {}

@media only screen and (max-width:1000px) and (orientation:landscape) {}

.slick-active.active .tooltiptext {
    visibility: visible;
}


/* new Style Starts Here*/

.port_main {
    text-align: center;
    margin-bottom: 30px;
}

.portfolio_box {
    width: 18%;
    min-height: 200px;
    padding: 8px;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgb(48 48 48 / 20%);
    margin-right: 2%;
    margin-top: 1%;
    margin-bottom: 1%;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    transition: .5s ease-in-out;
}

.portfolio_box:hover img {
    transform: rotateY(360deg);
}

.portfolio_box:hover {
    filter: drop-shadow(0px 0px 5px #ccc);
}

.portfolio_box a {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.portfolio_box img {
    width: 100%;
    transition: 0.5s ease-in-out;
}

.portfolio_box:nth-child(5n) {
    margin-right: 0px;
}

.portfolio_box:last-child {
    margin-right: 0px;
}

.team {
    text-align: center;
    margin-bottom: 50px;
}

.team_box {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    padding: 8px;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgb(48 48 48 / 20%);
    margin-right: 2%;
    margin-top: 1%;
    margin-bottom: 1%;
    border-radius: 20px;
    cursor: pointer;
    background-color: #fff;
    transition: .5s ease-in-out;
}

.team_box:nth-child(4n) {
    margin-right: 0;
}

.team_box:last-child {
    margin-right: 0;
}

.content_team {
    background-color: #fff;
    padding: 20px;
}

.content_team h3 {
    margin-bottom: 5px;
    font-size: 20px;
}

.content_team span {
    color: #6b6b84;
    font-size: 16px;
    font-weight: 600;
}

.resp-tabs-container iframe {
    width: 100%;
    height: 500px;
}

li.demobtnlihere {
    position: relative !important;
}

.demobtnlihere::after {
    display: none;
}

a.demobtnhere {
    padding: 10px 50px;
    color: #2c1b12;
    background: #fbac03;
    border-radius: 10px;
    text-decoration: none;
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    box-shadow: 0 2px 25px #fbac03;
    z-index: 1;
    display: block;
}

li.demobtnlihere:before {
    top: -75%;
    background-image: radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, transparent 20%, #2c1b12 20%, transparent 30%), radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, transparent 10%, #2c1b12 15%, transparent 20%), radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, #2c1b12 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
    animation: topBubbles ease-in-out 0.75s infinite;
}

li.demobtnlihere:before,
li.demobtnlihere:after {
    position: absolute;
    content: '';
    display: block;
    width: 140% !important;
    height: 100% !important;
    left: -20%;
    z-index: 0;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

li.demobtnlihere:after {
    bottom: -75% !important;
    background-image: radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, transparent 10%, #2c1b12 15%, transparent 20%), radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, #2c1b12 20%, transparent 20%), radial-gradient(circle, #2c1b12 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    animation: bottomBubbles ease-in-out 0.75s infinite;
}

@keyframes topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }
    50% {
        background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }
    100% {
        background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

@keyframes bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
    }
    50% {
        background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }
    100% {
        background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

.inside-view-content img {
    float: left;
    margin-right: 10px;
}

.banner_img_7 {
    position: absolute;
    right: 2%;
    width: 9%;
    text-align: center;
    z-index: 0;
    bottom: 1%;
    animation: Bt 10s linear infinite;
}

@keyframes Bt {
    0% {
        bottom: 2%;
        /* transform: rotateX(0deg); */
        transform: scale(1);
    }
    50% {
        bottom: 78%;
        /* transform: rotateX(900deg); */
        transform: scale(0.5);
    }
    100% {
        bottom: 2%;
        /* transform: rotateX(0deg); */
        transform: scale(1);
    }
}


/* @keyframes Bt {
    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: rotateX(900deg) rotateY(900deg);
    }
    100% {
        transform: rotateX(0deg) rotateY(0deg);
    }
} */

.banner_img_7 img {
    width: 100%;
    /* filter: drop-shadow(0px 0px 10px #fbac03); */
    position: relative;
    z-index: 9;
}

.col5 {
    padding: 0px 0px 0px;
    background: url(../images/4.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.col5 .content {
    width: 100%;
    padding: 0 20px;
}

.col5_left {
    position: relative;
    width: 40%;
    margin-left: -20px;
    display: inline-block;
    vertical-align: bottom;
    z-index: 9;
}

.col5_main {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.col5_main:before {
    content: '';
    position: absolute;
    right: -11px;
    width: 75%;
    height: 100%;
    top: -26px;
    background: url(../images/5b.png) no-repeat;
    background-size: 100% 100%;
}

.col5_left img {
    width: 100%;
    position: relative;
}

.col5_box {
    position: absolute;
    top: 0;
    left: 10%;
    color: #fff;
}

.col5_box:nth-child(1) {
    top: -24%;
    left: 30%;
}

.col5_box:nth-child(2) {
    left: auto;
    right: 34%;
    top: -15%;
}

.col5_box:nth-child(3) {
    left: auto;
    right: 3%;
    top: 7%;
    bottom: auto;
}

.col5_box:nth-child(4) {
    left: auto;
    right: -14%;
    top: auto;
    bottom: 53%;
}

.col5_box:nth-child(5) {
    left: auto;
    right: -32%;
    top: auto;
    bottom: 30%;
}

.col5_box:nth-child(6) {
    left: auto;
    right: -40%;
    top: auto;
    bottom: 7%;
}

.col5_box h4 {
    font-size: 20px;
    color: #fff;
    display: block;
}

.col5_box h5,
.col5_box span {
    display: inline-block;
    font-size: 20px;
    color: #fff;
}

.col5_right {
    position: relative;
    display: inline-block;
    width: 59.7%;
    margin: 70px auto;
    margin-right: 0;
    text-align: end;
}

.col5_right img {
    position: relative;
}

.right_txt {
    position: absolute;
    left: 23%;
    top: 17%;
    width: 25%;
    background: #ff8a07;
    padding: 10px;
    border: 1px solid #fff;
}

.right_txt ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.right_txt ul li {
    text-align: left;
}

.right_txt ul li h6 {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
    width: 60.6%;
}

.right_txt li h3 {
    color: #780000;
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 37.7%;
}

.bottom_txt {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    top: 10%;
    width: 40%;
    text-align: center;
}

.bottom_txt h3 {
    position: relative;
    font-size: 36px;
    color: #fff;
}

.bottom_txt h1 {
    font-size: 130px;
    color: #fff;
    line-height: 50px;
    filter: drop-shadow(2px 2px 4px #333);
}

.bottom_txt:before {
    content: '';
    position: absolute;
    bottom: -39%;
    left: 11%;
    width: 150px;
    height: 150px;
    background: url(../images/3b.png) no-repeat;
    background-size: cover;
    animation: Bt 25s linear infinite;
}

@keyframes Bt {
    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: rotateX(900deg) rotateY(900deg);
    }
    100% {
        transform: rotateX(0deg) rotateY(0deg);
    }
}

@media (max-width:1024px) {
    .portfolio_box {
        min-height: 160px;
    }
}

.contact_inquiry input[type=file] {
    border-bottom: solid 1px #333;
    width: 100%;
    margin-top: 10px;
}

.contact_inquiry input[type=file]::-webkit-file-upload-button {
    border: 0px solid #2c1b12;
    background: 0 0;
    color: #000;
    border-radius: 30px 30px;
    padding: 2px 5px
}

.contact_inquiry .contRi .contRiin ul li:last-child {
    margin-bottom: 0;
}

.contact_inquiry::-webkit-scrollbar-thumb {
    background: #fbac03;
    border-radius: 10px 0px 10px 0px;
}

.contact_inquiry::-webkit-scrollbar {
    width: 10px;
    background-color: #2d2d2d;
}

.quote {
    width: 15%;
    position: fixed;
    left: -5.9%;
    top: 50%;
    /* margin-bottom: 20px; */
    transform: rotate(90deg);
    height: 50px;
    background-color: #2c1b12;
    z-index: 999;
    /* transform: translateY(-50%); */
    text-align: left;
    padding-left: 10px;
    border-radius: 10px 10px 0px 0;
}

.quote::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 0px;
    background: url(../images/b-r-arrow.png) center center no-repeat;
    filter: grayscale(1)brightness(10);
    width: 20px;
    height: 52px;
}

.quote * {
    color: #fff;
    transition: .5s ease-in-out;
    text-decoration: none;
    line-height: 50px;
}


/* .quote:hover * {
    color: #00a652;
} */

.quote h2 {
    font-size: 15px;
}

.contact_inquiry {
    position: fixed;
    left: -100%;
    width: 30%;
    height: 82%;
    bottom: 20px;
    background: #ffffff;
    padding: 20px;
    z-index: 9999;
    border: 1px solid #2f1d14;
    border-top: 10px solid #301e15;
    border-radius: 20px;
    transition: .8s ease-in-out;
    overflow: hidden;
    box-shadow: 5px 0px 10px #33333369;
    overflow-x: hidden;
    overflow-y: auto;
}

.contact_inquiry_ {
    left: 10px;
}

span.close_ {
    font-weight: bolder;
    font-size: 18px;
    font-family: inherit;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    z-index: 999;
}

.contact_inquiry .contRi {
    width: 100%;
    float: left;
}

.contact_inquiry .contRi .contRiin {
    margin: 0px 0 0 0px;
    width: 100%;
}

.contact_inquiry .contRi .contRiin input,
.contact_inquiry .contRi .contRiin textarea {
    background: transparent;
}

@media(max-width:1024) {
    .quote {
        width: 20%;
        position: fixed;
        left: -7.6%;
    }
    .contact_inquiry {
        width: 40%;
    }
}

@media (max-width:768px) {
    .quote {
        width: 15%;
        position: fixed;
        left: -5.6%;
    }
    .quote::before {
        display: none;
    }
    .contact_inquiry {
        width: 50%;
    }
    .portfolio_box {
        width: 21%;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .portfolio_box:nth-child(4n) {
        margin-right: 0px;
    }
    .portfolio_box:nth-child(5n) {
        margin-right: 20px;
    }
    .portfolio_box:last-child {
        margin-right: 0px;
    }
    .team_box {
        width: 31.9%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .team_box:nth-child(3n) {
        margin-right: 0px;
    }
    .team_box:nth-child(4n) {
        margin-right: 10px;
    }
    .content_team {
        padding: 10px;
    }
    .content_team span {
        font-size: 15px;
    }
    .inside-view-content img {
        float: none;
        display: block;
        margin: 0px 0px 10px 0;
        width: 100%;
    }
    .col5_left {
        width: 75%;
        top: 100px;
        display: none;
    }
    .col5_main:before {
        right: -15px;
    }
    .col5_box:nth-child(1) {
        top: -20%;
        left: 30%;
    }
    .col5_box:nth-child(2) {
        right: 23%;
        top: -11%;
    }
    .col5_box:nth-child(3) {
        right: 4%;
        top: 11%;
    }
    .col5_box:nth-child(4) {
        right: -12%;
        bottom: 52%;
    }
    .col5_box:nth-child(5) {
        right: -30%;
        bottom: 30%;
    }
    .col5_box:nth-child(6) {
        right: -39%;
        bottom: 7%;
    }
    .col5_box h4 {
        font-size: 20px;
    }
    .col5_box h5,
    .col5_box span {
        font-size: 20px;
    }
    .bottom_txt {
        display: none;
    }
    .col5_right {
        display: block;
        width: 100%;
        margin: 20px auto 0px;
        margin-right: auto;
        text-align: center;
    }
    .right_txt {
        left: 4%;
        top: 2%;
        width: 25%;
    }
    .right_txt li h3 {
        font-size: 30px;
        width: 36.7%;
    }
}

@media (max-width:461px) {
    .quote {
        width: 40%;
        position: fixed;
        left: -15%;
        padding: 0;
        text-align: center;
    }
    .contact_inquiry {
        width: 90%;
        height: 85%;
        bottom: 10px;
    }
    .contact_inquiry_ {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .portfolio_box {
        width: 46%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .portfolio_box:nth-child(2n) {
        margin-right: 0px !important;
    }
    .portfolio_box:nth-child(4n) {
        margin-right: 0px;
    }
    .portfolio_box:nth-child(5n) {
        margin-right: 20px;
    }
    .portfolio_box:last-child {
        margin-right: 0px;
    }
    .team_box {
        width: 48%;
    }
    .team_box:nth-child(3n) {
        margin-right: 10px;
    }
    .team_box:nth-child(4n) {
        margin-right: 0px;
    }
    .team_box:nth-child(2n) {
        margin-right: 0px;
    }
    .content_team {
        padding: 10px;
    }
    .content_team span {
        font-size: 15px;
    }
    .col5_left {
        width: 75%;
        top: 100px;
        margin-left: -15px;
    }
    .col5_main:before {
        right: -13px;
        top: -14px;
    }
    .col5_box:nth-child(1) {
        top: -20%;
        left: 35%;
    }
    .col5_box:nth-child(2) {
        right: 12%;
        top: -11%;
    }
    .col5_box:nth-child(3) {
        right: -2%;
        top: 11%;
    }
    .col5_box:nth-child(4) {
        right: -19%;
        bottom: 52%;
    }
    .col5_box:nth-child(5) {
        right: -38%;
        bottom: 30%;
    }
    .col5_box:nth-child(6) {
        right: -47%;
        bottom: 8%;
    }
    .col5_box h4 {
        font-size: 14px;
    }
    .col5_box:nth-child(6) h4 {
        width: 80%;
    }
    .col5_box h5,
    .col5_box span {
        font-size: 16px;
    }
    .bottom_txt {
        display: none;
    }
    .col5_right {
        display: block;
        width: 100%;
        margin: 20px auto 0px;
        margin-right: auto;
        text-align: center;
    }
    .right_txt {
        left: 0%;
        top: 22%;
        width: 30%;
    }
    .right_txt ul li h6 {
        font-size: 15px;
    }
    .right_txt li h3 {
        font-size: 20px;
        width: 36.2%;
    }
    .col5_right img {
        width: 100%;
    }
}

@media (max-width:360px) {
    .quote {
        width: 40%;
        position: fixed;
        left: -15%;
        padding: 0;
        text-align: center;
    }
    .contact_inquiry {
        width: 90%;
        height: 85%;
        bottom: 10px;
    }
    .contact_inquiry_ {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .col5_left {
        width: 75%;
        top: 100px;
        margin-left: -15px;
    }
    .col5_main:before {
        right: -9px;
        top: -10px;
    }
    .col5_box:nth-child(1) {
        top: -20%;
        left: 35%;
    }
    .col5_box:nth-child(2) {
        right: 12%;
        top: -11%;
    }
    .col5_box:nth-child(3) {
        right: -4%;
        top: 11%;
    }
    .col5_box:nth-child(4) {
        right: -20%;
        bottom: 49%;
    }
    .col5_box:nth-child(5) {
        right: -40%;
        bottom: 28%;
    }
    .col5_box:nth-child(6) {
        right: -49%;
        bottom: 7%;
    }
    .col5_box:nth-child(6) h4 {
        width: 80%;
    }
    .col5_box h4 {
        font-size: 10px;
    }
    .col5_box h5,
    .col5_box span {
        font-size: 10px;
    }
    .bottom_txt {
        display: none;
    }
    .col5_right {
        display: block;
        width: 100%;
        margin: 20px auto 0px;
        margin-right: auto;
        text-align: center;
    }
    .right_txt {
        left: -3%;
        top: 18%;
        width: 36%;
    }
    .right_txt ul li h6 {
        font-size: 12px;
    }
    .right_txt li h3 {
        font-size: 14px;
        width: 35.2%;
    }
    .col5_right img {
        width: 100%;
    }
}


.whatsapp_new {
    width: 50px;
    position: fixed;
    left:20px;
    bottom:20px;
    height: 50px;
    background-color: #000;
    z-index: 99999;
    text-align: center;
    padding: 10px;
    border-radius: 50%;
}

.whatsapp_new a{
    display:block;
    color:#fff;
    font-size:18px;
}