/* here you can put your own css to customize and override the theme */

* {

  margin: 0;

  outline: medium none;

  padding: 0;

  text-decoration: none;

}

ul {

  list-style-type: none;

  list-style:none;

  padding-left: 0;

}

a.site-logo{

	padding-bottom: 0;   

}

a.site-logo  img {

  max-width: 270px;

  display: inline-block;

  width: 100%;

}

.description h5{

	font-size:14px;

	font-weight: normal;

}

.description{

	display:inline-block;

	width: 100%;

	margin-bottom:25px;

}

.front-lists-v1 .list-unstyled li:before

{

	content:'\f00c';

	padding-right: 5px;

	font-family: fontAwesome;

}

.content-page .list-unstyled li{

}

.web_design_white{

	display: none;

}

.img_wrapper {

  height: 195px;

  margin-bottom: 10px;

  margin-top: 30px;

  position: relative;

  width: 100%;

}

.img_wrapper img {

  left: 5%;

  position: absolute;

  width:100%;

  top: -31%;

}

img.img_hover {

    opacity: 0;

}

.img_wrapper:hover > img.img_hover {

    opacity: 1;

    transition: opacity 0.7s ease 0s;

    z-index: 1000;

}

.img_wrapper:hover > img.img_hover2 {

    opacity: 0;

    transition: opacity 0.5s ease 0s;

}

.thumbnail h3{

	text-align: center;

}

div.progress{

	max-height:12px;

}

.front-skills div.progress-bar{

	background-color: #ED3036;

}

.service-box-v1 li{

	list-style-type: none;

}

.service-box-v1:hover li{

	color:#fff;

}

.mix-grid .mix .single_inner .mix-details {

  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

}

.mix-grid .mix .single_inner a.mix-preview {

	left:46%;

	margin-left: 0;

}

.top_slogan {

	text-align: center;

	padding:5px 0 50px;

}

.top_slogan h1 {

	line-height: 2;

}

/* div.service_img_section img {

	-webkit-filter: sepia(1);

  	filter: sepia(1);

}

div.service_img_section img:hover {

	-webkit-filter: sepia(0);

  	filter: sepia(0);

} */

.service_img_section .col-md-4.text-center {

	margin-bottom: 55px;

}

.testimonial_section {

	display: inline-block;

	width: 100%;

	padding: 25px 0;

}

/* Testimonials block */

.testimonials-block {

 	background-color: #F7F8FA;

  padding-top: 60px;

  padding-bottom: 60px;

}

.testimonials-block .item, .carousel-indicators {

	text-align:left;

}

.testimonials-block .item img {

  border: 5px solid #e0e0e0;

  border-radius: 150px !important;

  height: 110px;

  padding: 3px;

  width: 110px;

}

.testimonials-block h4 {

  margin-bottom: 57px;

}

.testimonials-block .carousel {

  width: 100%;

  margin: 0 auto;

}

.testimonials-block blockquote {

  border: none;

  font: italic 300 16px/1.3 "Open Sans", Arial, sans-serif;

  margin: 0;

  padding: 0;

  color: #66717c;

}

.testimonials-name {

  font: italic 300 23px/1.3 "Open Sans", Arial, sans-serif;

  color: #2dafe5;

  display: block;

}

.carousel-indicators {

  position: static;

  margin: 27px 0 0;

  width: 100%;

  text-align: center;

}

.carousel-indicators li {

  width: 12px !important;

  height: 12px !important;

  border-radius: 50% !important;

  background: #dce0e2;

  position: relative;

  margin: 0 3px !important;

  border: none;

}

.carousel-indicators li.active {

  background: #eb2729;

  border-color: #eb2729;

}

.content h1, .content h2 {

  font: 700 30px "Open Sans", sans-serif;

  margin: 0 0 10px;

  text-transform: uppercase;

  text-align: center;

}

.content h1:after, .content h2:after {

  z-index: 2; 

  content: " "; 

  display: block;

  padding-top: 7px;

  border-bottom: 2px solid #b7bbbf;

  width: 73px;

  margin: 0 auto;

}

.content h1 strong, .content h2 strong, .content h3 strong, .content h4 strong {

  color:  #eb2729;

}

.item div h4 strong {

	color:#444;

}

.item div h4 {

	margin:15px 0 8px;

}

.item div h4 + p {

	margin-bottom: 5px;

}

.pre-footer-col > ul {

  display: inline-block;

  width: 100%;

  padding-left: 0;

  list-style-type: none;

}

.pre-footer-col > ul > li {

  display: inline-block;

  width: 100%;

  list-style-type: none;

}

.pre-footer-col > ul > li > a {

  display: inline-block;

  width: 100%;

  text-decoration: none;

  color: #e8e8e8;

} 

.pre-footer-col > ul > li > a:hover {

  color:#fff;

}

div.pre-footer h2 {

  color:#fff;

  font-weight: 600;

}

.pre-footer-col.text-center > h3 {

  font-size: 18px;

  color: #fff;

}

.col-md-4.text-center > a > h3, .col-md-4.text-center > a {

  font: 700 20px "PT Sans Narrow",Arial,sans-serif;

  text-decoration: none;

  color:#3e4d5c;

}

.grow {

  display: inline-block;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}

.grow:hover, .grow:focus, .grow:active {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

div.slide_subtitle {

  background:#ed3036none repeat scroll 0 0;

}

.frameworks {

  display: inline-block;

  width: 100%;

  padding: 60px 0;

}

.frameworks  div img {

  display:inline-block;

  width: 100%;

}

/* .frameworks ul {

  margin: 0 auto;

  max-width: 900px;

  display: inline-block;

  list-style: none;

  padding: 0;

  width: 100%;

}

.frameworks li:first-child {

  border-left: medium none;

  margin: 0;

  padding-left: 0;

}

.frameworks ul li {

  color: #6b6b6b;

  font-family: "Open Sans",sans-serif;

  font-weight: 400;

  height: 208px;

  border-bottom: 1px solid #ececec;

  border-left: 1px solid #ececec;

  float: left;

  list-style: outside none none;

  text-align: center;

}

.frameworks li img {

  margin: 30px 0 0;

}

.frameworks li p {

  margin: 0;

}

.frameworks li.noBorderLeft {

  border-bottom: medium none;

  border-left: medium none;

}

.frameworks li.noBorderBottom  {

  border-bottom: medium none;

} */

.noBorderBottom.BorderTop {

  border-top: 1px solid #ececec;

}

ul.bottom_links {

  display: inline-block;

  list-style: outside none none;

  padding-left: 0;

  width: 100%;

  margin-bottom: 5px;

}

ul.bottom_links li {

  border-right: 1px solid;

  display: inline-block;

  width: auto;

}

ul.bottom_links li:last-child {

  border: medium none; 

}

ul.bottom_links li:first-child a {

  padding-left: 0;

}

ul.bottom_links li a {

  display: inline-block;

  padding: 0 5px;

  text-decoration: none;

  width: 100%;

}



ul.bottom_links li a:hover {

  color:#fff;

}
.quote-v1.quote_section a.btn-transparent {

  background: #e9363c none repeat scroll 0 0;

  border:0;

  padding: 15px 25px;

}

.quote_section span {
  font:400 32px "PT Sans Narrow",Arial,sans-serif; 
}

.modal-body.contact_modal {

  display: inline-block;

  width: 100%;

}

.contact_modal a img {

   display: inline-block;

max-width: 85px;

width: 100%;

margin: 25px 0;

}

.contact_modal a {

  display: inline-block;

  width: 100%;

  text-decoration: none;

  opacity: 0.8;

}

.contact_modal a:hover {

  text-decoration: none;

  opacity: 1;

}

.contact_modal a p {

  font-size: 18px;

  color:#444;

}

.row.quote-v1.quote_section {

  background-color:#000;

}

.content-page ul.list-unstyled.line li p {

  line-height: 2;

}

.relative_qoute {

  position: relative;

}

.relative_qoute a {

  position: absolute;

  right: 20px;

  top: -39px;

}

.relative_qoute a img {

  max-width: 195px;

}

div.content > .container > h2 {

  margin-bottom: 50px;

}

ul.list_technology {

  color: #fff;

  list-style: outside none none;

  padding: 15px;

  text-align: left;

  color: #000;

}

.list_technology > li {

  background-color: #ff9700;

  border-radius: 15px !important;

  color: #fff;

  display: inline-block;

  font-family: "Kaushan Script",cursive;

  font-size: 14px;

  font-style: normal;

  margin-bottom: 2px;

  overflow: hidden;

  padding: 8px;

  text-align: center;

  width: 100%;

}

.list_technology > li > strong {

  margin:25px 0;

}

.list_technology > li > strong > em {

  padding-left: 0;

}

.list_technology > li > em {

  padding-left: 15px;

}

.list_technology > li.pink {

  background-color: #E81D62;

}

.list_technology > li.ppl {

  background-color: #9B26AF;

}

.list_technology > li.amber {

  background-color: #FF9700;

}

.list_technology > li.blu {

  background-color: #00BBD3;

}

.list_technology > li.gree {

  background-color: #4BAE4F;

}

.list_technology > li.orng {

  background-color: #F34235;

}

.tp-bannertimer {

  display: none;

}

.container_cms {

  max-width:980px;

  margin-bottom:0px;

}

.container_cms p {

  display: inline-block;

  width: 100%;

  line-height: 2;

  

  padding: 15px 0;

  margin:0;

  font-size: 14px;

  text-align: justify;

}

.cms_ul {

  display: inline-block;

  width: 100%;

  line-height: 2;

}

.cms_ul li {

  display: inline-block;

  width: 100%;

  padding-left: 25px;

  margin-bottom: 8px;

  font-size: 14px;

  position: relative;

}

.cms_ul li::before {

  color: #eb2729;

  content: "";

  font-family: fontAwesome;

  left: 9px;

  position: absolute;

  top: 2px;

}

.cms_ul.cms_ul_new  {

  display: block;

  width: 100%;

  margin: 0 auto;

  max-width: 800px;

}

.cms_ul.cms_ul_new li {

  width:48%;

}

.header-navigation-col a, .header-navigation-col a:hover {

  text-decoration: none;

  color: inherit;

} 

.top_slogan h1{

  font-family:"Open Sans", Arial, sans-serif;

  text-transform: capitalize;

  font-size:57px;

  margin-top: 0;

  margin-bottom:0;

}

.top_slogan h1 strong {

  font-weight: normal;

}

.top_slogan p strong {

  font-family:"Open Sans", Arial, sans-serif;

  text-transform: capitalize;

  font-size:20px;

  line-height: 2;

  font-weight: 600;

}

.section_cms {

  display: inline-block;

  width: 100%;

  padding: 50px 0 25px;

}

.section_cms div h1 {

  font-weight: 500;

}

.section_cms .img-responsive {

  display: inline-block;

  width: 100%;

  max-width: 290px;

}

.top_slogan.content_red h1 strong {

  color:#eb2729;

}

.top_slogan.content_red {

  padding-bottom: 25px;

}

.section_cms.section_first_cms {

  padding-top:0;

}

.content_red p {

  display: inline-block;

  margin: 0;

  padding-top: 25px;

}

.section_cms.section_first_cms p {

  text-align:center;

}

.section_cms h1 {

  text-align: center;

}

.section_cms > .col-md-8 {

  vertical-align: middle;

}

.container_cms .e_section p {

  text-align:center;

}

.col-md-4.wow.animated {

  height: 100%;

  vertical-align: middle;

}

.img-responsive {

  display: inline-block;

  width: 100%;

}

.container_cms .section_cms .text_child_center p {

  text-align: center;

}

.video-banner .video-content {

  left: 0;

  position: absolute;

  text-align: center;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

}

.video-banner .video-content a img {

  transition: all 0.5s ease 0s;

}

.video-banner {

  background-color: black;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  height: 400px;

  position: relative;

}

.video-banner .video-content a {

  transition:all 0.35s ease-in-out 0s;

}

.video-banner .video-content a:hover img {

  transform: scale(1.1);

  transition: all 0.5s ease 0s;

}

.section_cms_about div img {

  padding:25px 0 35px;

  max-width:450px;

  display:inline-block;

  width:100%;

}

.container_cms h1 {

  font-weight: 500;

}

.about_codemunks {

  display: inline-block;

  width: 100%;

  padding-top: 25px;

}

.about_codemunks .about_codemunks_div p {

  text-align: center;

}



.fl { float: left; margin: 10px; }

video { max-height: 240px; }



/* Reset max-height when in full screen mode */

video:-webkit-full-screen { max-height: 100%; }

video:-moz-full-screen    { max-height: 100%; }



/* Common style */

.grid figure {

  position: relative;

  float: left;

  overflow: hidden;

  margin: 10px 1%;

  max-height: 540px;

  width: 100%;

  background: #fff;

  text-align: center;

  cursor: pointer;

}



.grid figure img {

  position: relative;

  display: block;

  min-height: 100%;

  max-width: 100%;

  opacity: 0.8;

}



.grid figure figcaption {

  padding: 2em;

  color: #fff;

  text-transform: uppercase;

  font-size: 1.25em;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.grid figure figcaption::before,

.grid figure figcaption::after {

  pointer-events: none;

}



.grid figure figcaption,

.grid figure figcaption > a {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure figcaption > a {

  z-index: 1000;

  text-indent: 200%;

  white-space: nowrap;

  font-size: 0;

  opacity: 0;

}



.grid figure h2 {

  word-spacing: -0.15em;

  font-weight: 300;

}



.grid figure h2 span {

  font-weight: 800;

}



.grid figure h2,

.grid figure p {

  margin: 0;

}



.grid figure p {

  letter-spacing: 1px;

  font-size: 68.5%;

}



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

/***** Zoe *****/

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



figure.effect-zoe figcaption {

  top: auto;

  bottom: 0;

  padding: .7em;
  
  height: 3em;

  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

  color: #3c4a50;

  -webkit-transition: -webkit-transform 0.35s;

  transition: transform 0.35s;

  -webkit-transform: translate3d(0,100%,0);

  transform: translate3d(0,100%,0);

}



figure.effect-zoe h2 {

  float: left;
  font-size: 23px;

  margin: 0;

  padding:0;

  color:#fff;

}



figure.effect-zoe p.icon-links a {

  float: right;

  color: #3c4a50;

  font-size: 1.4em;

}



figure.effect-zoe:hover p.icon-links a:hover,

figure.effect-zoe:hover p.icon-links a:focus {

  color: #252d31;

}



figure.effect-zoe p.description_new {

  position: absolute;

  bottom: 2.8em;

  padding: 1.5em;

  color: #fff;

  font-weight: 400;

  text-transform: none;

  font-size: 100%;

  opacity: 0;

  z-index: 10;

  /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); */

  -webkit-transition: opacity 0.35s;

  transition: opacity 0.35s;

  -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */

}



figure.effect-zoe h2,

figure.effect-zoe p.icon-links a {

  -webkit-transition: -webkit-transform 0.35s;

  transition: transform 0.35s;

  -webkit-transform: translate3d(0,200%,0);

  transform: translate3d(0,200%,0);

}



figure.effect-zoe p.icon-links a span::before {

  display: inline-block;

  padding: 8px 10px;

  font-family: 'feathericons';

  speak: none;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-eye::before {

  content: '\e000';

}



.icon-paper-clip::before {

  content: '\e001';

}



.icon-heart::before {

  content: '\e024';

}



figure.effect-zoe h2 {

  display: inline-block;

}



figure.effect-zoe:hover p.description_new {

  opacity: 1;

}



figure.effect-zoe:hover figcaption,

figure.effect-zoe:hover h2,

figure.effect-zoe:hover p.icon-links a {

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

}



figure.effect-zoe:hover h2 {

  -webkit-transition-delay: 0.05s;

  transition-delay: 0.05s;

}



figure.effect-zoe:hover p.icon-links a:nth-child(3) {

  -webkit-transition-delay: 0.1s;

  transition-delay: 0.1s;

}



figure.effect-zoe:hover p.icon-links a:nth-child(2) {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}



figure.effect-zoe:hover p.icon-links a:first-child {

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

}



.has-image::after {

  /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0px, transparent 0px, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0 0;*/

  bottom: 0;

  content: " ";

  left: 0;

  overflow: hidden;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 5;

}



ul.mix-filter.cl-effect-15 li {

  color: rgba(235,39,41,0.8);

  font-weight: 500;

  text-shadow: none;

  font-size:1.35em;

}

ul.mix-filter.cl-effect-15 li.active, ul.mix-filter.cl-effect-15 li.active::before {

  color: rgba(235,39,41,0.8);

}



ul.mix-filter.cl-effect-15 li::before {

  color: #454545;

  content: attr(data-hover);

  position: absolute;

  -webkit-transition: -webkit-transform 0.7s, opacity 0.7s;

  -moz-transition: -moz-transform 0.7s, opacity 0.7s;

  transition: transform 0.7s, opacity 0.7s;

}

ul.mix-filter li {

  background: transparent;

}

ul.mix-filter.cl-effect-15 li:hover::before,

ul.mix-filter.cl-effect-15 li:focus::before {

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  transform: scale(0.9);

  opacity: 0;

}

.bg_case {

  display: inline-block;

  width: 100%;

  background-image: url('textured_paper.png');

  background-repeat:repeat;

  background-size: auto;

  background-position: left top;

  margin-top:-22px;

}

/* 30 sept css */

.currentOpen

{

/*  border-top:1px solid #fff; */

 text-align:center;

 /* width:33%;

 float:left; */

 min-height:165px;

 margin-top:25px;

 margin-bottom:20px;

 padding-top:20px;

}

.currentOpen b

{

 text-align:center;

 text-transform:uppercase;

 float:left;

 width:100%;

 font-size:16px;

}

.currentOpen a

{

 text-align:center;

 background:#eb2729;

 color:#fff;

 text-transform:capitalize;

 text-decoration:none;

 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff0000 0%, #dd2a33 52%, #e02f3a 100%) repeat scroll 0 0;

    display: inline-block;

    font-size: 15px;

    padding: 10px 25px;

}

.currentDivide

{

 padding: 0 3%;

 border-right:1px solid #ddd;

}

.currentDivide2

{

 padding: 0 3%;

 border-right:1px solid #fff;

}

.openingList

{

 float:left;

 width:100%;

 padding:10px;

 background:#f6f6f6;

 text-align:left;

 margin-bottom:2px;

}

.openingList2

{

 float:left;

 width:100%;

 padding:10px;

 background:#f9fbfd;

 text-align:left;

 margin-bottom:2px;

}

.profileInfo

{

 float:left;

 width:55%;

 padding:10px;

}

.profileInfo b

{

 font-size:16px;

 text-transform:uppercase;

}

.profileInfo p

{

 float:left;

 width:auto;

 padding-top:10px;

 line-height:27px;

 font-size:15px;

}

.applyBtn

{

 float:right;

 width:auto;

 margin:10px;

 margin-top:30px;

}

.applyBtn a

{

 text-align:center;

 background:#eb2729;

 color:#fff;

 text-transform:capitalize;

 text-decoration:none;

 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ff0000 0%, #dd2a33 52%, #e02f3a 100%) repeat scroll 0 0;

    display: inline-block;

    font-size: 15px;

    padding: 10px 25px;

}

.videoSection

{

 border-bottom:1px solid #ccc;

 padding-bottom:50px;

 margin-bottom:20px;

}

.videoSection h4

{

 font-weight:bold;

 text-align:left;

 margin-top:20px;

}

.videoSection span

{

 text-align:left;

 float:left;

 

}

.testFrame

{

  text-align:center;

  float:left;

  width:100%;

  margin-top:20px;

  margin-bottom:20px;

}

.testFrame h4

{

 margin-bottom:2px;

}

.testFrame i img

{

 -webkit-border-radius: 50% !important;

 -moz-border-radius: 50% !important;

 border-radius: 50%!important;

 margin-bottom:10px;

}

.testFrame p

{

 font-size:15px;

 line-height:24px;

 padding:20px 10px;

}

.mailDirect

{

 background:#dffcd6;

 padding:10px 20px;

 margin-top:10px;

 display:inline-block;

 -webkit-border-radius: 5px !important;

 -moz-border-radius: 5px !important;

 border-radius: 5px !important;

}

/* 30 sept end */



.case_study_fluid {

  display: inline-block;

  width: 100%;

  padding:8rem 0;

  background-color:#ED3036;

  color:#fff;

  background-repeat: no-repeat;

  background-position: right bottom;

  background-size: auto;

  min-height: 350px;

  margin-top:150px;

}

.dentity_img {

  background-image:url('web_dentity.png');

}

.dentity_android_img {

  background-image:url('android_dentity.png');

}

.pling_img {

  background-image:url('pling_bg.png'); 

}

.formeter_img {

  background-image:url('formeter_bg.png'); 

}

.case_study_fluid h3 {

  font-size: 35px;

  font-weight: 600;

  text-transform: uppercase;

  margin-bottom:0;

}

.case_study_fluid h3::after {

  border-bottom: 2px solid #fff;

  content: " ";

  display: block;

  padding-top: 7px;

  width: 73px;

  z-index: 2;

}

.case_study_fluid h3, .case_study_fluid p {

  color:#fff;

}

.img_relative {

  position: relative;

}



.img_relative img {

  display: inline-block;

  position: absolute;

}

.dentity_android_img .img_relative img, .formeter_img .img_relative img {

  max-width: 282px;

  top: -180px;

}

.dentity_img .img_relative img {

  max-width: 650px;

  top: -59px;

}

.investor_img .img_relative img {

    max-width: 390px;

    top: -129px;

}

.pling_img .img_relative img{

  max-width: 590px;

  top: -121px;

}

.hi-icon-wrap {

  text-align: center;

  margin: 0 auto;

  padding: 2em 0 3em;

}

.hi-icon-wrap .fa {

  text-decoration:none;

}

.hi-icon-wrap .fa {

  display: inline-block;

  font-size: 0px;

  cursor: pointer;

  margin: 8px 30px;

  width: 90px;

  height: 90px;

  border-radius: 100%;

  text-align: center;

  position: relative;

  z-index: 1;

  color: #ED3036;

}



.hi-icon-wrap .fa:after {

  pointer-events: none;

  position: absolute;

  width: 100%;

  height: 100%;

  /* border-radius: 100%; */

  content: '';

  -webkit-box-sizing: content-box; 

  -moz-box-sizing: content-box; 

  box-sizing: content-box;

}



.hi-icon-wrap .fa:before {

  font-family: 'fontAwesome';

  speak: none;

  font-size: 48px;

  line-height: 90px;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  display: block;

  color: #ED3036;

  -webkit-font-smoothing: antialiased;

}

.section_cms_about .hi-icon-wrap .fa > img {

  display:inline-block;

  width:48px;

  position: absolute;

  z-index: 6;

  padding:0;

  left: 21px;

  top:21px;

}



/* Effect 2 */

.hi-icon-effect-2 .fa {

  color: #eea303;

  box-shadow: 0 0 0 3px #fff;

  -webkit-transition: color 0.3s;

  -moz-transition: color 0.3s;

  transition: color 0.3s;

}



.hi-icon-effect-2 .fa:after {

  top: -2px;

  left: -2px;

  padding: 2px;

  z-index: -1;

  background: #fff;

  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

  -moz-transition: -moz-transform 0.2s, opacity 0.2s;

  transition: transform 0.2s, opacity 0.2s;

}



/* Effect 2a */

.hi-icon-effect-2a .fa:hover {

  /* color: #eea303; */

  color:#ED3036;

}



.hi-icon-effect-2a .fa:hover:after {

  -webkit-transform: scale(0.85);

  -moz-transform: scale(0.85);

  -ms-transform: scale(0.85);

  transform: scale(0.85);

}



/* Effect 2b */

.hi-icon-effect-2b .fa:hover:after {

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  opacity: 0;

  -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;

  -moz-transition: -moz-transform 0.4s, opacity 0.2s;

  transition: transform 0.4s, opacity 0.2s;

}



.hi-icon-effect-2b .fa:hover {

  color: #fff;

}



.services-sec {

  text-align:center;

  padding-top: 0px;

  display: inline-block;

  width: 100%;

}

.service-sec span {

  border-left: medium none;
  color: #60cae8;
  display: inline-block;
  width:100%;
}

.red {

  color: #eb2729;

}

.service-sec a span.red i {
  background-color: #fff;
}

.service-sec i.open {

  width: auto;
  display: inline-block;
  height: 52px;

  margin: 0;

  -moz-transition: all 1000ms ease;

  -webkit-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}

.service-sec i {

  width: 0;

  height: 0;

  display: inline-block;

  border: 2px solid #fff;

  color: #666;

  line-height: 56px;

  font-size: 30px;

  margin: 70px 0 0;

  -moz-transition: all 2000ms ease;

  -ms-transition: all 2000ms ease;

  -webkit-transition: all 2000ms ease;

  -o-transition: all 2000ms ease;

  transition: all 2000ms ease;

}
.service-sec {
  text-align: left;
  position: relative;
}
.service_img_section .row .col-sm-4.col-md-4:nth-child(2) .service-sec:after ,
.service_img_section .row .col-sm-4.col-md-4:nth-child(2) .service-sec:before {
    position: absolute;
    content: '';
    height: 14em;
    width: 1px;
    background-color: #efefef;
    top: 25px;
}
.service_img_section .row .col-sm-4.col-md-4:nth-child(2) .service-sec:after  {
  right: -6px;
}
.service_img_section .row .col-sm-4.col-md-4:nth-child(2) .service-sec:before {
 left: -20px; 
}
.img-circle {

  border-radius: 0;

}

.service-sec h3{

  /* background: url(service-sec-shadow.png) no-repeat center 0; */

  padding-top: 0;

  font-weight: 600;

  font-size:18px;

  border: 0;

  text-transform: uppercase;

  margin: 15px 0 15px;

  color: #000;

  font-family: 'Open Sans',sans-serif;

}

.service-sec p{

  margin-bottom: 0;

  line-height: 24px;

}

.service-sec:hover i, .service-sec:hover i.open {
  margin: 0;
}

ul#revolutionul  a.slide_btn {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 1px solid #f8f8f8;

  border-radius: 0;

  clear: both;

  color: #f8f8f8;

  float: left;

  font-size: 14px;

  font-weight: 500;

  margin: 0;

  text-transform: capitalize;

  padding: 12px 18px;

  text-decoration: none;

  -webkit-transition: all 0.35s ease-in-out 0s;

  -o-transition: all 0.35s ease-in-out 0s;

  transition: all 0.35s ease-in-out 0s;

}

ul#revolutionul a.slide_btn:hover {

  background: #f8f8f8 none repeat scroll 0 0;

  color: #666;

}

.current_opening {

  display:inline-block;

  width:100%;

  padding:35px 0;

}

.current_opening .panel-group {

  border:1px solid #eee;

}

.current_opening .panel {

  padding:0;

  margin:0;

  display:inline-block;

  width:100%;

  border:medium none;

}

.current_opening .panel + .panel {

  margin-top:0;

}

.current_opening .panel-heading {

  display:inline-block;

  width:100%;

  padding:0;

}

.current_opening .panel-body {

  display:inline-block;

  width:100%;

  padding: 20px 80px 55px;

  background-color: #fff;

  font-size: 15px;

  font-weight: normal;

  line-height: 1.7;

  border-bottom: 2px solid #c3c3c3;

}

.current_opening .panel a.accordion-toggle{

  background: #f6f8fc none repeat scroll 0 0;

  padding: 30px 80px;

  position: relative;

  text-align: left;

  margin:0;

  display:inline-block;

  width:100%;

  font-size:22px;

}

.current_opening .panel a.accordion-toggle:hover {

  color:inherit;

}

.current_opening .panel:nth-child(2n+1) .panel-body {

  background-color:#f9f9f9;

}

.current_opening .panel:nth-child(2n+1) a.accordion-toggle{

  background: #fff none repeat scroll 0 0;

}

.accordion-toggle {

  position: relative;

}

.accordion-toggle:after {

  font-size:24px;

  font-family: fontAwesome;

  color:inherit; 

  position: absolute;

  right: 15px;

}

.accordion-toggle:after {

  content:'\f139';

}

.accordion-toggle.collapsed:after {

  content: '\f13a';

}

.accordion-toggle:before {

  position:absolute;

  left:35px;

  font-size:24px;

  font-family: fontAwesome;

  color: #eb2729;

}

.opening_designer:before {

  content: '\f1fc';

}

.opening_php:before {

  content: '\f121';

}

.opening_android:before {

  content: '\f17b';

}

.opening_ios:before {

  content: '\f179';

}

.current_opening a.btn_custom_a, .btn_custom_a {

  background:#ed3036;

  display: inline-block;

  font-size: 15px;

  padding: 10px 25px;

  text-align: center;

  color:#fff;

  border: 0;

  text-decoration: none;

  text-transform: capitalize;

}

.btn-primary:hover, .btn-primary:focus  {

  background-color: #ED3036;

}

.header.reduce-header {

  z-index: 888;
  -moz-transition: all 1000ms ease;

  -webkit-transition: all 1000ms ease;

  -ms-transition: all 1000ms ease;

  -o-transition: all 1000ms ease;

  transition: all 1000ms ease;

}

.header-navigation ul li:last-child a.contact_btn {

    border: 3px solid #fff;
    /* border-bottom: 0 none; */
    /* border-radius: 0; */
    color: #fff;
    font-weight: 700;
    margin-left: 38px;
    margin-top: 23px;
    padding: 8px 22px;
    text-transform: uppercase;
    font-size: 17px;
    border-radius: 25px !important;
}
.header-navigation ul li:last-child a.contact_btn:hover  {
  border-color:#ed3036;
  background-color: transparent;

}

.reduce-header .header-navigation > ul > li:last-child > a.contact_btn {
  color:#ed3036;
  border:3px solid #ed3036;
  margin-top:18px;
  margin-left:18px;
}
.reduce-header .header-navigation > ul > li:last-child > a.contact_btn:hover {
  color:#333;
  border:3px solid #333;
}

.digital_india_support {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  margin-bottom: 30px;
}

.digital_india_support a, .digital_india_support a:hover {

  text-decoration: none;

  display: inline-block;

}

.digital_india_support img {

  display: inline-block;

  max-width: 185px; /* develop */

  width: 100%;

}

.digital_india_support h4, .digital_india_support h4 .fa {

  color: #fff;

}

.digital_india_support h4 {

  background: #f8f8f8 none repeat scroll 0 0;

  border: 1px solid #f8f8f8;

  border-radius: 0;

  clear: both;

  color: #666;

  float: none;

  font-size: 14px;

  font-weight: 500;

  margin: 31px 0 0;

  padding: 12px 18px;

  text-decoration: none;

  text-transform: capitalize;

  transition: all 0.35s ease-in-out 0s;

  max-width: 200px;

  display: inline-block;

  width: 100%;

}

.digital_india_support h4:hover {

  background-color: #ED3036;

  color: #fff;

}

/* .digital_india_support h4 {

  background: #ed3036none repeat scroll 0 0;

  font-weight: 600;

  margin-top: 15px;

  padding: 11px 15px;

  margin: 15px 0 auto;

  max-width: 185px;

  width: 100%;

  display: inline-block;

  border-radius: 7px;

  text-transform: capitalize;

  vertical-align: middle;

} */

.digital_india_support h4 .fa {

  padding-left: 9px;

}

h3.style_contact {

  display: inline-block;

  width: 100%;

  color:#fff;

}

.col-md-6.header-navigation-col h4 a img{

  display: inline-block;

  padding-right: 5px;

  width:28px;

}

a.read_more_bttn {

  /* background: #ed3036none repeat scroll 0 0; */

  border-radius: 5px !important;

  display: inline-block;

  font-weight: 700;

  /* margin: 15px auto; */

  padding: 11px 15px;

  vertical-align: middle;

  width: 120px;

  color: #eb2729;

  text-transform: uppercase;

  overflow: hidden;

}

.service-sec a.read_more_bttn {

  margin-left: 0;

  padding: 0;

  text-transform: lowercase;

  width: auto;

}

.read_more_bttn:hover {

  opacity: .9;

  text-decoration: none;

}

.header-navigation-content h4 {

  font-size: 14px;

}

/* sitemap section */

.site_map_section a {

  color:#333;

}

.site_map_section h2 a {

  font-weight: bold;

  font-size:14px;

}

.site_map_section h2 a img {

  width:16px; 

  margin-right:5px;

}

.site_map_section a:hover {

  color:#333;

  text-decoration: none;

} 

.outer_site_map_section {

  margin-bottom: 45px;

}

.site_map_section.only_head_link h2 a {

  color: #ed3036;

  font-weight: 500;

  font-size:27px;

  margin-bottom: 25px;

  display: inline-block;

}

/* contact us form */

.detailMsg {

    background-color: #fff;

    border: 1px solid #ccc;

    font-size: 17px;

    padding: 5px;

    width: 460px;

    color: #03b020;

    font-weight: bold;

}

.captchaMsg {

    background-color: #fff;

    font-size: 17px;

    padding: 5px;

    width: 400px;

    color: red;

    font-weight: bold;

}

.error

{

color:red;

float:left;

}

.con_error

{

	color:red;

	font-size:14px;

	font-weight:normal;

	margin-top:10px;

}

.contBTn

{

 text-align:center;

 background:#ed3036;

 color:#fff;

 text-transform:capitalize;

 text-decoration:none;

    display: inline-block;

    font-size: 15px;

    padding: 10px 25px;

	border:0;

	margin-top:30px;

}

.content {

  font-size: 150%;

  padding: 3em 0;

}

.input {

  position: relative;

  z-index: 1;

  display: inline-block;

  margin: 1em 0;

  max-width: 450px;

  width: calc(100% - 2em);

  vertical-align: top;

}

.input__field {

  position: relative;

  display: block;

  float: right;

  padding: 0.8em;

  width: 60%;

  border: none;

  border-radius: 0;

  background: #f0f0f0;

  color: #333;

  font-weight:normal;

  -webkit-appearance: none; /* for box shadows to show on iOS */

}

.input__field:focus {

  outline: none;

}

.input__label {

  display: inline-block;

  float: right;

  padding: 0 1em;

  width: 40%;

  color: #333;

  font-weight: bold;

  font-size: 70.25%;

  -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.input__label-content {

  position: relative;

  display: block;

  padding: 1.6em 0;

  width: 100%;

}

.graphic {

  position: absolute;

  top: 0;

  left: 0;

  fill: none;

}

.icon {

  color: #ddd;

  font-size: 150%;

}

.input__field--yoshiko {

  width: 100%;

  background-color: transparent;

  border: 1px solid #eee;

  -webkit-transition: background-color 0.25s, border-color 0.25s;

  transition: background-color 0.25s, border-color 0.25s;

}



.input__label--yoshiko {

  font-weight:normal;

  width: 100%;

  text-align: left;

  position: absolute;

  bottom: 100%;

  pointer-events: none;

  overflow: hidden;

  padding: 0 1.25em;

  margin-bottom:0;

  -webkit-transform: translate3d(0, 3em, 0);

  transform: translate3d(0, 3em, 0);

  -webkit-transition: -webkit-transform 0.25s;

  transition: transform 0.25s ;

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;

}



.input__label-content--yoshiko {

  color: #8B8C8B;

  padding: 0.25em 0;

  -webkit-transition: -webkit-transform 0.25s;

  transition: transform 0.25s;

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;

}



.input__label-content--yoshiko::after {

  content: attr(data-content);

  position: absolute;

  font-weight: 800;

  bottom: 100%;

  left: 0;

  height: 100%;

  width: 100%;

  color: #000;

  padding: 0.25em 0;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-size: 0.85em;

}



.input__field--yoshiko:focus + .input__label--yoshiko,

.input--filled .input__label--yoshiko {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.input__field--yoshiko:focus + .input__label--yoshiko .input__label-content--yoshiko,

.input--filled .input__label-content--yoshiko {

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0);

}



.input__field--yoshiko:focus + .input__field--yoshiko,

.input--filled .input__field--yoshiko {

  background-color: transparent;

  border-color: #333;

}



.content h3, .contact_info h3, .content_map h3 {

  position: relative;

  margin-bottom: 35px;

  display: block;

}

.content h3::after, .contact_info h3::after, .content_map h3::after {

  background: #575c61 none repeat scroll 0 0;

  bottom: -15px;

  content: "";

  height: 1px;

  left: 0;

  position: absolute;

  width: 50px;

}

.contact_info_div {

  display: inline-block;

  margin-bottom: 25px;

  width: 100%;

}

.contact_info_div a, .contact_info_div a:hover {

  display:block;

  text-decoration: none;

}

.contact_info_div label {

  display: block;

}

.content_map {

  padding:3em 0;

}

.content_map address {

  line-height: 2;

}

/* 28oct */

.dropdown-menu  li ul li a, li.dropdown ul li a{

  padding-left: 25px !important;

  position: relative;

}

.dropdown-menu li ul li a:before, li.dropdown ul li a:before{

  content:'\f105';

  position: absolute;

  left: 10px;

  font-family: fontAwesome;

}

li.dropdown ul li h4 a {

  padding-left:0 !important;

}

li.dropdown ul li h4 a:before {

  content:"";

}

.top_slogan h1 {

  font-size:37px;

}

.col-xs-12.visible-xs-12 {

  display: none;

}

.ac-custom .input_custom label::before {

  content: "";

  border:0;

}

.ac-custom .input_custom label{

  padding: 0;

  margin-bottom: 10px;

}

.section_form_rfp {

  border-bottom: 1px solid #eee;

  display: inline-block;

  margin: 15px 0;

  padding-bottom: 25px;

  width: 100%;

  padding-top:0;

}

.section_form_rfp .form-control:focus {

  border: 1px solid #333;

}

.section_form_rfp .form-control {

  border: 1px solid rgba(0, 0, 0, 0.4);

  height: 43px;

  font-size:14px;

  padding: 6px 15px;

  box-shadow: none;

}

.form-group select option {

  padding:6px 15px;

}

.dropdown-menu .header-navigation-content {

  padding-bottom: 0;

}

.perks {

  padding:25px 0;

}

.perks img {

  display: inline-block;

  width: 100%;

  max-width: 70px;

}

.container_cms .perks p {

  text-decoration: uppercase;

  text-align: center;

  display: inline-block;

  width: 100%;

  font-size: 16px;

}

.col-sm-12.text-center blockquote p::before, .col-sm-12.text-center blockquote p::after, .video-testi p::before, .video-testi p::after,
#testimonials-block blockquote p::before, #testimonials-block blockquote p::after{

    color: #66717c;

    font-family: fontAwesome;

    font-size: 16px;

    position: absolute;

    opacity: .5;

}

.col-sm-12.text-center blockquote p::before,  .video-testi blockquote p::before , 
#testimonials-block blockquote p::before {

    content: "\f10d ";
    left: 0;
    top: 4px;
}

.col-sm-12.text-center blockquote p::after,  .video-testi blockquote p::after, #testimonials-block blockquote p::after {

    content: "\f10e";
    bottom: 6px;
    width: 53px;
    display: inline-block;

}

.col-sm-12.text-center blockquote p,  .video-testi blockquote p , #testimonials-block blockquote p {
  font-size: 17px;
  font-weight: 500;
  margin: 0;
  padding: 2rem;
  position: relative;
  line-height: 32px;
}

#testimonials-block h4 + p {
  font-size: 15px;
}
.content_red #testimonials-block h4 + p {
  padding-top: 0;
  margin-bottom: 15px;
}
.content_red #testimonials-block blockquote p::before {
  top: -10px;
}
.content_red #testimonials-block blockquote p::after {
  bottom: -20px;
}
.content_red #testimonials-block blockquote p::before, #testimonials-block blockquote p::after {
  font-size: 16px;
}
.content_red #testimonials-block blockquote p {
  font-size: 16px;
  margin: 0;
  line-height: 1.9;
  padding: 0 25px;
}

.outer_testimonial {

  padding: 0rem 20rem;

}

hr.divider {

  height: 1px;

  display: inline-block;

  width: 100%;

  background-color: #f2f2f2;

}
/* .video-testi {
  margin-top:15px;
} */
.item video {
  max-height: 870px;
}
.video-testi a.contact_btn {
  background-color: #ed3036;
  border-bottom: 0 none;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  margin-top: 15px;
  padding: 11px 28px;
  text-transform: uppercase;
  font-size: 13px;
  display: inline-block;
  text-decoration: none;
}

/* media queries */

@media (max-width:1024px){

  .header-navigation > ul > li:last-child > a.contact_btn, .reduce-header .header-navigation > ul > li:last-child > a.contact_btn {

    margin-top: 0;

    padding: 10px;

    margin-left: 0;

  }

  .header-navigation > ul > li:last-child > a.contact_btn, .reduce-header .header-navigation > ul > li:last-child > a.contact_btn {

    padding: 8px 0;

  }

  .header-navigation.pull-right.font-transform-inherit a {

    text-align: center;

  }

  div.relative_qoute a {

    display:none;

  }

  .relative_qoute {

    text-align: center;

  }

  .col-xs-12.visible-xs-12 {

    display: block;

  }

  .col-xs-12.visible-xs-12 a {

    display: inline-block;

    width: 100%;

  }

  .col-xs-12.visible-xs-12 a img {

    display: inline-block;

    width: 100%;

    min-width: 180px;

    max-width: 200px;

  }

}

@media (max-width:768px){

  .top_slogan h1 {

    font-size:27px;

  }

  .pre-footer-col {

    text-align: center;

  }

 

}

@media (max-width:1205px) and (min-width: 1025px) {

  a.site-logo {

    margin-right: 0;

  }

  a.site-logo img {

    max-width:300px;

  }

  .header .header-navigation {

    clear:none;

    float:right;

  }

  .header .header-navigation > ul > li {

    margin-right:0;

  }

  .reduce-header.header div.header-navigation > ul > li > a {

    padding: 52px 12px 36px;

  }

  .header div.header-navigation > ul > li > a {

    padding:35px 12px 36px;

  }

  .reduce-header .header-navigation > ul > li:last-child > a.contact_btn {

    margin-top:45px;

    padding: 8px 28px;

  }

}

@media (max-width: 990px) and (min-width: 768px){

   .frameworks li.border_appear {

      border-bottom: 1px solid #ececec;

      border-left: medium none;

   }

  .frameworks li.noBorderLeft {

      border-bottom: 1px solid #ececec;

      border-left: 1px solid #ececec;

  }

  .col-md-6.img_relative > img {

    display: none;

  }

  div.case_study_fluid {

    background-image:none;

    margin-top:25px;

  }

}

@media (max-width: 767px) and (min-width: 319px){

  .frameworks li.col-md-4.col-sm-6.col-xs-12 {

    border-right: medium none;

    border-left: medium none;

    border-bottom: 1px solid #ececec;

  }

  .item .col-sm-4 {

    margin-bottom: 20px;

  }

  .top_slogan h1 {

    padding: 0 15px;

    font-size: 22px;

  }

  .frameworks li.col-md-4.col-sm-6.col-xs-12:last-child {

    border-bottom: medium none; 

  }

  .col-md-6.img_relative > img {

    display: none;

  }

  div.case_study_fluid {

    background-image:none;

    margin-top:25px;

  }

}

@media (max-width:480px){

  a.site-logo  img {

    max-width: 240px;

  }

  .header a.mobi-toggler {

    margin: 18px 0 0;

  }

  .col-md-6.img_relative > img {

    display: none;

  }

  div.case_study_fluid {

    background-image:none;

    margin-top:25px;

  }

  .col-sm-12.text-center blockquote p::before, .col-sm-12.text-center blockquote p::after

  {

  font-size:1em;

 }

  .col-sm-12.text-center blockquote p

  {

  font-size:16px;

  line-height:28px;

  padding:10px;

  margin:0;

 }

}

#r1-error {

  color: red;

  float: left;

  padding: 0;

}

#r1-error::before {

  display: none;

}

#r2-error {

  color: red;

  float: left;

  padding: 0;

}

#r2-error::before {

  display: none;

}

 form.ac-custom .ul_radio {

	position:relative;

}

.ned

{

  color: red !important;

  float: left;

  padding-left:0!important;

}

.ned::before {

  display: none;

}

textarea {

  resize:vertical;

}

.btn_custom_a:hover

{

color:#fff;

outline:none;

text-decoration:none;

}

.filter-v1

{

padding-top:20px;

}
@media screen and (max-width:768px) {
  .service_img_section .row .col-sm-4.col-md-4:nth-child(2) .service-sec:after, .service_img_section .row .col-sm-4.col-md-4:nth-child(2) .service-sec:before {
    display: none;
  }
}
@media(max-width:640px) {
  .slide .col-sm-12.text-center blockquote p,  .video-testi blockquote p , #testimonials-block blockquote p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
  }
}
@media screen and (max-width: 50em) {
  section, section p {
    font-size: 14px;
  }
}

.header.reduce-header .site-logo-scroll {
  display:inline-block;
  max-width: 240px;
  padding: 15px 0;
}
.header .site-logo-scroll {
  display: none;
}
.header.reduce-header .site-logo-main {
  display:none;
}

/* carousel 31 july */


@media only screen and (max-width:768px) {
  div.text-d {
    width:100%;
    padding:  0 8em !important;
  }
  .img-d {
    display: none;
  }
}
@media only screen and (max-width:768px) { 
    div.text-d {
      padding:  0 4em !important;
    }
}

img.mfp-img {
    max-height: none !important;
}
div.mfp-image-holder .mfp-content {
    max-width: 85%;
}
button.mfp-arrow {
    position: fixed;
}