/*
Theme Name: Gliese
Theme URI: http://codepark.co/gliese/
Description: WordPress One Page Parallax Theme
Version: 1.2
Author: Codepark
Author URI: http://codepark.co/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: onepage, parallax
*/
/* =Common Styles
-------------------------------------------------------------- */
html,
body {
  height: 100% !important;
}
h1{
font-size: 24px;
}
h2{
font-size: 20px;
}
h3{
font-size:18px;
}
p{
font-size: 14px;
}
body {
  font-family: 'Raleway', sans-serif;
  color: #0F0F0F;
  padding-top: 50px;
  background-color: #F5F5F5;
  }

section#page-not-found {
    background: url(https://tudip.com/wp-content/uploads/2017/08/Tudip-Values.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}


ul.job_listings li.job_listing a{
 background-color: #fff!important;
}
 ul.job_listings li.job_listing a:hover{
 background-color: #777;
}
ul.job_listings li.job_listing a .meta li date{
display: none !important;
}
a {
  color: #0F0F0F;
  text-decoration: underline;

}
a:hover,
a:focus {
  text-decoration: underline;
  color: #1abc9c;
}
img {
  max-width: 100%;
  height: auto;
}
img.img-align{
margin-top: -5vh;
margin-bottom: 10vh;
}
.main-container {
background-color: #f5f5f5;
}
.section {
  position: relative;
  padding: 2vh 0 3vh 0;
 background: #FFFFFF;
}
.section.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.section.grey {
  background-color: #f5f5f5;
}
.section.light {
  color: #fff;
}
.section.light .section-title > h4 {
  color: #fff;
}
.section.light .section-title > hr {
  border-color: #fff;
}
.btn {
  background-color: #1abc9c;
  border-color: #1abc9c;
  color: #fff;
}
.btn:hover,
.btn:focus {
  color: #fff;
}
.section-title {
  text-align: center;
}
.section-title > h4 {
  color: #777;
  margin-bottom: 20px;
}
.section-title > hr {
  border-top: 2px solid #0F0F0F;
  width: 50px;
}
h2.section-title-style{
padding-bottom: 4vh;
}
.section-content:before,
.section-content:after {
  content: " ";
  display: table;
}
.section-content:after {
  clear: both;
}
.embedded-video {
  width: 100%;
  position: relative;
  padding-top: 60%;
}
.embedded-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
}
.embedded-video,
.embedded-audio {
  background-color: #fff;
}
.form-control,
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 1px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 0 auto 4vh auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 1px 0px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/* =Header
-------------------------------------------------------------- */
#topnav {
  background-color: #fff;
}
#topnav .navbar-nav > li > a {
  font-size: 16px;
  font-weight: bold;
  transition: padding .4s ease;
}
#topnav .navbar-nav > li > a:hover {  
  color: #1abc9c;
}
#topnav .navbar-nav > li.active > a {
  background-color: #fff;
  color: #1abc9c;
}
#logo {
  position: relative;
  transition: all .3s ease;
}
#logo > a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
#logo > a > img {
  max-height: 100%;
  line-height: inherit;
  width:85px;
  height:40px;
}
.logged-in.admin-bar #topnav,
.logged-in.admin-bar #video-wrapper {
  top: 32px;
}
/* =Preloader
-------------------------------------------------------------- */
#mask {
display:none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 10000;
  height: 100%;
}
#loader {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url("images/preloader.gif");
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
/* =Home Section
-------------------------------------------------------------- */
.home-section {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.home-section.image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
#home-slider {
  height: 100%;
}
#home-slider .flex-viewport,
#home-slider .slides {
  height: 100%;
}
#home-slider .slides > li {
  height: 100%;
}
#home-slider .overlay {
  background-color: rgba(0, 0, 0, 0.3);
}
.parallax {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
.overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.slide-caption {
  height: 100%;
  width: 80%;
  margin: 0 10%;
  display: table;
  position: relative;
}
.slide-middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.slide-middle > h1 {
  display: inline-block;
  color: #fff;
  padding: 10px 15px;
  font-size: 65px;
  text-transform: uppercase;
  border: 7px double #fff;
  margin: 0;
}
.slide-middle > p {
  color: #fff;
  font-size: 20px;
  margin-top: 20px;
}
.flexslider:hover .flex-prev,
.flexslider:hover .flex-next {
  opacity: 1;
}
.flex-direction-nav a {
  color: #fff;
  text-shadow: none;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  opacity: 0;
}
.flex-direction-nav a:hover {
  color: #fff;
}
.flex-direction-nav a:before {
  font-family: 'FontAwesome';
  font-size: 50px;
}
.flex-direction-nav a.flex-prev {
  left: 10px;
}
.flex-direction-nav a.flex-prev:before {
  content: "\f104";
}
.flex-direction-nav a.flex-next {
  right: 10px;
}
.flex-direction-nav a.flex-next:before {
  content: "\f105";
}
.slider-border {
  text-align: center;
  margin: 15px auto;
  width: 240px;
  color: #fff;
}
.slider-border > span {
  display: inline-block;
}
.slider-border .line {
  height: 2px;
  background: #fff;
  width: 90px;
  margin: 3px;
}
#video-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.slideshow {
  margin: 25px 0;
}
.home-section + .section:before,
.home-section + .section:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 100%;
  z-index: 200;
  height: 0;
  width: 50%;
  border-top: 35px solid;
  color: transparent;
}
.home-section + .section:before {
  left: 0;
  border-right: 35px solid #fff;
}
.home-section + .section:after {
  right: 0;
  border-left: 35px solid #fff;
}
/* =About Section
-------------------------------------------------------------- */
.accordion-group {
  margin: 25px 0;
}
.panel {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-heading {
  padding: 0;
  background-color: transparent;
  border-color: #f5f5f5;
  border-bottom: 0;
}
.panel-heading > a {
  display: block;
  position: relative;
  padding: 10px 15px 10px 35px;
  background-color: #f5f5f5;
  text-transform: uppercase;
  font-size: 12px;
  color: #777;
}
.panel-heading > a.active {
  background-color: #1abc9c;
  border-color: #1abc9c;
  color: #fff;
}
.panel-heading > a.active .accordion-icon:before {
  content: "\f056";
}
.panel-body {
  border: 1px solid #ececec;
  border-top: 0;
}
.accordion-icon {
  position: absolute;
  left: 15px;
  font-size: 14px;
}
.accordion-icon:before {
  content: "\f055";
}
.icon_box {
  padding-left: 100px;
  position: relative;
  margin: 25px 0 50px;
}
.icon_box:before,
.icon_box:after {
  content: " ";
  display: table;
}
.icon_box:after {
  clear: both;
}
.icon_box:hover {
  cursor: default;
}
.icon_box:hover .ib-icon {
  background-color: transparent;
  border-color: #1abc9c;
}
.icon_box:hover .ib-icon > .fa {
  color: #1abc9c;
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ib-icon {
  width: 76px;
  height: 76px;
  position: absolute;
  left: 0;
  text-align: center;
  color: #1abc9c;
  background-color: #1abc9c;
  line-height: 76px;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all .3s ease;
}
.ib-icon > .fa {
  color: #fff;
  font-size: 35px;
  line-height: inherit;
}
.ib-text > h4 {
  margin-top: 0;
}
.ib-text > hr {
  border-top: 2px solid #dbdfe1;
  margin: 15px auto;
  width: 70px;
}

/* Blog CSS Button */

.portfolio-button .port-btn{
	float:right;
	padding:10px;
}
.portfolio-button a.blog-more-link.port-btn:active,.portfolio-button a.blog-more-link.port-btn:hover,.portfolio-button a.blog-more-link.port-btn:focus{
	color: #1ABC9C;
}
a.blog-more-link {
    background: transparent !important;
    border: 1px solid #1ABC9C !important;
    border-radius: 10px !important;
    padding: 5px 15px;
    clear: both;
    display: inline-block;
    font-size: 14px;
    text-decoration: none !important;
    color:#1ABC9C;
}

.blog-more-link:hover {
    background-color: #1ABC9C !important;
    border: 1px solid #1ABC9C !important;
    color: #fff !important;
    border-radius: 10px !important;
}


/* =Team Section
-------------------------------------------------------------- */
.team-member {
  position: relative;
  margin: 95px auto 0;
  padding-top: 95px;
  max-width: 440px;
  text-align: center;
  border-radius: 4px;
  cursor: default;
  transition: all .3s ease;
}
.team-member:hover {
  background-color: #fff;
}
.team-member:hover .team-social {
  opacity: 1;
  bottom: 0;
}
.team-member > img {
  width: 140px;
  position: absolute;
  left: 0;
  right: 0;
  top: -45px;
  margin: auto;
  border: 4px solid #fff;
  border-radius: 30%;
}
.team-content {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 65px;
  position: relative;
  overflow: hidden;
}
.vision-text {
margin: 0px 9vh 10px;
}
.team-content > h3 {
  margin: 10px 0;
}
.team-content > p {
  font-size: 13px;
}
.team-social {
  padding: 15px 0;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  transition: all .3s ease;
}
.team-social > li {
  display: inline-block;
  margin: 0 5px;
}
.team-social > li > a {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  padding: 0;
}
.team-social > li > a.facebook {
  background-color: #3b5998;
}
.team-social > li > a.twitter {
  background-color: #55acee;
}
.team-social > li > a.linkedin {
  background-color: #0976b4;
}
.team-social > li > a.gplus {
  background-color: #dd4b39;
}
/* =Parallax Section
-------------------------------------------------------------- */
.parallax-section.light {
  color: #fff;
}
.parallax-section.light .section-title {
  color: #fff;
}
.parallax-section.light .section-title > hr {
  border-color: #fff;
}
.parallax-section.dark .section-title hr {
  border-color: #3e474c;
}
.parallax-section .overlay {
  padding-top: 50px;
  padding-bottom: 50px;
}
/* =Counters
-------------------------------------------------------------- */
.counter {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.counter-number {
  display: block;
  font-size: 58px;
}
.counter-text {
  text-transform: uppercase;
  font-size: 13px;
}
/* =Skills
-------------------------------------------------------------- */
.skill-box {
  text-align: center;
  margin: 50px 0;
}
.skill-box p {
  text-transform: uppercase;
  font-size: 13px;
  margin: 10px 0;
}
.skill {
  width: 110px;
  height: 110px;
  line-height: 110px;
  position: relative;
  margin: auto;
}
.skill > span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 25px;
}
/* =Services
-------------------------------------------------------------- */
.service {
  position: relative;
  padding: 0 15px;
  margin: 30px 0;
  text-align: center;
}
.service-icon {
  width: 50px;
  height: 50px;
  font-size: 44px;
  margin: 15px auto;
  color: #1abc9c;
  border-radius: 50%;
  transition: all .3s ease;
}
.service-icon > .fa {
  line-height: inherit;
}
/* =Clients
-------------------------------------------------------------- */
.client {
  padding: 10px 0;
  position: relative;
  height: 100px;
  overflow: hidden;
}
.client > img {
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/* =Quotes
-------------------------------------------------------------- */
.quote {
  padding: 50px 0;
  text-align: center;
}
.quote > h2 {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.quote > p {
  font-size: 16px;
}
.quote-left:before {
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 20px;
  vertical-align: top;
  margin-right: 10px;
}
.quote-right:before {
  content: "\f10e";
  font-family: "FontAwesome";
  font-size: 20px;
  vertical-align: top;
  margin-left: 10px;
}
/* =Testimonials
-------------------------------------------------------------- */
#testimonial-slider {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0 6vmin;
}
#testimonial-slider .flex-direction-nav {
  text-align: center;
  margin-top: 20px;
}
#testimonial-slider .flex-direction-nav > li {
  position: relative;
  display: inline-block;
  margin: 5px;
}
#testimonial-slider .flex-direction-nav > li > a {
  position: static;
  width: 30px;
  height: 30px;
  line-height: 26px;
  margin: 0;
  opacity: 1;
  color: #1abc9c;
  border: 2px solid #1abc9c;
  text-align: center;
  border-radius: 4px;
}
#testimonial-slider .flex-direction-nav > li > a:hover {
  background-color: #fff;
  color: #1abc9c;
}
#testimonial-slider .flex-direction-nav > li > a:before {
  font-size: 20px;
}
/* =Pricing Tables
-------------------------------------------------------------- */
.pricing-table {
  position: relative;
  border: 1px solid #ececec;
  margin: 50px -15px 50px -16px;
}
.pricing-table.first-table {
  margin-left: -15px;
}
.pricing-table > h3 {
  margin: 0;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  background-color: #f4f4f4;
}
.pricing-table.featured {
  top: -20px;
}
.pricing-table.featured > h3 {
  background-color: #1abc9c;
  color: #fff;
}
.pricing-table.featured .signup-button {
  padding: 40px 0;
}
.price {
  padding: 25px 10px;
  text-align: center;
}
.price > h4 {
  margin: 0;
  font-size: 65px;
}
.price > h4 > .currency {
  position: relative;
  top: -25px;
  left: -5px;
  font-size: 16px;
}
.price > h4 .interval {
  position: relative;
  bottom: 0;
  font-size: 18px;
}
.pricing-table-content .nav > li {
  padding: 10px 15px;
  background-color: #f4f4f4;
  text-align: center;
}
.pricing-table-content .nav > li:nth-child(2n) {
  background-color: #fff;
}
.signup-button {
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #ececec;
}
.signup-button > .btn {
  text-transform: uppercase;
  font-size: 13px;
}
/* =Portfolio Section
-------------------------------------------------------------- */
.portfolio-section {
  background-color: #f4f4f4;
  padding-bottom: 0;
}
.portfolio-nav{
    display: none;
}
#portfolio-filters {
  text-align: center;
  padding: 15px 0;
}
#portfolio-filters > li {
  display: inline-block;
  margin: 5px;
  border: 2px solid transparent;
  border-radius: 2px;
  padding: 5px 15px;
  text-transform: uppercase;
  font-size: 12px;
  transition: all .3s ease;
  cursor: pointer;
}
table.TableSpecific tr td{
width:100%;
background-color: orange;
}
.Table tr td {
    border: 1px solid black;
    border-collapse: collapse;
}
.Table tr td {
    padding: 15px;
background-color: orange;
}
#portfolio-filters > li:hover,
#portfolio-filters > li.active {
  border: 2px solid #1abc9c;
  color: #1abc9c;
}
#portfolio-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 0px;
}
#portfolio-grid:before,
#portfolio-grid:after {
  content: " ";
  display: table;
}
#portfolio-grid:after {
  clear: both;
}
#portfolio-grid > li {
  float: left;
  display: none;
  opacity: 0;
  position: relative;
  overflow: hidden;
}
#portfolio-grid > li:hover .project-image > img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#portfolio-grid > li:hover .project-button {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#portfolio-grid > li:hover .project-overlay {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
#portfolio-grid > li:hover .project-description {
  padding: 20px 0 40px;
}
#portfolio-grid > li:hover .project-description > span {
  bottom: 20px;
}
#portfolio-grid._3-columns > li {
  width: 33.33333333%;
}
#portfolio-grid._4-columns > li {
  width: 24%;
  margin: 5px;
}
#portfolio-grid._5-columns > li {
  width: 20%;
}
.project-image {
  position: relative;
  overflow: hidden;
 
 }
.project-image >img.portfolio-image-details {
 height: 30vh;
}
.project-image >img {
 display: block;
 width: 100%;
 }
.project-image >img {
  width: 100%;
 
  transition: all .3s ease;
}
.project-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 1;
  transition: all .3s ease;
}
.project-overlay:hover{
background-color: rgba(0, 0, 0, 0.5);
}
.overlay-caption {
  display: table;
  width: 100%;
  height: 100%;
}
.overlay-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.project-button {
  display: inline-block;
  padding: 8px 14px;
  color: #fff;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 4px;
  transition: all .3s ease;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.project-button:hover {
  background-color: #fff;
  color: #333;
  text-decoration: none;
}
.project-description {
  position: relative;
  background-color: #fff;
  padding: 30px 0;
  text-align: center;
  overflow: hidden;
  transition: all .3s ease;
  cursor: default;
  height: 12vh;
}
.project-description > h4 {
  margin: 0;
  font-size: 15px;
  text-transform: uppercase;
}
.project-description > span {
  display: block;
  width: 100%;
  position: absolute;
  bottom: -100%;
  font-size: 13px;
  color: #777;
  transition: all .3s ease;
}


#project {
    margin: auto;
    /*background-color: #f4f4f4;*/
    padding-left: 5px;
    padding-right: 5px;
}
#project .flexslider,
#project .video {
  margin: 50px 15px;
}
#project h5 {
  padding-bottom: 10px;
  position: relative;
  font-weight: bold;
  color: #273355;
}
#project h5:after {
  content: "";
  width: 50px;
  height: 2px;
  position: absolute;
  background-color: #e6e6e6;
  left: 0;
  bottom: 0;
}
#project-loader {
  background-color: #fff;
}
#project-loader.open {
  padding-top: 80px;
  padding-bottom: 80px;
}
#project-content #project-controls > div > #close-project {
  display: inline-block;
}
#project-controls {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}
#project-controls > div {
  display: inline-block;
}
#project-controls > div > a {
  display: block;
  width: 35px;
  height: 35px;
  color: #273355;
  border: 2px solid #bf1708;
  line-height: 31px;
  border-radius: 4px;
  transition: all .3s ease;
}
#project-controls > div > a:hover {
  background-color: transparent;
  color: #bf1708;
}
#project-controls > div > #close-project {
  display: none;
}
#project-controls .prev-project {
  position: absolute;
  left: 0;
  padding-top: 20%;
}
#project-controls .next-project {
  position: absolute;
  right: 0;
  padding-top: 20%;
}
.project-title{
color: #BF1708;
}
/* =Contact Form
-------------------------------------------------------------- */
.contact-section {
  background-color: #f4f4f4;
  padding-bottom: 80px;
}
#map {
  width: 100%;
  height: 500px;
}
.with_map #contact-box {
  margin: -200px auto 0;
}
#contact-box {
  position: relative;
  width: 65%;
  /*background-color: #fff;*/
  background-color: transparent;
  border-radius: 4px;
  margin: 0 auto;
}
#contact-box:before,
#contact-box:after {
  content: " ";
  display: table;
}
#contact-box:after {
  clear: both;
}
#contact-box h4 {
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
}
#contact-box hr {
  width: 50px;
  border-top-width: 2px;
}
#contact-form {
  margin: 0 -15px 60px;
  padding: 20px;
  /*border-right: 1px solid #ececec;*/
}
#contact-form span.wpcf7-form-control-wrap {
  display: block !important;
}
/*
#contact-form span.wpcf7-not-valid-tip {
  position: absolute;
  top: 12px;
  right: 8px;
  font-size: 12px;
} */

#contact-form span.wpcf7-not-valid-tip {
   position: absolute;
   bottom: -18px;
   left: 0;
   font-size: 12px;
}

#contact-form .wpcf7-response-output {
  border-width: 1px !important;
  border-radius: 4px;
}
#contact-form input[type=text],
#contact-form input[type=email],
#contact-form textarea,
#contact-form input[type=submit] {
  background: none;
  border: 1px solid darkgrey;
  border-radius: 4px;
  padding: 6px 12px;
  width: 100%;
  margin-top: 5px;
  transition: all .3s ease;
}
#contact-form input[type=text]:focus,
#contact-form input[type=email]:focus,
#contact-form textarea:focus,
#contact-form input[type=submit]:focus {
  outline: none;
  border-color: #1abc9c;
}
#contact-form textarea {
  resize: none;
}
#contact-form input[type=submit] {
  background-color: #1abc9c;
  border-color: #1abc9c;
  color: #fff;
      width: 20% !important;
    margin: 0 auto;
    float: right;
}
#contact-form input[type=submit]:hover,
#contact-form input[type=submit]:focus {
  color: #fff;
}
#contact-info {
  margin: 0 -15px;
  padding: 20px;
}
.contact-detail {
  margin: 0 -20px;
  padding: 20px;
  border-bottom: 1px solid #ececec;
  color: #999;
  transition: all .3s ease;
}
.contact-detail:hover {
  color: #555;
}
.contact-detail .fa {
  font-size: 18px;
  margin-right: 10px;
}

.contact-detail .fa-envelope {
  margin-right: 0px;
}

#social-links {
  /*margin: -1px -20px 0;*/
  text-align: center;
  /*border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;*/
}
#social-links > li {
  display: inline-block
}
#social-links > li > a {
  width: 35px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  font-size: 16px;
}
#social-links > li > a:hover {
  background-color: transparent;
}
#social-links > li a p.fa:hover {
  color: #fff;
}
#social-links > li > a > .fa {
  line-height: inherit;
  font-size: 15px;
}
#social-links > li:last-child {
  border-right: 0;
}
/* =Blog
-------------------------------------------------------------- */
#blog .section-title {
  margin-bottom: 50px;
}
.post-single {
  position: relative;
  margin-bottom: 50px;
}
.post-single:before,
.post-single:after {
  content: " ";
  display: table;
}
.post-single:after {
  clear: both;
}
.post-single .quote-left:before,
.post-single .quote-right:before {
  font-size: 14px;
}
.post-single .quote-left:before {
  margin-right: 5px;
}
.post-single .quote-right:before {
  margin-left: 5px;
}
.post-date {
  width: 65px;
  position: absolute;
  left: 0;
  color: #bababa;
  text-align: center;
}
.post-date > span {
  display: block;
}
.post-date .date-day {
  font-size: 24px;
  margin-bottom: 5px;
  line-height: 1;
}
.post-date .date-month {
  text-transform: uppercase;
  font-size: 11px;
}
.post-content {
  position: relative;
  background-color: #fff;
  padding: 20px 65px 20px 65px;
}
.post-content h3 {
  margin-top: 0;
  margin-bottom: 5px;
}
.post-content p {
  color: #0B0B0B;
}
.post-info {
  color: #bababa;
  font-size: 13px;
  margin-bottom: 15px;
}
.post-info a {
  color: #bababa;
}
.post-info .dot:before {
  content: '•';
}
.post-text {
  margin: 20px 0;
}
.border-btn {
  background-color: transparent;
  border: 2px solid #3e474c;
  color: #3e474c;
  text-transform: uppercase;
  font-size: 13px;
  transition: all .3s ease;
}
.border-btn:hover {
  background-color: #3e474c;
  color: #fff;
}
#posts-pagination > li > a {
  width: 35px;
  height: 35px;
  padding: 0;
  line-height: 32px;
  text-align: center;
  border: 2px solid transparent;
}
#posts-pagination > li > a:hover {
  color: #3e474c;
  background-color: transparent;
  border-color: #3e474c;
}
.widget {
  padding: 15px;
  background-color: #fff;
  margin-bottom: 25px;
}
.widget ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.widget ul > li {
  position: relative;
  padding: 5px 0 5px 10px;
  border-bottom: 1px solid #ececec;
}
.widget ul > li:last-child {
  border-bottom: 0;
}
.widget ul > li:before {
  
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
}
.widget #wp-calendar {
  width: 100%;
}
.widgettitle {
  text-transform: uppercase;
  margin-top: 0;
}
.tagcloud a {
  display: inline-block;
  border: 1px solid #ececec;
  border-radius: 4px;
  padding: 4px 8px;
  transition: all .3s ease;
  margin : 2px;
}
.tagcloud a:hover {
  background-color: #ececec;
  color: #333;
}
.no-posts {
  background-color: #fff;
  padding: 30px 20px;
}
.no-posts h2 {
  margin: 0;
}
#comments {
  background-color: #fff;
  margin-bottom: 50px;
}
#comments .comments-title {
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid #ececec;
  text-transform: uppercase;
}
.comment-list > li {
  padding: 15px;
  border-bottom: 1px solid #ececec;
}
.comment-list > li > article {
  position: relative;
  padding-left: 65px;
}
.comment-list .children {
  list-style: none;
  margin: 15px -15px 0;
  border-top: 1px solid #ececec;
}
.comment-list .children > li {
  padding: 15px;
}
.comment-list .children > li > article {
  position: relative;
  padding-left: 65px;
}
.author-avatar {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
}
.author-name {
  margin: 0;
}
.comment-date {
  font-size: 12px;
  color: #888;
}
#comments-pagination {
  border-bottom: 1px solid #ececec;
}
#comments-pagination > li.nav-next {
  float: right;
  border-left: 1px solid #ececec;
}
#comments-pagination > li.nav-prev {
  border-right: 1px solid #ececec;
}
#comments-pagination > li > a {
  border-radius: 0;
}
#respond {
  padding: 15px;
}
.form-double .form-group {
  width: 50%;
  float: left;
  padding-right: 5px;
}
.form-double .form-group.last {
  padding-right: 0;
  padding-left: 5px;
}
#comment-field {
  min-height: 120px;
  max-width: 100%;
}
#submit-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
  color: #fff;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 1.42857143;
  border-radius: 4px;
}
.reply-title {
  text-transform: uppercase;
  font-size: 14px;
}
.featuredImage {
width: 100%;
height: 60vmin;
margin-bottom: -11vh;
overflow: hidden; 
padding-bottom: 5px;
}
/* CSS for blog page */


p.custom-date, span.custom-date {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
a.author-link {
    color: white;
}
.custom-author-name h4 {
    font-size: 20px;
    font-weight: 700;
}
.custom-author-name {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    bottom: 14vh;
}
.custom-author-image {
    position: absolute;
    width: 100%;
    margin: 0 auto;
     bottom: 25vh;
}
.custom-author-image>img {
    -webkit-border-radius: 200px;
    max-width: 90px;
    width: 70%;
    /*border-radius: 55px;*/
    height: 90px;
}
div#hidden {
    position: relative;
}
img.lazy.author-image {
    content: url(/wp-content/uploads/2017/07/tudip-logo.png);
}

/*#map div:nth-child(odd) {
    display: none;
}*/
/*div#map {
background-image: url(/wp-content/uploads/2017/07/tudip-google-map.png);
}*/
li.mix.cloud.mix_all .project-overlay, li.mix.mix_all .project-overlay {
    background: rgba(0,0,0,0.3);
}
.page-id-212 section#our-team h2 {
    display: none;
}
.page-id-212 .section {
	padding:0px;
}

.page-id-138 .container-fluid {
    background-color: white !important;
}
.page-id-140 .section-title, section#jobs-tudip-technologies .section-title, .page-id-5065 .section-title {
    display: block !important;
    position: absolute;
    left: 41vw;
    top: 5vh;
color:white;
}
 section#jobs-tudip-technologies .section-title {
    display: none!important;
    position: absolute;
    left: 31vw;
    top: 5vh;
    color:white;
}
.page-id-140 .section-title h2, section#jobs-tudip-technologies .section-title h2, .page-id-5065 .section-title h2 {
    font-size: 30px;
    color: white;
}
 .image-cover-skin {
    background: rgba(0,0,0,0.3) !important;
}
.page-id-2737 .image-cover-skin {
    display: none;
} 
#contact #contact-info a:hover, a:focus {
    color: #555;
}

/* =404 Page
-------------------------------------------------------------- */
#page-not-found {
 /* padding-top: 120px;*/
  /*padding-bottom: 120px;*/
  text-align: center;
}
#page-not-found h2 {
  font-size: 95px;
}
#page-not-found h4 {
  margin: 35px 0;
}
/* =Footer
-------------------------------------------------------------- */
footer {
/*background-color: #222;
  border-top: 1px solid #ececec;
  padding-top: 40px;
  padding-bottom: 40px;*/
  background-color: #273355;
}
.footer-container {
  padding: 25px 0 5px 0;
}
.copyright-text p {
  text-align: center;
  /*background: #222;*/
  background-color: #273355;
  width: 100%;
  color:#a6a6a6;
  font-size: 13px;
}
.copyright-text {
  padding: 0 25px;
}
/*
changes added
---------------------------------------------*/
.footer-links {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
}
.footer-links li#text-2, .footer-links li#text-3, .footer-links li#text-5, .footer-links li#text-10, .footer-links li#text-8, .footer-links li#email-subscribers-2, .footer-links li#text-6, .footer-links li#text-2, .footer-links li#email-subscribers-3, .footer-links li#text-7, .footer-links li#email-subscribers-5, .footer-links li#text-9{
  list-style: none;
  background: #273355;
  margin-bottom: 0;
}
.textwidget p a:hover, .textwidget p a:focus {
  color: #fff;	
}
.footer-links li#text-2 .textwidget p, .footer-links li#text-5 .textwidget p, .footer-links li#text-8 .textwidget p, .textwidget p a, .footer-links li#text-6 .textwidget p, .footer-links li#text-3 .textwidget p, .footer-links li#email-subscribers-3, .footer-links li#text-7 .textwidget p, .footer-links li#email-subscribers-5, .footer-links li#email-subscribers-6, .footer-links li#text-6 .textwidget p, .footer-links li#text-9 .textwidget p, .footer-links li#text-10 .textwidget p {
  color: #a6a6a6;
  font-size: 13px;
  text-decoration: none;
}
.footer-links li#text-2 h1, .footer-links li#text-5 h1, .footer-links li#text-10 h1, .footer-links li#text-8 h1, .footer-links li#email-subscribers-2 h1, li#email-subscribers-2 h2, .footer-links li#text-3 h1, .footer-links li#text-6 h1, footer-links li#email-subscribers-3, li#email-subscribers-3 h2, .footer-links li#text-7 h1, .footer-links li#email-subscribers-5 h1, .footer-links li#text-9 h1{
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;	
}
.footer-links-list-style{
list-style-type:none;
}
.footer-img {
width: 30%;
display: inline-block;
float: right;
}
.footer-bg {
width: 100%;
height: auto;
padding: 10px;
max-width: 100%;
/* background-image:url("//tudipsitedev.tudip.com/wp-content/uploads/2015/02/footer-bg-e1423054359607.jpg"); */
}
.footer-text{
color: #a6a6a6;
}
h2.widgettitle {
    color: #fff;
    font-size:16px;
font-weight:bold;
}
li#email-subscribers-4, li#email-subscribers-5, li#email-subscribers-6 {
    background: transparent !important;
    list-style: none !important;
}
#email-subscribers-4 .es_caption, #email-subscribers-3 .es_caption, #email-subscribers-5 .es_caption, #email-subscribers-6 .es_caption {
  color: #a6a6a6;
  font-size: 13px;
  text-decoration: none;
}
#email-subscribers-4 .es_lablebox label, #email-subscribers-3 .es_lablebox label, #email-subscribers-5 .es_labelbox label, #email-subscribers-6 .es_labelbox label{
    color: #a6a6a6;
    font-size: 13px;
}
#email-subscribers-4 .es_msg, #email-subscribers-3 .es_msg, #email-subscribers-6 .es_msg, #email-subscribers-5 .es_msg {
	padding-top: 25px;
}

#es_msg {
	font-size: 13px;
    font-weight: 700;
    color: #1abc9c;
}
#email-subscribers-2 .es_textbox input[type="email"], #email-subscribers-4 .es_textbox input[type="email"], #email-subscribers-3 .es_textbox input[type="email"], #email-subscribers-5 .es_textbox input[type="email"],
 #email-subscribers-6 .es_textbox input[type="email"]{
    float: left;
    width: 60%;
    padding: 13px;
    font-size: 13px;
    color: #a6a6a6;
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid #465581;
    outline: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#email-subscribers-2 .es_button, #email-subscribers-4 .es_button, #email-subscribers-3 .es_button, #email-subscribers-5 .es_button, #email-subscribers-6 .es_button {
	display: inline-block;
    position: relative;
}

.mc4wp-alert.mc4wp-error p {
    color: white;
}
#email-subscribers-4 .es_button input[type="submit"], #email-subscribers-4 .es_button input[type="submit"], #email-subscribers-3 .es_button input[type="submit"], #email-subscribers-5 .es_button input[type="submit"],
 #email-subscribers-6 .es_button input[type="submit"]{
	width: 110px;
    line-height: 0;
    border: none;
    position: absolute;
    top: -10px;
    left: 0;
    padding: 23px 10px 23px;
    outline: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    background: #1abc9c;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #1abc9c;
}

.job-manager-application-wrapper .application .application_details:before, .single_job_listing .application .application_details:before, .job-manager-application-wrapper .application .application_details:after, .single_job_listing .application .application_details:after {
  right: 5em;
  left: initial;
}
#job-post-title, #job-post-synopsis {
    width: 100%;
    padding: 0 0 0 42px;
	text-align:left;
}


/* =Media Queries
-------------------------------------------------------------- */


@media (min-width: 992px) {
  .animated {
    opacity: 0;
  }
  .tech-star .visible {
    opacity: 0;
  }
}
@media (max-width: 991px) {
  .team-member {
    background-color: #fff;
  }
  .team-social {
    opacity: 1;
    bottom: 0;
  }
  .pricing-table.featured {
    top: 0;
  }
  .pricing-table.featured .signup-button {
    padding: 20px 0;
  }
 .project-category {
    padding-bottom: 1vh !important;
    color: #fff;
    display: block;
}
  .animated {
    -webkit-animation: none;
    animation: none;
  }
  #contact-form {
    border-right: 0;
    /*border-bottom: 1px solid #ececec;*/
  }
  #contact-info {
    padding-bottom: 0;
  }
.project-image >img {
    height: auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
  .counter {
    border: 0;
  }
  #topnav .navbar-nav > li > a {
    padding: 15px 5px;
  }

.page-id-150 .col-xs-3 {
    width: 100%;
}
.page-id-150 .col-xs-6 {
    width: 100%;
}

}
@media (min-width: 768px) {

/*.page-id-6 .col-md-4.col-sm-4 {
    padding-left: 2px;
}*/
  #topnav .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #topnav .navbar-nav > li.active > a:after {
    content: '';
    position: absolute;
    top: 0px;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    left: 50%;
    margin-left: -3px;
  }
  #topnav.scrolled .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #topnav.scrolled #logo {
    padding: 0;
  }
  #logo {
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  .slide-middle > h1 {
    font-size: 50px;
  }
#post-2737 .post-content{
	padding: 15px 30px 20px 30px;
}
#job-post-title, #job-post-synopsis{
	padding:0px;
}
  .pricing-table {
    margin: 50px 0;
  }
  .pricing-table.first-table {
    margin-left: 0;
  }
  #contact-box {
    width: 100%;
  }

.single_job_listing .meta {
    width: 100% !important;
    float: none !important;
}
.single_job_listing .application {
    width: 100% !important;
    text-align: inherit !important;
}
	.job-manager-application-wrapper .application .application_details:before, .single_job_listing .application .application_details:before, .job-manager-application-wrapper .application .application_details:after, .single_job_listing .application .application_details:after {
  right: 0;
  left: 4em;
 }
}
@media (max-width: 782px) {
  .logged-in.admin-bar #topnav,
  .logged-in.admin-bar #video-wrapper {
    top: 46px;
  }
  .logged-in.admin-bar #topnav.scrolled {
    top: 0;
  }
}
@media (max-width: 480px) {
  #portfolio-grid._3-columns > li,
  #portfolio-grid._4-columns > li,
  #portfolio-grid._5-columns > li {
    width: 50%;
  }
}
/*Career page
-------------------------------------------------*/
.ban-img{
display: inline-block;
width: 31%;
background-color: #e0e0e0;
height: 300px;
margin-left: 12px;
margin-right: 11px;
}
.lower {
display: block;
height: 350px;
background-color: #e0e0e0;
margin-top: 20px;
}
/*video page added changes
------------------------------------------------------*/
#form-comments > .form-group {
	clear:both;
}
.job_filters{
display:none;
}
/*
.type-job_listing .company{
display:none;
}
.type-job_listing .company_logo{
display:none;
}
.type-job_listing .location{
display:none;
}
.type-job_listing .meta{
display:none;
}
*/
ul.job_listings li.job_listing a{
 background-color: #fff !important;
}
.adi-bk-img{
  background-image: url(/wp-content/uploads/2016/06/heart-1381462_1920.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  }
.img-banner{
background-image: url(/wp-content/uploads/2016/06/fractal-1118515_1920.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.single_job_listing .company{
  display:none;
}

.post-info{
  display:none;
}

.job_listing .company_logo{
display:none;
}

.job_listing .company{
display:none;
}

@-webkit-keyframes tudip-tech-star {
    from {background-color: #1ABC96;}
    to {background-color: #70C8E9;}
}

@keyframes tudip-tech-star {
    from {background-color: #1ABC96;}
    to {background-color: #70C8E9;}
}

li#menu-item-621 {
    font-size: 16px;
    background-color: #70C8E9;
    -webkit-animation-name: tudip-tech-star; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: tudip-tech-star;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

li#menu-item-621 a {
	color: #fff;
}

li#menu-item-621 a:hover {
	color: #000;
}

/*.nav>li>a {
    padding: 10px;
}

#topnav .navbar-nav>li>a {
    font-size: 12px;
}*/
#post-885 .project-image{display: none !important;}

/* =404 Page
-------------------------------------------------------------- */
.team-work{
padding: 0 1vh 1vh 1vh;
}
.content-padding{
padding: 1vh;
}

/*Fun@tudip Page
--------------------------------------------------------------- */
.facebook-align{
height: 60vh;
overflow-y: auto;
background: #F5F5F5;
}
.no-padding{
padding:0;
}

/* Our Team Page
---------------------------------------------------------------- */
.team-information{
padding: 5vh;
}
.section-moreproject{
background: #F5F5F5;
padding: 2vh 0 3vh 0;
}
.temp{
   float: left;
   height: 60vh;
   overflow:hidden;
}

/* iPads (portrait) ----------- */			
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){			
.featuredImage {			
	width: 100%;			
	height: auto;		
	padding-top: 6vh;			
	overflow: hidden;			
	padding-bottom: 5px;			
	margin-bottom: -11vh;			
	opacity: 0.4;			
	}
}
h1.feature-header-title {
    position: relative;
    text-align: center;
/*     top: -22vh; */
    color: #fff;
}
#portfolio-grid._3-columns > li,
  #portfolio-grid.case-studies-grid > li,
  #portfolio-grid._4-columns > li,
  #portfolio-grid._5-columns > li
 {
    width: 50%;
  }	

.widget-tags{	
  padding: 15px 0 15px 0;			
  background-color: #F5F5F5;			
  margin-bottom: 25px;			
}
@media only screen and (min-width: 320px) and (max-width: 440px) {			
.featuredImage {			
  width: 100%;			
  /*height: 40vh;
	 padding-bottom: 5px;			
  margin-bottom: -38vh;	*/		
 
  overflow: hidden;			
   opacity: 0.4;
   position: relative;
   height: initial;
   margin-bottom: initial;
   padding-bottom: 0px;		
 }
  h1.feature-header-title {
    position: relative;
    text-align: center;
    top: -2vh !important;
    color: #fff;
}
.portfolio-button{
float: left;
width: 100%;
padding: 2vh 2vh 3.3vh 0 !important;
}
#our-team .tech-star{
padding:0;
}
.post-title{
font-size: 13px !important;
color: #fff;
}
.project-heading{
font-size: 13px !important;
color: #fff;
}
.project-category-home {
    padding-bottom: 1px !important;
    color: #fff;
    display: block;
}
.project-category {
    padding-bottom: 1px !important;
    color: #fff;
    display: block;
}
.slide-middle > h1{			
  display: inline-block;			
  color: #fff;			
  padding: 10px 15px;			
  font-size: 41px;			
  text-transform: uppercase;			
  border: 7px double #fff;			
  margin: 0;			
}
.temp {
height: 46vh;
}
.project-image >img.portfolio-image-details {
height: 23vh;
}
.feature_header_class {
    position: absolute;
   margin: 0 auto;
    width: 100%;
    top: 1px;
}
h1.feature-header-title
{
font-size: 20px;
}
.custom-author-image {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: -36px;
}
.custom-author-name {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 19px;
}
p.custom-date {
    font-size: 10px;
    color: #fff;
   	font-weight: 700;
}
.custom-author-name h3 {
    margin: 0px;
}
.custom-author-image > img {
    border-radius: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
     max-width: 50px;
     width: 70%;
     height: auto;
}
a.author-link {
    color: white;
}	
.custom-author-name h4 {
    font-size: 15px;
}
.postid-2721 .feature_header_class {
    position: absolute;
    top: 6px;
}
.postid-2721 h1.feature-header-title {
    font-size: 18px;
}
#post-2806 .custom-author-image, #post-2721 .custom-author-image, #post-2510 .custom-author-image {
    position: absolute;
    top: -47px;
}
#post-2806 div#hidden, #post-2721 div#hidden, #post-2510 div#hidden {
    position: relative;
    top: 20px;
}


} 

@media only screen and (min-width: 441px) and (max-width: 735px){
  .featuredImage {			
    width: 100%;
    height: 60vmin;
    margin-bottom: -22vh;
    opacity: 0.4;
    overflow: visible;
    padding-bottom: 5px;		
 }
section#jobs-tudip-technologies .section-title{
left:20vw;
}
.page-id-140 .section-title, .page-id-5065 .section-title{
left:32vw;
}


.portfolio-button {
    float: left;
    width: 100%;
    padding: 2vh 13vh 3vh 0 !important;
}	
.project-image >img.portfolio-image-details {
height: 28vw;
}
.temp {
height: 56vw;
}
  h1.feature-header-title {
    position: relative;
    text-align: center;
/*     top: -40vh !important; */
    color: #fff;
}
/* CSS for landscape for blog page */
.custom-author-image {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    bottom: 19vh;
}
.custom-author-image>img {
    -webkit-border-radius: 200px;
    max-width: 65px;
    width: 70%;
    height: auto;
}
.custom-author-name {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    bottom: 0vh;
}
#jobs-tudip-technologies .banner-image {
    margin-bottom: 10px;
}
		
}
@media only screen and (min-width: 441px) and (max-width: 767px){

/*  CSS for landscape for jobs at technologies page */

#jobs-tudip-technologies .banner-image {
    height: 250px !important;
}

}

/* Tagcloud */			
#tagcloud a {			
  display: inline-block;			
  border: 1px solid #ececec;			
  border-radius: 4px;			
  padding: 4px 8px;			
  text-transform: uppercase;			
  transition: all .3s ease;			
  margin: 2px;			
}		
.feature_header_class{			
 text-align: center;			
 /*top: -55vh;			
 color: black;	*/		
 font-size: 50px;			
}
h1.feature-header-title{
position: relative;
text-align: center;
top: -40vh;
color:#fff;
font-weight: 700;
}
#hidden .custom-author-name p span {
    font-weight: 700;
}
.blog-posts img{
width: 100%;
height: auto;
}
.blog-col-2 .grid-blog-thumb img{
 max-width: 100% !important;
 width: auto !important;
}
.blog-col-2 .grid-blog-thumb{
height: 200px !important;
background: #fff!important;
}
.project-heading{
color:#fff;
font-size: 4vmin;
}
.project-category{
padding-bottom:5vh;
color: #fff;
display: block;
}
.project-category-home{
padding-bottom:4vh;
color: #fff;
display: block;
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

#portfolio-grid._3-columns > li,
  #portfolio-grid.case-studies-grid > li,
  #portfolio-grid._4-columns > li,
  #portfolio-grid._5-columns > li
 {
    width: 50% !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

 #portfolio-grid._3-columns > li,
  #portfolio-grid.case-studies-grid > li,
  #portfolio-grid._4-columns > li,
  #portfolio-grid._5-columns > li
 {
    width: 50% !important;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
#portfolio-grid._3-columns > li,
  #portfolio-grid.case-studies-grid > li,
  #portfolio-grid._4-columns > li,
  #portfolio-grid._5-columns > li
 {
    width: 50% !important;
  }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
#portfolio-grid._3-columns > li,
#portfolio-grid.case-studies-grid > li,
#portfolio-grid._4-columns > li,
#portfolio-grid._5-columns > li
 {
    width: 47% !important;
  }

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
 #portfolio-grid._3-columns > li,
  #portfolio-grid.case-studies-grid > li,
  #portfolio-grid._5-columns > li
 {
    width: 25% !important;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
.project-image >img{
height: auto;
  }
.project-image >img.portfolio-image-details {
    height: 26vh;
}
.project-category {
    padding-bottom: 1px;
    color: #fff;
    display: block;
}
.temp {
    height: 52vh;
}
}
.post-title{
font-size: 3vmin;
color: #fff;
}
.testimonial-header{
position: relative;
padding-top: 0;
margin-top: -16px;
color: #1abc9c;
text-align: center;
font-size: 26px;
}
.testimonial-content {
    text-align: center;
    margin-bottom: -4vh;
    color: #fff;
    float: left;
    padding: 0 8.8vh 0 0;
    width: 100%;
}
.testimonial-slider-content{
background-color: transparent;
border: 1px solid #1ABC9C;
border-radius:10px;
padding: 10px;
color: #1abc9c !important;
cursor: pointer;
width: auto;
float: right;
}
.testimonial-slider-content:hover{
color: #fff !important;
background-color:#1abc9c;
text-decoration: none;
}
#case-study >.container>.section-title {
    text-align: center;
    position: relative;
    max-width: 70%;
    margin: 20px auto 26px;
    color: #1abc9c;
}
#our-portfolio >.container>.section-title, #portafolio >.container>.section-title, #our-clients >.container>.section-title, #nuestros-clientes >.container>.section-title {
    text-align: center;
    position: relative;
    max-width: 70%;
    margin: 15px auto 15px;
    color: #1abc9c;
}
.tech-star{
padding:0 10vh 0 10vh;
}
#be-a-rockstar{
float: left;
width: 100%;
padding:15px 8.8vh 0 0;
}
.portfolio-button{
float: left;
width: 100%;
padding: 2vh 11vh 3.1vh 0;
}




.banner-image-wrapper {
    display: none;
}
.banner-image{
display: none;
}
.banner-image-insights, .banner-image-vision, .banner-image-our-team{
display: none;
}
#blog .banner-image-wrapper, #vision-and-mission .banner-image-vision, #our-team .banner-image-our-team {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
}
#blog .section-title {
    margin-bottom: auto;
    max-width: 100%;
}
#jobs-tudip-technologies .section-title, #insights .section-title {
    margin-bottom: auto;
    max-width: 100%;	
}
#jobs-tudip-technologies .banner-image {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
    max-height: 500px;
    height: 500px;
    overflow: hidden;
}
#insights .banner-image-insights{
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
    max-height: 450px;
    height: 450px;
    overflow: hidden;
}

 #jobs-tudip-technologies .image-cover-skin{
    width: 100%;
    position: absolute;
    background: #000;
    opacity: 0.3;
    max-height: 500px;
    height: 500px;
    z-index: 1;
    overflow: hidden;
} #insights .image-cover-skin{
width: 100%;
    position: absolute;
    background: #000;
    opacity: 0.3;
    max-height: 440px;
    height: 440px;
    z-index: 1;
    overflow: hidden;
}



h1.feature-header-title {
visibility: visible;
}
.tablepress-readme-color {
color:#1a0dab!important;
}
.button1tudip{
text-align: center;
    font-size: 1.1em;
    line-height: 1em;
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: .90909091em 2em;
    outline: 0;
    box-sizing: border-box;
}



/*Media CSS for banner image of careers page*/
/*--Mobile Portrait Mode---*/
@media only screen and (max-width : 767px)  {
body.page.page-id-2737.page-template-default.logged-in.admin-bar.gliese.customize-support{
	padding-top: 50px !important;
}


#insights .image-cover-skin, #insights .banner-image-insights{
    height: 180px;
    max-height: 180px;
 }
#insights .banner-image-insights img{
    height: 180px;
    max-height: 180px;
 }
}
/*--Mobile Landscape Mode---*/
@media only screen and (min-width : 441px) and (max-width : 767px)  {
#jobs-tudip-technologies .image-cover-skin, 
#jobs-tudip-technologies .banner-image
{
    height: 330px;
    max-height: 330px;
 }
}
/*--Ipad Portrait Mode---*/
@media only screen and (min-width : 768px) and (max-width : 1024px)  {
#jobs-tudip-technologies .image-cover-skin, 
#jobs-tudip-technologies .banner-image,
#insights .image-cover-skin,
#insights .banner-image-insights{
    height: 300px;
    max-height: 300px;
 }
#insights .banner-image-insights img{
    height: 300px;
    max-height: 300px;
 }
}
@media only screen and (min-width : 880px) and (max-width : 1024px)  {
#jobs-tudip-technologies .image-cover-skin, 
#jobs-tudip-technologies .banner-image,
#insights .image-cover-skin,
#insights .banner-image-insights {
    height: 400px;
    max-height: 400px;
 }
#insights .banner-image-insights img{
    height: 400px;
    max-height: 400px;
 }
}

@media only screen and (min-width : 1025px) {
body.page.page-id-2737.page-template-default.gliese {
    padding-top: 70px;
}
} 

/*------------------------------------------------*/
.recent-facebook-posts.rfbp.rfbp-container.rfbp-shortcode {
    padding-right: 10px;
    padding-left: 10px;
}

@media only screen 
  and (max-device-width: 320px) {

.facebook-feeds {
    width: 96%;
    display: inline-block;
    margin: 0 auto;
}
section#jobs-tudip-technologies .section-title{
left:0px;
}

#testimonials .container, #contact .container {
    overflow: visible;
}

.col-xs-3 {
    width: 100%;
}
.col-xs-6 {
    width: 100%;
}
.slider-image {
    height: 30vh;
}
.slider-image .bwg_slideshow_image_wrap_0 {
    width: 297px !important;
    height: 140px !important;
}
.slider-image div#bwg_slideshow_image_container_0 {
    width: inherit !important;
    height: inherit !important;
}
.slider-image .bwg_slideshow_dots_container_0 {
    width: inherit !important;
}
/* CSS for banner image and cover skin */
#jobs-tudip-technologies .banner-image, #jobs-tudip-technologies .image-cover-skin {
    height: 120px !important;
}
#jobs-tudip-technologies .banner-image {
    margin-bottom: 10px;
}
}

@media only screen 
  and (min-device-width: 321px) 
  and (max-device-width: 440px)
 {
#jobs-tudip-technologies .image-cover-skin, 
#jobs-tudip-technologies .banner-image{
height: 152px;
    max-height: 152px;
}

.facebook-feeds {
    width: 96%;
    display: inline-block;
    margin: 0 auto;
}
.container {
    overflow: hidden;
}
#testimonials .container, #contact .container{
    overflow: visible;
}

section#jobs-tudip-technologies .section-title{
left:10px;
}
.page-id-140 .section-title, .page-id-5065 .section-title{
left: 18vw;
top:0px;
}

.col-xs-3 {
    width: 100%;
}
.col-xs-6 {
    width: 96%;
    margin-bottom: 20px;
}
span#image_id_0_15, span#image_id_0_4 {
    overflow: hidden;
}
.slider-image {
    height: 30vh;
}
.slider-image .bwg_slideshow_image_wrap_0 {
    width: 100% !important;
    height: 180px !important;
}
.slider-image div#bwg_slideshow_image_container_0 {
    width: inherit !important;
    height: inherit !important;
}
.slider-image .bwg_slideshow_dots_container_0 {
    width: inherit !important;
}
#jobs-tudip-technologies .banner-image {
    margin-bottom: 10px;
}

}


#our-team .no-padding {
    padding-bottom: 10px;
}
#insights .section-title, #jobs-tudip-technologies .section-title, #blog .section-title, #vision-and-mission .section-title, #tudipfun .section-title, #blog-4 .section-title {
    display: none;
}


/*404 page redirect*/

.section-content2 {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    margin-top: 1.625rem;
    max-width: 752px;
}
.error-page .error-head {

    text-align: center;
}
.error-head {
    font-size: 7.14rem;
    font-weight: 300;
}
.error-page .error-msg {
    color: #474747;
    text-align: center;
}
.error-page h4 {
    color: #474747;
    margin-top: 50px;
    text-align: center;
}
.text-style-32 {
    font-size: 1.875rem;
    font-weight: normal;
    line-height: 1.47;
    color: #4a4a4a;
}
.error-page .error-nav {
    list-style: none;
    text-align: center;
    font-size:14px;
}
h2.text-style-46, ul.text-style-46{
    font-size: 1.25rem;
    font-weight: 300;
    color: #474747;
}
.page-id-3111 .section-title, .page-id-212 .section-title{
    display: none;
}
section#vision-and-mission{
padding:0px;
}

.loader{
	background: url('https://tudip.com/wp-content/uploads/2017/07/ajax_loader.gif');
	background-repeat: no-repeat;
	background-position: center; 
}

.page-id-22 #our-team .banner-image-our-team.pull-left.container-fluid {
    display: none;
}

/*CSS for Values Page Demo*/

.parallax > .background-image-holder, .parallax .slides li > .background-image-holder {
    height: 100vh;
    top: -50vh;
    transition: all 0s ease !important;
    transition: opacity 0.3s ease !important;
    -webkit-transform-style: preserve-3d;
}
h5.uppercase.mb16 {
    font-size: 28px;
    color: #1abc9c;
}
.image-bg .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 64px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.image-bg .text-center {
    text-align: center;
}
.image-bg .feature.feature-1.boxed {
    background: rgba(34, 34, 34, 0.5);
    height: auto;
    border:none;
    border-radius: 10px;
}
.image-bg .col-sm-4 {
    color: white;
    margin-bottom: 15px;
}
.image-bg .row {
    margin-left: 15px;
    margin-right: 15px;
}
h3.uppercase.mb64.mb-xs-32 {
    font-size: 44px;
    color: #1abc9c;
}
.image-bg .container {
    width: 100%;
    padding: 0px;
}
section.image-bg.overlay.parallax {
    background: url(https://tudip.com/wp-content/uploads/2017/08/Tudip-Values.jpg);
    background-size: cover;
    background-position:center;
}
section.image-bg.overlay.parallax {
    padding: 26px 0;
    position: relative;
    overflow: hidden;
    height: auto;
}
.page-id-3280 .container.value, #principios-basicos-de-tudip .container.value, #wertsetzungen .container.value  {
    width: 100%;
    padding:0px;
}
.feature.boxed {
    padding: 32px;
}
.page-id-3280 .section-title, #principios-basicos-de-tudip .section-title, #wertsetzungen .section-title {
    display: none;
}
.page-id-3280 .col-sm-12.text-center p, #principios-basicos-de-tudip .col-sm-12.text-center p, #wertsetzungen .col-sm-12.text-center p{
    margin: 0 0 10px;
    color: white;
    font-size: 15px;
}
@media only screen and (min-device-width: 320px)  and (max-device-width: 767px){


body {
    font-family: 'Raleway', sans-serif;
    color: #0F0F0F;
    padding-top: 50px;
    background-color: #F5F5F5;
    font-size: 4vmin;
}
.footer-bg{
height:auto;
}
.testimonial-header{
	margin-top: 30px;
}
.testimonial-content{
  padding:0;
  margin-bottom:0;
  padding-bottom: 20px;
}
#be-a-rockstar{
padding:15px 0vh 0 0;
}
.footer-links{
width:100%;
}
.tablepress td, .tablepress th{
padding:8px 0px 8px 0px !important;

}



.feature p {
    margin: 0 0 10px;
    font-size: 15px;
}
}
@media (min-width: 768px)and (max-width: 1024px) {
.image-bg .col-sm-4 {
    width: 100%;
}
#portfolio-grid._4-columns>li{
	width:32%;
}
}


/*CSS for blog button*/
.blog-more-link .port-btn{
    background-color: transparent;
    border: 1px solid #1abc9c;
    border-radius: 10px;
    padding: 10px;
    color: #1abc9c;
    cursor: pointer;
    width: auto;
    float: right;
}


/*.tech-star .col-md-4.col-sm-4 {
    padding-left: 8px;
    padding-right: 8px;
}
*/
#portfolio-grid a:focus {
    color: white;
}
#portfolio-grid a:hover {
    color: #333;
}

/*Case study section full width and height CSS*/
#case-studies .temp, #estudios-de-caso .temp{
    height:auto;
}
#case-studies .container, #estudios-de-caso .container {
    width: 100%;
    padding: 0;
}

/*Blog Page Featured Image Film CSS*/
.single-blog_post .featuredImage{
  opacity:0.6;
}

/*Hide posted date of the post for jobs*/
.single_job_listing li.date-posted, .job_listings .date time {
    display: none;
}

/*Hide the h3 title of blog pages*/
h3.blog-post-content-title {
    display: none;
}

/*Color for About Us subittle*/

.crimson-blue{
color:#273355;
}
.crimson-red{
color:#bf1708;
}

/*Display Apply for job button on right side*/
.single_job_listing .meta{
    width: auto;
    float: left;
}
.single_job_listing .application{
    width: auto !important;
    text-align: right;
}

button.applybtn,button.applybtn:focus, button.applybtn:hover, button.applybtn:active {
    padding: 10px;
    border: 1px solid #1abc9c;
    color: #1abc9c;
    border-radius: 10px;
    background: transparent;
    float:right;
    outline: none;
}
#job-post-title h3{
    font-weight: bold;
}

.list .margin-left-15px {
	margin-left: 15px;
}
p.workspace-diversity-paragraph {
     text-align: justify;
}

.leadership-diversity-blog {
	max-width: 65%;
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
.navbar-default .navbar-nav>li>a{
    text-decoration:none;
}