/*
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: #ffffff; 
 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: 48px;
  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;
}
.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(38, 39, 50, 0.85);
}
/* 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.25);
}
.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/backgrounds/3.jpg) no-repeat top;
  background-size: cover;
}
.stats .color-overlay {
  padding-top: 150px;
  padding-bottom: 50px;
}
.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 {

    color: #ffffff;
    font-size: 44px;
    margin: 30px 0px;
}

.green-text {
    color:#fff;
	    margin-top: 119px;
		background-color: #38c695
    /* margin-left: -32px; */
}
.yellow-text{ 
     margin-top: 119px;
}

.user-text {
	color:#fff;
}
.university-text {
	color:#fff;
}
.orange-text {
	color:#fff;
}
.tomato-text {
	color:#fff;
}
.stats .stats-text {
      font-size: 20px;
    margin-top: 13px;
  margin-bottom: 30px;
}
.stats .bottom-icon {
  font-size: 20px;
  margin-bottom: 30px;
      /* background: #eee; */
    
}
/* .testimonial { */
	/* padding:2em 0; */
/* } */
.testimonial_left {
    background: #FF494F;
}
.testinomial_content_div {
    background: #000;
height: 480px;
	  align-items: center;
	    display: flex;
    color:#ffffff;
}
.testinomial_content_div h3 {
	    color:#ffffff;
}
.testinomial_content_div h4 {
	color:#ffffff;
}
.carousel-indicators {
top: 114%;
}
/*---------------------------------------
   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;
} 
.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: 127px;
}
.blog-posts {
  margin-top: 76px;
}
.post-info div {
  display: inline-block;
  margin-right: 20px;
}
.post-title:hover {
  text-decoration: underline;
}
.featured-post {
  margin-bottom: 23px;
}
.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: 42px 35px 54px 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: 66px 16px;
		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/serve-img.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	        height: 881px;
}
#services {
    padding: 6em 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: 22px;
    text-align: center;
    border: 1px solid #515254;
    margin-top: 3em;
}
.connect-agileits h4 {
	text-align: center;
}
.connect-social ul li {
	display: inline-block;
}

.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;
    width: 40px;
    height: 40px;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
    text-align: center;
    margin-right: 30px;
}
.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: left;
	padding: 10px 0;
}
.social-icons {
	text-align: right;
}
.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;


}
.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/backgrounds/3.jpg");
	   background-size:cover;
	   width:100%;
	   height:300px;
	   /* margin-top: -22px; */
	  
   }
   .head-content {
	   color:#fff;
   }
   .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 {
    display: block;
    background: none;
    float: left;
    z-index: 1;
    border: 1px solid #554c4d;
    margin: 10px 17px 0 0;
    padding: 20px 75px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    color: #554c4d;
}
.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: 100%;
    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:#fff;
}
.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;
}

/* .lazy { */
	/* border-radius: 100%; */
    /* width: 180px; */
    /* height: 180px; */
	/* margin: 0px 25px; */
/* } */
/* .lazy:hover { */
    /* transform:scale(1,1.1); */
   
/* } */
/* figure:hover 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-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;

}
/* .career-btn{ */
    /* visibility: hidden; */
/* }​ */
/* .apply_now_btn{ */
    /* border-radius: 50px; */
    /* background-color: #FF494F!important; */
    /* border: 1px solid #FF494F!important; */
    /* font-size: 16px; */
    /* font-family: Poppins-SemiBold; */
    /* color:#f7f7f7!important; */
    /* text-transform: capitalize; */
    /* margin: 14px auto; */
    /* visibility:visible; */
	    /* width: 125px; */
    /* height: 53px; */
    /* text-align: center; */
	    /* padding: 13px 0px; */

/* } */
.dropdown-menu {
         /* margin: 2px -236px 0; */
	  width:auto;
}
.menu-dropdown {
	width:auto;
     margin-right: 73px;
	  margin-top: 0px;
}
.menu-dropdown1 {
	width:auto;
	margin-right: 292px;
	 margin-top: 0px;
}
.menu-dropdown2 {
	width:auto;
	margin-right: -118px;
	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:680px;
	margin: 2px -297px 0;
}
.agile_short_dropdown1 {
		width: 570px;
		margin: 2px -273px 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 #BE2026;
    font-weight: bold;
    color: #BE2026;
    padding-bottom: 5px;
    width: 167px;
}

.tile1s-body {
	        margin-top: -145px;
    border-bottom: 1px solid #3C2415;
    font-weight: bold;
    color: #3C2415;
    padding-bottom: 5px;
    width: 167px;
    margin-left: 84PX;
}
.tile3s-body{
	margin-top: -145px;
    margin-left: 90px;
    border-bottom: 1px solid #004768;
    font-weight: bold;
    color: #004768;
    padding-bottom: 5px;
    width: 167px;
}
.tile4s-body {
	margin-top: -140px;
    margin-left: 88px;
    border-bottom: 1px solid #961A39;
    color: #961A39;
    font-weight: bold;
    padding-bottom: 5px;
    width: 167px;
}
.tile5s-body {
    margin-top: -144px;
    margin-left: 85px;
    width: 167px;
    border-bottom: 1px solid #0b9444;
    font-weight: bold;
    padding-bottom: 5px;
    color: #3C2415;
}
.tile6s-body {
	    margin-top: -141px;
    margin-left: 76px;
    border-bottom: 1px solid #961A39;
    color: #961A39;
    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;
}
.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;
}
.icon_box {
    position: relative;
    padding: 10px 0;
}

.icon_box .icon_wrapper, .icon_box .icon_wrapper {
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    font-size: 46px;
    border: 1px solid #eee;
    margin-left: 60px;
}
.icon_box .icon_wrapper i:hover {
     color: #fff;

}
.icon_box .icon_wrapper i {
    z-index: 2;
    position: relative;
    color: #FF432E;
	 margin-top: 22px;
	
}
.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 {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}
.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;
}
.tp-banner li img {
    height: 670px;
}
.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;
}
.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: 320px;
	}
.box-headline {
    font-size: 47px;
    line-height: 1.0;
    color: #fff;
    text-align: left;
    margin-top: -14px;
}
 /* 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;
}
.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
}
figure:hover 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)
}
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: #F3F4F6;
    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: 23px 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: 1em;
    padding: 23px 30px;
    width: 100%;
    color: #f9edd4;
    color: #b1ada5;
    line-height: 21px;
    z-index: 1;
}
.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;
}
/* .btb-active.draw::after, .draw:hover::after { */
    /* border-bottom-color: #eb3719; */
    /* border-left-color: #eb3719; */
    /* -webkit-transition: border-color 0s ease-out 0.5s, width 10s ease-out 0.5s, height 0.25s ease-out 0.75s; */
    /* transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; */
/* } */
.agency-founder .img {
    position: absolute;
    bottom: 5rem;
    left: 0;
    width: 100%;
    max-width: 510px;
    height: 485px;
    z-index: -1;
    background: url(../images/founder.jpg) center no-repeat;
        background-size: auto auto;
    background-size: 100% auto;
}
.agency-founder .block-title .title, .agency-founder .block-title article {
    color: #b1ada5;
}
/* .portfolio_item img { */
	/* margin:10px 0; */
/* } */
.portfolio1 {
	height: 350px;
   width: 100%;
}
.portfolio2 {
  height:660px;
}
/* .modal-backdrop.in { */
    /* filter: alpha(opacity=50); */
    /* opacity: -0.5; */
/* } */
/* 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: 25px;
}
/* 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 img {
    max-width: 100%;
    height: auto;
}
.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%;
    height: auto;
    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{
	
}
.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'] {
width: 200px;
border-radius:10px;
border:1px solid transparent;
}
.middle-top {
	
	margin-bottom:20px;
	
	 background:#000;
	
    
}
/* .form-top input[type='text'], button [type='submit']:hover{ */
/* border:1px solid #38c695; */
/* } */
.content-top {
background: #eee;
}
.form1-top { 
background: #cae1fc;
}
.middle-top h4 {
    font-size: 22px;
    line-height: 40px;
    font-weight: 402;
	color:#fff;
}
.pop-top {
background: #fff;
}
.pop-modal {
	padding: 0px 15px;
}
.blog-heading img {
	height: 162px;
width: 100%;
}
#fstudioz {
    height: 400px;
    width: 100%;
}

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: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: 0px;
    height: 1990px;
    top: -165px;
}

.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: #fff;
    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 #eee;
    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;
}