/*------------------Global CSS------------------------------------------*/
@font-face {
    font-family: 'oswaldbold';
    src: url('../fonts/oswald-bold_1-webfont.woff2') format('woff2'),
         url('../fonts/oswald-bold_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium_0-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold_0-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold_0-webfont.woff2') format('woff2'),
         url('../fonts/raleway-semibold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,body{
  padding:0;
  margin:0;
  /*overflow-x:hidden;*/
}

.custom-col-10{
  padding-left:10px !important;
  padding-right:10px !important;
}

.custom-col-7{
  padding-left:7.5px !important;
  padding-right:7.5px !important;
}

.custom-col-5{
  padding-left:5px !important;
  padding-right:5px !important;
}

.no-pad{
  padding:0 !important;
}

.no-pad-rgt{
  padding-right:0 !important;
}

.no-pad-lft{
  padding-left:0 !important;
}


.bkg-white{
  background:#ffffff;
}

.bkg-black{
  background:#1b1b1b;
}

.row-eq-height{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.bkg-grey{
  background:#f3f4f4;
}

.bkg-yellow{
  background:#fec340;
}

.bkg-red{
  background:#db070f;
}

.bkg-header{
  background:#262626;
}

.clr-grey{
  color:#404040;
}

.clr-red{
  color:#db070f;
}

.clr-white{
  color:#fff;
}

.clr-yellow{
  color:#fec340;
}

.font-oswaldbold{
  font-family: 'oswaldbold';
}

.font-ralewaymedium{
  font-family: 'ralewaymedium';
}

.font-ralewaybold{
  font-family: 'ralewaybold';
}

.font-ralewaysemibold{
    font-family: 'ralewaymedium';
}

.pos-relative{
  position:relative;
}

.pos-absolute{
  position:absolute;
}

.disp-tbl{
  display:table;
}

.stylish-input-group .input-group-addon{
    background: white !important;
    border-radius:0;
    font-size:0.7em;
}
.stylish-input-group .form-control{
  border-right:0;
  box-shadow:0 0 0;
  border-color:#ccc;
  border-radius:0;
  font-size: 0.6em;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

a,a:hover{
  text-decoration:none;
}

.ht-100{
  height:100%;
}

.onepage-pagination{
  display:none;
}

.clear{
    clear:both;
}

.btn:focus,.btn:active {
   outline: none !important;
}

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


@media (min-width: 320px) and (max-width:991px) {
  .row-eq-height{
    display:block;
  }
  .mobile-pad{
    padding:0;
  }

}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
}

/*-----------------------Common CSS--------------------*/

.content-head{
  margin-bottom:1em;
  font-size:2.2em;
}

.content-head-under{
  margin-bottom:1em;
  font-size:0.3em;
  color:#da0009;
}

.content-head:before{
  content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
  font-family: FontAwesome;
  position: absolute;
  font-size: 4px;
  letter-spacing: 3px;
  top: 125%;
  color: #da0009;
  left:50%;
  -webkit-transform:translatex(-50%);
  -moz--transform:translatex(-50%);
  -ms-transform:translatex(-50%);
  transform:translatex(-50%);
}

.content-head-left:before{
  left:0%;
  -webkit-transform:translatex(0%);
  -moz--transform:translatex(0%);
  -ms-transform:translatex(0%);
  transform:translatex(0%);
}

.content-head-upper{
  font-size:2em;
}

.content-p{
  font-size:0.85em;
}

#media .content-p{
  max-height: 35px;
  overflow-y: hidden;
}

.red-button{
  font-family: 'ralewaybold';
  background: transparent;
  color: #da0009;
  border: 2px solid #da0009;
  border-radius: 0;
  position: relative;
  transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  -ms-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  z-index:998;
}

.red-button:hover {
  color:#fff !important;
  z-index:1;
  background: #da0009 !important;
  border: 2px solid #da0009 !important;
}

.red-button:before {
    content: "";
    position: absolute;
    background: #da0009;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
    -webkit-transition: top 0.09s ease-in;
}

.red-button:hover:before {
  top: 0;
}

.white-button{
  font-family: 'ralewaybold';
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 0;
  position: relative;
  transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  -ms-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
}

.white-button:hover {
  color:#404040 !important;
  z-index:1;
  background: #fff !important;
  border: 2px solid #fff !important;
}

.white-button:before {
    content: "";
    position: absolute;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    z-index: -1;
    -webkit-transition: top 0.09s ease-in;
}

.white-button:hover:before {
  top: 0;
}

.tagline-92{width:92%; font-family: 'ralewaybold';  padding-bottom: 1em;}

*::-webkit-placeholder {
    color: #404040 !important;
    font-family:'ralewaymedium' !important;
    font-size:10px !important;
}
*:-moz-placeholder {
    color: #404040 !important;
    font-family:'ralewaymedium'!important;
    font-size:10px !important;
}
*::-moz-placeholder {
    color: #404040 !important;
    font-family:'ralewaymedium' !important;
    font-size:10px !important;
}
*:-ms-placeholder {
    color: #404040 !important;
    font-family:'ralewaymedium' !important;
    font-size:10px !important;
}

*::-ms-placeholder {
    color: #404040 !important;
    font-family:'ralewaymedium' !important;
    font-size:10px !important;
}

@media(min-width:768px){
  .content-head-upper {
    font-size: 2.4em;
  }
}

@media(min-width:1320px){
  .content-head-upper{
    font-size:2.4em;
  }
  .content-p {
    font-size: 1em;
  }

  .content-head{
    font-size:2.8em;
  }
  .content-head-under{
    margin-bottom:1em;
    font-size:0.3em;
    color:#da0009;
  }
  #media .content-p {
    max-height: 84px;
    overflow-y: hidden;
  }
}

@media(min-width:1550px){
  .content-head-upper{
    font-size:2.8em;
  }
  .content-p {
    font-size: 1.1em;
  }
  .content-head-upper{
    font-size:3.2em;
  }
}

@media(min-width:1900px){
  .content-head-upper{
    font-size:3.4em;
  }
  .content-p {
    font-size: 1.2em;
  }

  .content-head{
    font-size:3.8em;
  }
  .content-head-under{
    margin-bottom:1em;
    font-size:0.3em;
    color:#da0009;
  }
}




/*----------------------Animation Effect-----------------------------*/
.bounce {
 position: absolute;
 transform: translatex(-50%);
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
 190% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 190% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 190% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 190% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}

/*---------------------------------------------------------Custom-Scroll----------------------------------------------------*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background-color:#fff;
  opacity:1;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(64,64,64,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(64,64,64,1);
  box-shadow: 0px 0px 5px 0px rgba(64,64,64,1);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{
  background-image:url(../images/dot2.png);
  width: 3px;
  opacity:1;
}


/*-------------------------------------------------------Cross Browser-----------------------------------------*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .vkl-logo img, .about-logo img{
    width:100%;
  }
}


@media (min-width:992px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #footer .footer-list li::after{
    top:-30px !important;
    font-size:42px !important;
  }
  #contact .contact-submit-head::after{
    display:block;
    position:relative !important;
    left:72% !important;
    margin-top:-6em;
  }
  #category .prdsol-black::after{
    top:52% !important;
    font-size:0.5em !important;
  }
}

/*-------------------------------------------------------------------Header CSS--------------------------------------------*/

#header{
  width:100%;
  position:fixed;
  z-index:999;
  /*-webkit-box-shadow: 0px 1px 0px 0px rgba(191,191,191,1);
  -moz-box-shadow: 0px 1px 0px 0px rgba(191,191,191,1);
  box-shadow: 0px 1px 0px 0px rgba(191,191,191,1);*/
}

#header .navbar{
  margin:0;
}

#header .trending-head{
  color:white;
  font-family:'oswaldbold';
  position:relative;
}

#header .trending-head:before{
  content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
  font-family: FontAwesome;
  position: absolute;
  font-size: 5px;
  letter-spacing: 4px;
  top: 120%;
  color: #da0009;
  left: 50%;
  -webkit-transform: translatex(-50%);
  -moz-transform: translatex(-50%);
  transform: translatex(-50%);
}

#header .trending-close{
  position:absolute;
  color:#404040;
  font-size:32px;
  right:3%;
  opacity:1;
  top: -10%;
  width: 35px;
  height: 35px;
  border:none;
  z-index:999;
}

#header .trending-close:focus, #header .trending-close:active {
   outline: none !important;
}

#header .trending-resize{
  width:85%;
  margin:2.5em auto;
  position:relative;
}

#header .media-object-trending-grow{
  width:115px;
}

#header .media-object-trending{
  width:115px;
}

#header .trending-owl-carousel .media-body{
  height:95px;
}


#header .media-heading-trending{
    font-family:'oswaldbold';
    margin-top:0;
    margin-bottom:1.5em;
}

#header .media-heading-trending:before{
  content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
  font-family: FontAwesome;
  letter-spacing: 2px;
  position: absolute;
  top: 12%;
  color: #da0009;
  font-size: 3px;
}

#header .trending-sub-head{
  font-family:'ralewaybold';
  font-size: 0.85em;
  margin-bottom: 6px;
}

#header .trending-sub-para{
  font-family: 'ralewaymedium';
  font-size: 0.65em;
  font-weight: bold;
}

#header .trending-p, #header p{
  font-family: 'ralewaymedium';
  color:#404040;
  font-size:0.75em;
}

#header .about-button{
  font-family: 'ralewaybold';
  background:transparent;
  color:#da0009;
  border:2px solid #da0009;
  border-radius:0;
  position:relative;
  transition:        0.2s ease-in;
 -o-transition:      0.2s ease-in;
 -ms-transition:     0.2s ease-in;
 -moz-transition:    0.2s ease-in;
 -webkit-transition: 0.2s ease-in;
}

#header .about-button:hover {
  color:#fff;
  z-index:1;
}

#header .about-button:before {
  content: "";
  position: absolute;
  background: #da0009;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index:-1;
  -webkit-transition: top 0.09s ease-in;
}

#header .about-button:hover:before {
  top: 0;
}

#header .vkl-logo{
  float: right;
  width: 50px;
  display: table;
  margin-top: 0.5em;
  margin-right: 0.5em;
}

#header .navbar-toggle .icon-bar{
  height:3px;
}

#header .navbar-nav>li>a{
  font-family: 'ralewaybold';
  color: #fff;
  font-size: 0.8em;
  text-align: center;
  border-bottom: 1px solid rgba(254,195,64,0.2);
}

#header .custom-mobile-nav{
  position:fixed;
  width:100%;
  top:50px;
  height:calc(100vh - 85px) !important;
  margin-left: -0.1em;
  overflow-y:auto !important;
}

#header .navbar-toggle{
  margin-top:5px;
  margin-bottom:5px;
}

#header .font-icons{
  margin-top:1em;
}

#header .font-icons i{
  margin: 0 0.6em;
  font-weight: bold;
}

#header .font-icons i:after {
    content: '\f111';
    font-size: 5px;
    position: absolute;
    color: #404040;
    margin-left: 1.5em;
    top: 65%;
}

#header .fa-trending{
  content:url(../images/trending.png);
  width:18px;
}

#header .down-news{
  font-family: 'ralewaysemibold';
  color: #fec340;
  font-size: 0.75em;
  text-align: center;
  margin:0 -15px;
  padding: 1.5em 0;
  border-bottom: 1px solid rgba(254,195,64,0.2);
}

#header .navbar-nav{
  margin-top:0;
  margin-bottom:0;
}

#header .social-container{
  margin:0 -15px;
  font-family: 'ralewaysemibold';
  padding:0.5em 1em;
  position: fixed;
  bottom: 0px;
  width: 100%;
}

#header .social-container li{
  font-family: 'ralewaysemibold';
  width:24%;
  padding:0;
  text-align: center;
}

#header .social-container i{
  border: 1px solid black;
  padding: 0.2em;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #404040;
}

#header .navbar-nav>.active>a{
  color:#da0009;
  background:transparent;
}
#header .trending-container{
  margin-top:-280px;
  height:280px;
}

#header .search-container{
  position: absolute;
  width: 100%;
  left: 0%;
  border-top:2px solid #da0009;
  display:none;
}

#header .list-holder{
  display:none;
}

#header .fbs-list li{
  border-right: 1px solid #84807c;
  padding: 0.5em 0;
  width: 100%;
  text-align: center;
  background: #3c3c3c;
  display: block;
  border-bottom: 1px solid rgba(254,195,64,0.2);
  cursor:pointer;
}

#header .fbs-list li a{
  font-family: 'ralewaybold';
  color: #fff;
  font-size: 0.8em;
}

#header .nav>li>a:focus, #header .nav>li>a:hover{
  background:transparent;
  color:#fff;
}

#header .navtrending-close{
  display:none;
}

@media(min-width:480px) and (max-width:599px){
  #header .trending-resize{
    width:70%;
  }
}

@media(min-width:600px) and (max-width:991px){
  #header .trending-resize{
    width:95%;
  }

  #header .trending-owl-carousel .media{
    width: 95%;
    margin: 0 auto;
  }
  #header .trending-sub-head{
    font-size:11px;
  }
  #header .trending-owl-carousel .about-button{
    font-size:12px;
  }

  #header .trending-owl-carousel .owl-item:nth-child(1):after{
    content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
    font-family: FontAwesome;
    position: absolute;
    font-size: 4px;
    letter-spacing: 3px;
    color: #da0009;
    right: -32%;
    top: 53%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media(min-width:768px) and (max-width:991px){
  #header .trending-owl-carousel .media{
    width: 85%;
    margin: 0 auto;
  }
  #header .trending-owl-carousel .owl-item:nth-child(1):after{
    right:-23%;
  }
  #header .social-container a span{
    color:#404040;
    margin-left:0.8em;
    font-size:0.8em;
  }
}

@media(min-width:992px){
  #header {
    background: none;
    opacity: 1;
  }
  /*.hrd-border{
    border-bottom:0.8em solid #fec340;
  }*/
  #header .search-container{
    position: absolute;
    width: 140px;
    left: 57vw;
    border-top:0px;
  }
  #header .trending-resize {
    width: 920px;
    margin: 2.5em auto;
    position: relative;
  }
  #header .trending-owl-carousel .media{
    width: 55%;
    margin: 0 auto;
  }
  #header .trending-sub-head {
    font-size: 1em;
  }

  #header .trending-owl-carousel .owl-item:nth-child(1):after{
    /*content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';*/
    font-family: FontAwesome;
    position: absolute;
    font-size: 4px;
    letter-spacing: 3px;
    color: #da0009;
    right: -20%;
    top: 55%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  #header .navbar-nav>li>a{
    font-family: 'ralewaysemibold';
    color:#404040;
    font-size: 0.65em;
  }
  #header .navbar-nav>li>a>i{
    font-weight: bold;
  }
  #header .vkl-logo{
    display: table;
    width: 7%;
    float: left;
    position: absolute;
    left: 48%;
    top: -1%;
    margin: 0;
  }
  #header .custom-mobile-nav{
    background:transparent;
    top:auto;
    bottom:auto;
    height: auto !important;
    overflow: visible!important;
  }
  #header .fbs-list{
    width:auto;
    padding:0;
    height: 100%;
    /*overflow-y: auto;*/
  }
  #header .fbs-list:after{
    content:'';
    background:url(../images/header-brd.png);
    position: absolute;
    background-position:center;
    top: -4%;
    left: 0;
    width:100%;
    height:8px;
  }
  #header .fbs-list li{
    width: 15%;
    text-align:left;
    background: rgba(212,214,214,0.9);
    padding: 0;
    padding-left:1em;
    width: 170px;
    border:0px;
  }
  #header .fbs-list li:after{
    content:'' !important;
  }

  #header .list-holder{
    width: auto;
    position: absolute;
    top: 100%;
  }

  #header .fbs-list .fbs-list-active a{
    color:#da0009 !important;
  }
  #header .desk-news{
    position: absolute;
    right: 0;
    background: rgba(0,0,0,0.5);
    color: white;
    margin-top:1px;
  }
  #header .desk-news i{
    padding:0.8em;
    border-right: 2px solid #9a9897;
    cursor: pointer;
  color:#fff;
  }
  #header .fa-no-brd{
    border-right: 0px !important;
  }
  #header .desk-news-active{
    color:#fec340 !important;
  }
  #header .navbar-nav li:after{
    content: '\f111';
    font-family: FontAwesome;
    position: absolute;
    font-size: 0.3em;
    top: 48%;
    left: 100%;
  }
  #header .navbar-nav li:nth-last-child(1):after{
    content: '';
  }
  #header .social-container{
    position: absolute;
    margin: 0;
    padding: 0;
    width: 135px;
    background: rgba(243,244,244,0.9);
    top: 100%;
    left: 64.5vw;
    display:none;
  }

  #header .social-container:before{
    content:'';
    background:url(../images/header-brd.png);
    position: absolute;
    background-position:center;
    top: -5%;
    left: 0;
    width:100%;
    height:8px;
  }

  #header .social-container li{
    display:block;
    width:100%;
    text-align:left;
  }
  #header .social-container i{
    padding: 0.25em;
    width: 25px;
    height: 25px;
    margin: 0.5em 1.5em;
  }
  #header .social-container span{
    font-size:0.65em;
    cursor: pointer;
    color:#404040;
  }
  #header .social-active i{
    background: black;
    color: white;
  }
  #header .social-active span{
    color:#da0009;
  }

  #header .search-container:before{
    content: '';
    background: url(../images/header-brd.png);
    position: absolute;
    background-position: center;
    top: -23%;
    left: 0;
    width: 100%;
    height: 8px;
  }
  #header .desk-news i:hover{
    color:#fec340;
  }
  #header .navbar-nav li:hover a{
    color: #da0009;
    background: transparent;
  }

  #header .nav>li>a:focus, #header .nav>li>a:hover{
    background-color: transparent;
    color:#da0009;
  }

  #header .navbar {
    background: rgba(243,244,244,0.8);
  /*background: rgba(212, 214, 214, 0.9);*/
    border-radius:0;
  }

  #header .fbs-list li a{
    font-size:0.8em;
    padding:1em 0;
    display:block;
    font-family: 'ralewaybold';
    color:#404040 !important;
  }
  #header .navbar-right .dropdown{
    padding:0em 2em;
  }
  #header .navbar-nav>li>a{
    border-bottom: 0px;
  }
  #header .fbs-list .mCSB_inside>.mCSB_container{
    margin:0;
  }
  #header .fbs-list .mCSB_scrollTools .mCSB_draggerContainer{
    margin-right:1em;
    top: 5%;
    bottom: 5%;
  }
  #header .fbs-list .mCSB_scrollTools .mCSB_dragger{
    right:7px !important;
  }
  #header .desk-news .tooltip.bottom{
    margin-top:-5px;
    left:0px !important;
    width:128px;
  }

  #header .desk-news .tooltip.bottom .tooltip-arrow{
    left:16px !important;
    border-bottom-color:#9c9a99;
    display:none !important;
  }
  #header .tooltip-inner{
    border-radius:0;
    border-top:1px solid #9c9a99;
    padding:0.5em;
    background-color:rgba(0,0,0,0.5);
    text-transform:uppercase;
  }
}

@media(min-width:1200px) {
/*   #header .vkl-logo{
    width:6%;
  } */
    #header .vkl-logo {
    width: 10%;
    left: 45%;
  }
  #header .vkl-logo1 {
    /* display: table; */
    width: 6%;
    /* float: left; */
    /* position: absolute; */
    left: 47%;
    /* top: -10%; */
    margin: 0 auto;
}
  #header .search-container {
    left: 60vw;
    width:180px;
  }
  #header .social-container{
    left:68.5vw;
  }
  #header .fbs-list li a{
    width:auto;
  }
  #header .navbar-nav>li>a{
    font-size: 0.8em;
  }
  #header .fbs-list li{
    width:200px;
  }
  #header .fbs-list{
    height:265px;
  }
}

@media(min-width:1320px) {
  #header .search-container {
    left: 60vw;
  }
  #header .social-container {
    left: 69vw;
  }
  #header .content-head {
    font-size:2em;
  }
  #header .navbar-right .dropdown {
    padding: 0em 2em;
  }
  #header .navbar{
    height:60px;
  }
  #header .navbar-nav>li>a{
    font-size:0.9em;
    padding: 1.55em 15px;
  }
  #header .vkl-logo {
    /* width: 6.5%; */
  }
  #header .fbs-list li {
    width: 222px;
  }
  #header .fbs-list li a{
    font-size: 0.85em;
    padding: 1.5em 0 0.5em;
  }
  #header .fbs-list {
    /*height: 170px;*/
  /*height: 340px;*/
  height: 100%;
  }
  #header .desk-news i{
    padding:1em;
  }
  #header .desk-news .tooltip.bottom{
    width:148px;

  }
}

@media(min-width:1400px) {
  #header .search-container {
    left: 72vw;
  }
  #header .social-container {
    left: 81vw;
  }
}

@media(min-width:1550px){
  #header .vkl-logo {
    /* width:3%; */
  }

  #header .search-container {
    left:65vw;
  }
  #header .social-container {
    left:72.5vw;
  }
  /*.hrd-border {
    border-bottom: 1em solid #fec340;
  }*/
}

@media(min-width:1900px){
  #header{
    background:none;
    opacity:1;
  }

#header .vkl-logo {
    /* display: table; */
    width: 10%;
    /* float: left; */
    /* position: absolute; */
    left: 45%;
    /* top: -10%; */
    margin: 0 auto;
}

#header .vkl-logo1 {
    /* display: table; */
    width: 6%;
    /* float: left; */
    /* position: absolute; */
    left: 47%;
    /* top: -10%; */
    margin: 0 auto;
}


##header .vkl-logo {
#    display: table;
#    width: 8%;
#    float: left;
#    position: absolute;
#    left: 48%;
#    top: -10%;
#    margin: 0;
#  }
#   #header .vkl-logo1 {
#    display: table;
#    width: 6%;
#    float: left;
#    position: absolute;
#    left: 48%;
#    top: -10%;
#    margin: 0;
#  }
#
#  #header .vkl-logo {
#    display: table;
#    width: 6%;
#    float: left;
#    position: absolute;
#    left: 48%;
#    top: -10%;
#    margin: 0;
#
#
#  }
  #header .search-container {
    left:67vw;
    width:225px;
  }
  #header .social-container {
    left: 75.5%;
  }
  #header .navbar-nav>li>a{
    font-size:0.9em;
    padding: 1.8em 4em;
  }
  #header .navbar{
    min-height: 67px;
  }
  #header .navbar-right .dropdown{
    padding: 0.05em 0em;
  }
  #header .desk-news i{
    font-size:1.4em;
    padding: 0.8em;
  }
  #header .trending-resize{
    width:1280px;
  }
  #header .content-head {
    font-size: 3em;
  }
  #header .media-object-trending, #header .media-object-trending-grow {
    width: 180px;
  }
  #header .trending-container{
    margin-top:-380px;
    height:380px;
  }
  #header .media-heading-trending{
    font-size:1.6em;
    margin-bottom: 1.2em;
  }
  #header .media-heading-trending:before{
    top: 15%;
    font-size: 4px;
  }
  #header .trending-sub-head {
    font-size: 1em;
  }
  #header .trending-sub-para{
    font-size:0.85em;
  }
  #header .trending-p{
    font-size:1em;
    margin-bottom: 1.8em;
  }
  #header .trending-owl-carousel .owl-item:nth-child(1):after{
    content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 ';
    right: -25%;
    top: 69%;
    display: none;
  }
  #header .desk-news .tooltip.bottom{
    width:172px;
  }
  #header .tooltip-inner{
    padding:1em;
  }
}


/*-------------------------------HomePage CSS-----------------------------------------*/

#home{
  position:relative;
  width:100%;
}

#home .banner-container {
  margin-top: 50px;
}


#home .num {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    top: 15%;
    font-size: 16px;
    display:none;
}

#home .banner-carousel-h {
    position: absolute;
    width: 85%;
    left: 7.5%;
    top: 44%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    margin: 0;
    font-size: 22px;
}

#home .banner-carousel-h:before {
    content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
    font-family: FontAwesome;
    position: absolute;
    font-size: 4px;
    letter-spacing: 3px;
    top: 120%;
    color: #fec340;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    transform: translatex(-50%);
}

#home .banner-carousel-p{
    font-family: 'ralewaysemibold';
    position: absolute;
    color: white;
    width: 75%;
    text-align: center;
    left: 12.5%;
    top: 55%;
    font-size: 0.85em;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}

#home .banner-carousel-button {
    position: absolute;
    top: 65%;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    border-radius: 0;
}

#home .banner-carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: rgba(0,0,0,0.5);
}

#home .about-resize {
    width: 100%;
    margin: 1em auto;
}

#home .about-logo {
    width: 45%;
}

#home .connect-head {
    margin-bottom: 1.5em;
}

#home .connect-owl-carousel .owl-prev {
    position: absolute;
    top: -5.5%;
    color: #404040;
    left:5%;
}

#home .connect-owl-carousel .owl-next {
    position: absolute;
    top: -5.5%;
    color: #404040;
    right: 5%;
}

#home .connect-owl-carousel {
    margin-bottom: 2em;
}

#home .connect-header-content {
    width: 95%;
    margin: 0em auto;
    padding: 1em 0;
    display: table;
}

#home .connect-header-content .fa {
    font-size: 2em;
    margin-top: 0.2em;
}

#home .connect-header-h {
    margin: 0.9em;
    width: 160px;
    margin: 0;
    margin-left: 15px;
}

#home .connect-media-content {
    height: 32em;
    overflow-y: auto;
}

#home .connect-media {
    width: 95%;
    margin: 0 auto;
    display: table;
    border-bottom: 3px solid #e1e2e2;
    margin-bottom: 1em;
}

#home .media-heading {
    margin-top: 0.5em;
    margin-bottom: 0;
}

#home .connect-footer-content i {
    margin-right: 2em;
    padding: 0.25em;
}

#home .connect-body-content {
    margin: 1em auto 2em;
    width: 90%;
    display:table;
}

#home .connect-body-img {
    width: 47%;
    float: left;
    margin: 0.25em;
    overflow: hidden;
}

#home .connect-footer-p1 {
    padding-right: 0.5em;
    font-size: 13px;
}

#home .connect-overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: 0.3;
    z-index: 0;
}

#home .connect-footer-h {
    position: absolute;
    width: 87%;
    left: 7.5%;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    margin: 0;
    display:none;
}

#home .connect-footer-h:before {
    color: #fec340;
}

#home .connect-footer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    background: rgba(0,0,0,0.5);
}

#home .connect-footer-owl-carousel .owl-prev {
    position: absolute;
    top: 50%;
    color: #fff;
    left: 2.5%;
}

#home .connect-footer-owl-carousel .owl-next {
    position: absolute;
    top: 50%;
    color: #fff;
    right: 2.5%;
}

#home .connect-footer-grow:hover .connect-overlay {
    opacity: 0.6;
}

#home .connect-footer-grow:hover .connect-footer-h {
    display: none;
}

#home .connect-footer-grow:hover .connect-footer-overlay {
    display: block;
    background:rgba(0,0,0,0.7);
}

#home .overlay-h {
    position: absolute;
    width: 87%;
    text-align: center;
    left: 7.5%;
    top: 25%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    margin: 0;
}

#home .overlay-p {
    position: absolute;
    width: 85%;
    text-align: center;
    left: 7.5%;
    top: 58%;
    font-size: 0.85em;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}

#home .overlay-h:before {
    color: #fec340;
}

#home .overlay-button {
    position: absolute;
    top: 75%;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    background: transparent;
    border-radius: 0;
}

#home .banner-carousel-grow, #home .about-img, #home .connect-footer-grow{
  overflow-x:hidden;
  overflow-y:hidden;
}


#home .banner-carousel-grow img, #home .about-img img, #home .connect-footer-grow img{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#home .banner-carousel-grow:hover img, #home .about-img:hover img, #home .connect-footer-grow:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#home .banner-carousel-grow{
  width:100vw !important;
}

#home .mCSB_inside>.mCSB_container{
  padding:0 1em;
  margin:0;
}

#home .mCSB_scrollTools{
  margin-right:0.5em;
  margin-top:0.5em;
  margin-bottom:0.5em;
}

#home .media-object{
  width:auto !important;
}

@media(min-width:480px){
  #home .num{
    top:25%;
    font-size:20px;
    display:none;
  }
  #home .banner-carousel-h{
    font-size:28px;
  }
  #home .about-logo {
    width: 28%;
  }
/*  #header .trending-container{
    height: 310px;
  }*/
}

@media(min-width:600px){
  #home .connect-footer-h, #home .overlay-h{
    font-size:2.8em;
  }
}

@media(min-width:768px){
  #home .connect-footer-owl-carousel .item{
    padding:1em 0.25em 0.5em;
  }

  #home .num {
    top: 25%;
    font-size: 22px;
    display:none;
  }
  #home .banner-carousel-h {
    font-size: 42px;
    top: 40%;
  }
  #home .banner-carousel-p {
    width: 60%;
    left: 20%;
    top: 60%;
    font-size: 1.1em;
  }
  #home .banner-carousel-button {
    top: 74%;
  }
  #home .about-content {
    overflow-y: auto;
    margin-bottom: 1em;
  }
  #home .about-logo {
    width: 35%;
  }
  #home .connect-owl-carousel .owl-prev {
    right: 8%;
    top: -6%;
  }
  #home .connect-owl-carousel .owl-next {
    right: 3%;
    top: -6%;
  }
  #home .connect-owl-carousel .owl-next, #home .connect-owl-carousel .owl-prev, #home .connect-footer-owl-carousel .owl-prev, #home .connect-footer-owl-carousel .owl-next {
    font-size: 2em;
  }
  #home .connect-footer-h, #home .overlay-h{
    font-size:2.4em;
  }

}

@media(min-width:992px){
  #home .banner-container {
    margin-top: 0px;
  }
  #home .banner-carousel-grow:before {
    opacity: 0.4;
    z-index: 9;
  }
  #home .banner-carousel-grow img {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
  }
  #home .num {
    top: 24%;
    font-size: 22px;
    visibility: hidden;
  }
  #home .banner-carousel-h {
    font-size: 52px;
    top: 35%;
  }
  #home .banner-carousel-h:before {
    font-size: 5px;
    top: 150%;
  }
  #home .banner-carousel-p {
    font-size: 1.2em;
    width: 45%;
    left: 27.5%;
    top:55%;
  }

  #home .banner-carousel-button {
    top: 65%;
  }
  #home .banner-down {
    top: 75%;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    font-size: 32px;
    color: #fec340;
    cursor: pointer;
  }
  #home .bannerCarousel .owl-prev {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    left: 0%;
    color: white;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 10px;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
  }
  #home .bannerCarousel .owl-next {
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    right: 0%;
    color: white;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 10px;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
  }
  #home .banner-panel-left {
    position: absolute;
    left: 40px;
    top: 39%;
    width: 15%;
    z-index: 10;
    border-radius: 0;
    display: none;
  }
  #home .banner-panel-right {
    position: absolute;
    right: 40px;
    top: 39%;
    width: 15%;
    z-index: 10;
    border-radius: 0;
    display: none;
  }
  #home .panel-heading {
    padding: 0;
  }
  #home .panel-body {
    padding: 0.5em;
  }
  #home .panel-text {
    font-family: 'ralewaysemibold';
    color: #404040;
    margin: 0;
    font-size: 12px;
  }
  #home .about-resize{
    width:80%;
    margin-top:2em;
  }
  #home .about-logo {
    width: 25%;
  }
  #home .brdr-bottom {
    padding-bottom: 1.5em;
    border-bottom: 3px solid #fec340;
    margin-bottom: 0;
  }
  #home .about-content {
    max-height: 130px;
  }

  #home .bounce{
    bottom:22%;
    left:50%;
  }
  
}

@media(min-width:1200px){
  #home .about-resize {
    margin-top: 3em;
  }
  #home .about-content {
    max-height: 185px;
  }
  #home .connect-footer-h{
    display:block;
  }
  #home .connect-footer-overlay{
    display: none;
    background: transparent;
  }
}

@media(min-width:1320px){
  #home .about-content {
    max-height: 196px;
  }
  #home .connect-footer-h, #home .overlay-h {
    font-size: 2.8em;
  }
}

@media(min-width:1550px){
  #home .about-content {
    max-height: 260px;
  }
  #home .connect-media .content-p {
    font-size: 1em;
  }
  #home .connect-footer-h, #home .overlay-h{
    font-size: 3.2em;
  }
}

@media(min-width:1900px){
  #home .connect-body-img{
    width:48.55%;
  }
  #home .banner-carousel-h {
    font-size: 72px;
    top: 35%;
  }
  #home .num{
    font-size:32px;
    display:none;
  }
  #home .banner-carousel-p {
    font-size: 1.8em;
  }
  #home .banner-carousel-button {
    font-size: 1.4em;
    padding: 0.8em 1.5em;
  }
  #home .about-resize{
    width:80%;
    margin-top:5em;
  }

  #home .about-button{
    font-size:1.5em;
  }

  #home .connect-head{
    margin-top:1em;
  }
  #home .brdr-bottom {
    border-bottom: 10px solid #fec340;
  }
  #home .connect-media-content {
    height: 45em;
    overflow-y: auto;
  }
  #home .overlay-p{
    font-size:1.3em;
  }
  #home .connect-media .content-p {
    font-size: 1em;
  }
  #home .connect-header-h{
    font-size: 1.4em;
    margin: 0.5em 1em;

        margin: 0.9em;
     width: 160px;
     margin: 0;
     margin-left: 15px;
  }
  #home .connect-footer-h, #home .overlay-h{
    font-size:3.8em;
  }

}

@media(max-width:991px) and (orientation:landscape){
  #home .overlay-p{
    top:52%;
  }
}

/*------------------------------Category CSS--------------------------------------*/
#category{
  position:relative;
  width:100%;
}

#category .category-banner{
  margin-top:50px;
  position:relative;
}

#category .iis-img{
  width:50px;
  margin:auto;
}

#category .banner-overlay{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.3;
  z-index: 0;
}

#category .category-banner-h{
  position: absolute;
  width: 85%;
  left: 7.5%;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  margin: 0;
  font-size: 28px;
}

#category .category-banner-h:before {
    color: #fec340;
}

#category .product-dropdown button {
    padding: 0.6em 1.5em;
    margin: 0.5em;
    background: transparent;
    border-color: #404040;
    box-shadow: none;
    border-radius: 0;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#category .product-dropdown .caret {
    position: absolute;
    top: 48%;
    right: 10px;
}

#category .pull-right>.dropdown-menu{
  top: 95%;
  max-height: 190px;
  overflow-y: auto;
}

#category .product-dropdown .dropdown-menu>li{
  padding:0.5em;
}

#category .prdsol-img-h {
    position: absolute;
    width: auto;
    padding: 1em;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    font-size: 16px;
    background: rgba(0,0,0,0.5);
}

#category .prdsol-overlay{
    position: absolute;
    background: black;
    opacity: 0.5;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    display:none;
}

#category .prdsol-black .prdsol-overlay{
  display:block;
}

#category .prdsol-txt-black {
    background: transparent;
}

#category .prdsol-black:after {
    content: '\f0d8';
    font-family: FontAwesome;
    color: #f3f4f4;
    position: absolute;
    bottom: -26%;
    left: 45%;
    font-size: 3em;
}

#category .prdsol-table-owl-carousel {
    padding-top: 1em;
}

#category .prdsol-table-list li {
    line-height: 2em;
}

#category .prdsol-table-list.title li:nth-child(1) {
    text-transform: uppercase;
    text-decoration: underline;
    font-family: 'ralewaybold';
    color: #404040;
    font-size: 16px;
}

#category .prdsol-table-owl-carousel .owl-prev, #category .provide-owl-carousel .owl-prev, #category .other-owl-carousel .owl-prev{
  position:absolute;
  left:2.5%;
  top:50%;
}

#category .prdsol-table-owl-carousel .owl-next, #category .provide-owl-carousel .owl-next, #category .other-owl-carousel .owl-next{
  position:absolute;
  right:2.5%;
  top:50%;
}

#category .other-owl-carousel .owl-prev, #category .other-owl-carousel .owl-next{
  color:white;
}

#category .provide-owl-carousel .item {
    width: 80%;
    margin: 1em auto;
    text-align: center;
}
#category .provide-carousel-h {
    margin-top: 0.5em;
}


#category .other-grow-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: 0.3;
    z-index: 0;
}
#category .other-h{
  display:none;
}
#category .other-h, #category .overlay-h {
    position: absolute;
    width: 85%;
    left: 7.5%;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    margin: 0;
    font-size: 1.6em;
}
#category .other-h:before, #category .overlay-h:before {
    color: #fec340;
}

#category .other-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

#category .other-grow .other-overlay {
    display: block;
    background:rgba(0,0,0,0.6);
}

#category .overlay-h {
    top: 40%;
}

#category .overlay-button {
    position: absolute;
    top: 65%;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}
#category .other-grow:hover .other-h {
    display: none;
}
#category .other-grow:hover:before {
    opacity: 0.6;
}

#category .other-container{
  margin-top:1em;
}

#category .category-form-resize{
  width: 80%;
  margin: 1em auto;
  text-align: center;
  position:absolute;
  top:0;
  left:10%;
}

#category .category-form-para{
  margin-bottom:4em;
  display:none;
}

#category .category-form-para:after{
  content:'\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
  font-family: FontAwesome;
  position: absolute;
  font-size: 4px;
  letter-spacing: 3px;
  top: 155%;
  color: #da0009;
  left: 50%;
  -webkit-transform: translatex(-50%);
  -moz--transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
}

#category .form-control {
    border: 1px solid #404040;
    border-radius: 0;
    background: #fff;
    color: white;
    margin: 1em 0;
}

#category .prdsol-table-owl-carousel{
  visibility:visible;
}


#category .prdsol-img-grow, #category .provide-grow, #category .other-grow{
  overflow-x:hidden;
  overflow-y:hidden;
}

#category .prdsol-img-grow img, #category .provide-grow img, #category .other-grow img{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#category .prdsol-img-grow:hover img, #category .provide-grow:hover img, #category .other-grow:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#category .provide-list ul{
  list-style:none;
  padding:0.2em;
}

#category .provide-list ul li{
  line-height:1.5em;
  margin-bottom: 1em;
}

#category .provide-list li:before{
  content: "\f00c";
  font-family: FontAwesome;
  color:#db070f;
  margin-right:1em;
}

#category .dropdown-menu>li>a{
  white-space: normal;
  padding:0;
}

@media(max-width:767px){
  #category .category-table{
    min-height:200px;
    border-bottom: 5px solid #fec340;
  }
}

@media(min-width:480px){
  #category .prdsol-black:after{
    bottom:-18%;
  }
  #category .other-h, #category .overlay-h{
    font-size:2.4em;
  }
}

@media(min-width:600px){
  #category .prdsol-black:after {
    bottom: -14%;
  }
}


@media(min-width:768px){
  #category .category-table{
    min-height:285px;
  }
  #category .row-eq-height{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #category .category-banner-h{
    font-size:3em;
  }
  #category .intro-p, #category .advantage-p {
    text-align: center;
    width: 80%;
    margin: 1em auto;
  }

  #category .prdsol-black:after {
    bottom:-11%;
  }
  #category .prdsol-nav {
    margin: 0;
  }
  #category .prdsol-nav li {
    font-family: 'ralewaybold';
    font-size: 1em;
    margin: 0em auto;
    padding: 1em 1em;
    cursor: pointer;
  }

  #category .prdsol-nav li:hover {
    background: #f3f4f4;
    border-bottom: 3px solid #da0009;
    text-decoration: none;
  }
  #category .prdsol-table-owl-carousel {
    border-bottom:none;
    height: 285px;
  }
  #category .prdsol-table-owl-carousel .item, #category .provide-owl-carousel .item {
    border-right: 3px dotted #da0009;
  }
  #category .prdsol-table-owl-carousel .owl-stage-outer, #category .prdsol-table-owl-carousel .owl-stage {
    height: 100%;
  }
  #category .provide-owl-carousel .owl-stage-outer, #category .provide-owl-carousel .owl-stage {
    height: 100%;
  }
  #category .provide-owl-carousel .owl-stage{
    display:table !important;
  }
  #category .prdsol-table-owl-carousel .owl-item , #category .provide-owl-carousel .owl-item{
    height: 96%;
  }
  #category .prdsol-table-owl-carousel .owl-item:nth-last-child(1) .item, #category .provide-owl-carousel .owl-item:nth-last-child(1) .item {
    border-right: 0;
  }

  #category .provide-text{
    background: white;
    margin: 0 0.5em;
    padding: 2em 0.5em;
  }

  #category .category-form-para{
    display:block;
  }
  #category .category-form-resize{
    top:15%;
  }
  #category .category-form-head {
    font-size: 1.2em;
  }
  #category .intro-container{
    display:block;
  }
  #category .provide-owl-carousel{
    width:90%;
    margin:auto;
  }
  #category .provide-owl-carousel .item{
    width:100%;
    padding:0 2em;
    height: 85%;
  }
  #category .provide-owl-carousel .owl-prev{
    left:-2.5%;
  }
  #category .provide-owl-carousel .owl-next{
    right:-2.5%;
  }

  #category .other-h, #category .overlay-h{
    font-size:2em;
  }
  #category .tab-content .row-eq-height{
    display:block;
  }
  #category .provide-list li:before{
    margin-right: 0.5em;
  }
  #category .provide-list ul li{
    margin-right: 0;
    width:50%;
    float:left;
  }
  #category .other-owl-carousel .item{
    padding:1em 0.25em 0.5em;
  }
  #category .provide-owl-carousel .owl-item:nth-child(even) .item{
    border-right:0px;
  }
}

@media(min-width:992px){
  #category .row-eq-height{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #category .tab-content .row-eq-height{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #category .prdsol-active {
    background: #f3f4f4;
    border-bottom: 3px solid #da0009;
    text-decoration: none;
  }
  #category .category-banner {
    margin-top:0px;
  }
  #category .category-banner img{
  width:100%;  
  }
  #category .category-banner-h{
    font-size:4em;
  }
  #category .intro-desktop-img {
    width: 45%;
    float: left;
  }
  #category .intro-desktop-text {
    width: 55%;
    float: left;
    position:relative;
  }

  #category .intro-desktop-text .bounce{
    bottom:48px;
    left:80%;
  }

  #category .intro-desktop-text:before{
    content:'';
    background:url(../images/dot1.png);
    background-repeat:repeat-x;
    width:97%;
    height:5px;
    position:absolute;
    /*bottom:32px;*/
    bottom:02px;
  }

  #category .intro-p {
    padding-left: 0em;
    width: 85%;
    margin-left: 0;
    text-align: left;
    margin-top: 3em;
  }
  #category .banner-down {
    top: 75%;
    position: absolute;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    transform: translatex(-50%);
    font-size: 32px;
    color: #fec340;
    cursor: pointer;
    background:white;
  }

  #category .prdsol-nav {
    margin: 0;
  }
  #category .prdsol-nav li {
    font-family: 'ralewaybold';
    font-size: 1em;
    margin: 0em auto;
    padding: 1.5em 1em;
    cursor: pointer;
  }

  #category .prdsol-nav li:hover {
    background: #f3f4f4;
    border-bottom: 3px solid #da0009;
    text-decoration: none;
  }
  #category .desktop-img {
    width: 38%;
    margin-right: 0;
    margin-top: 1em;
    float:left;
    border-bottom: 10px solid #fec340;
  }
  #category .desktop-table {
    width: 62%;
    margin: 0;
    margin-top: 1em;
    background: #f3f4f4;
    float:left;
    border-bottom: 10px solid #fec340;
  }
  #category .prd-sol-img {
    width: 100%;
    cursor:pointer;
  }
  #category .prdsol-img-h{
    font-size:32px;
  }
  #category .prdsol-table-owl-carousel{
    border-bottom:0;
    height:100%;
  }
  #category .prdsol-black:after {
    content: '\f0d9';
    font-family: FontAwesome;
    color: #f3f4f4;
    position: absolute;
    top: 65%;
    left: auto;
    right: -0.1em;
    height: 140px;
    font-size: 3.5em;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    transform: translatey(-50%);
  }
  #category .prdsol-table-list.title li:nth-child(1){
    font-size:22px;
  }
  #category .prdsol-table-list li {
    line-height: 3em;
  }
  #category .prdsol-table-owl-carousel .owl-stage-outer, #category .prdsol-table-owl-carousel .owl-stage{
    height:100%;
  }
  #category .prdsol-table-owl-carousel .owl-item{
    height:96%;
  }
  #category .prdsol-table-owl-carousel .item{
    border-right:3px dotted #da0009;
  }
  #category .prdsol-table-owl-carousel .owl-item:nth-last-child(1) .item, #category .provide-owl-carousel .owl-item:nth-last-child(1) .item{
    border-right:0;
  }
  #category .provide-left{
    width:80%;
    float:left;
  }
  #category .provide-right{
    width: 19.5%;
    float: left;
    margin-left: 0.25em;
  }

  #category .provide-text {
    background: white;
    width: 90%;
    float: right;
    padding: 0.65em 3em 1.4em;
    margin-top: 3em;
    height: 16em;
    padding-right: 1em;
    margin-right:0;
  }

   #category .provide-list{
     overflow-y: auto;
     height: 115px;
   }

  #category .provide-right .provide-grow-2{
    position:absolute;
    bottom:0;
    width:100%;
  }
  #category .provide-right .provide-grow-1{
    position: absolute;
    top: 12.5%;
    width:100%;
  }
  #category .provide-owl-carousel{
    width:92%;
    float:right;
    margin: 0;
  }
  #category .provide-carousel-h, #category .provide-owl-carousel .item,  #category .provide-owl-carousel p{
    text-align:left;
  }
  #category .provide-carousel-h {
    font-size: 1.2em;
  }
  #category .provide-carousel-big {
    font-size: 2em;
    margin-top: 0;
  }
  #category .advantage-num{
    top: -0.31em;
    left: 1.3em;
    font-size: 11em;
  }
  #category .advantage-owl-carousel .owl-item:nth-child(3) .advantage-num{
    font-size: 8.7em;
    left: 1.75em;
  }

  #category .advantage-owl-carousel .owl-item:nth-child(4) .advantage-num{
    font-size: 8.9em;
    left: 1.6em;
  }
  #category .advantage-h, #category .advantage-content-p{
    float:left;
    position:relative;
  }
  #category .advantage-content-p {
    margin-left: 6em;
    font-size: 1em;
    margin-top: 2em;
    width: 65%;
  }
  #category .advantage-owl-carousel .owl-next, #category .advantage-owl-carousel .owl-prev{
    top:30%;
  }
  #category .advantage-h:after {
    content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
    font-family: FontAwesome;
    position: absolute;
    font-size: 4px;
    letter-spacing: 3px;
    top: 42%;
    color: #da0009;
    left: 125%;
    transform: translatex(-50%);
  }
  #category .advantage-owl-carousel{
    margin-bottom:1em;
  }
  #category .advantage-h{
    font-size:1.5em;
    margin:1em 0;
  }
  #category .provide-container .col-md-9{
    background:#f3f4f4;
    padding-right:0;
  }

  #category .category-form-resize {
    top: 25%;
    width:70%;
    left:15%;
  }
  #category .prdsol-list-carousel .item a {
    display: table-cell;
    vertical-align: middle;
  }

  #category .prdsol-list-carousel .item :hover {
    background: #f3f4f4;
    border-bottom: 3px solid #da0009;
    text-decoration: none;
  }
  #category .prdsol-list-carousel .item a:hover{
    color:#404040;
  }

  #category .prdsol-list-carousel .prdsol-active a:hover{
   border-bottom: 0px solid #da0009;
  }
  #category .prdsol-list-carousel .owl-prev{
    position: absolute;
    top: 35%;
    left: -9%;
    font-size: 1.5em;
  }
  #category .prdsol-list-carousel .owl-next{
    position: absolute;
    top: 35%;
    right: -9%;
    font-size: 1.5em;
  }
  #category .prdsol-list-carousel .item {
    height: 85px;
    vertical-align: middle;
    display: table;
    width: 100%;
    padding: 0em 1em;
  }
  #category .provide-owl-carousel .item{
    padding: 0 1em;
  }
  #category .other-grow:hover .other-overlay {
      display: block;
      background:rgba(0,0,0,0.6);
  }
  #category .other-h {
    display: block;
  }
  #category .other-grow .other-overlay{
    display:none;
  }
  #category .desktop-img {
    width: 38%;
    margin-right: 0;
    margin-top: 1em;
    float: left;
    border-bottom: 8px solid #fec340;
  }
  #category .desktop-table {
    width: 62%;
    margin: 0;
    margin-top: 1em;
    background: #f3f4f4;
    float: left;
    border-bottom: 8px solid #fec340;
  overflow:hidden;
  }
  #category .intro-div{
    height: 220px;
    overflow-y: auto;
  }
  #category .intro-div .mCSB_draggerContainer, #category .provide-text .mCSB_draggerContainer{
    margin-top:1em;
  }
  #category .provide-owl-carousel .owl-item:nth-child(2) .item{
    border-right:3px dotted #da0009;
    padding-left:2em;
  }
  #category .provide-owl-carousel .owl-item:nth-child(3) .item, #category .provide-owl-carousel .owl-item:nth-child(4) .item{
    padding-left:2em;
  }
  #category .segment-block{
    display:block;
  }
  #category .pstxt{
    width: 80%;
    margin: 1em auto;
  }

  #category .owl-stage{
    margin:auto;
  }
  #category .prd-sol-img:nth-child(1){
    margin-bottom:0.11em;
  }
}

@media(min-width:1200px){
  #category .intro-desktop-img {
    width: 26%;
    float: left;
  }
  #category .intro-desktop-text {
    width: 74%;
    float: left;
  }

  #category .provide-text{
    height:20.75em;
  }
  #category .provide-carousel-big{
    font-size:2.6em;
  }
  #category .provide-carousel-h {
    font-size: 1.8em;
  }
  #category .intro-p{
    width:85%;
  }
  #category .intro-div{
    height:140px;
  }
  #category .pstxt{
    width: 65%;
    margin: 2em auto;
  }
  #category .provide-list{
    height: 175px;
  }
}

@media(min-width:1320px){
  #category .provide-text {
    height: 22.3em;
  }
  #category .category-form-head {
    font-size: 1.6em;
  }
  #category .category-form-resize {
    top: 25%;
    width: 60%;
    left: 20%;
  }
  #category .intro-div {
    height: 148px;
  }
  #category .prdsol-black:after{
    top: 56%;
    font-size: 5em;
  }
}

@media(min-width:1550px){
  #category .provide-text {
    height: 27em;
  }
  #category .provide-carousel-big {
    font-size: 3.5em;
  }
  #category .provide-carousel-h {
    font-size: 2.4em;
  }
  #category .category-form-resize {
    top: 25%;
    width: 50%;
    left: 25%;
  }
  #category .intro-div {
    height: 182px;
  }
  #category .provide-list {
    height: 220px;
  }
}

@media(min-width:1900px){
  #category .intro-desktop-img {
    width: 30%;
    float: left;
  }
  #category .intro-desktop-text {
    width: 70%;
    float: left;
  }
  #category .category-banner-h {
    font-size: 6em;
  }

  #category .banner-down{
    font-size:42px;
  }
  #category .prdsol-nav li{
    font-size:1.4em;
  }
  #category .desktop-img{
    width:35%;
  }
  #category .desktop-table{
    width:65%;
  }
  #category .provide-text {
    background: white;
    width: 88%;
    float: right;
    margin-top: 3em;
    height: 32.75em;
    padding: 3em 4em;
  }
  #category .provide-owl-carousel p{
    font-size:1.1em;
  }
  #category .provide-carousel-h {
    font-size: 2.4em;
  }
  #category .provide-carousel-big {
    font-size: 3.4em;
    margin-top: 0;
  }
  #category .provide-owl-carousel {
    width: 91%;
    float: right;
    margin: 2.2em 0;
  }

  #category .advantage-h{
    font-size: 1.8em;
    padding-left: 2em;
  }
  #category .advantage-content-p {
    margin-left: 7em;
    font-size: 1.2em;
    margin-top: 2em;
  }
  #category .advantage-num {
    left: 1.55em;
    font-size: 13em;
  }
  #category .advantage-owl-carousel .owl-item:nth-child(3) .advantage-num {
    font-size: 10.5em;
    left: 2em;
  }
  #category .advantage-owl-carousel .owl-item:nth-child(4) .advantage-num {
    font-size: 10.5em;
    left: 1.9em;
  }
  #category .other-h, #category .overlay-h{
     font-size:2.5em;
   }
   #category .advantage-owl-carousel .owl-next, #category .advantage-owl-carousel .owl-prev , #category .other-owl-carousel .owl-prev, #category .other-owl-carousel .owl-next{
    font-size: 2em;
  }
  #category .category-form-resize {
    top: 25%;
    width: 40%;
    left: 30%;
  }
  #category .intro-desktop-text:before{
    bottom:50px;
  }
  #category .intro-desktop-text .bounce{
    bottom:72px;
  }
  #category .intro-div{
    height:260px;
  }
  #category .provide-owl-carousel .owl-item:nth-child(2) .item, #category .provide-owl-carousel .owl-item:nth-child(3) .item, #category .provide-owl-carousel .owl-item:nth-child(4) .item{
    padding-left:3em;
  }
  #category .provide-list {
    height: 250px;
  }
}

/*----------------------------------------------------------About CSS----------------------------------------------*/
#about{
  position:relative;
  width:100%;
}

#about .about-banner{
  margin-top:50px;
}

#about .we-subhead:before {
    content: '';
    background:url(../images/quote-red.png);
    background-size:100% 100%;
    position: absolute;
    top: -8px;
    left: 50%;
    width: 26px;
    height: 20px;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}

#about .we-subhead {
    padding-top: 1em;
}

#about .testimonial-owl-carousel .owl-dots {
    text-align: center;
}

#about .testimonial-owl-carousel .owl-dots span {
    width: 8px;
    height: 8px;
}

#about .testimonial-owl-carousel .owl-dots .active span {
  border-radius: 0;
  background: #404040;
}

#about .testimonial-p {
    padding-top: 2em;
}

#about .testimonial-p:before {
  content: '';
  background:url(../images/quote-yellow.png);
  background-size:100% 100%;
  position: absolute;
  top: 2px;
  left: 50%;
  width: 26px;
  height: 20px;
  -webkit-transform: translatex(-50%);
  -moz-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%);
}
/*change to implement pillar tabs from about to career page start section*/
#about .pillar-grow, #career .pillar-grow {
    width: 60%;
    margin: 0.75em auto;
}

#about .mobile-carousel-content, #career .mobile-carousel-content {
    margin: 1.5em 0 1em;
}


#about .pillar-owl-carousel-mobile .owl-prev, #career .pillar-owl-carousel-mobile .owl-prev{
  position: absolute;
  top: 0%;
  left: 5%;
}

#about .pillar-owl-carousel-mobile .owl-next, #career .pillar-owl-carousel-mobile .owl-next{
  position: absolute;
  top: 0%;
  right: 5%;
}

#about .pillar-p:before, #career .pillar-p:before {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 9px;
    left: -11px;
    color: #db070f;
}

#about .pillar-content, #career .pillar-content {
    width: 100%;
    margin: 0 auto;
    font-family: 'ralewaymedium';
}
#about .pillar-content .desktop-resize{
    padding:0 10%;
}
 #about .pillar-content h5{
    font-size: 1.2em;
    font-family: 'ralewaybold';
    color: #404040;
}
#about .pillar-content ul li:nth-child(1){
    border-right:3px solid #f3f4f4;
    border-bottom:1px solid #f3f4f4;
} 
#about .pillar-content ul li:nth-child(2){
    border-bottom:1px solid #f3f4f4;
}
#about .pillar-content ul li:nth-child(3){
    border-right:3px solid #f3f4f4;
}  
#about .pillar-content ul li{
    float:left;
    width:50%;
    height:110px;
    padding:10px 10px 10px 50px;
    list-style:none;
    position:relative;
} 
h3.text-uppercase.clr-grey.font-ralewaybold.pillar-h{
    font-size: 24px;
  }
#about .pillar-content ul li:before{
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 9px;
    left: 20px;
    color: #db070f;
}
/*#about #bulb{*/
#about #bulb,#career #learn{
  display:block;
}

#about .pillar-p, #career .pillar-p{
  padding-left:0.25em;
  padding-top:0.75em;
}

#about .piller-content-up, #career .piller-content-up {
    border-bottom: 1px solid #f3f4f4;
}

#about .pillar-brd-lft, #career .pillar-brd-lft{
    border-right: 3px solid #f3f4f4;
}

#about .journey-owl-date, #career .journey-owl-date{
    font-size: 4em;
}

#about .journey-owl-carousel, #career .journey-owl-carousel{
  padding-top:1.5em;
}

#about .journey-owl-carousel .owl-prev, #career .journey-owl-carousel .owl-prev{
  position:absolute;
  left:5%;
  top:-2%;
}

#about .journey-owl-carousel .owl-next, #career .journey-owl-carousel .owl-next{
  position:absolute;
  right:5%;
  top:-2%;
}

#about .item, #career .item{
  width:99.5%;
}

#about .item-active, #career .item-active{
  background: #f3f4f4;
  border-bottom: 3px solid #db070f;
  cursor:pointer;
}

#about .pillar-owl-carousel-mobile .active .mobile-carousel-content, #career .pillar-owl-carousel-mobile .active .mobile-carousel-content{
  background: #f3f4f4;
  border-bottom: 3px solid #db070f;
  cursor:pointer;
  display:table;
  width:100%;
}

#about .pillar-grow, #career .pillar-grow{
  width:auto;
  height:40px;
}
#about .owl-item .item .pillar-grow, #career .owl-item .item .pillar-grow{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:auto 100%;
}
#about .owl-item:nth-child(1) .item .pillar-grow{ background-image:url(../images/bulb.png);}
#about .owl-item:nth-child(2) .item .pillar-grow{ background-image:url(../images/award.png);}
#about .owl-item:nth-child(3) .item .pillar-grow{ background-image:url(../images/service.png);}
#about .owl-item:nth-child(4) .item .pillar-grow{ background-image:url(../images/rupee.png);}
#about .owl-item:nth-child(1) .item.item-active .pillar-grow, #about .owl-item:nth-child(1) .item:hover .pillar-grow{ background-image:url(../images/bulb-inverse.png);}
#about .owl-item:nth-child(2) .item.item-active .pillar-grow, #about .owl-item:nth-child(2) .item:hover .pillar-grow{ background-image:url(../images/award-inverse.png);}
#about .owl-item:nth-child(3) .item.item-active .pillar-grow, #about .owl-item:nth-child(3) .item:hover .pillar-grow{ background-image:url(../images/service-inverse.png);}
#about .owl-item:nth-child(4) .item.item-active .pillar-grow, #about .owl-item:nth-child(4) .item:hover .pillar-grow{ background-image:url(../images/rupee-inverse.png);}
#career .owl-item:nth-child(1) .item .pillar-grow{ background-image:url(../images/career-icon2.png);}
#career .owl-item:nth-child(2) .item .pillar-grow{ background-image:url(../images/career-icon1.png);}
#career .owl-item:nth-child(3) .item .pillar-grow{ background-image:url(../images/career-icon3.png);}
#career .owl-item:nth-child(4) .item .pillar-grow{ background-image:url(../images/career-icon4.png);}
#career .owl-item:nth-child(1) .item.item-active .pillar-grow, #career .owl-item:nth-child(1) .item:hover .pillar-grow{ background-image:url(../images/career-icon2-inv.png);}
#career .owl-item:nth-child(2) .item.item-active .pillar-grow, #career .owl-item:nth-child(2) .item:hover .pillar-grow{ background-image:url(../images/career-icon1-inv.png);}
#career .owl-item:nth-child(3) .item.item-active .pillar-grow, #career .owl-item:nth-child(3) .item:hover .pillar-grow{ background-image:url(../images/career-icon3-inv.png);}
#career .owl-item:nth-child(4) .item.item-active .pillar-grow, #career .owl-item:nth-child(4) .item:hover .pillar-grow{ background-image:url(../images/career-icon4-inv.png);}
#career .pillar-container{ margin-top:5px;}
/*#about .bulb-img{*/
#career .learn-img{
background:url(../images/learn-img-inv.png);
background-size:100% 100%;
}
#career .perform-img{
background:url(../images/perform-img-inv.png);
background-size:100% 100%;
}
#career .reward-img{
  background:url(../images/reward-img-inv.png);
background-size:100% 100%;
}
#career .fun-img{
  background:url(../images/fun-img-inv.png);
background-size:100% 100%;
}
#about .bulb-img{
  background:url(../images/bulb.png);
  background-size:100% 100%;
}

#about .award-img{
  background:url(../images/award.png);
  background-size:100% 100%;
}

#about .service-img{
  background:url(../images/service.png);
  background-size:100% 100%;
}

#about .rupee-img{
  background:url(../images/rupee.png);
  background-size:100% 100%;
}

/*#about .mobile-carousel-content .bulb-img{*/
#about .mobile-carousel-content .bulb-img,#career .mobile-carousel-content .learn-img,#career .mobile-carousel-content .perform-img,#career .mobile-carousel-content .reward-img,#career .mobile-carousel-content .fun-img{
  background:url(../images/bulb-inverse.png);
  background-size:100% 100%;
}

#about .mobile-carousel-content .award-img{
  background:url(../images/award-inverse.png);
  background-size:100% 100%;
}

#about .mobile-carousel-content .service-img{
  background:url(../images/service-inverse.png);
  background-size:100% 100%;
}

#about .mobile-carousel-content .rupee-img{
  background:url(../images/rupee-inverse.png);
  background-size:100% 100%;
}

#career .pillar-owl-carousel .item-active .learn-img{
background:url(../images/learn-img.png);
background-size:100% 100%;
}
#career .pillar-owl-carousel .item-active .perform-img{
background:url(../images/perform-img.png);
background-size:100% 100%;
}
#career .pillar-owl-carousel .item-active .reward-img{
  background:url(../images/reward-img.png);
background-size:100% 100%;
}
#career .pillar-owl-carousel .item-active .fun-img{
  background:url(../images/fun-img.png);
background-size:100% 100%;
}

#about .pillar-owl-carousel .item-active .bulb-img{
  background:url(../images/bulb-inverse.png);
  background-size:100% 100%;
}

#about .pillar-owl-carousel .item-active .award-img{
  background:url(../images/award-inverse.png);
  background-size:100% 100%;
}

#about .pillar-owl-carousel .item-active .service-img{
  background:url(../images/service-inverse.png);
  background-size:100% 100%;
}

#about .pillar-owl-carousel .item-active .rupee-img{
  background:url(../images/rupee-inverse.png);
  background-size:100% 100%;
}

#about .piller-content-up, #about .piller-content-bottom{
  display:flex;
}

#about .piller-content-bottom{
  margin-bottom:2em;
}

#about .advantage-owl-carousel .item{
  width: 96%;
  float: right;
}

#about .advantage-num {
    margin: 0;
    font-size:84px;
    position:absolute;
    top: -0.30em;
    left: -0.4em;
}

#about .advantage-owl-carousel .owl-item:nth-child(3) .advantage-num{
  font-size: 4.95em;
}

#about .advantage-owl-carousel .owl-item:nth-child(4) .advantage-num{
  font-size: 5em;
  left: -0.5em;
}

#about .advantage-content {
    float: right;
    width: 88% !important;
}

#about .advantage-h {
    font-size: 14px;
    margin-top: 1.2em;
    padding-left: 0.5em;
    display: table;
    margin-bottom: 1.2em;
}

#about .advantage-owl-carousel .owl-prev {
    position: absolute;
    top: 15px;
    left: 2%;
    color: #404040;
}

#about .advantage-owl-carousel .owl-next {
    position: absolute;
    top: 15px;
    right: 2%;
    color: #404040;
}

#about .advantage-content-p{
  margin:1em 0;
  padding:0 15px;
}

#about .vision-values-grow{
  overflow-x:hidden;
  overflow-y:hidden;
}

#about .vision-values-grow img{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#about .vision-values-grow:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}


#about .advantage-content-p p{
  margin:0;
}


#about .journey-container{
  margin-top:1em;
}

#about .values-content .vv-content img{
  width:75px;
  margin-bottom:1em;
}

#about .values-content .content-head{
  margin-bottom:0.8em;
}

#about .vision-img{
  margin-bottom:1em;
}

#about .vision-img img{
  margin:auto;
}

.timeline-owl-carousel .owl-theme .owl-dots .owl-dot.active span{
  background:#fff !important;
  border-radius:0 !important;
}

.timeline-owl-carousel .owl-theme .owl-dots  .owl-dot span{
  background:#fff !important;
}

#about .nav-tabs{
  position:relative;
  padding:1em 2em;
}

#about .nav-tabs a{
  color:#404040;
}

#about .nav-tabs>li{
  height:45px;
}
#about .nav-tabs>li.active>a, #about .nav-tabs>li.active>a:hover, #about .nav-tabs>li.active>a:focus{
  background-color: #f3f4f4 !important;
  border:none !important;
  border-radius:0;
}

#about .timeline-owl-carousel .owl-dots  span{
  background: #D6D6D6;
  width:8px;
  height:8px;
}

#about .timeline-owl-carousel .owl-dots .active span{
  border-radius:0;
  background:#404040;
}


@media(min-width:480px){
  #about .pillar-h{
    font-size:20px;
  }
}

@media(min-width:768px){
/*#about .pillar-content ul li{
height:140px;
}*/
  #about .desktop-resize, #career .desktop-resize {
    padding-bottom: 1.5em;
  }
  #about .we-container .content-p, #about .we-subhead, #about .pillar-head .content-p, #about .pillar-content .content-p {
    width: 75%;
    margin: 1em auto;
  }
  #about .ipad-ht {
    margin-bottom: 0em;
  }
  #about .testimonial-p {
    width: 85%;
    margin: 0em auto;
    padding-top: 2em;
  }

  #about .pillar-grow {
    width: auto;
    height: 45px;
  }
  #about .pillar-h {
    font-size: 1.2em;
    margin: 1.5em 0;
  }
  #about .pillar-owl-carousel {
    margin: 0em 0 1em;
  }
  #about .pillar-content {
    width: 100%;
    margin: 0 auto;
    margin-bottom:30px;
  }
  #about .pillar-content-h {
    font-size: 1.2em;
  }
  #about .journey-owl-carousel .owl-prev, #about .journey-owl-carousel .owl-next{
    font-size:2em;
  }
  #about .advantage-num{
    top: -0.31em;
    font-size: 8.6em;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(2) .advantage-num {
    font-size: 8.45em;
    top: -0.3em;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(3) .advantage-num {
    font-size: 7em;
    top: -0.3em;
  }

  #about .advantage-owl-carousel .owl-item:nth-child(4) .advantage-num {
    font-size: 7.1em;
  }
  #about .advantage-h, #about .advantage-content-p{
    float:left;
    position:relative;
  }
  #about .advantage-content-p {
    margin-right: 1em;
    font-size: 0.8em;
    margin-top: 1.2em;
    width: 70%;
    float: right;
  }
  #about .advantage-owl-carousel .owl-next, #about .advantage-owl-carousel .owl-prev{
    top:38%;
  }
  #about .advantage-h:after {
    content: '\f111 \f111 \f111 \f111 \f111 \f111';
    font-family: FontAwesome;
    position: absolute;
    font-size: 4px;
    letter-spacing: 3px;
    top: 42%;
    color: #da0009;
    right: -65px;
    transform: translatex(-50%);
  }
  #about .advantage-owl-carousel, #career .advantage-owl-carousel{
    margin-bottom:1em;
  }
  #about .advantage-h, #career .advantage-h{
    font-size: 1em;
    margin: 1.4em 0;
    width: 145px;
    text-align: left;
  }
  #about .advantage-container, #career .advantage-container{
    padding-bottom:1.5em;
  }
  #about .pillar-owl-carousel .owl-prev, #career .pillar-owl-carousel .owl-prev{
    right:10%;
    position:absolute;
    top:-2em;
  }
  #about .pillar-owl-carousel .owl-next, #career .pillar-owl-carousel .owl-next{
    right:5%;
    position:absolute;
    top:-2em;
  }
  #about .pillar-content, #career .pillar-content{
    display:none;
  }
  #about .advantage-owl-carousel .item, #career .advantage-owl-carousel .item{
    width:85%;
  }
  #about .vision-img, #career .vision-img{
    margin-top:1em;
    margin-bottom:1em;
  }
  .scdivmain {
    height: 250px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
}

@media(min-width:768px) and (max-width:1199px){
  #about .advantage-content{
    width: 98% !important;
  }
  #about .pillar-content ul li{
    height:140px;
  }
  h3.text-uppercase.clr-grey.font-ralewaybold.pillar-h{
    font-size: 14px;
  }
  .scdivmain {
    height: 100px;
    overflow-y: auto;
}
}

@media(min-width:992px){
  #about .about-banner {
    margin-top: 0px;
  }
  #about .about-banner img{
  width:100%;  
  }
  #about .desktop-resize, #career .desktop-resize {
    width: 80%;
    margin: 2em auto;
    padding-bottom: 0em;
  }
  #about .desktop-resize1 {
    width: 70%;
    margin: 2em auto;
  }
  #about .testimonial-p {
    padding-top: 2em;
    width: 95%;
  }
  #about .testimonial-p:before{
    top:2%;
  }
  #about .desktop-content{
    width:80%;
    margin:0 auto;
    margin-top:2em;
  }
  #about .ipad-ht {
    max-height: 10.5em;
  }
  #about .item {
    width: 99.5%;
  }
  #about .pillar-p:before {
    top: 8px;
    left: -6%;
  }

  #about .timeline-container {
    width: 100%;
    height: 25em;
    display: table;
    position:relative;
    margin-bottom: 9em;
  }
#about .timeline-middle{
  width:100%;
  height:50px;
  display:table-cell;
  vertical-align:middle;
}
#about .timeline-middle:after{
  content: '';
  background: url(../images/horizontal-line.png);
  width: 100%;
  height: 15px;
  position: absolute;
  top: 48.5%;
  background-size: 100% 100%;
  left: 0;
}

#about .timeline{
  overflow-x:hidden;
  overflow: -moz-scrollbars-none;
  padding:0;
}

#about .timeline ul{
  margin:0;
  padding:0;
  margin-top:3.5em;
  position:relative;
  left:26.8%;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

#about .timeline li:after {
  content: '';
  background: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 5px solid #db070f;
  top: -23px;
  left: 50%;
  transform: translatex(-50%);
  cursor: pointer;
  z-index:9;
}

#about .timeline li {
  display: inline-block;
  position: relative;
  left: 0;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  width:  5.75%;
  text-align: center;
}

#about .left-arrow-img{
  position:relative;
  z-index:99;
  font-size: 2.5em;
  text-align:center;
  margin-top: 0.4em;
  cursor:pointer;
}

#about .right-arrow-img{
  position:relative;
  z-index:99;
  font-size: 2.5em;
  text-align:center;
  margin-top: 0.4em;
  cursor:pointer;
}

#about .timeline .time-active{
  width:50% !important;
}

#about .timeline::-webkit-scrollbar {
  display: none;
}

  #about .time-active:after{
      background: #db070f;
  }

  #about .timeline li:hover:after{
    background: #db070f;
  }

  #about .time-content{
    display:none;
  }

  #about #time-content-1{
    display:block;
  }

  #about .timeline-container .time-img{
    position: absolute;
    top: 0%;
    left: 27%;
    width: 46%;
    z-index: 9;
  }

  #about .timeline-container .time-text{
    width: auto;
    position: absolute;
    bottom: -32%;
    text-align:center;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
  }

  #about .timeline-container .time-head{
    font-size: 3.8em;
  }

  #about .timeline-container .time-p{
    font-size: 0.92em;
    width: 80%;
    margin: auto;

  }

  #about .advantage-content-p {
    margin-left: 4em;
    font-size: 0.9em;
    margin-top: 1em;
    width: 63%;
    float: left;
    padding: 0;
  }
  #about .advantage-num {
    top: -0.31em;
    font-size: 121px;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(3) .advantage-num {
    font-size: 95px;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(4) .advantage-num {
    font-size: 7.7em;
  }
  #about .journey-container .content-head{
    margin-bottom:2em;
  }
  #about .vv-content p{
    text-align:left;
  }
  #about .advantage-h{
    width: auto;
  }
  #about .advantage-content{
    height:69px;
    width:100% !important;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(2) .advantage-num {
    font-size: 120px;
    top: -0.29em;
  }
  #about .imgtime{
    width: 100%;
    height: 55vh;
  }
  #about .imgtime img{
       width: 90%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
  }
  #about .timeline-owl-carousel .owl-dots{
    position:absolute;
    bottom:5%;
    right:5%;
  }
  #about .timeline-owl-carousel .owl-dots  span{
    background: #fff;
  }

  #about .timeline-owl-carousel .owl-dots .active span{
    background: #fff;
    width:10px;
    height:10px;
  }
}

@media(min-width:992px) and (max-width:1199px){
  #about .timeline li{
    width:6.6% !important;
  }
  #about .timeline-container .time-text{
    bottom:-32%;
  }
  #about .timeline-container .time-head{
    font-size:3em;
    margin-bottom:0;
  }
  #about .timeline-container .time-p{
    font-size:0.8em;
    width:95%;
  }
}

@media(min-width:1200px){
  #about .ipad-ht {
    max-height: 15.5em;
  }
  #about .we-subhead:before {
    font-size: 1.5em;
    top: -8px;
  }
  #about .pillar-grow {
    width: 45%;
  }
  #about .timeline-container {
    height: 30.5em;
  }
  #about .timeline-container .time-text{
    margin-bottom:50px;
  }
  #about .advantage-content-p {
    margin-left: 4.5em;
    font-size: 1em;
    margin-top: 1.2em;
    width: 62%;
  }
  #about .advantage-num {
    top: -0.31em;
    font-size: 8.7em;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(3) .advantage-num, #career .advantage-owl-carousel .owl-item:nth-child(3) .advantage-num {
    font-size: 6.9em;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(4) .advantage-num, #career .advantage-owl-carousel .owl-item:nth-child(4) .advantage-num {
    font-size: 7em;
  }
  #about .timeline li, #career .timeline li{
    width:6.2%;
  }
  #about .desktop-resize1, #career .desktop-resize1 {
    width: 860px;
  }
  #about .advantage-h, #career .advantage-h{
    font-size:1.4em;
  }
  #about .pillar-owl-carousel .item:hover, #career .pillar-owl-carousel .item:hover{
    background:#f3f4f4;
    border-bottom:3px solid #db070f;
    cursor:pointer;
  }

   /*#about .item:hover .bulb-img{*/
#career .item:hover .learn-img{
    background:url(../images/learn-img.png);
    background-size:100% 100%;
  }
#career .item:hover .perform-img{
    background:url(../images/perform-img.png);
    background-size:100% 100%;
  }

  #career .item:hover .reward-img{
    background:url(../images/reward-img.png);
    background-size:100% 100%;
  }
  #career .item:hover .fun-img{
    background:url(../images/fun-img.png);
    background-size:100% 100%;
  }


  #about .item:hover .bulb-img, #career .item:hover .learn-img, #career .item:hover .perform-img, #career .item:hover .reward-img, #career .item:hover .fun-img{
    background:url(../images/bulb-inverse.png);
    background-size:100% 100%;
  }

  #about .item:hover .award-img{
    background:url(../images/award-inverse.png);
    background-size:100% 100%;
  }

  #about .item:hover .service-img{
    background:url(../images/service-inverse.png);
    background-size:100% 100%;
  }

  #about .item:hover .rupee-img{
    background:url(../images/rupee-inverse.png);
    background-size:100% 100%;
  }
  #about .left-arrow-img, #about .right-arrow-img{
    margin-top:0.35em;
  }
  #category .provide-right .provide-grow-1{
    top:6%;
  }
  #about .values-content .vv-content img{
    width:110px;
  }
  #about .values-content .content-head {
    margin-bottom: 0.6em;
  }
  #about .imgtime{
    height: 65vh;
  }
  #about .vision-img{
    margin-bottom:0;
  }
}

@media(min-width:1320px){
  #about .timeline-container {
    height: 35.5em;
    margin-bottom: 10em;
  }
  #about .advantage-num {
    top: -0.31em;
    font-size: 8.9em;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(3) .advantage-num {
    font-size: 7.05em;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(4) .advantage-num {
    font-size: 7em;
  }
  #about .timeline li:after{
    width:25px;
    height:25px;
    top:-26px;
  }
  #about .pillar-p:before {
    top: 10px;
    left: -6%;
  }
  #about .imgtime{
    height: 70vh;
  }
}

@media(min-width:1550px){
  #about .we-subhead{
    font-size:1.2em;
  }
  #about .ipad-ht {
    max-height: 19.5em;
  }
  #about .timeline-container {
    height: 38em;
    margin-bottom: 12em;
  }
  #about .timeline-container .time-text {
    bottom: -23%;
  }
  #about .advantage-num {
    top: -0.31em;
    font-size: 8.9em;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(3) .advantage-num {
    font-size: 7em;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(4) .advantage-num {
    font-size: 7.2em;
  }
  #about .advantage-content-p{
    font-size:1em;
  }
  #about .imgtime{
    height: 65vh;
  }
}

@media(min-width:1900px){
  #about .we-subhead:before {
    font-size: 1.5em;
    top: -8px;
  }
  #about .we-subhead {
    font-size: 1.5em;
  }

  #about .pillar-h{
    margin:1.5em 0;
    font-size:2em;
  }
  #about .pillar-grow {
    width: 68px;
    height: 76px;
  }
  #about .pillar-content-h{
    font-size:1.5em;
  }
  #about .timeline-container {
    height: 45em;
    margin-bottom: 12em;
  }
  #about .pillar-p:before {
    top: 12px;
    left: -5%;
  }
  #about .ipad-ht {
    max-height: 24.5em;
  }
  #about .advantage-content-p {
    font-size: 1.2em;
    width:72%;
  }
  #about .advantage-num {
    top: -0.31em;
    font-size: 10em;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(3) .advantage-num {
    font-size: 8em;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(4) .advantage-num {
    font-size: 8em;
  }
  #about .desktop-resize1 {
    width: 1200px;
  }
  #about .advantage-content {
    height: 80px;
  }
  #about .advantage-owl-carousel .owl-next, #about .advantage-owl-carousel .owl-prev {
    top: 45%;
  }
  #about .advantage-owl-carousel .owl-item:nth-child(2) .advantage-num {
    font-size: 138px;
    top: -0.3em;
  }
  #about .left-arrow-img, #about .right-arrow-img{
    margin-top: 0.28em;
  }

  #about .values-content .vv-content img{
    width:150px;
  }
}


@media(max-width:992px) and (orientation:landscape){
  .mobile-carousel-content .col-xs-1{
    width:18%;
  }
  .mobile-carousel-content .col-xs-7{
    width:38%;
  }
}

/*---------------------------------------------Expertise CSS-----------------------------------------*/

#expertise{
  position:relative;
  width:100%;
}

/*#expertise .expertise-banner{
  margin-top:50px;
}*/

#expertise .expertise-border {
    border-bottom: 5px solid #fec340;
  display:table;
}

#expertise .logo-border{
  border-bottom: 5px solid #fec340;
  display:table;
}

#expertise .expertise-resize {
    width: 100%;
    padding-left: 1em;
    padding-right: 15px;
}

#expertise .about-logo {
    width: 40%;
    margin-top: 1em;
}

#expertise .expertise-25:after {
    content: '';
    background: #fec340;
    position: absolute;
    height: 50px;
    width: 3px;
    left: 100%;
    top: 30%;
}

#expertise .expertise-25:nth-child(even):after{
  content:'';
  background:none;
  display:none;
}

#expertise .expertise-container-grow, #expertise .expertise-container-grow1{
  overflow-x:hidden;
  overflow-y:hidden;
}

#expertise .expertise-container-grow img, #expertise .expertise-container-grow1 img{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#expertise .expertise-container-grow:hover img, #expertise .expertise-container-grow1:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}


@media(min-width:400px){
  #expertise .expertise-partners {
    padding: 0px 4em;
  }
}

@media(min-width:480px){
  #expertise .about-logo {
    width: 28%;
    margin-top: 0.5em;
  }
  #expertise .expertise-partners {
    padding: 0px 7em;
  }
}

@media(min-width:600px){
  #expertise .expertise-partners{
    padding:0;
  }
  #expertise .expertise-25{
    width:25%;
    float:left;
  }
  #expertise .expertise-25:nth-child(2):after {
    content: '';
    background: #fec340;
    left:95%;
    display:block;
  }
  #expertise .expertise-25:nth-child(3):after {
    left:105%;
  }
}

@media(min-width:768px){
  #expertise .about-logo {
    width: 26%;
  }
  #expertise .snd-mrg {
    /*padding-bottom: 4.6em;*/
    background: #fff;
  }
  #expertise .expertise-25 {
    padding: 1em 2em;
  }
  #expertise .expertise-25:after {
    top: 35%;
  }
  #expertise .row-eq-height{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #expertise .expertise-container-grow1{
    position: relative;
    bottom: 0;
    width: 100%;
  }

  #expertise .ipad-brd{
    border-bottom:5px solid #fec340;
    background-color:#fff;
  }

  #expertise .no-brd{
    border-bottom: 0px;
  }
}

@media(min-width:992px){
  #expertise .snd-mrg {
    padding-bottom: 1.2em;
    background: #fff;
  }
  #expertise .expertise-25 {
    padding: 1em 4em;
  }
  #expertise .logo-mrg{
    margin-bottom:0.3em;
  }

  #expertise .text-content{
    text-align:left;
  }
  #expertise .text-content .content-p {
    text-align:left;
  }
  #expertise .expertise-resize{
  padding-bottom: 10px;
}
}

@media(min-width:1200px){
  #expertise .expertise-resize {
    width: 90%;
    padding-left: 2em;
    padding-right: 2em;
    background:transparent;
  }
  #expertise .logo-mrg {
    margin-bottom: 1.8em;
  }
  #expertise .about-logo {
    width: 26%;
    margin-top:1.2em;
  }
  #expertise .text-content .expertise-subhead {
    margin-bottom: 1em;
    font-size: 21px;
  }
/*  #expertise .desktop-right {
    margin-top: 0.6em;
  }*/
  #expertise .certification-container .content-p {
    width: 60%;
    margin: 2em auto;
  }
  #expertise .expertise-partners {
    padding: 0 9em;
  }
  #expertise .expertise-25 {
    padding: 1em 4em;
  }
  #expertise .expertise-25:after {
    top: 35%;
  }
  #expertise .expertise-25:nth-child(4):after {
    content: '';
    background: none;
  }
  #expertise .snd-mrg {
    padding-bottom: 0em;
    background:transparent;
  }
  #expertise .ipad-brd{
    background:url(../images/expertise.jpg);
    background-size:100%;
  }
  #expertise .lft-bkg{
    background:#fff;
  }
}

@media(min-width:1320px){
  #expertise .about-logo{
    margin-top:0.75em;
  }
  #expertise .logo-mrg {
    margin-bottom: 1.2em;
  }
}

@media(min-width:1400px){
    #expertise .expertise-resize{
      padding-bottom:1em;
    }
}

@media(min-width:1550px){
  #expertise .expertise-partners {
    padding: 0px 15em;
  }
  #expertise .logo-mrg {
    margin-bottom: 2em;
  }
  #expertise .about-logo {
    margin-top: 1em;
  }
  #expertise .text-content .expertise-subhead {
    font-size:24px;
  }
}

@media(min-width:1900px){
  /*#expertise .expertise-banner {
    margin-top: 68px;
  }*/
  #expertise .expertise-border {
    border-bottom: 8px solid #fec340;
  }
  #expertise .logo-mrg {
    margin-bottom: 1em;
  }
  #expertise .expertise-25:after{
    height:80px;
  }
  #expertise .expertise-subhead {
    font-size: 2.2em;
    margin-top: 1.5em;
  }
  #expertise .about-logo {
    margin-top: 0.75em;
  }
  #expertise .expertise-partners {
    padding: 0px 15em;
  }
  #expertise .expertise-resize{
    padding-bottom:1em;
  }
  #expertise .no-brd{
    border-bottom: 0px;
  }
  #expertise .ipad-brd{
    border-bottom:8px solid #fec340;
  }
}



/*-------------------------------------------------Career CSS---------------------------------*/
#career{
  position:relative;
  width:100%;
}

#career .career-banner{
  margin-top:50px;
}
#career .career-banner img{
  width:100%;
}

#career .path-head {
  font-size: 1.4em;
  margin: 1em auto;
  position: relative;
  display:table;
}

#career .path-container {
    display: table;
    width: 100%;
}

#career .path-head:before {
  content: '';
  background: url(../images/quote-red.png);
  background-size: 100% 100%;
  position: absolute;
  top: -8px;
  left: -8%;
  width: 18px;
  height: 14px;
}

#career .path-head:after {
  content: '';
  background: url(../images/quote-red-inverse.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: -8px;
  left: 102%;
  width: 18px;
  height: 14px;
}

#career .career-owl-h{
  margin-top:1.5em;
}

#career .career-owl-carousel .owl-prev{
  position: absolute;
  top: 1em;
  left: 0%;
}

#career .career-owl-carousel .owl-next{
  position: absolute;
  top: 1em;
  right: 0%;
}

#career .vacancies-dropdown .caret {
    position: absolute;
    top: 48%;
    right: 10px;
}

#career .form-bar{
  padding: 1em 15px;
}

#career .form-button, #career .form-button:hover {
  background: transparent;
  border: 1px solid #404040;
  border-radius: 0;
  color: #404040;
   padding: 0.6em 1.5em;
}

#career .form-bar ul li{
  color: #404040;
  font-size: 0.85em;
  padding: 1em 1.5em;
}

#career .feedback-form {
    padding-top: 1em;
    padding-bottom: 1em;
}

#career .feedback-form .form-control{
  border:1px solid #404040;
  border-radius:0;
  font-size:10px;
}

#career .submit-button {
    margin-top: 1em;
}

#career .why-grow , #career .carrer-img2-grow{
  overflow-x:hidden;
  overflow-y:hidden;
}

#career .why-grow img, #career .carrer-img2-grow img{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#career .why-grow:hover img, #career .carrer-img2-grow:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}



@media(min-width:768px){
  #career .why-container{
    background:#f3f4f4;
    position:relative;
  }
  #career .why-container-content{
    position: absolute;
    top: -20.5%;
    width: 50%;
    left: 0;
  }
  #career .path-container {
    width: 51%;
    position: absolute;
    top: 80.75%;
  }
  #career .why-container-img{
    float:right;
  }

  #career .path-head {
    position: relative;
  }
  #career .why-container-img .why-grow {
    width: 50%;
    float: right;
    margin-right: 0;
  }
  #career .career-owl-h {
    font-size: 1.35em;
  }
  #career .career-owl-carousel .content-p {
    font-size: 0.8em;
    width: 90%;
    margin: 1em auto;
    line-height: 1.5em;
  }
  #career .career-owl-carousel {
    padding: 1em 0;
  }
  #career .career-owl-carousel .item:before {
    content: '';
    background:url(../images/dot1.png);
    background-repeat: repeat-y;
    position: absolute;
    width:7px;
    height:100%;
    left:100%;
    top:0%;
  }
  #career .career-owl-carousel .owl-item:nth-last-child(1) .item:before{
    content:'';
    background:none;
  }

  #career .career-owl-carousel .owl-stage-outer, #career .career-owl-carousel .owl-stage, #career .career-owl-carousel .owl-item{
    height:100%;
  }

  #career .career-owl-carousel .owl-stage{
    display:table !important;
  }
  #career .vacancies-container .content-p {
    width: 70%;
    margin: 1em auto;
  }
  #career .vacancies-list {
    margin-top: 1em;
    height: 20em;
  }
  #career .vacancies-list li {
    padding: 1em 2em 0.5em;
    position: relative;
  }
  #career .vacancies-list li:before {
    content: '\f105 ';
    font-family: FontAwesome;
    position: absolute;
    color: #404040;
    top: 28%;
    left: 2%;
    font-size: 1.2em;
  }
  #career .feedback-form {
    width: 95%;
    margin: 0 auto;
  }
  #career .form-50 {
    width: 48.5%;
    float: left;
  }
#career .form-50:nth-child(2n+1){
    margin-right: 0.9em;
  }
  #career .mgmt-trainee-left {
    margin-top: 0.5em;
  }
  #career .carrer-img2-grow {
    width: 100%;
    margin-left: 0%;
  }
  #career .mgmt-trainee-right {
    width: 50%;
    margin-top: 5em;
    padding: 0 2em;
  }
  #career .mgmt-trainee{
    margin-bottom:1em;
  }
  #career .content-p{
    text-align:left;
  }
  #career .career-owl-carousel .content-p, #career .vacancies-container .content-p{
    text-align:center;
  }
  #career .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media(min-width:992px){
  #career .why-container-img .why-grow {
    width: 45%;
    float: right;
    margin-right: 5%;
  }
  #career .why-container-content {
    position: absolute;
    top: -8.5%;
    width: 45%;
    left: 5%;
  }
  #career .why-container .content-head {
    margin: 1.25em 0em 1.25em 0;
  }
  #career .path-head {
    margin: 1.25em auto;
  }

#career .form-50:nth-child(2n+1){
    margin-right: 1.2em;
  }
  #career .carrer-img2-grow {
    width: 90%;
    margin-left: 10%;
  }
  #career .mgmt-trainee-right {
    width: 45%;
    margin-top: 8em;
  }
  #career .why-container-content{
    top: auto;
    bottom: 5em;
  }
  #career .vacancies-list li:hover, #career .vacancies-list .vacancies-active{
    color:#da0009;
    cursor:pointer;
  }
}

@media(min-width:1200px){
  #career .why-container-img .why-grow {
    width: 80%;
    float: right;
    margin-right: 20%;
  }
  #career .why-container-content {
    position: absolute;
    width: 40%;
    left: 10%;
  }
  #career .why-container .content-p {
    margin-bottom: 2em;
  }
  #career .path-container{
    top:83.75%;
  }
  #career .path-head {
    margin: 1em auto;
    font-size: 1.75em;
  }

  #career .vacancies-container .content-p {
    width: 50%;
    margin: 1em auto;
  }
  #career .feedback-form {
    width: 80%;
    margin: 0 auto;
  }
  #career .carrer-img2-grow {
    width: 80%;
    margin-left: 20%;
  }
  #career .mgmt-trainee-right {
    width: 40%;
    margin-top: 8em;
  }

}

@media(min-width:1320px){
  #career .why-container{
    background:#f3f4f4;
    position:relative;
  }
  #career .why-container-content{
    position: absolute;
    width: 40%;
    left: 11%;
    bottom: 7em;
  }
  #career .path-container {
    width: 51%;
    position: absolute;
    top: 77.75%;
  }
  #career .why-container-img{
    float:right;
  }
  #career .why-container .content-head {
    margin: 1.25em 0em 1.25em 0;
  }
  #career .why-container .content-p {
    font-size: 1em;
    margin-bottom: 2em;
  }
  #career .path-head {
    font-size: 1.8em;
    margin: 1.5em auto;
    position: relative;
  }
  #career .why-container-img .why-grow {
    width: 78%;
    float: right;
    margin-right: 20%;
  }
  #career .career-owl-h {
    font-size: 1.35em;
  }
  #career .career-owl-carousel .content-p {
    font-size:1em;
    width: 70%;
    margin: 1em auto;
    line-height: 1.5em;
  }
  #career .career-owl-carousel {
    padding: 1em 0;
  }

  #career .career-owl-carousel .owl-item:nth-last-child(1) .item:before{
    content:'';
  }

  #career .vacancies-container .content-p {
    width: 50%;
    margin: 1em auto;
  }
  #career .vacancies-list {
    margin-top: 1em;
  }
  #career .vacancies-list li {
    padding: 1em 2em 0.5em;
    position: relative;
    margin-left:3em;
  }
  #career .vacancies-list li:before {
    content: '\f105 ';
    font-family: FontAwesome;
    position: absolute;
    color: #404040;
    top: 28%;
    left: 2%;
    font-size: 1.2em;
  }
  #career .feedback-form {
    width: 80%;
    margin: 0 auto;
  }
  #career .form-50 {
    width: 48.5%;
    float: left;
  }
#career .form-50:nth-child(2n+1) {
    margin-right: 1.7em;
  }
  #career .mgmt-trainee-left {
    margin-top: 0.5em;
  }
  #career .carrer-img2-grow {
    width: 80%;
    margin-left: 20%;
  }
  #career .mgmt-trainee-right {
    width: 40%;
    margin-top: 8em;
    padding: 0 2em;
  }
  #career .mgmt-trainee{
    margin-bottom:1em;
  }
  #career .content-p{
    text-align:left;
  }
  #career .career-owl-carousel .content-p, #career .vacancies-container .content-p{
    text-align:center;
  }
  #career .feedback-form .form-control{
    font-size:12px;
  }
}


@media(min-width:1550px){
  #career .why-container .content-p {
    font-size: 1.1em;
    margin-bottom: 1.4em;
  }

  #career .why-container-content {
    top: -9.5%;
    padding: 0 3.4em;
  }
  #career .path-container {

  }
  #career .career-owl-carousel .content-p{
    font-size:1.1em;
  }
  #career .mgmt-trainee-right .content-p {
    font-size: 1.2em;
  }
  #career .why-container .content-head{
    font-size:2.6em;
  }

}

@media(min-width:1900px){
  #career .career-banner {
    margin-top: 68px;
  }
  #career .path-container{
    top: 77.75%;
  }
  #career .path-head{
    font-size:2.4em;
  }
  #career .why-container .content-p{
    font-size:1.2em;
    margin-bottom:1em;
  }

  #career .career-owl-h {
    font-size: 2em;
  }
  #career .career-owl-carousel .content-p {
    font-size: 1.2em;
  }

  #career .vacancies-list li{
    font-size:1.4em;
  }
  #career .feedback-form .content-p{
    margin: 1em 0;
  }
  #career .feedback-form{
    width:75%;
  }
  #career .form-50{
    width:48.8%;
    margin-bottom:2em;
  }
  #career .form-100{
    margin-bottom:2em;
  }
  #career .mgmt-trainee-right {
    padding: 0 3em;
  }
  #career .mgmt-trainee-right .content-p {
    font-size: 1.2em;
    margin-bottom: 1.5em;
  }
  #career .vacancies-list {
    margin-top: 1em;
    height: 25em;
  }
  #career .path-head:before{
    left:-4%;
  }
  #career .feedback-form .form-control{
    font-size:14px;
  }
}

/*-------------------------------------------------BlogInner CSS--------------------------------------------------*/
#bloginner{
  width:100%;
  position:relative;
}
#bloginner .banner-container{
  margin-top:50px;
}

#bloginner .banner-grow:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.5;
  z-index: 0;
}

#bloginner .info-content{
  padding:1em 0;
}

#bloginner .info-owl-carousel .owl-prev, #bloginner .other-mobile-carousel .owl-prev{
  position: absolute;
  top: -15%;
  right: 15%;
  color: #404040;
}

#bloginner .info-owl-carousel .owl-next, #bloginner .other-mobile-carousel .owl-next{
  position: absolute;
  top: -15%;
  right: 5%;
  color: #404040;
}

#bloginner .info-button {
  margin: 1em 0.5em;
  font-size: 0.85em;
}

#bloginner .social-container {
    display: none;
    position: absolute;
    top: -2px;
    left: 0;
}

#bloginner .other-mobile-carousel{
  margin-top:3.5em;
}

#bloginner .other-mobile-carousel .owl-prev, #bloginner .other-mobile-carousel .owl-next{
  top:-5%;
}

#bloginner .other-date {
    font-family: 'ralewaybold';
    position: relative;
}

@media(min-width:768px){
  #bloginner .blog-absolute {
    position: absolute;
    bottom: 7.5%;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
  }
  #bloginner .banner-container .content-head, #bloginner .banner-container .banner-date {
    color: #fff;
  }
  #bloginner .banner-container .content-head:before {
    color: #fec340;
  }
  #bloginner .banner-grow:after {
    content: '\f0d8';
    font-family: FontAwesome;
    color: #f3f4f4;
    position: absolute;
    bottom: -8%;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    font-size: 3em;
  }
  #bloginner .info-content {
    width: 80%;
    margin: auto;
    background: #f3f4f4;
    padding: 1em 2em;
  }
  #bloginner .banner-info .col-xs-12 {
    background: #fff;
  }
  #bloginner .info-content .content-p {
    text-align: center;
  }
  #bloginner .banner-info-img {
    width: 80%;
    margin: auto;
  }
  #bloginner .info-carousel-button-resize {
    float: none;
    display: table;
  }
  #bloginner .other-mobile-grow {
    width: 35%;
    float: left;
    position: relative;
  }
  #bloginner .other-mobile-content {
    width: 65%;
    float: left;
    position: relative;
    margin-top: 3.5em;
    padding-left: 1em;
    padding-right: 1em;
  }
  #bloginner .other-desktop-carousel .item {
    width: 90%;
    margin: 0 auto;
  }
  #bloginner .other-desktop-carousel .owl-prev {
    position: absolute;
    top: 50%;
    left: 1.5%;
    font-size: 1.5em;
  }
  #bloginner .other-desktop-carousel .owl-next {
    position: absolute;
    top: 50%;
    right: 1.5%;
    font-size: 1.5em;
  }
  #bloginner .other-date:before{
    content: '';
    background: url(../images/dot1.png);
    position: absolute;
    width: 90%;
    height: 5px;
    top: 6px;
  }
  #bloginner .other-date-left:before{
    left:75px;
  }
  #bloginner .other-date-right:before{
    right:75px;
  }
}


@media(min-width:992px){
  #bloginner .banner-grow:after{
    bottom: -7.5%;
    font-size: 3.5em;
  }
}

@media(min-width:1200px){
  #bloginner .banner-grow:after {
    bottom: -6%;
    font-size: 3.5em;
  }
  #bloginner .info-content, #bloginner .banner-info-img {
    width: 70%;
  }
  #bloginner .other-desktop-carousel .item {
    width: 80%;
    margin: 0 auto;
  }
  #bloginner .other-desktop-carousel .owl-prev {
    left: 3%;
    font-size: 2em;
  }
  #bloginner .other-desktop-carousel .owl-next {
    right: 3%;
    font-size: 2em;
  }
}

@media(min-width:1320px){
  #bloginner .banner-container{
    margin-top:0;
  }
  #bloginner .blog-absolute {
    position: absolute;
    bottom: 7.5%;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
  }
  #bloginner .banner-container .content-head, #bloginner .banner-container .banner-date {
    color: #fff;
  }
  #bloginner .banner-container .content-head:before {
    color: #fec340;
  }
  #bloginner .banner-grow:after {
    content: '\f0d8';
    font-family: FontAwesome;
    color: #f3f4f4;
    position: absolute;
    bottom: -4.5%;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    font-size: 3em;
  }
  #bloginner .banner-info .col-xs-12 {
    background: #fff;
  }

  #bloginner .info-content{
    background: #f3f4f4;
    padding: 1em 2em;
  }
  #bloginner .info-content, #bloginner .banner-info-img {
      width: 70%;
      margin:0 auto;
  }
  #bloginner .info-content .content-p{
    text-align:center;
  }
  #bloginner .info-carousel-button-resize {
    float: none;
    display: table;
  }
  #bloginner .other-desktop-carousel .item {
    width: 920px;
    margin: 0 auto;
  }
  #bloginner .other-mobile-grow{
    width: 35%;
    float: left;
    position: relative;
  }
 #bloginner .other-mobile-content {
   width: 65%;
   float: left;
   position: relative;
 }
  #bloginner .other-mobile-content {
    margin-top: 3.5em;
    padding-left: 1em;
    padding-right: 1em;
  }
  #bloginner .other-mobile-grow-left:before {
    content: '\f0d9';
    font-family: FontAwesome;
    color: #f3f4f4;
    position: absolute;
    top: 26px;
    right: -3.5%;
    transform: translatex(-50%);
    font-size: 4em;
  }
  #bloginner .other-mobile-grow-right:before {
    content: '\f0da';
    font-family: FontAwesome;
    color: #f3f4f4;
    position: absolute;
    top: 26px;
    left: 1.8%;
    transform: translatex(-50%);
    font-size: 4em;
  }
  #bloginner .other-date {
    font-family: 'ralewaybold';
    position: relative;
  }
  #bloginner .other-mobile-container-mrg {
    margin-top: -2em;
  }
  #bloginner .other-desktop-carousel .owl-prev{
    position: absolute;
    top: 50%;
    left: 3%;
    font-size: 2em;
  }
  #bloginner .other-desktop-carousel .owl-next{
    position: absolute;
    top: 50%;
    right: 3%;
    font-size: 2em;
  }
}

@media(min-width:1550px){
  #bloginner .banner-grow:after{
    bottom: -5.5%;
    font-size: 4em;
  }
  #bloginner .other-desktop-carousel .item {
    width: 1200px;
    margin: 0 auto;
  }
}

@media(min-width:1900px){
  #bloginner .banner-grow:after {
    content: '\f0d8';
    position: absolute;
    bottom: -5.5%;
    font-size: 5em;
  }
  #bloginner .banner-date{
    font-size:1.8em;
  }
  #bloginner .info-content, #bloginner .banner-info-img {
    width: 65%;
    margin: 0 auto;
  }
  #bloginner .info-button {
    margin: 2em 0.5em;
    font-size: 1.2em;
  }
  #bloginner .other-desktop-carousel .item {
    width: 1200px;
    margin: 0 auto;
  }
}

/*----------------------------------------------------------------FoodSolution CSS ------------------------------------*/

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

#foodsolution .section {
  -webkit-transition: opacity .6s;
  -webkit-transition-delay: .2s;
  -moz-transition: opacity .6s;
  -moz-transition-delay: .2s;
  -o-transition: opacity .6s;
  -o-transition-delay: .2s;
  transition: opacity .6s;
  transition-delay: .2s;
}

#foodsolution .section-content, #foodsolution .fake-content {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#foodsolution .section-image-left {
  position: absolute;
  width: 80%;
  top: 12%;
  left: -83%;
  z-index: 1;
}

#foodsolution .about-head {
    margin-bottom: 0.3em;
    margin-top: 0;
    font-size:2.2em;
}

#foodsolution .about-head:before {
    content: '';
}

#foodsolution .section-image-left{
  position: absolute;
  width: 80%;
  top: 12%;
  left: -83%;
  z-index: 1;
}

#foodsolution .section-image-right{
  position: absolute;
  width: 80%;
  top: 12%;
  left: -83%;
  z-index: 1;
}

#foodsolution .about-container-right{
  position: absolute;
  width: 90%;
  top: 60%;
  right: -95%;
}

#foodsolution .about-container-left{
  position: absolute;
  width: 90%;
  top: 60%;
  right: -95%;
}

#section1 .section-image-left img, #section1 .about-content-right, #section2 .section-image-right img, #section2 .about-content-left, #section3 .section-image-left img, #section3 .about-content-right, #section4 .section-image-right img, #section4 .about-content-left, #section5 .section-image-left img, #section6 .section-image-right img, #section5 .about-content-right, #section6 .about-content-left, #section7 .section-image-left img, #section7 .about-content-right{
  -webkit-transition: -webkit-transform .6s .9s;
  -moz-transition: -moz-transform .6s .9s;
  transition: transform .6s .9s;
}

#section1 .section-image-left .back, #section1 .front1, #section2  .section-image-right .back, #section2 .front2, #section3 .section-image-left .back, #section3 .front1, #section4  .section-image-right .back, #section4 .front2, #section5 .section-image-left .back, #section6  .section-image-right .back, #section5 .front1, #section6 .front2, #section7 .section-image-left .back, #section1 .front1
{
  z-index:2;
  -webkit-transform:translate3d(0%, 0, 0);
  -moz-transform:translate3d(0%, 0, 0);
  transform:translate3d(0%, 0, 0);
}

.viewing-page-1 #section1 .section-image-left img, .viewing-page-3 #section3 .section-image-left img, .viewing-page-5 #section5 .section-image-left img, .viewing-page-7 #section7 .section-image-left img, .viewing-page-2 #section2 .section-image-right img, .viewing-page-4 #section4 .section-image-right img, .viewing-page-6 #section6 .section-image-right img{
  -webkit-transform: translate3d(116%, 0, 0) !important;
  -moz-transform: translate3d(116%, 0, 0) !important;
  transform: translate3d(116%, 0, 0) !important;
}

.viewing-page-1 #section1 .about-content-right, .viewing-page-2 #section2 .about-content-left, .viewing-page-3 #section3 .about-content-right, .viewing-page-4 #section4 .about-content-left, .viewing-page-5 #section5 .about-content-right, .viewing-page-6 #section6 .about-content-left, .viewing-page-7 #section7 .about-content-right{
  -webkit-transform: translate3d(-111%,0, 0) !important;
  -moz-transform: translate3d(-111%, 0, 0) !important;
  transform: translate3d(-111%, 0, 0) !important;
}

#foodsolution .section {
  -webkit-transition:opacity .6s;
  -webkit-transition-delay:.2s;
  -moz-transition:opacity .6s;
  -moz-transition-delay:.2s;
  -o-transition:opacity .6s;
  -o-transition-delay:.2s;
  transition: opacity .6s;
  transition-delay:.2s;
}

#foodsolution .section-content, #foodsolution .fake-content {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.viewing-page-7 #footer{
  display:block !important;
}



@media(min-width:768px){
  #foodsolution .section-image-left, #foodsolution .section-image-right {
    top: 8%;
  }
  #foodsolution .about-container-right, #foodsolution .about-container-left {
    top: 70%;
  }
  #foodsolution .about-head {
    font-size: 3em;
  }
  #foodsolution .about-p {
    font-size: 1.2em;
  }
}

@media(max-width:991px) and (orientation:landscape){
    #foodsolution .section-image-left, #foodsolution .section-image-right{
      width: 35%;
      left: -115%;
      top: 25%;
    }

    #foodsolution .about-container-right, #foodsolution .about-container-left{
      top:30%;
      width: 50%;
    }

    #foodsolution .about-head{
      font-size:1.8em;
    }

    .viewing-page-1 #section1 .section-image-left img, .viewing-page-3 #section3 .section-image-left img, .viewing-page-5 #section5 .section-image-left img, .viewing-page-7 #section7 .section-image-left img, .viewing-page-2 #section2 .section-image-right img, .viewing-page-4 #section4 .section-image-right img, .viewing-page-6 #section6 .section-image-right img{
      -webkit-transform: translate3d(500%, 0, 0) !important;
      -moz-transform: translate3d(500%, 0, 0) !important;
      transform: translate3d(500%, 0, 0) !important;
    }
    .viewing-page-1 #section1 .about-content-right, .viewing-page-2 #section2 .about-content-left, .viewing-page-3 #section3 .about-content-right, .viewing-page-4 #section4 .about-content-left, .viewing-page-5 #section5 .about-content-right, .viewing-page-6 #section6 .about-content-left, .viewing-page-7 #section7 .about-content-right{
      -webkit-transform: translate3d(-280%,0, 0) !important;
      -moz-transform: translate3d(-280%, 0, 0) !important;
      transform: translate3d(-280%, 0, 0) !important;
    }
}

@media(min-width:992px){
  #foodsolution .section-content:after{
    content:'';
    background:url(../images/dot-line.png);
    background-size:100% 100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
  }

  #foodsolution .dot-canvas{
    position:absolute;
    top:0;
    left:50%;
    display:block;
    visibility:hidden;
  }

  #foodsolution .about-container-right{
    position: absolute;
    width: 30%;
    top: 50%;
    -webkit-transform:translatey(-50%);
    -moz-transform:translatey(-50%);
    -ms-transform:translatey(-50%);
    transform:translatey(-50%);
    left:160%;
    z-index: 2;
  }



  #foodsolution .about-container-left{
    position: absolute;
    width: 30%;
    top: 50%;
    -webkit-transform:translatey(-50%);
    -moz-transform:translatey(-50%);
    -ms-transform:translatey(-50%);
    transform:translatey(-50%);
    left: -90%;
    z-index: 2;
  }




  #foodsolution .section-image-left{
    position: absolute;
    width: 40%;
    top: 50%;
    left: -60%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    z-index: 1;
  }



  #foodsolution .section-image-right{
    width: 40%;
    position: absolute;
    top: 50%;
    right: -120%;
    left:auto;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    z-index: 1;
  }

  .viewing-page-1 #section1 .section-image-left img {
    -webkit-transform: translate3d(190%, 0, 0) !important;
    -moz-transform: translate3d(190%, 0, 0) !important;
    transform: translate3d(190%, 0, 0) !important;
  }



  .viewing-page-2 #section2 .section-image-right img {
    -webkit-transform: translate3d(-335%, 0, 0) !important;
    -moz-transform: translate3d(-335%, 0, 0) !important;
    transform: translate3d(-335%, 0, 0) !important;
  }



  .viewing-page-1 #section1 .about-content-right {
      -webkit-transform: translate3d(-345%, 0, 0) !important;
      -moz-transform: translate3d(-345%, 0, 0) !important;
      transform: translate3d(-345%, 0, 0) !important;
    }



  .viewing-page-2 #section2 .about-content-left {
    -webkit-transform: translate3d(345%, 0, 0) !important;
    -moz-transform: translate3d(345%, 0, 0) !important;
    transform: translate3d(345%, 0, 0) !important;
  }





  .viewing-page-3 #section3 .section-image-left img {
  -webkit-transform: translate3d(190%, 0, 0) !important;
  -moz-transform: translate3d(190%, 0, 0) !important;
  transform: translate3d(190%, 0, 0) !important;
  }



  .viewing-page-4 #section4 .section-image-right img {
  -webkit-transform: translate3d(-358%, 0, 0) !important;
  -moz-transform: translate3d(-358%, 0, 0) !important;
  transform: translate3d(-358%, 0, 0) !important;
  }




  .viewing-page-3 #section3 .about-content-right {
  -webkit-transform: translate3d(-345%, 0, 0) !important;
  -moz-transform: translate3d(-345%, 0, 0) !important;
  transform: translate3d(-345%, 0, 0) !important;
  }



  .viewing-page-4 #section4 .about-content-left {
  -webkit-transform: translate3d(345%, 0, 0) !important;
  -moz-transform: translate3d(345%, 0, 0) !important;
  transform: translate3d(345%, 0, 0) !important;
  }





  .viewing-page-5 #section5 .section-image-left img {
  -webkit-transform: translate3d(190%, 0, 0) !important;
  -moz-transform: translate3d(190%, 0, 0) !important;
  transform: translate3d(190%, 0, 0) !important;
  }




  .viewing-page-6 #section6 .section-image-right img {
  -webkit-transform: translate3d(-352%, 0, 0) !important;
  -moz-transform: translate3d(-352%, 0, 0) !important;
  transform: translate3d(-352%, 0, 0) !important;
  }




  .viewing-page-5 #section5 .about-content-right {
  -webkit-transform: translate3d(-345%, 0, 0) !important;
  -moz-transform: translate3d(-345%, 0, 0) !important;
  transform: translate3d(-345%, 0, 0) !important;
  }



  .viewing-page-6 #section6 .about-content-left {
  -webkit-transform: translate3d(345%, 0, 0) !important;
  -moz-transform: translate3d(345%, 0, 0) !important;
  transform: translate3d(345%, 0, 0) !important;
  }


  .viewing-page-7 #section7 .section-image-left img {
  -webkit-transform: translate3d(190%, 0, 0) !important;
  -moz-transform: translate3d(190%, 0, 0) !important;
  transform: translate3d(190%, 0, 0) !important;
  }



  .viewing-page-7 #section7 .about-content-right {
  -webkit-transform: translate3d(-345%, 0, 0) !important;
  -moz-transform: translate3d(-345%, 0, 0) !important;
  transform: translate3d(-345%, 0, 0) !important;
  }

  #foodsolution .about-p {
    font-size: 0.95em;
  }
}

@media (min-width: 1550px){
#foodsolution .about-head {
    font-size: 3.5em;
  }
  #foodsolution .about-p {
    font-size: 1em;
  }
}


@media (min-width: 350px){
#header .trending-sub-head{
    font-size: 0.70em;
  }
  .content-head{
    font-size: 1.6em;
  }
  .desktop-content.values-content {
    margin-bottom: 20px;
}
.aboutits  {
    max-height: 0;
                  overflow-y: scroll;
                  overflow-x: hidden;
  }
  #about .pillar-content ul li{
    height: auto;
    width: 100%;
  }
  #about .pillar-content ul li:nth-child(1){
    border-right:0px solid #f3f4f4;
    border-bottom:0px solid #f3f4f4;
} 
#about .pillar-content ul li:nth-child(2){
    border-bottom:0px solid #f3f4f4;
}
#about .pillar-content ul li:nth-child(3){
    border-right:0px solid #f3f4f4;
}  
}
@media (min-width: 480px){
  #about .pillar-content ul li{
    height: auto;
  }
  #about .pillar-content ul li:last-child{
    height: 130px;
  }

}

@media (min-width: 640px){
  #about .pillar-content ul li{
    height: auto;
  }
  #about .pillar-content ul li:last-child{
    height: 100px;
  }

}

@media (min-width: 320px){
#header .trending-sub-head{
    font-size: 0.70em;
  }
  .content-head{
    font-size: 1.6em;
  }
  .desktop-content.values-content {
    margin-bottom: 20px;
}
.aboutits  {
    max-height: 0;
                  overflow-y: scroll;
                  overflow-x: hidden;
  }
  #about .pillar-content ul li:last-child{
    height: 150px;
  }
  /*#about .pillar-content ul li{
    height: 200px;
  }*/
}
/*-------------------------------------------------Media CSS ---------------------------------------------------------*/
#media .media-head-container {
    margin-top: 50px;
}

#media .md-container{
  margin-top:1em;
  width:100%;
}

#media .md-img-content{
  padding:1em;
  width:100%;
}

#media{
  overflow-x:hidden;
}

@media(min-width:768px){
  #media .md-img-img{
    width:38%;
    float:left;
  }
  #media .md-img-content{
    width:62%;
    float:left;
  }
}

@media(min-width:992px){
  #media .media-head{
    margin-top:1em;
  }
  #media .container-resize{
    display:table;
    width:100%;
    margin:0 auto;
  }
  #media .md-container {
    width: 48%;
    float: left;
    margin:1em 1%;
    height: 200px;
  }
  #media .md-img-img {
    width: 35%;
    float: left;
  }
  #media .md-img-content {
    width: 65%;
    float: left;
  }
  #media .md-sub-heading{
    margin:0;
  }
  #media .md-heading{
    font-size: 1.2em;
    margin-top: 0.5em;
  }
  #media .xtra-pad{
    padding:0 25px;
  }

  #media .container-line:before {
      content: '';
      background: url(../images/dot1.png);
      background-repeat: repeat-y;
      position: absolute;
      top: 0;
      left: 50%;
      right: 0;
      bottom: 0;
      width: 5px;
      height: 100%;
  }
  #media .media-content-container{
    width:100%;
  }
}

@media(min-width:1200px){
  #media .md-container {
    height: 220px;
  }
}

@media(min-width:1320px){
  #media .md-container {
    height: 280px;
  }
}

@media(min-width:1900px){
  #media .container-resize{
    width:90%;
  }
  #media .md-heading{
    font-size:1.8em;
  }
  #media .content-p {
    font-size: 1.2em;
  }
  #media .md-img-img{
    width:28%;
  }
  #media .md-img-content{
    width:72%;
  }
  #media .media-head-container {
    margin-top: 68px;
  }
}


/*------------------------------------------------------Blog CSS ----------------------------------------------*/

#blog{
  position:relative;
  width:100%;
}

#blog .blog-container{
  margin-top:50px;
}

#blog .other-date-left:after {
  content: '';
  background: url(../images/dot1.png);
  background-repeat: repeat-x;
  position: absolute;
  width: 74%;
  height: 5px;
  top: 6px;
  left: 78px;
}

#blog .other-date-right:after {
  content: '';
  background: url(../images/dot1.png);
  background-repeat: repeat-x;
  position: absolute;
  width: 74%;
  height: 5px;
  top: 6px;
  left: 78px;
}

#blog .red-button{
  margin: 0em 0.5em 0.5em 0;
}

#blog .content{
  display:table;
}

#blog .social-container {
    display: none;
    position: absolute;
    top: -2px;
    left: 0;
}

#blog .social-container li {
    height: 32px;
    border-top: 2px solid #da0009;
    border-bottom: 2px solid #da0009;
    background: #da0009;
    color: white;
    padding: 0.5em 0.75em;
}

@media(min-width:768px){
  #blog .blog-img{
    width:40%;
    float:left;
  }
  #blog .blog-content{
    width: 58%;
    float: left;
    margin-left: 2%;
    margin-top: 3em;
  }
  #blog .blog-img-rgt{
    float:right;
  }
  #blog .other-date-left:after{
      width: 80%;
      top: 16px;
  }
  #blog .blog-content-rgt .other-date, #blog .blog-content-rgt .other-h, #blog .blog-content-rgt .other-p{
    text-align:right;
  }

  #blog .blog-content-rgt .other-button{
    float:right !important;
  }

  #blog .blog-content-rgt .other-share-button{
    float:right !important;
  }

  #blog .blog-content-rgt{
    margin-right:2%;
    margin-left:0;
    float:right;
  }
  #blog .other-date-right:after{
    width: 80%;
    top: 16px;
    left: auto;
    right: 78px;
  }
  #blog .content-mrg{
    margin-top:-2.5em;
  }
  #blog .blog-content-rgt .other-h{
    font-size:20px;
  }
  #blog .blog-img-lft:before {
    content: '\f0d9';
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    top: 10%;
    right: -9px;
    transform: translatex(-50%);
    font-size: 3em;
  }
  #blog .blog-img-rgt:before {
    content: '\f0da';
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    top: 10%;
    left: 6px;
    transform: translatex(-50%);
    font-size: 3em;
  }
}

@media(min-width:992px){
  #blog .content{
    width:90%;
    margin:0 auto;
  }
  #blog .content-mrg {
    margin-top: -2.5em;
  }
  #blog .blog-content{
    margin-top:3.5em;
  }
  #blog .other-date-left:after, #blog .other-date-right:after{
    width:85%;
  }
}

@media(min-width:1200px){
  #blog .blog-content {
    margin-top: 4.2em;
  }
  #blog .other-date-left:after, #blog .other-date-right:after {
    width: 88%;
  }
}

@media(min-width:1320px){
  #blog .blog-img{
    width:30%;
  }
  #blog .blog-img-lft:before{
    right: -3.5%;
    font-size: 4em;
  }
  #blog .blog-img-rgt:before{
    left: 2.5%;
    font-size: 4em;
  }

  #blog .blog-content{
    margin-top:4em;
  }
  #blog .other-date-left:after, #blog .other-date-right:after {
    width: 106%;
  }
}

@media(min-width:1900px){
  #blog .blog-container {
    margin-top: 68px;
}
  #blog .blog-content{
    width:68%;
  }
  #blog .blog-img-lft:before {
    right: -3%;
    font-size: 5em;
    top:18%;
  }
  #blog .blog-img-rgt:before {
    left: 2.5%;
    font-size: 5em;
    top:18%;
  }
  #blog .blog-content {
    margin-top: 9em;
  }
  #blog .other-date-left:after {
    left: 105px;
    top: 20px;
    width: 92%;
  }
  #blog .other-date-right:after {
    right: 105px;
    top: 20px;
    width: 92%;
  }
  #blog .other-h, #blog .blog-content-rgt .other-h{
    font-size:3.2em;
  }
  #blog .other-date{
    font-size: 1.4em;
  }
  #blog .content-mrg {
    margin-top: -5.5em;
  }
  #blog .social-container li{
    height:36px;
  }
}


/*------------------------------------------------------------Privacy CSS----------------------------------------*/
#privacy{
  width:100%;
  position:relative;
}

#privacy .privacy-subhead {
    font-size: 1.2em;
}

#privacy .policy-container{
  margin-top:50px;
  margin-bottom: 30px;
}

@media(min-width:480px){
  #privacy .privacy-resize{
    width:90%;
    margin:0 auto;
  }
  #header .trending-sub-head{
    font-size: 0.75em;
  }
  .content-head{
    font-size: 1.8em;
  }
  .desktop-content.values-content {
    margin-bottom: 20px;
}
.aboutits  {
    max-height: 0;
                  overflow-y: scroll;
                  overflow-x: hidden;
  }
}

@media(min-width:992px){
  #privacy .content-p{
    text-align:left;
  }
  #privacy .content-mrg{
    margin-top:2em;
  }
  #privacy .policy-container{
    min-height:83.8vh;
  }
}

@media(min-width:1200px){
  #privacy .privacy-resize{
    width:80%;
  }
  #privacy .content-p{
    text-align:left;
  }
  #privacy .content-head{
    margin-top:3em;
  }
}

@media(min-width:1320px){
  #privacy .privacy-subhead {
    font-size: 1.2em;
  }
}

@media(min-width:1550px){
  #privacy .privacy-subhead {
    font-size: 1.4em;
  }
  #privacy .policy-container{
    margin-top:68px;
  }
}

@media(min-width:1900px){
  #privacy .privacy-subhead {
    font-size: 1.8em;
  }
  #privacy .content-p {
    font-size: 1.2em;
  }
}

/*--------------------------------------------------------TrendingInner CSS--------------------------------------------*/

#trendinginner{
  position:relative;
  width:100%;
}

#trendinginner .trendinginner-head{
  margin-top:50px;
}

#trendinginner .trendinginner-head .content-head{
  margin-bottom:0em;
  margin-top: 1em;
}

#trendinginner .trendinginner-head .content-head:before{
  content:'';
}

#trendinginner .trendinginner-head .content-subhead{
  font-size:1.5em;
  margin-top:0.5em;
}

#trendinginner .trendinginner-head .content-date{
  font-size:1.2em;
}

#trendinginner .trendinginner-head .content-date:before{
  content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
  font-family: FontAwesome;
  position: absolute;
  font-size: 4px;
  letter-spacing: 3px;
  top: 50%;
  color: #da0009;
  margin-left: -72px;
}

#trendinginner .trendinginner-head .content-date:after{
  content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
  font-family: FontAwesome;
  position: absolute;
  font-size: 4px;
  letter-spacing: 3px;
  top: 50%;
  color: #da0009;
  margin-left:12px;
}

#trendinginner .trending-page-owl-carousel .owl-controls{
  position: absolute;
  bottom: 0%;
  right: 0;
  background: white;
  padding: 0.5em 1em;
  width:50px;
}

#trendinginner .trending-page-owl-carousel .owl-prev{
  float:left;
  font-size:1.5em;
}

#trendinginner .trending-page-owl-carousel .owl-next{
  float:right;
  font-size:1.5em;
}

#trendinginner .trending-para-container{
  width:100%;
  padding:1em 0;
}

#trendinginner .trendinginner-head {
    padding-bottom: 1em;
}

#trendinginner .trending-grow{
  position:relative;
}

@media(min-width:768px){
  #trendinginner .right-adjust{
    float:right;
    padding:2.2em 0 !important;
  }
  #trendinginner .trending-page-owl-carousel{
    position:relative;
    right:0;
    width:100%;
  }
  #trendinginner .trending-para-container{
    padding:2em 0;
  }
  #trendinginner .trendinginner-head .content-head{
    margin-top: 1.5em;
    margin-bottom: 0.5em;
  }
  #trendinginner .trendinginner-head{
    padding-bottom:2em;
  }
  #trendinginner .trendinginner-head .content-subhead{
    font-size:2.4em;
    margin-bottom:1em;
  }
  #trendinginner .trending-page-container {
    margin-bottom: 1em;
  }
}

@media(min-width:992px){
  #trendinginner .trending-para-container {
    padding: 2em 1em;
  }
  #trendinginner .trendinginner-head .content-subhead{
    font-size:2em;
  }
}

@media(min-width:1200px){
  #trendinginner .trending-para-container {
    padding: 2em;
  }
}


@media(min-width:1550px){
  #trendinginner .trendinginner-head .content-subhead{
    font-size:2.4em;
  }
  #trendinginner .trendinginner-head .content-date {
    font-size: 1.6em;
  }
  #trendinginner .trendinginner-head {
    padding-bottom: 3.5em;
  }
}

@media(min-width:1900px){
  #trendinginner .trending-para-container {
    padding: 2em 4em;
  }
  #trendinginner .trending-para-container .content-p{
    margin-bottom:2em;
  }
}
/*---------------------------------------------------------------------Contact CSS------------------------------------------*/
#contact{
  width:100%;
  position:relative;
}

#contact .map-container{
  margin-top:50px;
}

#contact .checkbox {
    width: 50%;
    float: left;
    margin-top: 10px;
}

#contact .checkbox .tag {
  display: block;
  margin-top: 30px;
  float: left;
  font-weight: bold;
  position: relative;
  padding-left:1em;
  padding-top: 0.3em;
}

#contact .checkbox label {
  display: inline;
}
#contact .checkbox .input-assumpte {
  display: none;
}
#contact .input-assumpte + label {
  -webkit-appearance: none;
  padding: 7px;
margin-top:30px;
  display: inline-block;
  position: relative;
  float: left;
}


#contact .checkbox:nth-child(1) .input-assumpte + label{
  border: 3px solid #fec340;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

#contact .input-0 + label{
  background-color:#fec340;
}

#contact .checkbox:nth-child(2) .input-assumpte + label{
  border: 3px solid #ee7f19;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

#contact .input-1 + label{
  background-color:#fec340;
}

#contact .checkbox:nth-child(3) .input-assumpte + label{
  border: 3px solid #da0009;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

#contact .input-2 + label{
  background-color: #ee7f19;
}

#contact .checkbox:nth-child(4) .input-assumpte + label{
  border: 3px solid #404040;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

#contact .input-3 + label{
  background-color: #da0009;
}

#contact .input-4 + label{
  background-color: #404040;
}

#contact .tag{
  font-size:0.8em;
}

#contact .checkbox-container{
  padding-bottom:1.5em;
  border-bottom:1px solid #d9d9d9;
}

#contact .contact-subhead{
  font-size:1.2em;
  margin-top: 30px;
}

#contact .owl-carousel .owl-prev{
  position: absolute;
  top: 0%;
  left: 0%;
  font-size: 1.4em;
}

#contact .owl-carousel .owl-next{
  position: absolute;
  top: 0%;
  right: 0%;
  font-size: 1.4em;
}

#contact .contact-p{
  font-size:0.95em;
}

#contact textarea{
  width:100%;
  border:1px solid #404040;
  border-radius:0;
  padding: 6px 12px;
  font-size:10px;
}

#contact .form-button, #contact .form-button:hover {
  background: transparent;
  border: 1px solid #404040;
  border-radius: 0;
  color: #404040;
   padding: 0.6em 1.5em;
}

#contact .form-bar ul li{
  color: #404040;
  font-size: 0.85em;
  padding: 1em 1.5em;
}

#contact .feedback-form {
    padding-top: 1em;
    padding-bottom: 1em;
}

#contact .feedback-form .form-control{
  border:1px solid #404040;
  border-radius:0;
  font-size:10px;
}

#contact .submit-button {
  margin-top: 1em;
}

#contact .contact-txt{
  font-size: 1.2em;
}

#contact .contact-submit{
  background:url(../images/contact-strip.jpg);
  background-size:250% 100%;
}

#contact .contact-submit-resize{
  width:90%;
  text-align:center;
  margin:1em auto;
}

#contact .contact-submit .form-control{
  border: 1px solid #404040;
  border-radius: 0;
  background:rgba(120,121,122,0.7);
  color:white;
  margin: 1em 0;
}

#contact .contact-submit  .form-control::-webkit-input-placeholder {
    color: #fff !important;
}

#contact .contact-submit  .form-control::-moz-input-placeholder {
    color: #fff !important;
}


#contact .contact-submit-head{
  margin:0;
}

#contact .contact-submit .submit-button {
    margin-top: 0;
}

#contact .checkbox-content{
  width:100%;
  display:table;
  border-bottom:2px solid #f3f4f4;
}

#contact .input-owl-carousel{
  visibility:visible;
  display:block;
}

#contact .carousel-content{
  display:none;
}

#contact .carousel0{
  display:block;
}

#contact .contact-grow{
  overflow-x:hidden;
  overflow-y:hidden;
}

#contact .contact-grow img{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#contact .contact-grow:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media(min-width:768px){
  #contact .checkbox-container{
    padding-bottom:0;
  }
  #contact .form-50{
    width:49%;
    float:left;
  }
  #contact .form-mrg-lft{
    margin-left:1em;
  }
  #contact .contact-txt{
    width:auto;
    float:left;
    margin:1em 0;
    position:relative;
  }
  #contact .contact-txt:nth-child(1):after{
    content: '\f111';
    font-family: FontAwesome;
    position: absolute;
    color: #404040;
    font-size: 0.5em;
    top: 23%;
    left: 102%;
  }
  #contact .contact-details{
    display:flex;
    position:relative;
  }

  #contact .contact-details:before{
    content:'';
    background:url(../images/dot3.png);
    position:absolute;
    top: 48%;
    height:3px;
    width:100%;
  }

  #contact .contact-submit-head {
    margin: 0;
    width: auto;
    float: left;
  }
  #contact .contact-submit .form-control {
    margin: 0;
    width: 94%;
    float: left;
    margin-left: 1em;
  }
  #contact .details-size{
    width:auto;
    margin:auto;
    background:#fff;
  }
  #contact .contact-txt-rgt {
    margin-left: 1.5em;
  }
  
}

@media(min-width:992px){
  #contact .map-container .content-head{
    margin-top:0em;
  }
  #contact .checkbox-content{
    padding-bottom: 1.5em;
    border-bottom: 2px solid #f3f4f4;
    display: table;
    float: left;
  }
  #contact .checkbox-container {
    border: 0;
  }
  #contact .desktop-resize{
    width:85%;
    margin:0 auto;
  }
  #contact .map-container .desktop-resize {
    margin-top: 4.5em;
  }
  #contact .checkbox-container .desktop-resize{
    margin-top: 3.5em;
  }
  #contact .desktop-no-pad{
    padding:0;
  }
  #contact .checkbox {
    width: auto;
    float: left;
    margin-top:10px;
    margin-left:1em;
  }
  #contact .checkbox:nth-child(1){
    margin-left:0;
  }
  #contact .form-mrg-lft {
    margin-left: 0.6em;
  }
  #contact .feedback-form{
    padding-top: 0em;
  }
  #contact .checkbox .tag{
    padding-left:0.8em;
  }
  #contact .form-group {
    margin-bottom: 1.4em;
  }

  #contact .contact-submit-resize {
    width: 80%;
    margin: 3em auto;
  }
  #contact .contact-submit .form-control{
    margin-left:5em;
  }
  #contact .contact-submit-head:after{
    content: '\f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111 \f111';
    font-family: FontAwesome;
    position: absolute;
    font-size: 4px;
    letter-spacing: 3px;
    top: 45%;
    color: #fec340;
    left: 105%;
  }
  #contact .contact-subhead {
    font-size: 1.2em;
    margin-top: 2em;
  }

  #contact .owl-carousel .owl-prev, #contact .owl-carousel .owl-next{
    top:0px;
  }
  #contact .checkbox-container .desktop-no-pad{
    -webkit-box-shadow: 1px 3px 5px 0px rgba(218,218,218,1);
    -moz-box-shadow: 1px 3px 5px 0px rgba(218,218,218,1);
    box-shadow: 1px 3px 5px 0px rgba(218,218,218,1);
    z-index: 99;
  }
  #contact .contact-txt{
    margin:1.8em 0;
  }
  #contact .contact-txt-rgt {
    margin-left: 1.5em;
  }
  #contact .contact-submit {
    background: url(../images/contact-strip.jpg);
    background-size: 230% 100%;
  }
  #contact .details-size:before{
    left: -56%;
    width: 30vw;
  }

}

@media(min-width:1200px){
  #contact .desktop-resize {
    width: 80%;
    margin: 0 auto;
  }
  #contact .checkbox{
    margin-left:2em;
  }
  #contact .checkbox-container .desktop-resize {
    margin-top: 5em;
  }
  #contact .contact-p {
    width: 80%;
  }
  #contact .map-container .content-p{
    width:80%;
  }
  #contact .contact-submit {
    background: url(../images/contact-strip.jpg);
    background-size: 170% 100%;
  }
}

@media(min-width:1320px){
  #contact .contact-subhead {
    font-size: 1.8em;
    margin-top: 2em;
  }
  #contact .owl-carousel .owl-prev, #contact .owl-carousel .owl-next {
    font-size: 1.8em;
  }
  #contact .contact-p {
    font-size: 1.1em;
    line-height: 2em;
  }
  #contact .feedback-form .form-control , #contact textarea{
    font-size: 12px;
    padding: 0px;
    padding-left:1em;
  }
  #contact textarea{
    padding-top:1em
  }
  #contact .feedback-form .form-control{
    height:45px;
  }
  #contact .contact-submit {
    background: url(../images/contact-strip.jpg);
    background-size: 120% 100%;
  }
}

@media(min-width:1550px){
  #contact .form-group {
    margin-bottom: 2em;
  }
  #contact .submit-button ,#contact .contact-txt{
    font-size: 1.4em;
  }
  #contact .contact-submit-resize{
    width:70%;
  }
  #contact .contact-submit .form-control{
    height:58px;
  }
  #contact .contact-submit-head{
    margin-top:0.2em;
  }
}

@media(min-width:1900px){
  #contact .feedback-form .form-control, #contact textarea{
    font-size:14px;
  }
  #contact .desktop-resize {
    width: 75%;
    margin: 0 auto;
  }
  #contact .map-container .desktop-resize {
    margin-top: 10em;
  }
  #contact .checkbox .tag {
    font-size:1.2em;
  }
  #contact .input-assumpte + label{
    padding:12px;
    border-width: 5px;
  }
  #contact .content-p {
    font-size: 1.4em;
  }
  #contact .contact-subhead {
    font-size: 2em;
  }
  #contact .owl-carousel .owl-prev, #contact .owl-carousel .owl-next {
    font-size: 2.4em;
  }
  #contact .contact-p {
    font-size: 1.4em;
    line-height: 2em;
  }
  #contact .form-mrg-lft {
    margin-left: 1em;
  }
  #contact .contact-txt{
    font-size:1.8em;
  }
  #contact .checkbox-container .desktop-resize {
    margin-top: 8em;
  }
  #contact .contact-submit {
    background: url(../images/contact-strip.jpg);
    background-size: 100% 100%;
  }
  #contact .contact-submit-resize{
    margin:5em auto;
  }
  #contact .contact-submit-head{
    font-size:3em;
  }
  #contact .contact-submit .form-control {
    margin-left: 8em;
  }
  #contact .contact-submit-head:after{
    left:112%;
  }
  #contact .contact-submit .submit-button {
    margin-top: 0.4em;
  }
  #contact .input-assumpte:checked + label:after{
    font-size:14px;
    padding: 2px 12px 2px 2px;
  }
}

/*----------------------------------------------------------------FAQ CSS----------------------------------------------------*/

#faq{
  width:100%;
  position:relative;
}

#faq .faq-container{
  margin-top:50px;
}

#faq .form-button{
  width:100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding:1em;
  background:white;
  border-radius:0px;
  border: 0px;
  color:#da0009;
  -webkit-box-shadow: 0 0px 12px rgba(0,0,0,.175);
  box-shadow: 0 0px 12px rgba(0,0,0,.175);
  text-align:left;
  padding-right: 3em;
}

#faq .down-arrow{
  position: absolute;
  top: 20%;
  right: 5%;
  color:#da0009;
  font-size: 2em;
}

#faq .dropdown-menu{
  width:100%;
  height: 160px;
  overflow-y: auto;
}

#faq .dropdown-menu li{
  font-size:10px;
  width:100%;
  padding:1em;
}

#faq .dropdown-menu li:focus, #faq .dropdown-menu li:hover{
  color: #da0009;
}

#faq .dropdown-menu li a{
  white-space: normal;
  padding:0;
  color:#404040;
}

#faq .dropdown-menu li a:focus, #faq .dropdown-menu li a:hover{
  color: #da0009;
  border: 0px;
  background: transparent;
  outline: none;
}

#faq .content-head-upper{
    margin-bottom:2em;
}

#faq .content-p{
  margin-bottom:1.5em;
  font-size: 1em;
}

#faq .faq-answer{
  width: 90%;
  margin: 0 auto;
  margin-top: 1.5em;
  font-size: 0.8em;
  display:none;
}

#faq #p0{
  display:block;
}

@media(max-width:767px){
  #faq .faq-container{
    height:calc(100vh - 85px) !important;
  }
  #faq .faq-white-container{
    height:0% !important;
  }
}

@media(min-width:768px){

  #faq .faq-dropdown{
    width:80%;
    margin:auto;
  }
  #faq .faq-img{
    position:absolute;
    bottom:0%;
  }
  #faq .faq-answer{
    width: 65%;
    margin-top: 2em;
    font-size: 1em;
  }
}

@media(min-width:992px){

  #faq .faq-img{
    width:80%;
    left:10%;
    bottom:0%;
  }
}

@media(min-width:1200px){


  #about .values-content .vv-content img {
    width: auto;
    margin-bottom: 1em;
}
}
  #faq .faq-dropdown {
    width: 70%;
    margin: auto;
  }
  #faq .faq-img{
    width:70%;
    left:15%;
  }
  #faq .faq-answer{
    width: 55%;
  }
}

@media(min-width:1320px){
  #faq .faq-img{
    width: 48%;
    left: 26%;
    bottom:-1%;
  }
  #faq .content-head-upper {
    margin-bottom: 1.5em;
  }
  #faq .faq-dropdown {
    width: 60%;
    margin: auto;
  }
  #faq .faq-answer {
    width: 45%;
  }
}

@media(min-width:1550px){
  #faq .faq-dropdown {
    width: 55%;
    margin: auto;
  }
  #faq .faq-img {
    bottom: 0%;
  }
}

@media(min-width:1900px){
  #about .pillar-content ul li{
    float:left;
    width:50%;
  }
  #faq .faq-container {
    margin-top: 65px;
  }
  #faq .content-head-upper{
    margin-top:1em;
  }
  #faq .content-p,#faq .dropdown-menu li a, #faq .form-button{
    font-size:1.3em;
  }
  #faq .faq-img {
    width: 50%;
    left: 25%;
  }
}

@media(max-width:992px) and (orientation:landscape){
    #faq .content-head-upper{
      font-size:1.4em;
      margin-bottom:1em;
    }
    #faq .faq-container{
      overflow-y:scroll;
    }
}
/*-------------------------------------------------------------------Footer CSS------------------------------------------------*/
#footer{
  width:100%;
  position:relative;
}

#footer .vkl-logo-container{
  width:100%;
  height:100%;
  display:table;
}

#footer .vkl-logo{
  display:table-cell;
  width: 55%;
  height:100%;
  padding: 1em;
}
#footer .vkl-logo-span{
  font-size: 11px;
  float: left;
  margin: 1em;
  opacity: 0;
}

#footer .vkl-up-arrow{
  float: right;
  font-size: 24px;
  margin: 0.1em;
  margin-right: 0.5em;
  color: #da0009;
  cursor:pointer;
}
#footer .vkl-logo-span1{
  text-align:center;
}

#footer .footer-list{
  margin:0;
  -webkit-transform: translatey(5%);
  -moz-transform: translatey(5%);
  -ms-transform: translatey(5%);
  transform: translatey(5%);
}
#footer .footer-list li{
  padding:0 0.5em;
  position:relative;
}
#footer .footer-list li a{
  font-family: 'ralewaymedium';
  font-size:0.8em;
  color:#414042;
  text-decoration:none;
}

#footer .footer-list li a:hover{
  text-decoration:none;
  color:#da0009;
}

#footer .footer-list li:after{
  content: '.';
  position: absolute;
  top: -75%;
  font-size: 2em;
  left: 98%;
}
#footer .footer-list li:nth-last-child(1):after{
  content:'';
}

@media(min-width:992px){
  .scdivmain {
     height: 130px; 
    overflow-y: auto;
}


  #footer .vkl-logo-container{
    width:100%;
    height:100%;
    display:table;
  }
  #footer .vkl-logo {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 1em;
  }
  #footer .vkl-logo-span{
    display:table-cell;
    height:100%;
    vertical-align:middle;
    font-size: 0.8em;
    float:none;
  }
  #footer .vkl-up-arrow{
    font-size: 3.25em;
    color:#da0009;
    margin-top:0;
    margin-bottom:0;
  }
  #footer .vkl-logo-span1{
    text-align:center;
  }
  #footer .footer-list{
    margin:0;
    text-align:center;
    -webkit-transform:translatey(100%);
    -moz-transform:translatey(100%);
    -ms-transform:translatey(100%);
    transform:translatey(100%);
  }
  #footer .footer-list li{
    padding:0 0.5em;
    position:relative;
  }
  #footer .footer-list li a{
    font-family: 'ralewaymedium';
    font-size:0.8em;
    color:#414042;
  }
  #footer .footer-list li:after{
    content: '.';
    position: absolute;
    top: -75%;
    font-size: 2em;
    left: 98%;
  }
  #footer .footer-list li:nth-last-child(1):after{
    content:'';
  }
  #footer .vkl-up-arrow{
    font-size:3em;
     margin:0;
     float:left;
     margin-left: 0.5em;
  }
  #footer .vkl-logo-span1{
    text-align:right;
  }
}

@media(min-width:1200px){
  #footer .vkl-logo{
    width:100%;
  }
}

@media(min-width:1320px){
  #footer .vkl-logo {
    width: 100%;
  }
}

@media(min-width:1550px){
  #footer .vkl-logo {
    width: 22%;
  }
}

@media(min-width:1900px){
  #footer .vkl-logo {
    width: 68%;
  }
  #footer .footer-list li a{
    font-size:1.1em;
  }
   #footer .vkl-logo-span1, #footer .vkl-logo-span{
     font-size:0.85em;
     opacity: 0;
   }
   #footer .vkl-up-arrow{
     font-size:3em;
      margin:0;
      float:left;
      margin-left: 0.5em;
   }
   #footer .vkl-logo-span1{
     text-align:right;
   }
}
i.pull-left.fa.fa-twitter {
    color: #4499ff;
}

i.pull-left.fa.fa-instagram {
        background: #d6249f;
    background: radial-gradient(circle at 30% 92%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    border-radius: 102%;
    box-shadow: 0px 3px 10px rgba(0,0,0,.25);
    color: #5d5a5a;
}

i.pull-left.fa.fa-facebook {
    color: #3b5998;
}



@media(min-width:992px){
    #header .img-back{
    position: relative;
    border-top: 30px solid rgba(243, 244, 244, 0.8);
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    width: 220px;
margin-top:49px ;
  }

  #header .img-back img{
    position: absolute;
    top: -75px;
    left: 0px;
    width: 100%;
  }
  .aboutits  {
    max-height: 114px;
                  overflow-y: scroll;
                  overflow-x: hidden;
  }
}

@media(min-width:1200px) {
     #header .vkl-logo{
    width:6%;
    left: 41%;
  }
   #header .img-back img{
    top: -77px;
    left: 0;
    width: 100%;
  }
  .aboutits  {
    max-height: 114px;
                  overflow-y: scroll;
                  overflow-x: hidden;
  }
}

@media(min-width:1320px) {
    #header .vkl-logo {
    width: 6.5%;
    left: 41.5%;
  }
  #header .img-back{
    /*border-top: 35px solid rgba(243, 244, 244, 0.8);*/
    border-top: 45px solid rgba(200, 200, 200, 0.8);
    width: 230px;
margin-top:60px;
  }
  #header .img-back img{
    top: -90px;
    left: 0%;
    width: 100%;
  }
  .aboutits  {
    max-height: 114px;
                  overflow-y: scroll;
                  overflow-x: hidden;
  }

}

@media(min-width:1550px){
  #header .vkl-logo {
    width:3%;
    left:42%;
  }

  #header .img-back{
    border-top: 50px solid rgba(243, 244, 244, 0.8);
    width: 250px;
    margin-top:60px;
  }

  #header .img-back img{
    top: -95px;
    left: 0;
    width: 100%;
  }
  .aboutits  {
    max-height: 114px;
                  overflow-y: scroll;
                  overflow-x: hidden;
  }
}


@media(min-width:1900px){
  .scdivmain {
     height: 380px; 
    overflow-y: auto;
}
#about .values-content .vv-content img {
    width: 135px;
    margin-bottom: 1em;
}
.Scrollbarnew{
  /*height: 400px; overflow: hidden;*/
}
  #header .vkl-logo {
    width:3%;
    left:42%;
  }

  #header .img-back{
    /*border-top: 50px solid rgba(212, 214, 214, 0.9);*/
    border-top: 50px solid rgba(243, 244, 244, 0.8);
    width: 285px;
    margin-top:67px;
  }

  #header .img-back img{
    top: -115px;
    left: 2%;
    width: 97%;
  }
.aboutits  {
    max-height: 124px;
                  overflow-y: scroll;
                  overflow-x: hidden;
  }

}
.tooltip{
  margin-left:-60px;
}
.buttonWrap{
    float:left;
    width:100%;
    text-align:center;
}
.form-group .help-block { display:none !important;}
.contact-submit .form-success {
    color: #ffffff;
    font-size: 23px;
}
.form-success{
    float:left;
    width:100%;
    text-align:center;
    font-size: 23px;
}
#career .why-container .content-p{
    font-size: 1em;
margin-bottom: 2em;
}
.searchWrap{
  float:left;
  width:100%;
  border:#fec43f solid 10px;
  margin:60px 0 0 0;
  padding:2% 5%;
  background:#f4f4f4;
}
.searchWrap .label{
  float:left;
  width:100%;
  color:#da0008;
  font-size:14px;
  text-transform:uppercase;
  text-align:left;
  font-family: 'ralewaymedium';
}
.searchWrap .searchTxt{
  float:left;
  width:100%;
  color:#404040;
  font-size:50px;
  font-family: 'oswaldbold';
  margin:0 0 20px 0;
}
.searchWrap .searchConatinerWrap{
  float:left;
  width:100%;
}
.searchWrap .searchConatinerWrap ul{
  list-style:none;
  margin:0;
  padding:0;
}
.searchWrap .searchConatinerWrap ul li{
  float:left;
  width:25%;
  padding:0 10px 10px 0;
}
.searchWrap .searchConatinerWrap ul li .heading{
  float:left;
  width:100%;
  padding:10px 5%;
  text-align:center;
  font-size:20px;
  text-transform:uppercase;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  background:#fff;
  font-family: 'oswaldbold';
}
.searchWrap .searchConatinerWrap ul li .searchContentWrap{
  float:left;
  width:100%;
  height:300px;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  overflow:hidden;
}
.searchWrap .searchConatinerWrap ul li .searchContentWrap .overlayWrap{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(232,232,232,0.6);
  color:#404040;
  font-size:15px;
  padding:5%;
  text-align:center;
  position:relative;
}
.searchWrap .searchConatinerWrap ul li .searchContentWrap .overlayWrap .table{
  display:table;
  width:100%;
  height:100%;
}
.searchWrap .searchConatinerWrap ul li .searchContentWrap .overlayWrap .table .cell{
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
}
.searchWrap .searchConatinerWrap ul li .searchContentWrap .overlayWrap .hr{
  display:inline-block;
  width:20%;
  margin:20px 40%;
  border-top:#fec43f dotted 2px;
  clear:both;
}
.searchWrap .searchConatinerWrap ul li .searchContentWrap .overlayWrap .button{
  display:inline-block;
  width:auto;
  text-transform:uppercase;
  font-size:15px;
}
.searchWrap .searchConatinerWrap ul li .searchContentWrap .overlayWrap .button a{
  display:block;
  color:#000;
  text-decoration:none;
  padding:5px 10px;
  border:#000 solid 2px;
}
.searchWrap .searchConatinerWrap ul li .searchContentWrap .overlayWrap .button a:hover{
  background:#da0009;
  color:#fff;
  border-color:#da0009;
}
@media only screen and (max-width: 479px){
  .searchWrap{
    margin:40px 0 0 0;  
  }
  .searchWrap .searchConatinerWrap ul li{
    width:100%;
    padding:0 0 10px 0; 
  }
}