/*
Alexis - Responsive Portoflio Template
Version: 1.0
Author: Mizanur Rahman
*/

/* --------------------------------------
=========================================
   1. GLOBAL STYLES AND FIXES
=========================================
-----------------------------------------*/
/*---------------------------------------
   1.1 HTML, BODY & PRE LOADER
-----------------------------------------*/
html {
  font-size: 100%;
  box-sizing: border-box;
   width: 100%;
    height: 100%;
}
blockquote {
	font-family: Georgia, arial, sans-serif;
	color: #bbb;
	font-size: 20px;
}

p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.6em;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-family: 'poppins', helvetica, sans-serif;
  font-size: 15px;
  line-height: 27px;
  color: #616161;
  font-weight: 400;
  text-align: center;
  overflow-x: hidden !important;
}

/* PRE LOADER */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

.status {
    width:200px;
    height:200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}


.loader {
  position: relative;
  margin: 0px -50px;
  width: 100px;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}
/* .circular { */
  /* -webkit-animation: rotate 2s linear infinite; */
  /* animation: rotate 2s linear infinite; */
  /* height: 100%; */
  /* -webkit-transform-origin: center center; */
  /* -ms-transform-origin: center center; */
  /* transform-origin: center center; */
  /* width: 100%; */
  /* position: absolute; */
  /* top: 0; */
  /* bottom: 0; */
  /* left: 0; */
  /* right: 0; */
  /* margin: auto; */
/* } */
/* .path { */
  /* stroke-dasharray: 1,200; */
  /* stroke-dashoffset: 0; */
  /* -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; */
  /* animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; */
  /* stroke-linecap: round; */
/* } */
/* @-webkit-keyframes rotate { */
  /* 100% { */
    /* -webkit-transform: rotate(360deg); */
    /* transform: rotate(360deg); */
  /* } */
/* } */
/* @keyframes rotate { */
  /* 100% { */
    /* -webkit-transform: rotate(360deg); */
    /* transform: rotate(360deg); */
  /* } */
/* } */
/* @-webkit-keyframes dash { */
  /* 0% { */
    /* stroke-dasharray: 1,200; */
    /* stroke-dashoffset: 0; */
  /* } */
  /* 50% { */
    /* stroke-dasharray: 89,200; */
    /* stroke-dashoffset: -35px; */
  /* } */
  /* 100% { */
    /* stroke-dasharray: 89,200; */
    /* stroke-dashoffset: -124px; */
  /* } */
/* } */
/* @keyframes dash { */
  /* 0% { */
    /* stroke-dasharray: 1,200; */
    /* stroke-dashoffset: 0; */
  /* } */
  /* 50% { */
    /* stroke-dasharray: 89,200; */
    /* stroke-dashoffset: -35px; */
  /* } */
  /* 100% { */
    /* stroke-dasharray: 89,200; */
    /* stroke-dashoffset: -124px; */
  /* } */
/* } */
/* @-webkit-keyframes color { */
  /* 100%, */
  /* 0% { */
    /* stroke: #fc5f45; */
  /* } */
  /* 40% { */
    /* stroke: #b27cf5; */
  /* } */
  /* 66% { */
    /* stroke: #38c695; */
  /* } */
  /* 80%, */
  /* 90% { */
    /* stroke: #feb960; */
  /* } */
/* } */
/* @keyframes color { */
  /* 100%, */
  /* 0% { */
    /* stroke: #fc5f45; */
  /* } */
  /* 40% { */
    /* stroke: #b27cf5; */
  /* } */
  /* 66% { */
    /* stroke: #38c695; */
  /* } */
  /* 80%, */
  /* 90% { */
    /* stroke: #feb960; */
  /* } */
/* } */


/*---------------------------------------
   1.2 ANCHOR AND INPUT FIELD
-----------------------------------------*/
a {
  text-decoration: none;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  color: #313131;
}
a:hover {
  text-decoration: none;
  color: #fc5f45;
}
textarea.input-field:focus,
textarea.input-field:active,
input.input-field:focus,
input.input-field:active {
  border: 1px solid #fc5f45;
  outline: 0;
  background: #ffffff;
}

/*---------------------------------------
   1.3 BOOTSTRAP FIXES / OTHTER FIXES
-----------------------------------------*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
ul,
ol {
  padding-left: 0 !important;
}
li {
  /* list-style: none; */
}
.row.no-gutters [class^="col-"],
.row.no-gutters [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* CAROUSEL NAV */
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 17px;
  height: 17px;
  filter: alpha(opacity=50);
  opacity: 1;
  border-radius: 20px;
  background: transparent;
  border: 2px solid rgba(252, 95, 69, 0.5);
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: alpha(opacity=100);
  opacity: 1;
  background: #fc5f45;
  border: 3px solid #ffffff;
  box-shadow: 0px 0px 0px 2px #fc5f45;
}

/*---------------------------------------
   1.4 TEXT / COLORS
-----------------------------------------*/
.dark-text {
  color: #313131;
}
.dark-text2 {
  color: #616161;
}
.play-text  {
	color: #ffffff; 
}
.white-text {
 color: #000; 
 font-size: 58px;
    margin: 30px 0px;
}
.red-text {
  color:#fff ;
  background-color:#fc5f45;
    border: 4px solid #fc5f45;
}
.red-text:before {
  border: 4px solid #fc5f45;
}
.green-text {
  color:#fff;
  background-color: #38c695;
  border: 4px solid #38c695;
}
.green-text:before {
  border: 4px solid #38c695;
}
.purple-text {
  color:#fff; 
  background-color:#b27cf5;
    border: 4px solid #b27cf5;
}
.purple-text:before {
  border: 4px solid #b27cf5;
}
.yellow-text {
  color:#fff;
   background-color:#feb960;
      border: 4px solid #feb960;
}
.yellow-text:before {
  border: 4px solid #feb960;
}
.uppercase {
  text-transform: uppercase;
}
.small-text {
  font-size: 14px;
}
.extra-small-text {
  font-size: 13px;
}
strong,
.strong {
  font-weight: 500;
}

/*---------------------------------------
   1.5 LINES, SHADOW & GRADEINTS
-----------------------------------------*/
.red-line-bottom {
  border-bottom: 3px solid #fc5f45;
}
.green-line-bottom {
  border-bottom: 3px solid #38c695;
}
.purple-line-bottom {
  border-bottom: 3px solid #b27cf5;
}
.yellow-line-bottom {
  border-bottom: 3px solid #feb960;
}
.red-line-top {
  border-top: 3px solid #fc5f45;
}
.green-line-top {
  border-top: 3px solid #38c695;
}
.purple-line-top {
  border-top: 3px solid #b27cf5;
}
.yellow-line-top {
  border-top: 3px solid #feb960;
}
.four-lines {
  width: 100%;
}
.four-lines .line {
  width: 25%;
  float: left;
}
.diffuse-shadow {
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
}
.image-border {
  box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.red-gradient-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(252, 95, 69, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(252, 95, 69, 0.6) 100%);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.green-gradient-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(56, 198, 149, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(56, 198, 149, 0.6) 100%);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.purple-gradient-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(178, 124, 245, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(178, 124, 245, 0.6) 100%);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.yellow-gradient-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(254, 185, 96, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(254, 185, 96, 0.6) 100%);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}
.dark-gradient-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.75;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 50%, #000000 100%);
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 50%, #000000 100%);
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
}

/*---------------------------------------
   1.6 HEADINGS, SECTION HEADERS & BG
-----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #313131;
}
h1 {
  font-family: 'Libre Baskerville', 'Playfair Display', Georgia, serif;
  font-size: 3.75rem;
  /* line-height: 5.313rem; */
}
h2 {
  font-family: 'Libre Baskerville', 'Playfair Display', Georgia, serif;
  font-size: 40px;
  line-height: 4.688rem;
  font-weight: 600;
}
h3 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 400;
}
h4 {
  font-size: 25px;
  line-height: 40px;
  font-weight: 400;
}
h5 {
  font-size: 20px;
  line-height: 33px;
  font-weight: 500;
}
h6 {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}

/* SECTION NUMBER, HEADER AND BG */
.section-number {
  font-weight: 700;
  font-size: 147px;
  color:#ddd;
  opacity: 0.3;
  position: absolute;
  top: 110px;
  left: 0;
}
.section-number1 {
  font-weight: 700;
  font-size:147px;
  color:#ddd;
  opacity: 0.3;
  position: absolute;
  /* top: 110px; */
  left: 0;
}
.centered-number {
  right: 0;
  left: 0;
}
.section-heading {
  position: relative;
  z-index: 10;
}
section {
  position: relative;
}
.section-header {
  position: relative;
  z-index: 10;
  margin-bottom: 25px;
  text-align: center;
}
.sub-heading {
  font-size: 18px;
  margin-top: 13px;
}
.bgcolor-2 {
  background: #f7f7f7;
}
.white-bg {
  background: #ffffff;
      padding: 4em 0;
}

/*---------------------------------------
   1.7 BUTTONS
-----------------------------------------*/
.standard-button {
  padding: 0 40px 0 40px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 30px;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 50px;
  border: none;
  box-shadow: none;
}
.red-button {
  color: #ffffff;
  background: #fc5f45;
}
.red-button:hover,
.red-button:active,
.red-button:active:hover,
.red-button:focus:hover,
.red-button:focus {
  background-color: #f34123;
  color: #ffffff;
  outline: none;
}
.red-outline {
  color: #fc5f45;
  background: #fff;
  border: 2px solid #fc5f45;
  line-height: 46px;
  padding: 0 38px 0 38px;
}
.red-outline:hover,
.red-outline:active,
.red-outline:active:hover,
.red-outline:focus:hover,
.red-outline:focus {
  background-color: #fc5f45;
  color: #ffffff;
  outline: none;
  border: 2px solid #fc5f45;
}
.green-button {
  color: #ffffff;
  background: #38c695;
}
.green-button:hover,
.green-button:active,
.green-button:active:hover,
.green-button:focus:hover,
.green-button:focus {
  background-color: #17bb82;
  color: #ffffff;
  outline: none;
}
.green-outline {
  color: #38c695;
  background: #fff;
  border: 2px solid #38c695;
  line-height: 46px;
  padding: 0 38px 0 38px;
}
.green-outline:hover,
.green-outline:active,
.green-outline:active:hover,
.green-outline:focus:hover,
.green-outline:focus {
  background-color: #38c695;
  color: #ffffff;
  outline: none;
  border: 2px solid #38c695;
}
.purple-button {
  color: #ffffff;
  background: #b27cf5;
}
.purple-button:hover,
.purple-button:active,
.purple-button:active:hover,
.purple-button:focus:hover,
.purple-button:focus {
  background-color: #954fed;
  color: #ffffff;
  outline: none;
}
.purple-outline {
  color: #b27cf5;
  background: #fff;
  border: 2px solid #b27cf5;
  line-height: 46px;
  padding: 0 38px 0 38px;
}
.purple-outline:hover,
.purple-outline:active,
.purple-outline:active:hover,
.purple-outline:focus:hover,
.purple-outline:focus {
  background-color: #b27cf5;
  color: #ffffff;
  outline: none;
  border: 2px solid #b27cf5;
}
.yellow-button {
  color: #ffffff;
  background: #feb960;
}
.yellow-button:hover,
.yellow-button:active,
.yellow-button:active:hover,
.yellow-button:focus:hover,
.yellow-button:focus {
  background-color: #ed9c34;
  color: #ffffff;
  outline: none;
}
.yellow-outline {
  color: #feb960;
  background: #fff;
  border: 2px solid #feb960;
  line-height: 46px;
  padding: 0 38px 0 38px;
}
.yellow-outline:hover,
.yellow-outline:active,
.yellow-outline:active:hover,
.yellow-outline:focus:hover,
.yellow-outline:focus {
  background-color: #feb960;
  color: #ffffff;
  outline: none;
  border: 2px solid #feb960;
}

/* --------------------------------------
=========================================
   2. SECTIONS
=========================================
-----------------------------------------*/
/*---------------------------------------
   2.1 SECTION: HOME PAGE
-----------------------------------------*/
.home {
  background: url(../images/backgrounds/1.jpg) no-repeat top;
  background-size: cover;
}
.home .color-overlay {
  padding-top: 175px;
  padding-bottom: 125px;
}
.home .intro {
  margin-top: 62px;
  margin-bottom: 18px;
}
.home .cta {
  text-align: center;
}
.home .cta .standard-button {
  margin-right: 10px;
  margin-left: 10px;
}
.home-features {
  margin-top: 55px;
}
.home-features .single-feature {
  margin-bottom: 45px;
}
.home-features .single-feature .icon {
  font-size: 45px;
  margin-bottom: 28px;
}
.color-overlay {
  background: rgba(255,255, 255, 0.94);
}
/* LOGO AND STICKY NAVIGATION */
.sticky-navigation {
  background: #ffffff;
  min-height: 75px;
  border-bottom: 0;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.5);
}
.sticky-navigation .navbar-brand {
  margin-top: 9px;
}
.sticky-navigation .navbar-brand img {
  max-height: 26px;
}
.sticky-navigation .current a {
  color: #fc5f45 !important;
}
.sticky-navigation .main-navigation li a {
  line-height: 45px;
  color: #313131;
  font-weight: 500;
  font-size: 14px;
}
.sticky-navigation .main-navigation li a:hover,
.sticky-navigation .main-navigation li a:focus {
  color: #fc5f45;
}

/*---------------------------------------
   2.2 SECTION: ABOUT US
-----------------------------------------*/
.about-us {
  padding-top: 150px;
  padding-bottom: 150px;
}
.about-us .featured-image {
  position: relative;
  width: 100%;
}
.about-us .featured-image img {
  width: 100%;
  display: block;
}
.overflow-box {
  margin-left: -200px;
  position: relative;
  z-index: 10;
}
.about-box {
  background: #ffffff;
  position: relative;
  margin-top: 75px;
  z-index: 10;
  overflow: hidden;
}
.about-box .about-content {
  padding-top: 60px;
  padding-left: 82px;
  padding-right: 82px;
}
.about-box p {
  margin-top: 22px;
  margin-bottom: 100px;
  position: relative;
}

/*---------------------------------------
   2.3 SECTION: OUR FOCUS
-----------------------------------------*/
.our-focus {
  position: relative;
  padding-top: 114px;
  padding-bottom: 150px;
}
.focuses .single-focus {
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 60px;
  margin-top: 50px;
}
.focuses .single-focus .icon {
  font-size: 55px;
  margin-bottom: 20px;
}
.focuses .single-focus p {
  margin-top: 20px;
  margin-bottom: 53px;
}

/*---------------------------------------
   2.4 SECTION: VIDEO
-----------------------------------------*/
.video-play {
  background: url("../images/backgrounds/2.jpg") top no-repeat;
  background-size: cover;
}
.video-play .color-overlay {
  padding-top: 120px;
  padding-bottom: 147px;
}
.video-play h3 {
  margin-bottom: 35px;
}
.video-play .embed-responsive {
  margin-bottom: 50px;
}
.video-play .play-button {
  font-size: 80px;
  color: #38c695;
}
.video-play .play-button:hover,
.video-play .play-button:focus {
  color: #17bb82;
  outline: none;
  text-decoration: none;
}
.video-play >.text {
  margin-top: 15px;
}


/* SINGLE PROJECT */
#loader {
  min-height: 930px;
  position: relative;
  display: none;
}
#loader .loader-icon {
  background-color: #FFF;
  margin: -35px -35px;
  top: 50%;
  left: 50%;
  z-index: 10000;
  position: fixed;
  width: 70px;
  height: 70px;
  background-size: 30px 30px;
  border-radius: 5px;
}
.project-image img {
  max-width: 100%;
}
.single-project {
  margin-top: 40px;
  margin-bottom: 40px;
}
.project-details-list {
  margin-top: 50px;
}
.project-details-list li {
  margin-bottom: 10px;
  border-bottom: 1px dotted #efefef;
}
.back-button {
  display: none;
  padding-top: 13px;
  padding-bottom: 10px;
}

/*---------------------------------------
   2.6 SECTION: TEAM MEMBER
-----------------------------------------*/
.team {
  padding-top: 114px;
  padding-bottom: 150px;
}
.member-list {
  margin-top: 25px;
}
.member-list .single-member {
  margin-top: 25px;
  background: #fff;
}
.member-list .single-member .member-pic {
  position: relative;
  display: inline-block;
  border: 5px solid #ffffff;
}
.member-list .single-member .member-pic img {
  width: 100%;
  display: block;
}
.member-list .single-member h6 {
  margin-top: 5px;
  margin-bottom: 0;
}
.member-list .single-member .extra-small-text {
  margin-bottom: 12px;
}

/*---------------------------------------
   2.7 SECTION: STATS
-----------------------------------------*/
.stats {
  background: url(../images/work-steps/step-3.jpg) no-repeat top;
  background-size: cover;
}
.stats .color-overlay {
   padding:6em 0 0;
}
.stats .stats-icon {
  font-size: 50px;
  margin-bottom: 30px;
  margin-top: 15px;
  

}
.tomato-text i {
/* background-color:#FF6347; */
color:#FF6347;
}
.orange-text i {
/* background-color:#FFA500; */
color:#FFA500;
}
.university-text i {
/* background-color:#FFD700; */
color:#FFD700;
}
.user-text i {
/* background-color:#3CB371; */
color:#3CB371;
}
.facts-heading {

    margin: -18px 0px 66px 0px;
}

.green-text {
      margin-top: 119px;
		background-color: #38c695
   
}
.yellow-text{ 
     margin-top: 119px;
}

.user-text {
 color:#000;
}
.university-text {
 color:#000;
}
.orange-text {
 color:#000;
}
.tomato-text {
 color:#000;
}
.stats .stats-text {
      font-size: 20px;
    margin-top: 13px;
  margin-bottom: 30px;
}
.stats .bottom-icon {
  font-size: 20px;
  margin-bottom: 30px;
     color:#000!important;
    
}
#testimonial { 
	/* padding:2em 0; */
 } 
/* .row-eq-height { */
	/* background:#000; */
/* } */
.testimonial_left i {
	color:#e7e6e680;
	margin-top:100px;
}
.testimonial_left h1 {
	color:#fff;
	margin:7px 0 0;
	font-family: inherit;
	text-transform:uppercase;
	font-weight:600;
}
.testimonial{
    background: #FF494F;
	
}

.testimonial_description {
   text-align:justify;
}
.testinomial_content_div {
    background: #000;
height: 353px;
	  align-items: center;
	    display: flex;
    color:#ffffff;
}
.testinomial_content_div h3 {
	    color:#ffffff;
}
.testinomial_content_div h4 {
	color:#ffffff;
}
.carousel-indicators {
top:97%;
}
/*---------------------------------------
   2.8 SECTION: WORK STEPS
-----------------------------------------*/
.work-steps {
  padding-top:20px;
  padding-bottom:20px;

}
.work-image{
	  /* background-image:url(../images/design.jpg); */
width: 100%;
  background-repeat:no-repeat;
  background-position:center;
  height:700px;
}
.steps {
  margin-top: 125px;
}

/* WORK STEPS BACKGROUND IMAGES */
.steps .step-1-image {
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(252, 95, 69, 0.1) 100%), -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(252, 95, 69, 0.1) 100%), url(../images/work-steps/step-1.jpg) no-repeat top;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(252, 95, 69, 0.1) 100%), linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(252, 95, 69, 0.1) 100%), url(../images/work-steps/step-1.jpg) no-repeat top;
  background-size: cover;
}
.steps .step-2-image {
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(56, 198, 149, 0.1) 100%), -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(56, 198, 149, 0.1) 100%), url(../images/work-steps/step-2.jpg) no-repeat top;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(56, 198, 149, 0.1) 100%), linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(56, 198, 149, 0.1) 100%), url(../images/work-steps/step-2.jpg) no-repeat top;
  background-size: cover;
}
.steps .step-3-image {
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(178, 124, 245, 0.1) 100%), -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(178, 124, 245, 0.1) 100%), url(../images/work-steps/step-3.jpg) no-repeat top;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(178, 124, 245, 0.1) 100%), linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(178, 124, 245, 0.1) 100%), url(../images/work-steps/step-3.jpg) no-repeat top;
  background-size: cover;
}
.steps .step-4-image {
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(254, 185, 96, 0.1) 100%), -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(254, 185, 96, 0.1) 100%), url(../images/work-steps/step-4.jpg) no-repeat top;
  background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0) 0%, rgba(254, 185, 96, 0.1) 100%), linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(254, 185, 96, 0.1) 100%), url(../images/work-steps/step-4.jpg) no-repeat top;
  background-size: cover;
}
.steps .step {
  padding-bottom: 50px;
}
.steps .step .step-image {
  position: relative;
}
.steps .step .step-image img {
  width: 100%;
}
.steps .step .step-box-left {
  position: relative;
  padding: 38px;
  float: left;
  margin-left:0px;
  margin-top: -50px;
  z-index: 10;
  width: 458px;
  height: 300px;
}
.steps .step .step-box-right {
  position: relative;
  padding: 38px;
  float: right;
  margin-right:0px;
  margin-top: -50px;
  z-index: 10;
  width: 458px;
  height: 300px;
}
.steps .step .step-number {
  position: relative;
  z-index: 1;
  float: left;
  font-size: 50px;
  font-family: 'Libre Baskerville', 'Playfair Display', Georgia, serif;
  font-weight: 600;
  color: #efefef;
  width: 67px;
  height: 100%;
  margin-top: 12px;
  margin-left: -10px;
  margin-right: 26px;
}
.steps .step .step-number:after {
  content: "";
  background: #e0e0e0;
  position: absolute;
  z-index: -1;
  top: -26px;
  right: 20px;
  width: 1px;
  height: 115px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.steps .step .content-area {
  margin-top: 28px;
}
.steps .step .content-area p {
  padding-right: 13px;
}

/*---------------------------------------
   2.9 SECTION: PRICING TABLE
-----------------------------------------*/
.pricing {
  padding-top: 114px;
  padding-bottom: 150px;
}
.price-circle-red {
  background: #fc5f45;
  width: 106px;
  height: 106px;
  margin: auto;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0px 0px 0px 3px #fc5f45;
}
.price-circle-red h4 {
  margin-bottom: 0;
  margin-top: 23px;
}
.price-circle-red .extra-small-text {
  line-height: 0.6;
}
.price-circle-green {
  background: #38c695;
  width: 106px;
  height: 106px;
  margin: auto;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0px 0px 0px 3px #38c695;
}
.price-circle-green h4 {
  margin-bottom: 0;
  margin-top: 23px;
}
.price-circle-green .extra-small-text {
  line-height: 0.6;
}
.price-circle-purple {
  background: #b27cf5;
  width: 106px;
  height: 106px;
  margin: auto;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0px 0px 0px 3px #b27cf5;
}
.price-circle-purple h4 {
  margin-bottom: 0;
  margin-top: 23px;
}
.price-circle-purple .extra-small-text {
  line-height: 0.6;
}
.price-circle-yellow {
  background: #feb960;
  width: 106px;
  height: 106px;
  margin: auto;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0px 0px 0px 3px #feb960;
}
.price-circle-yellow h4 {
  margin-bottom: 0;
  margin-top: 23px;
}
.price-circle-yellow .extra-small-text {
  line-height: 0.6;
}
.packages .single-package {
  margin-top: 51px;
  padding-bottom: 12px;
}
.packages .single-package h5 {
  margin-top: 27px;
  margin-bottom: 22px;
}
.packages .single-package .feature-list {
  margin-top: 38px;
}
.packages .single-package .feature-list li {
  margin-top: 12px;
  margin-bottom: 12px;
}
.packages .single-package .feature-list li .icon {
  margin-right: 5px;
  font-weight: bold;
}

/*---------------------------------------
   2.10 SECTION: TESTIMONIALS
-----------------------------------------*/
.testimonials {
  background: url("../images/backgrounds/4.jpg") no-repeat top;
  background-size: cover;
}
.testimonials .color-overlay {
  padding-top: 114px;
  padding-bottom: 140px;
}
.testimonials .section-number {
  color: #5d5d62;
}
.testimonials .single-feedback {
  margin-top: 50px;
  overflow: visible;
  width: 100%;
}
.testimonials .single-feedback .client-image {
  position: relative;
  margin-right: -15px;
}
.testimonials .single-feedback .client-image img {
  width: 100%;
  display: block;
  margin-top: 1px;
}
.testimonials .single-feedback .feedback-content {
  margin-top: 43px;
  margin-left: -15px;
 padding: 50px 0 0 0;
}
.testimonials .single-feedback .feedback-content .q-sign {
  font-family: 'Libre Baskerville', 'Playfair Display', Georgia, serif;
  font-weight: 700;
  font-size: 337px;
  color: #e0e0e0;
  opacity: 0.3;
  position: absolute;
}
.testimonials .single-feedback .feedback-content .top {
  top: 200px;
  left: 10px;
}
.testimonials .single-feedback .feedback-content .bottom {
  bottom: -75px;
  right: 15px;
}
.testimonials .single-feedback .feedback-content blockquote {
  border: none;
  padding-left: 60px;
  padding-right: 60px;
  margin-bottom: 0;
}
.testimonials .single-feedback .feedback-content blockquote p {
  font-size: 15px;
  color: #616161;
}
.testimonials .single-feedback .feedback-content blockquote cite {
  margin-top: 30px;
  margin-bottom: 20px;
  font-style: normal;
}
.testimonials .single-feedback .feedback-content blockquote cite .client-image {
  max-width: 100px;
  float: left;
  margin-right: 20px;
}
.testimonials .single-feedback .feedback-content blockquote cite .client-details {
  float: left;
}
.testimonials .single-feedback .feedback-content blockquote cite .signature {
  margin-bottom: 20px;
}
.testimonials .single-feedback .feedback-content blockquote cite .signature img {
  max-height: 31px;
}
.testimonials .single-feedback .feedback-content blockquote cite h6 {
  margin-bottom: 0;
}
.testimonials .owl-carousel .owl-wrapper-outer {
  margin-bottom: -30px;
}
.testimonials .owl-theme .owl-controls {
  text-align: center;
  position: relative;
  z-index: 10;
  margin-top: 53px;
}
.testimonials .owl-theme .owl-controls .owl-page span {
  border: 2px solid #fff;
}
.testimonials .owl-theme .owl-controls .owl-page.active span,
.testimonials .owl-theme .owl-controls.clickable .owl-page:hover span {
  border: 3px solid #000000;
}

/*---------------------------------------
   2.11 SECTION: FEATURES
-----------------------------------------*/
 /* #section8 {  */
    /* padding:1em 0; */
/* }  */
.features-img{ 
      background-image: url(../images/banner5.jpg);
   background-size: cover; 
	    width:100%;
    background-repeat: no-repeat;
	padding:4em 0;
	height: 670px;
}
 .features-img::before{ 
        position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.1);
}
.feature-grid {
  margin-top: 75px;
}
.feature-box {
  margin-bottom: 70px;
  padding-right: 20px;
  padding-left: 20px;
}
.feature-box .feature-header {
  margin-bottom: 26px;
}
.feature-box .feature-header h6 {
  margin-top: -4px;
}
.feature-box .feature-header .icon {
  float: left;
  font-size: 60px;
  margin-left: -2.5px;
  margin-top: -0.5px;
  margin-right: 5px;
}

/* CALL TO ACTION */
.cta-bottom {
  margin-top: 50px;
}
.cta-bottom h4 {
  display: inline-block;
  margin-right: 25px;
    /* margin-top: 150px; */
    color: #fff;
}
.cta-bottom .standard-button {
    /* float: right; */
	  margin-top:7px; 
}

/*---------------------------------------
   2.12 SECTION: BLOG
-----------------------------------------*/
.blog {
  /* padding-top: 114px; */
  padding-bottom: 20px;
}
/* .blog-posts { */
  /* margin-top: 76px; */
/* } */
.post-info div {
  display: inline-block;
  margin-right: 20px;
}
.post-title:hover {
  text-decoration: underline;
}
.featured-post {
  margin-bottom: 50px;
}
.featured-post .post-featured-image {
  position: relative;
}
.featured-post .post-featured-image img {
  width: 100%;
  display: block;
}
.featured-post .post-info {
  margin-top: -50px;
  position: relative;
  padding-left: 50px;
}
.featured-post .post-info div {
  display: inline-block;
}
.featured-post .post-info .date {
  opacity: 0.7;
}
.featured-post .post-content {
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 50px;
  padding-bottom: 28px;
}
.featured-post .post-content p {
  margin-top: 17px;
}
.regular-post {
  padding: 60px 35px 100px 35px;
  margin-bottom: 23px;
}

/*---------------------------------------
   2.13 SECTION: SUBSCRIBE FORM
-----------------------------------------*/
/* .subscribe-section { */
  /* padding-top: 120px; */
  /* padding-bottom: 125px; */
/* } */
/* .subscribe-form { */
  /* margin-top: 11px; */
/* } */
/* .subscribe-form .input-box { */
  /* border: 2px solid #efefef; */
  /* border-top-left-radius: 30px; */
  /* border-bottom-left-radius: 30px; */
  /* padding: 0 20px 0 27px; */
  /* width: 300px; */
  /* background: #f7f7f7; */
  /* line-height: 46px; */
/* } */
/* .subscribe-form input.input-box:focus { */
  /* border: 2px solid #fc5f45; */
  /* outline: 0; */
  /* background: #ffffff; */
/* } */
/* .subscribe-form .standard-button { */
  /* border-top-left-radius: 0; */
  /* border-bottom-left-radius: 0; */
  /* margin-left: -7px; */
  /* padding: 0 25px 0 25px; */
/* } */
/* .mailchimp-success, */
/* .mailchimp-error { */
  /* display: none; */
/* } */

/*---------------------------------------
   2.14 SECTION: FOOTER
-----------------------------------------*/
 /* .get-in-touch {  */
  /* background: url(../images/backgrounds/6.jpg) no-repeat top; */
  /* background-size: cover; */
  /* padding-top: 114px; */
  /* padding-bottom: 150px; */
/* } */
/* .success { */
  /* display: none; */
/* } */
/* .contact-form { */
  /* text-align: center; */
  /* margin-top: 51px; */
/* } */
/* .contact-form .input-field { */
  /* line-height: 49px; */
  /* width: 100%; */
  /* border: 1px solid #efefef; */
  /* border-radius: 4px; */
  /* text-align: center; */
  /* padding: 0 10px 0 10px; */
  /* margin-bottom: 24px; */
/* } */
/* .contact-form textarea.input-field { */
  /* max-height: 225px; */
  /* line-height: 27px; */
  /* padding-top: 15px; */
/* } */
/* .contact-form .standard-button { */
  /* margin-top: 17px; */
/* } */
/* .contact-form ::-webkit-input-placeholder { */
  /* text-align: center; */
/* } */
/* .contact-form :-moz-placeholder { */
  /* /* Firefox 18- */
  /* text-align: center; */
/* } */
/* .contact-form ::-moz-placeholder { */
  /* /* Firefox 19+ */
  /* text-align: center; */
/* } */
/* .contact-form :-ms-input-placeholder { */
  /* text-align: center; */
/* } */
/* /* CONTACT FORM */
/* .footer { */
  /* background: rgba(38, 39, 50, 0.85); */
  /* margin-top: 125px; */
/* } */
/* .footer .footer-col { */
  /* padding: 50px 40px 45px 40px; */
  /* text-align: left; */
/* } */
/* .footer .footer-col h6 { */
  /* margin-bottom: 28px; */
/* } */
/* .footer .footer-col .social-icons { */
  /* padding-top: 5px; */
/* } */
/* .footer .footer-col .social-icons a { */
  /* color: #ffffff; */
  /* font-size: 30px; */
  /* margin-right: 10px; */
/* } */
/* .footer .footer-col .social-icons a:hover { */
  /* color: #fc5f45; */
/* } */
/* .footer .footer-logo { */
  /* margin-top: 45px; */
  /* text-align: center; */
/* } */
/* .footer .footer-logo img { */
  /* max-height: 38px; */
/* } */

/* .fixed-bg { */
  /* background-attachment: fixed; */
} 
/* modifications */

/* box-intro
==================================================*/

.box-intro {
    text-align: center;
    display: table;
    height:100vh;
    width: 100%;
}

.box-intro .table-cell {
    display: table-cell;
    vertical-align: middle;
}

.box-intro em {
    font-style: normal;
    text-transform: uppercase
}

b i:last-child {
    color:#ff432e !important;
}

.box-intro h5 {
    letter-spacing: 4px;
    text-transform: uppercase;
    /* color: #eee; */
    line-height: 1.7
}


/* mouse effect */

.mouse {
    position: absolute;
    width: 22px;
    height: 42px;
    bottom: 40px;
    left: 50%;
    margin-left: -12px;
    border-radius: 15px;
    border: 2px solid #888;
    -webkit-animation: intro 1s;
    animation: intro 1s;
}

.scroll {
    display: block;
    width: 3px;
    height: 3px;
    margin: 6px auto;
    border-radius: 4px;
    background: #888;
    -webkit-animation: finger 2s infinite;
    animation: finger 2s infinite;
}

@-webkit-keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes finger {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes finger {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

/* text rotate */


.box-words-wrapper {
    display: inline-block;
    position: relative;
}

.box-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.box-words-wrapper b.is-visible {
    position: relative;
}

.no-js .box-words-wrapper b {
    opacity: 0;
}

.no-js .box-words-wrapper b.is-visible {
    opacity: 1;
}

.box-headline.rotate-2 .box-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px;
}

.box-headline.rotate-2 i,
.box-headline.rotate-2 em {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.box-headline.rotate-2 b {
    opacity: 0;
}

.box-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0;
}

.is-visible .box-headline.rotate-2 i {
    opacity: 1;
}

.box-headline.rotate-2 i.in {
    -webkit-animation: box-rotate-2-in 0.4s forwards;
    animation: box-rotate-2-in 0.4s forwards;
}

.box-headline.rotate-2 i.out {
    -webkit-animation: box-rotate-2-out 0.4s forwards;
    animation: box-rotate-2-out 0.4s forwards;
}

.box-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px);
}

.no-csstransitions .box-headline.rotate-2 i {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0;
}

.no-csstransitions .box-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.no-csstransitions .box-headline.rotate-2 .is-visible i {
    opacity: 1;
}

@-webkit-keyframes box-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
    }
}

@keyframes box-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
        transform: translateZ(-20px) rotateX(0deg);
    }
}

@-webkit-keyframes box-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
    }
}

@keyframes box-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg);
    }
}
/*-- services --*/
.services-list {
    padding: 6em 0;
    background: #f7f7f7;
    text-align: center;
}
.services-gds {
    padding: 0;
}
.list-gds span {
    color: #f53753;
    font-size: 44px;
}
.list-gds{
	    border: 1px solid #ccc;
}
.list-gds p {
       font-size: 0.9em;
    line-height: 2.2em;
    color: #767C8E;
    padding: 0 30px;
}
.list-gds h4 {
      font-size: 1.4em;
    margin: 29px 0 27px;
    font-weight: bold;
    text-transform: uppercase;
}
.list-gds {
      padding: 2em 0;
		transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.list-gds:hover{
      background: #222;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;	
}
.list-gds:hover.list-gds h4,.list-gds:hover.list-gds span{
	color:#fff;
		transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.list-gds:hover.list-gds p{
	color:#fff;
		transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.list-gds:nth-child(3){
	border-top:none;
	border-right:none;
}
.list-gds:nth-child(2){
	border-left:none;
}
.list-gds:nth-child(4){
	border-top:none;
}
.agitsworkw3ls-grid{
	    background: url(../images/blog/featured-image.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	     height: 681px;
}
#services {
   padding: 4em 0 0 0;
        background: #f1f2f5;
}
.service-agileits {
    margin-top: 3em;
}
/*-- //services --*/
/*-- features --*/
#feature-img{
	padding:2em o;
	background-color:#000;
}
.features .agileits-title,.address .agileits-title{
    margin-bottom: 3em;
} 
.features ul.nav.nav-tabs {
    border: none;
    position: absolute;
    right: 20%;
    top: 15%;
    z-index: 999;
}
.features .tabs {
    position: relative;
}
.features ul.nav.nav-tabs li a {
    font-size: 1em;
    color: #fff;
    font-weight: 300;
    border: none;
    border-bottom: 1px solid transparent;
    padding: 5px;
    margin-right: 1.5em;
}
.features ul.nav.nav-tabs li.active a {
    color: #f8d501;
    background: none;
    border-bottom-color: #f8d501;
} 
.features ul.nav.nav-tabs li a:hover { 
    background: none;
    color: #f8d501;
}
.features-left.agileinfo-img,.features-left.agileinfo-img2,.features-left.agileinfo-img3,.features-left.agileinfo-img4{
    background: url(../images/img2.jpg)no-repeat center 0px;
    background-size: cover;
    min-height: 33em;
    padding: 0;
	-moz-animation: fadeInRight .5s ease;
	-webkit-animation: fadeInRight .5s ease;
	-ms-animation: fadeInRight .5s ease;
	-o-animation: fadeInRight .5s ease;
	animation: fadeInRight .5s ease;
}
.features-left.agileinfo-img2{
	background: url(../images/img1.jpg)no-repeat center 0px; 
	background-size: cover;
	-moz-animation: fadeInRight .5s ease;
	-webkit-animation: fadeInRight .5s ease;
	-ms-animation: fadeInRight .5s ease;
	-o-animation: fadeInRight .5s ease;
	animation: fadeInRight .5s ease;
}
.features-left.agileinfo-img3{
	background: url(../images/img3.jpg)no-repeat center 0px; 
	background-size: cover;
	-moz-animation: fadeInRight .5s ease;
	-webkit-animation: fadeInRight .5s ease;
	-ms-animation: fadeInRight .5s ease;
	-o-animation: fadeInRight .5s ease;
	animation: fadeInRight .5s ease;
}
.features-left.agileinfo-img4{
	background: url(../images/img4.jpg)no-repeat center 0px; 
	background-size: cover;
	-moz-animation: fadeInRight .5s ease;
	-webkit-animation: fadeInRight .5s ease;
	-ms-animation: fadeInRight .5s ease;
	-o-animation: fadeInRight .5s ease;
	animation: fadeInRight .5s ease;
}
.features-right {
    padding: 10.4em 10em 8em;
    background: #000;
	float: right;
	text-align:left;
}
.agileits-title h3 {
    font-size: 3em;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 300;
    letter-spacing: -2px;
    color: #00b8ce;
}

.agileits-title h6 {
    font-size: 1.2em;
    color: #999;
    margin-bottom: 0.5em;
}
.agileits-title {
    margin-bottom: 3em;
}
.agileits-title {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 1em;
    margin-bottom: 5em;
}
/*-- //features --*/
/*-- Footer --*/

.w3l-footer {
    background-color: #212121;
}
.footer-info-agile {
	margin-top: 50px;
}
.w3l-footer  h4 {
	color: #fff;
    padding: 24px 0 10px 0;
	font-weight: 600;
	font-size:1.4em;
	margin-bottom: 0.8em;
	text-align: left;
}
.footer-info-agile li {
    color: #EEE;
    display: block;
    line-height: 1.9em;
		text-align: left;
}
.links a {
	color: #EEE;
		text-align: left;
}
.links a:hover {
	color: #FFF;
	text-decoration: underline;
}
a.mail {
	color: #EEE;
}
a.mail:hover {
    color: #f53753;
}
/*-- Newsletter --*/
.footer-info-agile p {
	    color: #EEE;
    line-height: 2em;
    margin-bottom: 27px;
    text-align: left;
}
.newsletter {
	position: relative;
}
.newsletter input[type="email"] {
    font-style: italic;
    padding: 11px 60px 13px 16px;
    border: 1px solid #3a3939;
    width: 100%;
    text-align: left;
    color: #fff;
    background-color: #191818;
    outline: none;
    border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-ms-border-radius:25px;
	-o-border-radius:25px;
}
.newsletter  input[type="submit"] {
	width: 46px;
    height: 32px;
    background-image: url('../images/email.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-color: #f53753;
    top: 7px;
    right:7px;
    padding: 0em;
    border: none;
    outline: none;
    border-radius:17px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	-ms-border-radius:17px;
	-o-border-radius:17px;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.footer-grid-instagram a {
    float: left;
}
/*-- //Newsletter --*/
/*-- Footer-Social-Icons --*/
.connect-agileits{
   padding-bottom: 20px;
text-align: center;
border: 1px solid #515254;
margin-top: 2em;
}
.connect-agileits h4 {
	text-align: center;
}
.connect-social ul li {
	display: inline-block;
	text-align: center;
}

.connect-social ul li a{
	    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
/*-- social-icons --*/
.social_icons {
    text-align: center;
}
.social{
    position:relative;
    margin: 10px auto 3px;
}
.social a{
    position: relative;
    display: inline-block;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
    text-align: center;
    margin-right: 3px;

}
.social .fb{
    background: #6788ce;
}
.social .fb:before,
.social .fb:after{
    border-color:#6788ce;
}
.social .tw{
    background: #00ACEE;
}
.social .tw:before,
.social .tw:after{
    border-color: #00ACEE;
}

.social .gp{
    background: #DD4B39;
}
.social .gp:before,
.social .gp:after
{
    border-color: #DD4B39;
}
.social .pin{
    background: #fe4445;
}
.social .pin:before,
.social .pin:after
{
    border-color: #fe4445;
}
.social .db{
    background: #f85993;
}
.social .db:before,
.social .db:after
{
    border-color: #f85993;
}
.social .rss{
    background: #ff9845;
}
.social .rss:before,
.social .rss:after
{
    border-color: #ff9845;
}
.social .lin{
    background: #3a9bdc;
}
.social .lin:before,
.social .lin:after
{
    border-color: #3a9bdc;
}
.social a:before,
.social a:after{
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0; bottom: 0; left: 0; right: 0;
    border-radius: 50%;
    transition: .3s all;
       border: 3px solid;
}
.social a:hover:after{
   -webkit-transform: scale(1.5);
}
.social a:hover:before{
    -webkit-transform: scale(2);
    transition: .3s all;
    opacity: 0;
}
a.icon.gp {
    margin: 0;
} 
.connect-social ul li a i {
    color: #fff;
    line-height: 39px;
    font-size: 1.2em;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

/*-- Footer-Social-Icons --*/
/*-- Copyright --*/
.copyright-wthree {
	text-align: center;
	padding: 10px 0;
}
.copyright-wthree p {
	color: #FFF;
margin-top: 20px;
font-size: 20px;

}
.copyright-wthree a {
	    color: #f53753;
	text-decoration: none;
}
.copyright-wthree a:hover {
	color: #fff;
	text-decoration: underline;
}
.footer-links  a {

	color:#fff;
}
.footer-links li {
	display:inline-block;
	font-size: 20px;


}
.social-icons{
	text-align:right;
}
.footer-links ul {
	margin-top:20px;
}
/*-- //Copyright --*/
/*-- //Footer --*/
/*-- //Footer --*/
input[type="submit"],input[type="reset"],.w3layouts_mail_grid_left2 a,.w3agile_similar_post_left ul li a,.w3agile_similar_post_left h4 a,.w3l_categories ul li a,.agileits_recent_posts_gridr h4 a,.agileits_recent_posts_gridr ul li a,.w3agile_blog_left_grid_r ul li a,.w3ls_choose_us_right ul li a,.agileinfo_services_grid1 h4,.agileinfo_services_grid1_pos,.w3agile_footer_grid_left a,.agileinfo_footer_bot_right p a{
	transition: .5s ease-in;
	-webkit-transition: .5s ease-in;
	-moz-transition: .5s ease-in;
	-o-transition: .5s ease-in;
	-ms-transition: .5s ease-in;
}
/* newadd icon*/
	.socio-icon{
		list-style:none;
	}
	#cresta-share-icon a {
    text-decoration: none !important;
    border: 0!important;
    outline: none !important;
    box-shadow: none !important;
    }
	.socio-icon li {
  	margin-top:5px;
	border-radius:15px 0px 15px 0px;
    }
	.socio-icon li.facebook {
		  background-color:#6788ce!important;
		
	}
	.socio-icon li.google {
		  background-color:#DD4B39!important;
		
	}
	.socio-icon li.linkd {
		  background-color:#0084bf !important;
		
	}
	.socio-icon li.pinterest {
		  background-color:#bd081c !important;
		
	}
	.socio-icon li.stumble {
		  background-color:rgba(235,73,36,.8)!important;
		
	}
	.socio-icon li.envelope {
		  background-color:#337ab7 !important;
		
	}
	.socio-icon i:hover{
		color:#337ab7;
	}
	.socio-icon  li:hover {
		  background-color:#fff !important;
	}
	.socio-icon i {
		font-size:22px;
	    margin: 5px 7px 5px 7px;
		    color: #fff;
	}
	#crestashareicon {
    position: fixed;
    top: 20%;
    right: 21px;
    float: left;
    z-index: 99;
   }
   .head-img {
	   background-image:url("../images/2.jpg");
	   background-size:cover;
	   width:100%;
	   height:300px;
	   /* margin-top: -22px; */
	  
   }
   .head-content {
	   color:#000;
   }
   .about {
	   padding:2em 0;
	   
   }
   .icon-abt {
	    padding:1em 0;
   }
   .about-icon {
	   background:#FF432E;
	   height:200px;
	}
    .about-icon i {
    text-align: center;
    margin-top: 22px;
    font-size: 156px;
	color:#fff;
	}
	.about-content P{
		
		text-align:justify;
	}
	.bg-about {
		background:#eee;
		height:auto;
		box-sizing:border-box;
	        border:3px solid #eee;
	}

	.content-middle1>h3 {
		float:right;
		color:#C0C0C0;
	}
	.content-middle1>p {
		float:right;
		
	}
	.content-middle > h3{
		float:left;
		color:#C0C0C0;
	}
	.content-middle> p{
		float:left;
	}
	.about-margin {
		border-right:2px solid 	#C0C0C0;
	}
	.bg-row {
		 background-image:url("../images/client.jpg");
	   background-size:cover;
	   width:100%;
	   background-position:fixed;
	   color:#C0C0C0;
	}
	.bg-row  h2{
		color:#eee;
	}
	.connect-languages ul li {
    display: inline-block;
    }
	.connect-languages li a {
     color:#fff;
	 margin:5px;
    }
		/* end about */
	/* contact */
	.contact-padding {
		padding:2em 0;
			    background: #ffffff url(../images/white_texture.png) repeat;

		
	}
	.section-heading {
   font-size: 25px;
	font-weight: 700;
	color: #000;
	
    }
	.section-heading-big {
	   font-size: 38px;
    font-weight: 200;
    color: #666;

    }
	.get-in-touch:hover {
    border: 3px solid #554c4d;
    }
	.get-in-touch {
    box-sizing: border-box;
    width: 30.2%;
    margin-right: 1.4%;
    margin-top: 40px;
    padding: 40px 40px 40px 40px;
    border: 3px solid #ebebeb;
    cursor: pointer;
    transition: all 0.7s;
    }
	.contact-active {
    border: 3px solid #554c4d;
   }
   #avail-services {
    /* padding-bottom: 80px; */
    display: block;
    }
	.contact-tab-heading {
    font-size: 18px;
    font-weight: 400;
    color: #666;

   }
   .avail-services-text-area {
      font-family: 'Carnas-Thin';
    background: #f0f0f0;
    border-radius: 0;
    border: none;
    height: auto;
    padding: 15px 20px;
    box-shadow: none;
    color: #414042;
    font-size: 1.25rem;
    resize: none;
}
.form-input-col3 {
  font-family: 'Carnas-Thin';
    background: #f0f0f0;
    border-radius: 0;
    border: none;
    height: auto;
    padding: 15px 20px;
    box-shadow: none;
      color: rgba(65, 64, 66, 0.58);
    font-size: 1.25rem;
    resize: none;
}
.contact-tab-subheading {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    padding-top: 50px;
    padding-bottom: 10px;
	/* float:left; */
}
.select-btn {
    display: inline-block;
    z-index: 1;
    background: none;
    margin: 0 10px 10px 0;
    padding: 20px 0px;
    width: 15.1%;
    border: 2px solid #ebebeb;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #999;
    cursor: pointer;
	    float: left;
}
.select-btn:hover {
    background-color: #554c4d;
    color: #fff;
    border: 2px solid #554c4d;
}
.submit-btn:hover {
    background-color: #554c4d;
    color: #fff;
    border: 2px solid #554c4d;
}
.wrapper {
    box-sizing: border-box;
    max-width: 1160px;
    margin: 0px auto;
    padding: 0 40px;
    position: relative;
    /* border: 1px solid red; */
}
.submit-btn {
       font-family: 'Montserrat-Regular';
    font-size: 18px;
    line-height: 41px;
    background-color: #70c049;
    border: 0px;
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.7);
    padding: 5px 68px 5px 20px;
    background: url('../images/submit-button-arrow.png'), #70c049;
    background: url('../images/submit-button-arrow.png'), -moz-linear-gradient(left, #70c049 0%, #61c419 78%, #66b440 78%, #66b440 100%);
    background: url('../images/submit-button-arrow.png'), -webkit-linear-gradient(left, #70c049 0%, #61c419 78%, #66b440 78%, #66b440 100%);
    background: url('../images/submit-button-arrow.png'), linear-gradient(to right, #70c049 0%, #61c419 78%, #66b440 78%, #66b440 100%);
    background-repeat: no-repeat;
    background-position: 93% 50%;
    margin: 40px 0;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
    border-radius: 50px;

}
.contact-middle{
	padding:2em 0;
    text-align:left;
}
.section-heading-big {
    font-size: 30px;
    font-weight: 200;
    color: #666;
	line-height:45px;
}
.bg-brown {
    background-color:#455a64;
	color:#fff;
	    padding-top: 145px;
    padding-bottom: 145px;

}
.text-who-we-are {
    max-width: 450px;
    float: left;
    padding-left: 125px;
}
.bg-brown > h4 {
	color:#fff;
}
.contact-bottom {
	text-align:left!important;
	background-color:#455a64;
}
.text-contact{
    font-size: 38px;
    font-weight: 200;
	line-height:45px;
}
.direction-btn {
    margin: 5px 0;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    padding: 10px 10px 10px 0;
    transition: all 0.3s;
}
.direction-btn > img {
    /* padding: 5px 5px 5px 15px; */
	    padding: 1px 27px 5px 81px;
    margin-top: -16px;
}
/* get-in-touch */
.get-touch {
	 background-image:url("../images/bg1.jpg");
	 background-size:cover;
	 width:100%;
	 height: 210px;
	 /* margin-top: -22px; */
}
.get-head {
	color:#fff;
	/* margin-top: 158PX; */
}
.get-button {
    padding: 10px 63px 11px 38px;
	    background-color: #bd081c !important;
}
/* portfolio section
==================================================*/

.categories-grid {
    font-size: 30px;
    margin-bottom: 30px;
    display: inline-block;
}

.portfolio .categories-grid .categories ul li {
    list-style: none;
    margin: 20px 0;
}

.port-title a {
    display: inline-block;
    color: #60606e;
    padding: 0 10px;
    margin: 0 10px;
    -webkit-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s;
	font-family: san serif;
}
/* .port-title a.active { */
    /* margin-left: 0; */
    /* background-color:#ffbf00!important; */
    /* padding: 0px 20px; */
    /* color: white!important; */
    /* border-radius: 25px; */
    /* text-decoration: none; */
/* } */
.portfolio .categories-grid .categories ul li a:hover,
.portfolio .categories-grid .categories ul li a:focus {
    text-decoration: none;
}
.portfolio_filter {
    padding-left: 0;
}

.portfolio_item {
    position: relative;
    overflow: hidden;
    display: block;
}

.portfolio_item .portfolio_item_hover {
    position: absolute;
    top: -12px;
    left: 0px;
    height: 102%;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 10px 0px;
}
/* .portfolio_item { */
   
    /* height: 100%; */
  /* width: 122%; */
/* } */

.portfolio_item .portfolio_item_hover .item_info {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px;
    width: 100%;
    font-weight: bold;
}

.portfolio_item .portfolio_item_hover .item_info span {
    display: block;
    color: #fff;
    font-size: 18px;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s;
    opacity: 0;
}
/* .port-start{ */
    /* margin-right: 7px; */
/* } */
.portfolio_item .portfolio_item_hover .item_info em {
    font-style: normal;
    display: inline-block;
    background-color:#FF432E;
    padding: 5px 20px;
    border-radius: 25px;
    color: #333;
    margin-top: 10px;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    font-size: 10px;
    letter-spacing: 2px;
}
.portfolio .categories-grid .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color:#FF432E;
    background-color:transparent;
    border-radius:7%;
}
.portfolio_item:hover .portfolio_item_hover {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.portfolio_item:hover .item_info em,
.portfolio_item:hover .item_info span {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.portfolio .categories-grid .categories ul li {
    float: left;
}

/* .portfolio .categories-grid .categories ul li a { */
    /* padding: 0 10px; */
    /* -webkit-transition: all .2s ease-in-out .2s; */
    /* transition: all .2s ease-in-out .2s; */
/* } */

.portfolio_filter {
    padding-left: 0;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

.portfolio-inner {
    padding-bottom:55px;
    padding-top:70px;
}
/* top head */
.head-top{
    margin-top: 104px;
}
.head-top a {
	color:#000;
}
.main-container {
    padding: 100px 0;
}
/* careeer page */
.career-top {
    padding-top: 125px;
    padding-bottom: 160px;
	background-color: #fff1ed;
   

}
.career-head {
	 color: #ff3642;
	
}
 .btn--large {
    font-size: 1.6rem!important;
    padding: 18px 30px!important;
	color: #FFFFFF;
    background-color:#ff3642;
		

}
 .btn--large:hover {
	 	color: #FFFFFF;
 }
  

.type-base--serif {
    font-family: "Tiempos", Georgia, serif;
    font-size: 1.6rem;
    line-height: 1.9;
	margin-bottom: 2rem;
}
.type-mega--sans {
        color: #ff3642;
}
.type-kilo--sansi {
   color: #ffffff;
}
.type-med--serif {
    font-family: "Tiempos", Georgia, serif;
    font-size: 1.8rem;
    line-height: 1.8;
}
.career-bg {
    background-color: #2752ff;
	margin-top:3em;
	color:#ffffff;
}
.career-content {
      
margin:40px 0px 60px 0px;
    padding: 4em;

}
.career-image{
    background-image: url("../images/bg2.jpg");
    background-position: bottom;
	width:100%;
	height:800px;
    margin-top: 50px;
}
.career-middle {
    position: relative;
    top: -200px;
}
.parallax {
    /* The image used */
   background-image: url("../images/parallax.jpg"); 

    /* Set a specific height */
    /* min-height: 500px;  */

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.text-orange-2 {
     color: #ff432e;
}
.text-orange-title {
	font-size:2.2rem;
	    margin-top: 96px;
}
.iconbox.grayoutline2 {
    color: #242424;
    background-color: none;
    border: 1px solid #e4e4e4;
}
.iconbox.grayoutline2 {
    float: left;
    margin: 0px 20px 0px 0px;
	    border-radius: 100%;
}
.iconbox {
    width: 60px;
    height: 60px;
    font-size: 18px;
    color: #242424;
    line-height: 60px;
}
.btn.btn-orange-2.dark {
    color: #fff;
    background-color: #fd602c;
	    margin-top: 41px;
    border-radius: 30px;
}
.port-img {
	margin-top:42px;
}
/* service pages */
.service-img {
	width:100%;
	 box-shadow: 10px 10px 5px #888888;
}
.service-padding {
	padding:2em 0;
}
.service-title {
    font-size: 43px;
	color:#FF432E;
	    margin: 55px 0px 28px 0px;
	}
.service-content {
	    color: #777;
}
.navbar-brand>img {
  display: block;
width: 200px;
/* height: 107px; */
margin-top: -34px;
}
/* homeservices */
.services-img{
	    max-width: 100%;
    height: auto;
	    /* box-shadow: 10px 10px 5px #888888; */
	
}
.services-home {
  padding:2em 0;
}
.srv-content-box h4 {
    font-size: 30px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.5px;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 12px;
    position: relative;
	
		
}
.srv-content-box i {
    background-color: #e74c3c;
    border: 5px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 60px;
    height: 150px;
    line-height: 140px;
    text-align: center;
    width: 150px;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.srv-content-box i:hover {
    background-color:#fff ;
    border: 5px solid #e74c3c;
    color:#e74c3c ;
   }
.services-main {
    display: inline-block;
    width: 100%;
}
.srv-content-box p {
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 0;
	    text-align: justify;
}
.srv-content-box h4::before {
    content: "";
    background-color: #e74c3c;
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 40px;
    margin: 0px auto;

}

.srv-title::before {
	  margin: 0px 154px auto!important;
}
.no-right-padding {
    padding-right: 0;
}

.no-left-padding {
    padding-left: 0;
}
.fa.pull-left {
    margin-right:8.8em!important;
}
.service-header {
  position: relative;
  z-index: 10;
  margin-bottom:67px;
}

.career-body {
	cursor:pointer;
}
.career-body > p{
    font-size: 16px;
    /* font-family: Roboto-Light; */
    line-height: 1.7;
    color: #444445;
	    margin: 25px 0 0;
}
.email_career {
    font-family: Roboto-Bold;
    color: #ff4c54;
}
.career_slogan {
    margin: 22px 0 60px;
    font-size: 22px;
    font-family: Roboto-Regular;
    line-height: 1.5;
    color: #000;

}
.dropdown-menu {
         /* margin: 2px -236px 0; */
	  width:auto;
}
.menu-dropdown {
	width:auto;
   margin-right: 120px;
	  margin-top: 0px;
}
.menu-dropdown1 {
	width:auto;
	margin-right: 340px;
	 margin-top: 0px;
}
.menu-dropdown2 {
	width:auto;
	margin-right: -70px;
	margin-top: 0px;
}
.menu-dropdown2 li {
	margin-left:0px!important;
}
.menu-dropdown1 li {
	margin-left:0px!important;
}
.menu-dropdown li {
	margin-left:0px!important;
}
ul.menu-dropdown1 li {
	display:inline-block;
}
ul.menu-dropdown li {
	display:inline-block;
}
ul.agile_short_dropdown li {
	display:inline-block;
	  margin-left: 26px;
}
ul.agile_short_dropdown1 li {
	display:inline-block;
	margin-left: 28px;
	  
}
.agile_short_dropdown {
	width: 805px;
margin: 2px -356px 0;
}
.agile_short_dropdown1 {
		width: 688px;
margin: 2px -323px 0px;

}
.dropdown-menu>li>a {
    display:inline-block;
    padding: 17px 8px;
    /* clear: both; */
    font-size:16px;
}
/* section08 modified */
.title_1 {
      font-size: 27px;
    font-weight: 900;
    /* width: 244px; */
    text-align: left;
  /* margin: 69px auto; */
    color: #ec1c29;
}
.small_bar {
    border: 2px solid #ec1c29;
    /* width: 110px; */
}
.small_title_1 {
    font-size:20px;
    color: #000;
    font-weight: bold;
}
.feature-grid {
	    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;

}
.icon-img {
width:112px;
vertical-align:middle;	
}
.tile2s-body {
    margin-top: -142px;
    margin-left: 80px;
    border-bottom: 1px solid #000;
    font-weight: bold;
    color: #000;
    padding-bottom: 5px;
    width: 167px;
}

.tile1s-body {
	        margin-top: -145px;
    border-bottom: 1px solid #000;
    font-weight: bold;
    color:#000;
    padding-bottom: 5px;
    width: 167px;
    margin-left: 84PX;
}
.tile3s-body{
	margin-top: -145px;
    margin-left: 90px;
    border-bottom: 1px solid #000;
    font-weight: bold;
    color:#000;
    padding-bottom: 5px;
    width: 167px;
}
.tile4s-body {
	margin-top: -140px;
    margin-left: 88px;
    border-bottom: 1px solid #000;
    color: #000;
    font-weight: bold;
    padding-bottom: 5px;
    width: 167px;
}
.tile5s-body {
    margin-top: -144px;
    margin-left: 85px;
    width: 167px;
    border-bottom: 1px solid #000;
    font-weight: bold;
    padding-bottom: 5px;
    color: #000;
}
.tile6s-body {
	    margin-top: -141px;
    margin-left: 76px;
    border-bottom: 1px solid #000;
    color: #000;
    font-weight: bold;
    padding-bottom: 5px;
    width: 167px;
}
.title-body li {
	color:#000;
}
.title1-body {
margin-left: 180px;
}
.title2-body {
    margin-left: 136px;
	margin-top: 37px;
}
.title3-body {
    margin-left: 85px;
	margin-top: 37px;
}
.title4-body {
    margin-left: 40px;
	margin-top: 37px;
}
.title5-body {
    margin-left:8px;
	margin-top: 37px;
}
 .title6-body{ 
     margin-left: -28px;
	 margin-top: 37px;
 } 
/* about page modiy */
.about-text p{
	text-align:justify;
}
.img-center {
    margin: 0;
    padding: 0;
    text-align: center;
}
.pb40 {
    padding-bottom: 40px;
}
.img-center img {
    padding-top: 20px;
}
.hideaim {
    display: none;
}
.packages-right p, .stepsintro p {
    font-size: 15px;
    color: #8f9091;
    line-height: 24px;
    padding-bottom: 15px;
    font-family: "Segoe UI", sans-serif;
}
.packages-right h2, .stepsintro h2, .sppara h2 {
    font-family: Arial;
    font-size: 26px;
    font-weight: bold;
    color: #484f5a;
    padding-top: 0;
    padding-bottom: 20px;
    margin: 0;
    line-height: 38px;
	text-align:left;
}
.packages-right h2 span, .packages-right h2 span, .stepsintro h2 span, .stepsintro h2 span, .sppara h2 span {
    color:#FF432E;
}
.about-services {
      background-image: url("../images/bg001.jpg");
	  background-size:cover;
position:relative;
}
.about-services:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.8);
}
/* .icon_box:hover .icon_wrapper, .icon_box a:hover { */
/* color:#fff; */
/* background-color:#FF432E; */
/* } */
.about-services .overlay {
background: rgba(255, 255, 255, 0.8);
padding: 30px 0 30px 0;
}
.titlechoose {
text-align: center;
padding: 0px 0px 30px 0px;
font-size: 40px;
font-weight: 600;
position: relative;
}
.icon_box {
position: relative;
padding: 10px 0;
}

.icon_box .icon_wrapper, .icon_box .icon_wrapper {
text-align:center;
font-size: 46px;
/* border: 1px solid #eee; */

}
.icon_box:hover .icon_wrapper i {
 color: #fff;
 background:#FF432E;

}

.icon_box .icon_wrapper i {
    z-index: 2;
    position: relative;
    color: #FF432E;
	 margin-top: 22px;
	 background: #fff;
	border-radius: 100px;
	font-size: 47px;
	width: 100px;
	height: 100px;
	padding: 24px 0;
	
}

.icon_box .desc_wrapper {
    text-align: center;
}
.choose h4 {
    font-size: 16px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    color: #FF432E;
}
.choose p {
    color: #000;
    text-align: justify;
    padding: 0px 20px 0px 20px;
    font-family: "Segoe UI", sans-serif;
}
.about-services  p {
    line-height: 20px;
    /* color: white; */
    font-size: 15px;
    font-family: "Segoe UI", sans-serif;
}
.info-top {
       margin-top: -102px;
}
/* preloader modify */

#global{
  width:70px;
  margin:auto;
  margin-top:50px;
  position:relative;
  cursor:pointer;
  height:60px;
}

.mask{
  position:absolute;
  border-radius:2px;
  overflow:hidden;
   perspective: 1000;
  backface-visibility: hidden;
}

.plane{
  background:#ff432e;
  width:400%;
  height:100%;
  position:absolute;
  transform : translate3d(0px,0,0);
  /*transition: all 0.8s ease; */
  z-index:100;
  perspective: 1000;
  backface-visibility: hidden;
  
}
 
.animation{
  transition: all 0.3s ease;
}


 
#top .plane{
  z-index:2000;
  animation : trans1 1.0s ease-in infinite  0s backwards;
}
#middle .plane{
  transform : translate3d(0px,0,0);  
  background : #ff432e;
  animation : trans2 1.0s linear infinite  0.3s  backwards;

}
#bottom .plane{
  z-index:2000;
  animation : trans3 2.3s ease-out infinite  0.s backwards;
}



#top{
  width:53px;
  height:20px;
  left:20px;
  top:-20px;
  transform: skew(-15deg, 0);
  z-index:100;
}

#middle{
  width:33px;
  height:20px;
  left:20px;
  top:15px;
  
  transform: skew(-15deg, 40deg)
}
#bottom{
  width:53px;
  height:20px;
  top:30px;  
  transform: skew(-15deg, 0)
}


@keyframes trans1{ 
  from { 
    transform : translate3d(53px,0,0)
  }
  to { 
    transform : translate3d(-250px,0,0)
  }
}

@keyframes trans2{ 
  from { 
    transform : translate3d(-160px,0,0)
  }
  to { 
    transform : translate3d(53px,0,0)
  }
}

@keyframes trans3{ 
  from { 
    transform : translate3d(53px,0,0)
  }
  to { 
    transform : translate3d(-220px,0,0)
  }
}

@keyframes animColor{ 
  from { 
    background : red;
  }
  25%{
    background : yellow;
  }
  50%{
    background : green;
  }
  75%{
    background : brown;
  }
  to { 
    background : blue;
  }
}

/* slider in homepage modifications */
.tp-banner-container {
    padding: 0;
    background: #21252b;
}
.tp-banner, .tp-banner-container {
    position: relative;
    width: 100%;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tp-simpleresponsive > ul > li {
   
    position: absolute;
    visibility: hidden;
	 list-style-type: none;
}
.tp-loader {
    background: url(../images/loader.gif) 10px 10px no-repeat #fff;
    margin: -22px;
    top: 50%;
    left: 50%;
    z-index: 1000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tp-banner ul {
    margin-left: -270px;
	margin-bottom: 0px;
}
.tp-banner li img {
    height: 670px;
	width: 100%;
}
.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(../images/xtimer.png.pagespeed.ic.J_81jxLUV5.webp);
    position:absolute;
    z-index: 200;
    top: 0;
}
.typeWriterContainer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    z-index: 20;
    position: absolute;
    top: 30%;
    padding: 0 20px;
}
.typeWriterWrapper {
    position: relative;
    width: 50%;
    max-width: 740px;
    float: right;
    color: #fff;
    text-align: left;
}

.typing-text {
    display: inline-flex;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 55px;
}
.title-text {
    float: right;
}
.title-text {
    font-size: 80px;
}
.curvedaro {
    font-size: 60px;
    font-weight: bold;
	color:#FF432E;
}
.type-text {
    /* padding-top: 40px; */
    font-size: 25px;
    width: 80%;
    color: #fff;
    line-height: 45px;
    margin-top: 50px;
}
.tp-bullets.simplebullets .bullet.selected {
    background: rgba(255,255,255,.5);
}
.tp-bullets.simplebullets.round .bullet, .tp-bullets.simplebullets.round-old .bullet {
    cursor: pointer;
    position: relative;
    background: rgba(63,70,74,.5);
    width: 11px;
    height: 11px;
    float: left;
    margin: 0 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}  
.table-cell{
    width: 305px;
	margin-top: -26px;
	}
.box-headline {
    font-size: 47px;
    line-height: 1.0;
    color: #fff;
    text-align: left;
    margin-top: 13px;
	    font-family: inherit;
}
 /* start homepage */
.india {
	width: 80px;
    position: absolute;
    top: 144px;
   left: -9px;
    height: 80px;
    border-radius: 100%;
    background: #FF432E;
    border: 4px solid #fff;
}
.flag1{
	width:55px;
    margin-top: 17px;
    margin-left: 9PX;
}
.flag2{
	width:55px;
	margin-top: 23px;
    margin-left: 9PX;
	
}
.us {
	width: 80px;
    position: absolute;
    top: 145px;
    left: -9px;
    height: 80px;
    border-radius: 100%;
    background: #FF432E;
    border: 4px solid #fff;
}
.contact-text {
   margin: 22px 0px;
    background:#eee;

}
.icon-contact h4{
	  color: #FF432E;
	  font-family: 'poppins', helvetica, sans-serif;
	  font-size: 30px;
}
.icon-contact{
    margin-left: 85px;
    text-align: left;
}
.icon-contact i{
    color: #FF432EB3;
	font-size: 21px;
margin: 0px 7px;
}
.contact-text {
   height:340px;
}
/* careeer-page modifications */

.job_img,
.view,
.view .mask,
figure {
    overflow: hidden
}

.multi_work,
.single_work {
    text-align: center;
    margin: 12px 0
}
figure {
    margin: 0;
    padding: 0;
    display: block;
    border: 0 solid transparent
}

figure img {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s
}
.three_boxes figure:hover img { 
    -webkit-transform: scale(1.3); 
    -moz-transform: scale(1.3); 
    -o-transform: scale(1.3); 
     -ms-transform: scale(1.3); 
    transform: scale(1.3);
 }
 .three_boxes img{
    width: 100%;
	height: 400px;
 }
figcaption h3.text_topcenter,
figcaption h3.text_topleft {
    position: relative;
    font-size: 20px;
    font-family: Roboto-Medium;
    color: #fff;
    line-height: 1.3
}
figcaption p.text_topcenter_domain,
figcaption p.text_topleft_domain {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-family: Roboto-Light;
    color: rgba(255, 255, 255, .9)
}
figcaption.work_center_text {
    top: 15%;
    padding-left: 12.6%;
    padding-right: 12.6%
}

#show_less_about,
#show_less_work,
.loaded_more_about,
.loaded_more_work {
    display: none
}
.btn-round,
.btn-round:active,
.btn-round:focus,
.btn-round:hover,
.btn-round:visited {
    border-radius: 50px;
    background-color: #fff!important;
    border: 1px solid #ccc!important;
    box-shadow: none!important;
    outline: 0!important;
    font-size: 20px;
    font-family: Poppins-Medium;
    color: #b8b8b8!important;
    text-transform: capitalize;
    margin: 0 auto;
    float: none!important
}

.job_apply,
.job_block:hover .job_exp,
.job_block:hover .job_loc {
    display: none
}
.owl-prev {
    left: 1%
}
.owl-next {
    right: 1%
}
.career_section,
.files,
.job_img {
    position: relative
}
.owl-next:after,

.career_section {
    height: auto;
    text-align: center;
   background: #ffffff url(../images/white_texture.png) repeat;
    /* z-index: 1010; */
	padding: 2em 0;
}
.job_img,
.job_img img {
    border-radius: 100%;
    width: 180px;
    height: 180px
}

.career_slogan .email_career {
    font-family: Roboto-Bold;
    color: #ff4c54
}
.job_img {
    margin: 0 auto
}
.job_title {
    font-size: 30px;
    font-family: Poppins-Bold;
    line-height: 1.2;
    color: #000;
    margin: 50px 0 0
}
.job_categeory {
    font-size: 16px;
    font-family: Roboto-Thin;
    line-height: 1.5;
    color: #000
}
.job_exp,
.job_loc {
    font-size: 16px;
    /* font-family: Roboto-Light; */
    line-height: 1.7;
    color: #444445
}
.job_exp {
    margin: 25px 0 0
}
.apply_now_btn,
.apply_now_btn:active,
.apply_now_btn:focus,
.apply_now_btn:hover,
.apply_now_btn:visited {
    border-radius: 50px;
    background-color: #FF494F!important;
    border: 1px solid #FF494F!important;
    box-shadow: none!important;
    outline: 0!important;
    font-size: 17px;
    font-family: Poppins-SemiBold;
    color: #fff !important;
    text-transform: capitalize;
    margin: 0 auto;
    float: none !important;
    width: 147px;
}
.job_apply {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-top: 20px
}
.files:before,
.job_apply.job_detail_page,
.job_block:hover .job_apply,
.map_area iframe {
    display: block
}
.job_block:hover figure img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.career_detail_section {
    height: auto;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 1010
}
.career_detail_section .section_title {
    letter-spacing: 0;
    color: #ddd;
    font-size: 70px;
    line-height: 1.3;
    text-transform: uppercase;
    font-family: Poppins-Bold;
    margin-top: 0;
    margin-bottom: 0
}
.job_location {
    text-transform: uppercase;
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 1.5;
    color: #8d8d8d
}
.job_summary_title {
    font-size: 26px;
    font-family: Poppins-Bold;
    line-height: 1.2;
    color: #000;
    margin: 50px 0 20px
}
.job_summary {
    font-size: 16px;
    font-family: Roboto-Light;
    line-height: 2;
    color: #444445;
    margin: 0 0 00px
}
.job_summary_title span {
    color: #ff4c54
}
.help-contact-area .job_summary_title {
    font-size: 28px;
    margin: 20px 0 0
}
.files input {
    outline: #a3a3a3 dashed 1px;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 50px 0 90px 35%;
    text-align: center!important;
    margin: 0;
    width: 100%!important
}
.files input:focus {
    outline: #a3a3a3 dashed 1px;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    border: 1px solid #a3a3a3
}
.files {
    margin-bottom: 40px
}
.color input {
    background-color: #f1f1f1
}
.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    right: 0;
    height: 57px;
    content: " or drag it here. ";
    margin: 0 auto;
    color: #a3a3a3;
    text-transform: capitalize;
    text-align: center;
    font-size: 16px;
    font-family: Roboto-Light
}
.btn-social-icon,
.portfolio,
.portfolio .projects,
.voice_section {
    position: relative
}
#career_apply .form-control {
    background: 0 0
}
#careers .mt_100 {
    margin-top: 75px!important
}
.job_detail_intership {
    font-size: 26px;
    color: #ddd
}


@media screen and (min-width: 1600px) {
   
    .career_slogan {
        font-size: 26px
    }
    .job_title {
        font-size: 36px
    }
    .job_exp,
    .job_loc {
        font-size: 18px
    }
    .adrs-details .icon_style,
    .adrs-details p {
        font-size: 20px
    }
    .float-label,
    .job_location {
        font-size: 18px
    }
    .job_img,
    .job_img img {
        width: 220px;
        height: 220px
    }
    .career_detail_section .section_title {
        font-size: 100px
    }
    .job_summary_title {
        font-size: 34px;
        margin: 70px 0 30px
    }
    .apply_now_btn,
    .apply_now_btn:active,
    .apply_now_btn:focus,
    .apply_now_btn:hover,
    .apply_now_btn:visited,
    .job_summary {
        font-size: 20px
    }
   
    #careers .mt_100 {
        margin-top: 100px!important
    }
  
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
   
    .job_title,
    .voice_heading {
        font-size: 28px
    }
   
    .job_summary_title {
        font-size: 22px
    }
    
}
@media screen and (min-width: 768px) and (max-width: 991px) {
   
    figcaption h3.text_topcenter,
    figcaption h3.text_topleft {
        display: none
    }
   
    figcaption p.text_topcenter_domain,
    figcaption p.text_topleft_domain {
        font-family: Roboto-Regular
    }
 
    .career_slogan,
    .job_title {
        font-size: 20px
    }
    .job_img,
    .job_img img {
        width: 150px;
        height: 150px
    }
   
}
@media screen and (max-width: 767px) {
     .float-label,
    .job_categeory,
    .job_exp,
    .job_loc {
        font-family: Roboto-Regular
    }
    .portfolio .projects.cols-1 .project {
        padding: 0 0 50px;
        margin: 0 0 50px
    }
    .career_slogan {
        font-size: 22px
    }
    .job_block {
        margin-bottom: 50px
    }
    .job_exp {
        margin: 0
    }
    .job_title {
        font-size: 28px
    }
    .small_device_top {
        margin-top: 40px
    }
    .mob_mt_100,
    .title_title {
        margin-top: 0
    }
    .job_exp,
    .job_loc {
        font-size: 18px
    }
}
   .head-box {
    font-size: 35px;
	line-height: 1.0;
	color: #FF432E;
	text-align: center;
	font-style: italic;
   }
   /* overview page */
.agency {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #fff;
    padding:6em 0 23px 0;

}
.container-medium {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.agency-tag {
    float: left;
    width: 60%;
    position: relative;
    margin: 0;
    z-index: 1;
}
.agency-tag h2 {
    padding-left: 5rem;
}
.agency-tag .block-title {
    float: right;
    margin: 0 0 -3px 0;
}
.draw::before {
    top: 0;
    left: 0;
}
.draw::before, .draw::after {
    border: 3px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    content: "";
}
.block-title .title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 30px;
    width: 100%;
    font-size: 1.667em;
    color: #b1ada5;
    line-height: initial;
    z-index: 1;
    font-weight: 400;
}
.block-title p {
    position: absolute;
    bottom: 0;
    left: 0;
   font-size: 32px;
    color: #201f1d;
    padding: 23px 30px;
    width: 100%;
      line-height: 32px;
    z-index: 1;
}
.block-title span {
	color: #ef0909;
}
.block-title:hover .title {
    color: #eb3719;
	float:left;
}
.agency-tag h2 {
   height: 246px;
	padding: 16px 0 63px 1.111em;
	padding-left: 0em;
	font-size: 3.222em;
	line-height: initial;
}
.block-title {
    float: left;
    width: 260px;
    height: 290px;
    box-shadow: inset 0 0 0 3px #e0dedb;
    margin: 0 0 -125px;
    position: relative;
    padding: 30px;
    z-index: 1;
     border-color: #e0dedb;
}
.agency-exp-awards {
    float: left;
    width: 40%;
    margin: -10px 0 -3px 0;
    position: relative;
    z-index: 0;
}
.block-title::before, .block-title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
.agency-exp-awards .block-title .maskNumber {
    position: relative;
    overflow: hidden;
    height: 75px;
    margin: 45px 0 20px 0;
}

.agency-exp-awards .block-title article {
    text-align: center;
    line-height: 21px;
}
.agency-exp-awards .block-title article .fifty {
    font-family: 'SimploW00-Black';
    font-size: 5.556em;
    vertical-align: top;
    letter-spacing: -10px;
    line-height: initial;
    margin: -20px 0 -20px;
}
.tn_counter > ul {
    display: inline-flex;
}
.agency-exp-awards .block-title article .fifty span {
    font-size: .40em;
    vertical-align: top;
    margin: 8px 0 0 5px;
    display: inline-block;
}
.agency-exp-awards .block-title {
    width: calc(100% + 3px);
    margin: 0 0 -3px -3px;
}
.agency-exp-awards .block-title .bx-wrapper {
    margin: -30px !important;
    width: calc(100% + 60px) !important;
    max-width: calc(100% + 60px) !important;
}
.agency-exp-awards .block-title .bx-wrapper li article img {
    margin: 0 0 10px 150px;
}
.agency-exp-awards .block-title .bx-wrapper li article {
    padding: 80px 0 40px;
}
 .block-title:hover{
	box-shadow: inset 0 0 0 3px #eb3719;
}
.about-agency {
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    min-height: 32rem;
    height: auto;
}
.about-agency p, .blog-topic p {
    color: #f9edd4;
    font-size: 1em;
    margin: 0 0 20px 0;
}
.about-agency p strong, .blog-topic p strong {
    color: #f9edd4;
    font-size: 16px;
    margin: 0 0 20px 0;
    line-height: initial;
}
.about-agency, .blog-topic {
    float: left;
    width: 60%;
    background: #eb3719;
    padding: 128px;
    padding: 7.111em;
    position: relative;
    z-index: 2;
    height: 35.9rem;
}
.agency-founder {
    height: 32rem;
}
.agency-founder {
    float: left;
    width: 40%;
    background: #fff;
    padding: 0 7.111em;
    height: 35.9rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.agency-founder::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 7rem);
    background: #333;
    z-index: -1;
}
.agency-founder .block-title {
    position: absolute;
    bottom: -139px;
    bottom: 0;
    left: -3px;
    margin: 0;
    border-color: #e0dedb;
    z-index: 1;
}
.btb-active.draw::before, .draw:hover::before {
    border-top-color: #eb3719;
    border-right-color: #eb3719;
    -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.agency-founder .img {
    position: absolute;
    bottom: 5rem;
    left: 0;
    width: 100%;
    max-width: 510px;
    height: 485px;
    z-index: -1;
    background: url(../images/Aditya.jpeg) center no-repeat;
        background-size: auto auto;
    background-size: 100% auto;
}
.agency-founder .block-title .title, .agency-founder .block-title article {
    color:#fff;
}
/* .portfolio_item img { */
	/* margin:10px 0; */
/* } */
.portfolio1 {
	height: 350px;
width:100%;
}

.portfolio2 {
  height:660px;
}

/* sofware page */
#software-top {
background-image: url('../images/s1bg.jpg');
background-size: cover;
background-repeat: no-repeat;
text-align: left;
}
.software-img {
width: 800px;
}
.software-content{
	margin:25px 0px 0px 0px;
}
.software-title {
    font-size: 43px;
    color: #6EFF2E;
    margin: 55px 0px 28px 0px;
}
.software-text {
	color:#fff;
}
#career label {
    float: left;
    margin-right: 14px;
    font-size: 18px;
}
#career .form-control {
    display: block;
    /* width: 84%; */
    height: 44px;
    margin: 0px 0px 10px 0px;
}
#career-submit {
	background:transparent;
	color:#ff4c54;
	width:100px;
	height:50px;
	border:1px solid #ff4c54;
	border-radius:100%;
}
/* .software{ */
    /* padding-top: 114px; */
    /* padding-bottom: 127px; */
/* } */
.tab-content {
	margin: 0px 21px 0px -13px;
}
ul.software-list li {
	list-style-type:square!important;
	/* float:left; */
}
.software-list1 {
	color:#fff;
}
ul.software-list1 li {
	list-style-type:square!important;
	/* float:left; */
}
.title-padding {
	padding:2em 0;
	text-align:left;
	text-align:justify;
}
.blog-list li {
	list-style-type:disc;
} 
.title-padding h2 {
    font-size: 32px;
    line-height: 3.688rem;
    font-weight:normal;
}
.title-padding h3 {

    font-size: 24px;
}
.title-padding h4 {
    font-size: 21px;
}
.form-blog {
	border:1px solid #eee;
    margin-top: 45px;
	 box-shadow:2px 2px 5px #888888;
}
.form-blog textarea.form-control {
	margin-left:10px;
	width:76%;
	margin-top:10px;
}
.blog-form {
		margin:7px;
}
.blog-form label{
	font-size:16px;
	margin-top: 14px;
margin-left: 10px;
margin-right:10px;
}
.blog-form input [type='text']{
	width: 35%;
	border-radius:10px;
}
.Categories {
	margin-left:41px;
	font-size: 16px;
	margin-bottom:50px;
}
.title-btn {
	border-radius:10px;
	background:transparent;
	
}
.Categories li {
	list-style-type:disc;
}
.typing-text p {
    font-size: 44px;
}
/* blog page */
/* 14.4. Homepage Welcome Block */
.homepage-welcome-block {
    margin-bottom: 45px;
    background: rgba(0, 0, 0, 0.07);
    margin-top: 0;
}
.introfolk-blog-posts-slider + .homepage-welcome-block {
    margin-top: -45px;
}
.homepage-welcome-block .homepage-welcome-block-content {
    margin-top: 30px;
    margin-bottom: 30px;
}
.homepage-welcome-block p {
    margin-bottom: 10px;
}

.homepage-welcome-block h1,
.homepage-welcome-block h2,
.homepage-welcome-block h3,
.homepage-welcome-block h4,
.homepage-welcome-block h5 {
    padding-bottom: 0;
    margin-bottom: 0;  
}
.homepage-welcome-block p:last-child {
    margin-bottom: 0;
}
.homepage-welcome-block .welcome-image {
    position: relative;
    background: #ffffff;
    overflow: hidden;
}
.homepage-welcome-block .welcome-image.welcome-image-margin-bottom {
    margin-bottom: 30px;
}
.homepage-welcome-block .welcome-image-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    padding: 40px 50px;
    bottom: 0;
    top: 0;
    left:0;
    right: 0;
    opacity: 1;
}
.homepage-welcome-block .welcome-image img {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.homepage-welcome-block .welcome-image .welcome-image-content img {
    top: 40px;
    position: relative;
    margin-bottom: 30px;
}
.homepage-welcome-block .welcome-image-content {
    position: absolute;
    bottom: 40px;
    left: 50px;
    right: 50px;
    z-index: 20;
}
.homepage-welcome-block .welcome-image-overlay a {
    text-decoration: none;
}
.homepage-welcome-block .welcome-image-overlay h5 {
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(255,255,255,0.7);
    margin-top: 40px;
    margin-bottom: -15px;
    letter-spacing: 1px;
    font-weight: bold;
}
.homepage-welcome-block .welcome-image-overlay h4 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 20px;
}
.homepage-welcome-block .welcome-image-overlay span {
    border: 2px solid #ffffff;
    border-radius: 2px;
    padding: 5px 20px;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 2px;
    font-weight: bold;
}
.welcome-image .blog-img1{
	height: 450px;
}
.homepage-welcome-block .welcome-image-overlay span:hover {
    background: #ffffff;
    color: #000000;
}
.hover-effect-img {
    position: relative;
    display: block;
}
.hover-effect-img:before {
    border: 4px double rgba(255,255,255,0.4);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1, 1);
    z-index: 10;
}
.hover-effect-img:hover:before {
    bottom: 15px;
    left: 15px;
    opacity: 1;
    right: 15px;
    top: 15px;
    border: 4px double rgba(255,255,255,0.8);
}
.blog-heading h2 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 4px double #d9d9d9;
}
/* .blog-images { */
	/* background-image:url(../); */
	/* height:200px; */
/* } */
.blog-heading {
	margin-top: 20px;
}
	.title-heading {
margin-left: 30px;
}
.title-heading h2 {
    text-align: center;
    font-size: 28px;
    border-top: 4px double #d9d9d9;
    border-bottom:2px solid #d9d9d9;
}
.title-heading1 {
    text-align: center;
    font-size: 28px;
     margin-bottom: 30px; 
    /* padding-bottom: 20px; */
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
	margin-top:10px;
}
.title-heading p{
	text-align:left;
	font-size: 12px;
}
.title-heading a {
  font-weight: bold;
    color: #000000;
    text-decoration: none;
}
.welcome-image-content1 {
    position: absolute;
    bottom: 40px;
    left: 87px;
    right: 50px;
    z-index: 20;
}
.welcome-image-content1 a {
        border: 1px solid #d9d9d9;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 10px;
    padding: 11px 8px;
    text-decoration: none;
    text-transform: uppercase;
    background: #c5afa1;

}
.welcome-image-content1 p{
	color:#fff;
	font-size:16px;
}
.blog-middle a {
	  border: 1px solid #d9d9d9;
    /* display: inline-block; */
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 10px;
    padding: 11px 8px;
    text-decoration: none;
    text-transform: uppercase;
    /* background: #c5afa1; */
}
.blog-middle {
margin-top: 10px;
margin-bottom: 10px;
}
.col-width {
	width:72%;
}
/* .middle-top img { */
/* height: 132px; */
/* width:100%; */
/* } */


/* .form-top input[type='text'], button [type='submit']:hover{ */
/* border:1px solid #38c695; */
/* } */
/* popup page load modifications */
.page-pop {
	background-image:url("../images/client.jpg");
	background-size:cover;
}
.pop-modal h2 {
	color:#fff;
	font-size: 19px;
	line-height: 3.688rem;
}
.pop-modal p{
	color:#fff;
}
.middle-top {
	border-bottom:1px solid #FF432E;
	margin-bottom: 40px;
}
.form-top input {
	border-radius:10px;
	padding: 9px 0px 9px 14px;
font-size: 15px;
border:transparent;
}
.form-top input:hover {
	border:1px solid #FF432E;
}
.form-top button{
padding: 9px 22px 9px 22px;
font-size: 18px;
background:#FF432E;
color:#fff;
border:none;
margin-top:15px;
}
.form-top button:hover {
	background:#fff;
color:#FF432E;
}
/* crew page */
.crew-padding {
	padding:2em 0;
}
/* .image img { */
    /* transform: translate(-50%,-50%) translateZ(0) scale(1,1); */
    /* -webkit-backface-visibility: hidden; */
    /* height: 177%; */
    /* left: 50%; */
    /* opacity: 1; */
    /* position: absolute; */
    /* top: 70%; */
    /* width: auto; */
    /* z-index: 1; */
/* } */
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:transparent;
  overflow: hidden;
  width: 100%;
  height: 0;
      border-radius: 100%;
  transition: .5s ease;
}
.overlay .text i {
	font-size:25px;
	    padding: 0px 13px;
}
.img-ceo {
	    /* height: 286px; */
    width: 100%;
	    margin-left: -15px;
}
.overlay .text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
	.overlay .text h4{
      color: white;
	}
	.aside:hover .overlay {
	    height: 100%;
	}
	.gray-dark {
	   background: #e3dcd7;
	   margin-left: -30px;
	       /* height: 512px; */
	}
	.grid-tile h2 {
		color: #fff;
	}
	.grid-tile h5 {
		color: #fff;
	}
	.grid-tile{
		margin: -21px -15px 0 -45px;
		height: 155px;
        background:#FF432E;
	}
	.gray-dark1 {
		padding:2em 0;
	}
	.crew-padding p {
		/* padding: 1.8125rem 0 0; */
		min-height: 0;
		text-align:justify;
	}
   
	.icon-dark {
		background:#FF432E;
		color: #fff;
		/* border: 1px solid #fff; */
	    margin-left: -16px;
		    width: 362px;
	}
	.icon-dark i {
		font-size:50px;
		color: #fff;
		padding: 28px 46px;
		
	}
	@media only screen and (max-width:767px) {
    ul.timeline:before {
        left: 40px;
    }
    .mobile-right {
        float: right;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 75px);
        width: -moz-calc(100% - 75px);
        width: -webkit-calc(100% - 75px);
    }
    ul.timeline > li > .timeline-badge {
        left: 10px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
        text-align: left;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .time h3 {
        font-size: 15px;
    }
    .timeline h4.timeline-title {
        font-size: 16px;
        line-height: 22px;
    }
    .timeline-body > p {
        font-size: 14px;
        text-align: left;
    }
}
section.page-title-area.work-head-area {
    padding-top: 160px;
    padding-bottom: 160px;
}

ul.how-we-list {
    display: inline-block;
    list-style: none;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

ul.how-we-list li {
    padding-left: 25px;
    padding-right: 25px;
    border-left: 1px solid #ffe376;
    border-left-width: 1px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 40px;
    color: #ffe376;
    margin-top: 40px;
    font-size: 52px;
    display: inline-block;
}
.single-line span {
    padding-left: 25px;
    padding-right: 25px;
    border-left-width: 1px;
    font-weight: 700;
    margin-top: 0px;
    /* color: #ffe376; */
    color: #FFF;
    font-size: 52px;
    display: inline-block;
    line-height: normal;
}

.how-we-desc {
    margin-top: 15px;
    font-size: 15px;
}

.how-we-desc p {
    font-size: 24px;
    font-style: normal;
    color: #fff;
    font-weight: 300;
}

ul.how-we-list li:first-child {
    border-left: 0px;
}

ul.how-we-list li span {
    position: relative;
    top: -10px;
}

.about-head-content.how-we-list {
    padding-top: 35px;
}
.about-head-content.how-we-list .how-we-title span{

    color:#ffe376;
}
.time {
    background: #fff;
    color: #333;
}

.time h3 {
    font-weight: 300;
    color: #fff;
}

.time p.top-p {
    margin: 10px 0;
    color: #fff;
    padding-bottom: 10px;
    text-align: center;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
    padding-bottom: 15px;
}

.timeline:before {
    top: -47px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: #D3D3D3;
    left: 50%;
    margin-left: 0px;
    height:auto;
    
}

.timeline > li {
    margin-bottom: 65px;
    margin-top: 65px;
    position: relative;
    min-height: 180px;
    float: none;
}

body.noopen {
    margin: 0;
    height: 100%;
    overflow: hidden !important;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
    background: #fff;
    width: 46%;
    float: left;
    position: relative;
    padding-right: 25px;
}

.timeline > li > .timeline-panel:before {}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline > li > .timeline-badge {
    color: #D3D3D3;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -45px;
    z-index: 100;
    background: #fff;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    border: 1px solid #D3D3D3;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    rotate: 90deg;
    -webkit-transform: rotate(-45deg);
}

.timeline > li > .timeline-badge.mint.right-sec {
    -webkit-transform: rotate(-225deg);
}

.slideInLeft {
    text-align: right;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    text-align: left;
    padding-left: 25px;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge.mint {}

.timeline h4.timeline-title {
    font-size: 24px;
    font-weight: 700;
    color: #333 !important;
    margin-top: 0;
    margin-bottom: 0px;
    line-height: 30px;
}

h3.timeline-subtitle {
    margin-top: 6px;
    color: #ff2c7e;
    font-size: 18px;
    font-weight: 400;
}

.timeline-body > p {
    font-size: 14px;
    font-weight: 400;
    color: #666 !important;
    margin-bottom: 0;
    line-height: 19px;
    font-weight: 300;
    letter-spacing: 0.2px
}

.timeline-body > p + p {
    margin-top: 5px;
}
span.dot-gery {
    display: inline-flex;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #eee;
    text-align: center;
}
.how-we-desc {
    margin-top: 15px;
    font-size: 15px;
}
.three_boxes .tab_content {
    padding: 20px 12px 10px;
    position: absolute;
    background: rgba(241,241,241,0.95);
    width: 95.2%;
    bottom: 0px;
	text-align: left;
}
.three_boxes > img {
    width: 100%;
}
.three_boxes {
    background-color: #f8f8f8;
}
.our-work .col-md-6, .our-work .col-sm-6 {
    margin-bottom: 26px;
}
.tab_content > h3 {
    margin-top: 0;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
    color: #414042;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tab_content > p {
    color: #999;
    font-size: 1.125rem;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    text-overflow: ellipsis;
}
.ang-left img {
margin-bottom: -30px;
}
.angle-right img {
	margin-top: 20px;

}
.partnership-cont{
    margin-bottom: 35px;
}

.service-item-wrap {
    /*border-top:1px solid #dae2e6;
    border-left:1px solid #dae2e6;*/
}
.service-item {
    padding:45px 25px;
    /*border-right:1px solid #dae2e6;
    border-bottom:1px solid #dae2e6;*/
    width: 33.33%;
    float: left;
    text-align:center;
}
a.service-link {
    display:block;
}

a.service-link:hover {
    color:#4c4c4c;
}
.service-link p{
   text-align: justify;
}
.service-item i{
    color:#fc1d1d;
font-size: 64px;
}
.service-item h6{
    font-family: 'gotham-medium', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 500;
    color:#0a293c;
}
.service-item h6:after {
    content:"";
    height:1px;
    width:80px;
    background:#fc1d1d;
    display:block;
    margin:25px auto;
    transition: width linear 0.25s;
    -moz-transition: width linear 0.25s;
    -webkit-transition: width linear 0.25s;
}
a.service-link:hover h6:after {
    width:120px;
}

.service-menu {
    border-bottom:1px solid #e5eaf0;
}
/* .service-content { */
    /* padding:60px 0; */
/* } */
.service-content.nopadd{
    padding-bottom: 0;
}
.service-content h5{
    font-family: 'gotham-medium', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 500;
    color:#0a293c;
    margin-top:40px;
    margin-bottom:20px;
}
.service-content h5:first-child{
       margin-top:0;
}
.service-content h5.a {
    display:"inline-block";
}

.service-item img {
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 35px;
}
.inner-section {
    padding: 80px 0;
	background: #ffffff url(../images/white_texture.png) repeat;
}

.about-section-1 h5 {
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    width: 75%;
    margin-bottom: 30px;
	text-align: left;

}
.about-section-2 {
    padding: 75px 0;
}


.about-right {

    background: #ced1d2;
    padding: 80px 60px;
    display: table-cell;
    float: none;
text-align: left;
}
.about-left {
    background: #868585;
	color:#fff;
    padding: 80px 60px;
    display: table-cell;
    float: none;
	text-align: left;
}
.about-right h6 {
    font-family: 'gotham-medium', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 22px;
}
 .about-right strong { 
     color: #FF432ECC;
 } 
.left-txt {
    margin-left: 40%;
}
.left-img {
    float: left;
    width: 35%;
}
.left-txt h6 {
    font-family: 'gotham-medium', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 22px;
}
.about-left-cont:last-child {
    margin-bottom: 0;
	margin-top: 97px;
}
.vision-text {
    margin-bottom: 0;
	margin-top: 97px;
}
.about-section-1 p {
    color: #fff;
	text-align:justify;
}
.about-section-1 {
background: url(../images/delivery_model_bg.jpg) center top no-repeat fixed;
    background-size: auto auto; 
    background-size: cover; 
padding: 100px 0;
position:relative;
}
.about-section-1::before {
  content:'';
  background:rgba(255,255,255,0.25);
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
}
.about-section-1 h5 {
	color:#FF432ECC;
}
.about-section-1 span {
	color:#FF432ECC;
}
/* contact-form modifications */
.quote-footer-in {
    background-color: #3b526c;
    padding: 50px 70px 40px;
}
.quote-footer .quote-footer-form {
    background-color: #fff;
    padding: 0 132px;
    border-radius: 3px;
	height: 500px;
}
.project{
height: 175px;
}
.quote-footer .quote-footer-head {
    position: relative;
    padding: 30px 0 25px;
}
.quote-footer .quote-footer-head h4 {
    font-family: 'Montserrat-Regular';
   font-size: 40px;
    line-height: 34px;
    color: #363636;
    font-weight: normal;
    text-align: center;
    margin: 0px;
}
.quote-footer .quote-footer-head p {
    font-family: 'Montserrat-Light';
    font-size: 12px;
    line-height: 34px;
    color: #abb4c0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 30px;
}
.quote-footer .quote-footer-head>p:before {
   
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.quote-footer .footer-quote-form {}.quote-footer .footer-quote-form form div div {
    position: relative;
}
.quote-footer .footer-quote-form  label {
    position: absolute;
   top: 16px;
font-size: 20px;
    margin: 0;
    padding: 0;
    /* -webkit-transition:.3s ease-in-out, opacity .3s ease-in-out; */
    /* transition:.3s ease-in-out, opacity .3s ease-in-out; */
    line-height: 34px;
    font-family: 'Montserrat-Light';
    padding: 0 0 0 55px;
    color: #55585a;
    z-index: 999;
    font-weight: 100;
}
.quote-footer .footer-quote-form form div div label:hover {
    cursor: pointer;
	 font-size:14px;  
	 color:#3f393966; 
	 top:13px; 
}

.quote-footer .footer-quote-form form div.row-for-1 div label {
    top: 19px;
}
.quote-footer .footer-quote-form form div div .active {
    top: 7px;
    opacity: 0.3;
    color: #b0b0b0;
}
.quote-footer .footer-quote-form form div.row-for-1 div .active {
    top: 7px;
}
.quote-footer .footer-quote-form form input[type='text'],
.quote-footer .footer-quote-form form input[type='email'] {
    border: transparent;
    height: 40px;
    margin: 5px 0 0 53px;
    font-family: 'Montserrat-Light';
    font-size: 15px;
    /* color: #6f7c82; */
    max-width: 78%;
}
.quote-footer .footer-quote-form form select {
    border: 0px;
    height: 30px;
    margin: 16px 0 0 51px;
    font-family: 'Montserrat-Light';
    font-size: 15px;
    color: #48555b;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/select-drop.png');
    background-repeat: no-repeat;
    background-position: 93% 50%;
    width: 75%;
    background-color: transparent;
    opacity:1;
}

    .quote-footer .footer-quote-form form select {
        color: #fff;
        color: rgba(0, 0, 0, 0);
        text-shadow: 0 0 0 #fff;
    }
}
.quote-footer .footer-quote-form form select[val=""] {
    color: #6f7c82;
    opacity: 1;
}
.quote-footer .footer-quote-form form .row-for-3 div {
    height: 78px;
}
.quote-footer .footer-quote-form form .row-form {
    border-bottom: 2px solid #eff3f6;
}
.quote-footer .footer-quote-form form .row-form:nth-child(2) {
    border-top: 2px solid #eff3f6;
}
.quote-footer .footer-quote-form form .row-form:first-child {
    border-top: 2px solid #eff3f6;
}
.quote-footer .footer-quote-form form .row-form div {
    border-right: 2px solid #eff3f6;
    background-repeat: no-repeat;
    background-position: 25px 50%;
    width: 50%;
    float: left;
    padding-left: 13px;
	text-align: left;
}

.quote-footer .footer-quote-form form .row-form.row-for-1 div {
    width: 100%;
}
.quote-footer .footer-quote-form form .row-form div:last-child {
    border-right: 0px;
}
.quote-footer .footer-quote-form form .row-form.form-row-3 div {
    border: 0px;
}
.first-input {
	width:100%;
}
.quote-footer .footer-quote-form form .row-form.form-row-3 div {
	border:1px solid #fff;
	box-shadow: inset 0 1px 1px transparent;
}
.form-row-1 div:first-child {
    background-image: url(../images/ic-name.png);
}
.form-row-2 div:first-child {
    background-image: url(../images/ic-email.png);
}
.form-row-2 div:nth-child(2) {
    background-image: url(../images/ic-phone.png);
}
.form-row-2 div:nth-child(3) {
    background-image: url(../images/ic-chat-id.png);
}
.form-row-3 div:last-child {
    background-image: url(../images/ic-discriptio.png);
}
.quote-footer .footer-quote-form div.row-for-1 div {
    border: 1px solid #fff;
    border-left: 13px;
    border-right: 0px;
    /* height: 135px; */
    background-repeat: no-repeat;
    background-position: 25px 35%;
    display: block;
}
.quote-footer .footer-quote-form form textarea {
    border: 0px;
    height: 110px;
    max-height: 110px;
    min-height: 110px;
    margin: -2px 0 0 56px;
    font-family: 'Montserrat-Light';
    font-size: 15px;
    color: #6f7c82;
    padding: 11px 20px 11px 0;
    width: 95%;
    max-width: 95%;
    min-width: 95%;
}
.quote-footer .footer-quote-form form>p.quote-footer-input-button {
    text-align: center;
    margin: 0px;
}
.quote-footer .footer-quote-form form input[type='submit'],
.quote-footer .footer-quote-form form input[type='button'] {
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    line-height: 41px;
    background-color: #70c049;
    border: 0px;
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.7);
    padding: 5px 68px 5px 20px;
    background: url('../images/submit-button-arrow.png');

    background-repeat: no-repeat;
    background-position: 93% 50%;
    margin: 40px 0;
    text-shadow: 0px 1px 0px transparent;
    border-radius: 50px;
}
.quote-footer .footer-quote-form form input[type='submit']:hover,
.quote-footer .footer-quote-form form input[type='button']:hover {
    color: #fff;
    -webkit-box-shadow:tarnsparent;
    -moz-box-shadow:tarnsparent;
    box-shadow: tarnsparent;
}
.quote-footer .footer-quote-form form input[type='submit']:after,
.quote-footer .footer-quote-form form input[type='button']:after {
    display: inline-block;
    background-color: #66b440;
}
.quote-footer .footer-quote-form form input[type='submit']:focus,
.quote-footer .footer-quote-form input[type='submit']:active {
    outline: 0px;
}
.footer-submenu {}.footer-submenu .footer-forum-menu {
    padding: 0 0 28px;
    margin: 0 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.section-1 {
	padding:2em 0;
}

/* our approach page */
.delivery_model {
    background: url(../images/delivery_model_bg.jpg) center top no-repeat fixed;
    background-size: auto auto; 
    background-size: cover; 
	position:relative;
    padding:0px 0;
}
.delivery_model::before {
  content:'';
  background:rgba(255,255,255,0.25);
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
}
.delivery_model .heading, .delivery_model p.title_para {
    color: #fff;
}
.heading span {
    font-weight: 400;
}
p.title_para {
    font-size: 16px;
    text-align: center;
    line-height: 26px;
}
.delivery_model ul {
    display: table;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.delivery_model ul li {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
}
.delivery_model ul li h2 {
    font-size: 47px;
    color: #fff;
    text-align: center;
}
.delivery_model ul li h2 span {
    display: block;
    color: #ef323a;
}
.delivery_model ul li.width_50 {
    width: 50%;
}
.delivery_model ul li figure {
    text-align: center;
}
.delivery_model ul li p {
    margin-left: 30px;
    text-align: left;
    font-size: 17px;
    padding-left: 30px;
    color: #fff;
    font-weight: 300;
    background: url(../images/bullet.png) left 4px no-repeat;
    line-height: 27px;
    margin-bottom: 30px;
}
.top_reason {
    padding: 80px 0;
	background: #ffffff;
}
.top_reason h2 {
    font-size: 35px;
    color: #343434;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
}


.clearfix::before {
    content: "";
    display: table;
}
.top_reason img {
width: 100%;
height: 150px;
}
.top_reason li {
    display: block;
    float: left;
    width: 33.3333%;
    text-align: center;
}
.top_reason li figure {
    margin: 0 auto 20px;
    width: 55%;
}
.top_reason li p {
    font-size: 17px;
    color: #343434;
    line-height: 22px;
    padding: 0 40px;
}
.hiring_process {
    background: #f2f4f7;
    padding: 50px 0;

}
.hiring_process h2 {
    font-size: 35px;
    color: #343434;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.process_box {
    position: relative;
    display: table;
    width: 100%;
}
.s_resume {
    width: 30%;
    padding: 50px;
    background: #fff;
    text-align: center;
    border-left: solid #00b39e 12px;
    box-shadow: 2px 5px 15px 2px rgba(0,0,0,0.1);
}
.steps_career {
    width: 70%;
    border: 1px solid #ceccca;
     
    border-left: none;
}
.steps_career ul {
    position: relative;
    text-align: center;
	height: 428px;
}
.s_resume h4 {
    font-size: 20px;
    color: #343434;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.s_resume p {
    font-size: 15px;
    color: #343434;
    line-height: 21px;
}
.steps_career li h4 {
    font-size: 16px;
    color: #343434;
    padding: 0 10px;
    /* margin-bottom: 140px; */
}
.steps_career li p {
    font-size: 14px;
    color: #343434;
    padding: 0 13px;
    text-align: left;
}
.steps_career li {
        display: inline-block;
    padding: 15px 0px;
    width: 171px;
    text-align: center;

}
.error-nmbr{
font-size: 113px;
color: #FF335EE6;
margin-bottom:40px;
}
/*-- banner-bottom --*/

.banner-bottom {
    padding: 7em 0;
	text-align:left;
}

.wthree_banner_bottom_grid_right h4 {
    font-size: 1.4em;
    margin-bottom: .7em;
    letter-spacing: 1px;
    font-weight: 600;
    color: #222222;
}

.wthree_banner_bottom_grid_right p {
    line-height: 2em;
}

.agile_banner_bottom_grid_left_grid {
    width: 60px;
    height: 60px;
    text-align: center;
}

.agile_banner_bottom_grid_left_grid i {
    font-size: 2em;
    color:#fc5f45;
    line-height: 2.2em;
}


/* Radial Out */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#fc5f45;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
    color: white;
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.agileits_banner_bottom_left:hover .hvr-radial-out:before,
.agileits_banner_bottom_left1:hover .hvr-radial-out:before,
.agileits_banner_bottom_left2:hover .hvr-radial-out:before,
.w3_agile_services_grid:hover .hvr-radial-out:before,
.w3_agileits_services_bottom_grid:hover .hvr-radial-out:before,
.w3layouts_mail_grid_left:hover .hvr-radial-out:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

.w3_agileits_banner_bottom_pos_grid:hover i {
    color: #111;
}

.agileits-button.two a, .agileits-button a {
    padding: 0.8em 0em;
    color: #0b0c11;
    font-size: 1em;
    letter-spacing: 1px;
    background: none;
    border: none;
    border-radius: 0;
    margin-top: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
}
/*-- //banner-bottom --*/
.sample-img {
    padding-top: 1em;
}
.sample-img1 {
    padding: 0 0.5em 0 0;
}
.sample-img2 {
    padding: 0 0 0 0.5em;
}
.about-wel {
    text-align: left;
}
.about-wel ul li {
    color: #777;
    font-size: 1em;
    line-height: 2;
    margin-top: .5em;
    display: inherit;
    letter-spacing: 1px;
}
.about-wel ul li i {
    padding-right: .7em;
    color:#fc5f45;
    font-size: 1.3em;
}
.about-wel h5 {
    font-size: 2.5em;
    color: #000;
    text-transform: capitalize;
    line-height: 1.3;
    letter-spacing: 1px;
}
.about-wel h5 span {
    color: #fc5f45;
}
/* team page */
.site-main {
    margin-bottom: 40px;
    padding: 30px 30px;
    position: relative
}
.site-main-nopadding {
    padding: 0
}

.workers {
    margin: 0 auto;
    max-width: 1400px;
    text-align: center
}
.portrait {
    display: inline-block;
    margin: 10px 123px;
    max-width: 306px;
    position: relative;
    vertical-align: top
}
.portrait:hover svg{
	 transform: rotate(360deg)
}
@media (max-width: 426px){
	.portrait {
		margin: 10px -20px;
	}
	
}
@media (min-width: 786px) and (max-width: 1024px){
	.portrait {
		margin: 10px 82px;
	}
	
}
.portrait svg {
    height: 300px;
    left: 16px;
    position: absolute;
    color: #f44e50;
    width:3em;
    top: 3px;
    transform-origin: 51% 51%;
    transition: transform 20s linear;
    width: 300px
}


.portrait circle:nth-child(3n) {
    stroke: #f44e50;
}
.portrait img {
    border-radius: 50%;
    /* filter: grayscale(100%); */
    height: 230px;
    margin: 38px 11px 40px 36px;
    width: 230px
}
.portrait .worker-name {
    color: #f44e50;
    /* font-family: "LatoBlack", "sans-serif"; */
    font-size: 23px;
    margin-bottom: 0;
    text-align: center
}
.portrait .worker-position {
    align-items: center;
     display: flex;
   font-size: 20px;
    justify-content: center;
   
    text-align: center
}
.img-port {
background-image:url(../img/2.jpg);
background-size:cover;
width:100%;
}
.map-img {
	  height:300px;
	  width:100%;
}
.fashion-logo {
	width: 105%;
}
.graphics-ads {
	width: 105%;
}
.ads_graphics {
	width:110%;
}
.crew-list {
	text-align:left;
}
/* .arrow-head { */
	/* background:#fff; */
	/* border-radius:50%; */
	/* width:50px; */
	/* height:80px; */
/* } */
.arrow-head span {
	margin:13px 12px;
	color:#FF432E;
}
.arrow-head {
    width: 100px;
    height: 100px;
    background:transparent;
    position: relative;
    -webkit-animation: mymove infinite; /* Chrome, Safari, Opera */
    animation: mymove  infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {top: 0px;}
    to {top: 20px;}
}

@keyframes mymove {
    from {top: 0px;}
    to {top: 20px;}
}
.blog-heading img {
	height: 162px;
width: 100%;
}

.homepage-welcome-block img {
    height: 209px;
    width: 100%;
}
.product-list li {
	display:inline-block;
		background: #f50e0e;
		width:100px;
		border-radius:100px;
}
.product-list a {

	color:#fff;
}
.slide-image {
	 width: 100%;
    height: 212px;
}