/** *************Main CSS File*********************
	
    TABLE OF CONTENTS
	---------------------------
	1)Typography and reset
	2)Loader CSS
	3)Buttons css
	4)Menu Css
	5)Language Selector dropdown css
	6)Banner CSS 
	7)About Section
	8)Work Section
	9)About Page
	10)Industry Page
	11)Contact page
	12)News And Events
	13)Case study lannding
	14)Faq's page
	15)Awards page
	16)Journey page
	17)Product page
	18)product landing page
	19)Case Study Final pages
	20)Industry Details page
	21)Blog  page
	22)Partnership program page
	23)Project Details page
	24)Blog Details page
	25)Responsive Query
	
	
 ** ***************************************/
	
/**********************Typography and reset*******************************/


body{
    -webkit-font-smoothing: subpixel-antialiased;
    font-family:'Apercu', sans-serif !important;
    font-weight: 300;
    letter-spacing: .05em;
}
h1 {
    font-size: 28px;
    margin: 0 0 30px;
    color: #fff;
    line-height: 1.3;
    font-weight: 600;
}
h2{
	font-size: 38px;
	color:#6FB14B;
	margin: 0 0 25px;
	font-weight: 600;
}
h3{
	font-size: 28px;
	margin: 0 0 25px;
	
}
h4{
	font-size: 24px;
	margin: 0 0 25px;
	color: #6fb24b;
}
h5{
	font-size: 18px;
	color: #dcdddc;
	margin: 0 0 25px;
	font-weight: 400;
	line-height: 1.7;
}
h6{
	font-size: 14px;
	margin: 0 0 15px;
	color:#002056;
	opacity: 0.45;
}
p{
	font-size: 16px;
	letter-spacing: 0.1px;
	color: #000000;
    line-height: 1.8;
	 font-weight: 400;
	 text-align:justify;
	 
}
a:hover, a:focus, a:active{
	outline: none;
	text-decoration: none;
}
.no-padding{
	padding:0;
}
/* ----------------------------------------------------------------
	Loader CSS
-----------------------------------------------------------------*/

.pre-loader-anim div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 300px;
  background-color: #20293a;
  color: #20293a;
  border-radius: 50%;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin: auto;
  animation: text 10s ease infinite;
}
.pre-loader-anim div:after {
  position: absolute;
  content: "";
  top: -5%;
  left: -5%;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  transform: scale(0.85);
  filter: blur(5vw);
  background: linear-gradient(270deg, #7f97ef, #7400f9);
  background-size: 150% 150%;
  border-radius: 50%;
  animation: glowmation 10s linear infinite;
}
@keyframes glowmation {
  0% {
    top: -3%;
    left: -3%;
    background-position: 0% 50%;
    background-size: 150% 150%;
  }
  12.5% {
    top: -3%;
    left: 0;
    background-size: 70% 30%;
  }
  25% {
    top: -3%;
    left: 3%;
    background-size: 100% 50%;
  }
  37.5% {
    top: 0;
    left: 3%;
    background-size: 70% 30%;
  }
  50% {
    top: 3%;
    left: 3%;
    background-position: 100% 50%;
    background-size: 30% 30%;
  }
  62.5% {
    top: 3%;
    left: 0;
    background-size: 30% 70%;
  }
  75% {
    top: 3%;
    left: -3%;
    background-size: 50% 100%;
  }
  87.5% {
    top: 0;
    left: -3%;
    background-size: 30% 70%;
  }
  100% {
    top: -3%;
    left: -3%;
    background-position: 0% 50%;
    background-size: 150% 150%;
  }
}
@keyframes text {
  0% {
    color: #7400f9;
  }
  50% {
    color: #7f97ef;
  }
  100% {
    color: #7400f9;
  }
}

.la-anim-1 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 5px;
	background:  linear-gradient(270deg, #7f97ef, #7400f9);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	pointer-events: none;
}

.la-anim-1::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	background:  linear-gradient(270deg, #7f97ef, #7400f9);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.2s, box-shadow 2s 4s;
	transition: opacity 0.2s, box-shadow 2s 4s;
	-webkit-transform: rotate(2deg) translateY(-2px);
	transform: rotate(2deg) translateY(-2px);
}

.la-anim-1.la-animate {
	z-index: 100;
	opacity: 1;
	-webkit-transition: -webkit-transform 5s ease-in, opacity 1s 5s;
	transition: transform 5s ease-in, opacity 1s 5s;
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.la-anim-1.la-animate::after {
	opacity: 1;
}
.pre-loader {
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  -moz-transform: translate(0, 0);
	  -o-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
	  -webkit-transform: translate(0, 0);
	  transform: translate(0, 0);
	  z-index: 99999;
	  background: #20293a;
	  transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.pre-out{
	height: 0%;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.pre-fade{
	opacity: 0;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.pre-loader-anim {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  width: 50%;
  z-index: 99;
}


/**********************Buttons css*********************/
.button {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	padding: 1.6em 4.1em;
	margin-top: 20px;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.get-intch .button {
    padding: 1em 2.5em;
	top: 18px;
	right: 0px;
	margin-left: 30px;
}
.device-xs{
	display:none;
}
.form-submit button {
    float: none;
    display: inline;
}
.go-button .form-butn {
    border-radius: 50%;
    padding: 0;
    min-width: 65px;
    height: 65px;
    position: absolute;
    top: -65px;
    right: 75px;
    margin: 0;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
	color: #37474f;
	border-color: #37474f;
}
.bg-2 .button {
	color: #ECEFF1;
	border-color: #ECEFF1;
}
.bg-3 .button {
	color: #fff;
	border-color: #fff;
}

/* Sizes */
.button--size-s {
	font-size: 12px;
}
.button--size-m {
	font-size: 16px;
}
.button--size-l {
	font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
	text-transform: uppercase;
}
.button--text-thin {
	font-weight: 300;
}
.button--text-medium {
	font-weight: 500;
}
.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 5px;
}
.button--round-m {
	border-radius: 15px;
}
.button--round-l {
	/*border-radius: 40px;*/
}

/* Borders */
.button--border-thin {
	border: 1px solid;
}
.button--border-medium {
	border: 2px solid;
}
.button--border-thick {
	border: 3px solid;
}
.button.button--aylen {
	background: #4260cc;
	color: #fff;
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	margin-bottom:10px;
}
.button--aylen.button--inverted {
	background: none;
	color: #fff;
}
.button--aylen::before,
.button--aylen::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen::before {
	background: #7986cb;
}
.button--aylen::after {
	background: #7f97ef;
}
.button--aylen:hover {
	color: #fff;
}
.button--aylen:hover::before,
.button--aylen:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}

.button--winona {
	overflow: hidden;
	padding: 0;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #7f97ef;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
.button--winona > span {
	display: block;
}
.button--winona.button--inverted {
	color: #7986cb;
}
.button--winona.button--inverted:after {
	color: #fff;
}
.button--winona::after,
.button--winona > span {
	padding: 1.4em 4.1em;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona:hover {
	border-color: #7f97ef;
	background-color: rgba(212, 243, 255, 0.1);
}
.button--winona.button--inverted:hover {
	border-color: #21333C;
	background-color: #21333C;
}
.button--winona:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--winona:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
}


/*************************Language Selector dropdown css*******************************/

.flag {
    background: url("../img/flag.png");
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 50%;
    left: 14px;
    top: 6px;
}
.glob {
    position: absolute;
    left: -22px;
    color: #f9b719;
    top: 0px;
    background: url("../img/flag.png");
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: 11px;
    left: -6px;
}
.glob.one{
    background: url("../img/flag2.png");
}
.glob.two{
    background: url("../img/flag3.png");
}
li:nth-child(2) .flag {
    background: url("../img/flag2.png");
}
li:nth-child(3) .flag {
    background: url("../img/flag3.png");
}
.language_bar {
	float:left;
	width:100px;
	position: absolute;
	right: 34px;
	
}
.language_bar .dropdown {
	text-align:center;
}
.language_bar .dropdown-menu {
	border-radius:0;
	border:none;
	right: -2px;
	left: auto;
	top: 2px;
	padding:0;
	margin: 0;
	min-width: 125px;
	overflow: visible !important;
}
.language_bar .bootstrap-select {
	width: 100%;
	text-align: center;
}
.btn-group.bootstrap-select.language-box {
    position: relative;
    z-index: 2;
}
.language_bar .btn {
	width: 100%;
	font-size:10px;
	text-transform: uppercase;
    font-weight: 500;
	letter-spacing: 1px;
	color:#fff !important;
	background: transparent;
	border: none !important;
	box-shadow: none !important;
	opacity: 1;
}
.language_bar .btn .filter-option { float: none !important; }
.language_bar .btn:hover, .language_bar .btn:active, .language_bar .btn:focus {
	color:#fff;
	background: transparent !important;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: transparent;
    border-color: #adadad;
}
.language_bar .btn .caret {
	position: relative;
	width: 8px;
	height: 5px;
	border: none;
}
.language_bar .btn .caret:after {
	position: absolute;
	left: 5px;
	top: -10px;
	content: "\f107";
	font-size: 16px;
	color: #4260cc;
	font-family: 'FontAwesome';
	font-weight: 600;
}
.language_bar .dropdown-menu.inner {
	padding-top: 0px;
	padding-bottom: 0px;
}
.language_bar .dropdown-menu li { position: relative;text-align: center!important;padding: 0 0px 0px 10px; }
.language_bar .dropdown-menu li a i { display: none; }
.language_bar ul li.selected a i {
    display: inline;
    color: #42a852;
    right: -10px;
    position: relative;
}
.language_bar .dropdown-menu li:hover{
	background: #eee;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
} 
.language_bar .dropdown-menu li{
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
} 
.language_bar .dropdown-menu li a:hover, 
.language_bar .dropdown-menu li a:focus {
	background: none;
	color:#fff;
}
.language_bar button {
	width: 100%;
	padding:14px 0;
	background:none;
	border:none;
	font-size:12px;
	display:inline-block;
}
.language_bar ul li a {
	font-size: 10px;
	color: #000!important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	padding: 8px 10px;
	margin: 0px 0;
	cursor: pointer;
}
.text {
    line-height: 15px;
}


/*************************Menu Css*****************************/
.lang {
    background: transparent;
    text-align: right;
    position: absolute;
    right: 50px;
	top: 10px;
}
#language {
    background: transparent;
	border: none;
	color: #fff;
	font-weight: 500;
	font-size: 10px;
	cursor: pointer;
	margin-right: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#nav-wrapper {
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 999;
    position: fixed;
    -webkit-transition: all 0.8s ease-in-out;
       -moz-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
         -o-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
}
#nav-wrapper.menubgC { 

	background-color: #fff;
	
	-webkit-transition: all 0.8s ease-in-out;
       -moz-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
         -o-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
}
#nav-wrapper .container { overflow: visible; }
/* 3.2 Navbar
-------------------------------------------------------------------------- */
.navbar {
    margin: 0;
    min-height: 50px;

    -webkit-border: 0;
       -moz-border: 0;
         -o-border: 0;
            border: 0;

    -webkit-border-radius: 0;
       -moz-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}

/* 3.3 Navbar Brand
-------------------------------------------------------------------------- */
.navbar-brand {
    padding: 0;
    height: 50px;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
.navbar-brand img {
    width: 100%;
    display: block;
	max-width: 160px !important;
}
.navbar-header a {
    padding: 0;
    margin: 25px 0;
    color: #ffffff;
    font-size: 11px;
    line-height: 50px;
}
@media only screen and (max-width: 420px){
.navbar-header a {
    padding: 0;
    margin: 15px 0;
    color: #ffffff;
    font-size: 11px;
    line-height: 50px;
}
	
}

@media only screen and (max-width: 320px){
.navbar-header a {
    padding: 0;
    margin: 5px 0;
    color: #ffffff;
    font-size: 11px;
    line-height: 50px;
}
	
}

.logo-text {
    color: #ffffff;
    font-size: 30px;
}
/* 3.4 Items
-------------------------------------------------------------------------- */
.navbar-nav > li {
    padding: 0 10px;
    margin-left: 10px;
    position: relative;
}
.navbar-nav > li:first-child { margin-left: 0; }
.nav > li > a:hover,
.nav > li > a:focus,
.navbar-nav > li.active a {
    color: #6FB24B;
    background-color: transparent;
}
.navbar-nav > li > a {
    color: #fff;
	font-family:'Poppins', sans-serif !important;
	text-transform:uppercase !important;
	display:inline-block;
    padding: 36px 0px 10px;
    font-size: 14px;
	font-weight: 500;
	line-height: 50px;
	letter-spacing: 0.5px;
	text-transform: capitalize;
	
	-webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* 3.5 Menu Button
-------------------------------------------------------------------------- */
.navbar-toggle {
    margin: 0;
    padding: 0;
    color: #4a4c9e;
    font-size: 30px;
    line-height: 50px;
}



ul .submenu ul.dropdown-menu:after{
	background-color:#8b8b8b;
	height:5px;
	width:100%;
	position:absolute;
	top:0px;
	content:'';
	left:0px !important;
}

 ul .submenu ul.dropdown-menu {
	background:#f9f9f9 !important;
	box-shadow:none !important;
	border-radius:0 !important;
	border:none !important;
	padding:10px 0 !important;
	    z-index: 999999;
		left:0 !important;
	
}
.submenu .dropdown-menu {
	background:#000 !important;
	box-shadow:none !important;
	border-radius:0 !important;
	border:none !important;
	padding:10px 0 !important;
}
.submenu .dropdown-menu li {
	padding:0;
}
.submenu .dropdown-menu a {
	padding:8px 22px !important;
	font-family: 'Poppins', sans-serif!important;
	font-weight:500 !important;
	font-size:12px !important;
	letter-spacing:inherit !important;
	color:#000 !important;
}
.submenu .dropdown-menu a:hover,
.submenu .dropdown-menu li.active a {
	background: #2f318f!important;
    color: #ffffff!important;
}
.submenu:hover .dropdown-menu{
	display: block;
}

/* 3.6.5 Hover
-------------------------------------------------------------------------- */
.submenu ul li a:hover { color: #ffffff; }
.submenu ul li a:hover:before { height: 100%; }
.submenu:hover ul {
    top: 100%;
    opacity: 1;
    overflow: visible;
}
.get-in {
    background: linear-gradient(-190deg, #7f97ef, #7400f9);
	color: #fff;
    text-align: center;
    padding: 12px;
	margin-top: 38px;
    border-radius: 50px;
	width: 160px;
    float: right;
	position:relative;
	margin-left: 20px;
	font-weight: 500;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.get-in:hover{
	color: #fff;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1 !important;
}
.close {
    font-size: 52px;
    color: #fff;
    font-weight: 100;
    position: absolute;
    padding: 66px;
    width: 142px;
    opacity: 1;
    padding: 45px !important;
    top: 0%;
    right: 0;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.close:hover, .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.modal-header .close {
    font-size: 28px !important;
    position: absolute;
    right: -65px;
}
.modal-title {
    text-align: center;
}

.modal-dialog {
    top: 50%;
	width: 510px;
    transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-o-transform: translateY(-50%) !important;
	-moz-transform: translateY(-50%) !important;
	
}
.modal_share .facebook, .modal_share .twitter, .modal_share .insta {
    margin-right: 25px;
    font-size: 16px;
}
.modal_share .youtube {
    font-size: 16px;
}
.modal_share {
    padding: 15px 65px;
}
.social-zero{
	padding:0;
}
.menu-padd {
    padding: 0 80px;
}
.modal-body .form-group {
    margin: 0px 0px 20px 35px;
}

.modal-body .form-control {
    color:#000;
}
.modal-body {
    position: relative;
    padding: 10px 35px 30px 35px;
}
.modal-content h2 {
    font-weight: 600;
    text-align: center;
    padding-top: 50px;
}
.modal-content {
    border-radius: 0px;
	background: #f9f9f9;
}
.contact-padd {
    text-align: center;
    border-bottom: 1px solid #eee;
}
.email-pad-mod.modal-body {
    text-align: center;
}
.con-modal a {
    font-size: 22px;
	display: block;
    color: #4260cc;
    margin-bottom: 15px;
}
.form-butn {
    background: #fff;
    border-radius: 50px;
    padding: 15px 50px;
	font-weight: 500;
}
.modal-body .form-control {
    height: 50px;
    border-radius: 0px;
    padding: 0 30px;
    background: #e6e6e6;
    opacity: 0.65;
    border: none;
    width: 400px !important;
}
.modal-body .form-control::-moz-placeholder {
    color: #000;
    opacity: 1;
    font-weight: 400;
}
.modal-body .form-control::-webkit-placeholder {
    color: #000;
    opacity: 1;
    font-weight: 400;
}
#dropdown {
    width: 93%;
    height: 50px;
    background: #e6e6e6;
    border: none;
	padding: 0 25px;
}
.drop-angle {
    position: absolute;
    right: 60px;
    font-size: 25px;
    line-height: 2;
}
select {
        /*for firefox*/
        -moz-appearance: none;
        /*for chrome*/
        -webkit-appearance:none;
      }

/*for IE10*/
select::-ms-expand {
    display: none;
}
   
   
/*********************************Banner Css*************************************/


.carousel-fade .carousel-inner .item , .carousel-fade .carousel-inner .ind{
	-webkit-transition-property: opacity;
	transition-property: opacity;
	
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .ind,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	
}

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item,
.carousel-inner .ind {
	height: 100%;
	

}
.item:nth-child(1) {
	background: url("../img/woman.jpg");
	background-size: cover;
    background-position: center;
}
.item:nth-child(2) {
	background: url("../img/office.jpg");
	background-size: cover;
    background-position: center;
}
.item:nth-child(3) {
	background: url("../img/turn-on-2933016_640.jpg");
	background-size: cover;
    background-position: center;
}
.item:nth-child(4) {
	background: url("../img/turn-on-2933029_640.jpg");
	background-size: cover;
    background-position: center;
}


.ind:nth-child(1) {
	background: url("../img/Picture1.png");
	background-size: cover;
    background-position: center;
	height: 112%;
}

.ind:nth-child(2) {
	background: url("../img/Picture2.png");
	background-size: cover;
    background-position: center;
	height: 112%;
}
.ind:nth-child(3) {
	background: url("../img/Picture3.png");
	background-size: cover;
    background-position: center;
	height: 112%;
}
.overlay-text {
    background: #000;
    position: absolute;
    height: 160px;
    bottom: 45px;
    width: 100%;
    opacity: 0.7;
}
.text-wrap {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: 65%;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.wraper-baner {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.32);
    height: 100%;
		width: 100%;
}
.text-wrap button{
	float: none;
	display: inline;
	color: #fff;
}

.arrow-hover:hover .prev-arrow{
	transform: scale(1.3);
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}
.arrow-hover:hover .next-arrow{
	transform: scale(1.3);
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}
.industry-img {
    padding: 70px 0;
}

.prev-arrow {
    background: #fff;
    width: 50px;
    position: absolute;
    top: 55%;
    left: 75px;
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}
.next-arrow {
    background: #fff;
    width: 50px;
    position: absolute;
    top: 55%;
    right: 60px;
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}
.angle-left {
    width: 50px;
    height: 50px;
    background-image:url(../img/arrow-left.png);
    position: absolute;
    top: -5px;
    left: -10px;
	z-index:2;
	background-repeat:no-repeat;
}
.angle-right{
    width: 50px;
    height: 50px;
	background-image:url(../img/arrow-right.png);
    position: absolute;
    top: -5px;
    right: -10px;
	z-index:2;
	background-repeat:no-repeat;
}

.testimonial-arrow{
    height: 50px;
    width: 90px;
    position: absolute;
    top: 50%;
}

.button-center {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 200px;
}



/*****************************About Section*******************************/

.about-image{
	background: url("../img/about1.jpg");
	background-size: cover;
    background-position: center;
	height: 400px;
	margin-bottom: 70px;
	position: relative;
}
.about-overlay {
    position: absolute;
    background: #000;
    top: 0;
    height: 400px;
    width: 100%;
    opacity: 0;
}
.blog-date.news-pad {
    padding-top: 30px;
}
.about-mar {
    margin-top: 25px;
	margin-right: 25px;
	color:#4260cc;
}
.about-wrap h6 {
    text-transform: uppercase;
    margin-bottom: 43px;
	letter-spacing: 5px;
}
.about-padd{
	padding: 43px 0px 100px;
}

.about-farm p {
    text-align: left;
	margin: 0 0 15px;
}
.prod-image-one{
	background: url("../img/prod1.jpg");
	background-size: cover;
    background-position: center;
	height: 655px;
	transition: all 6s;
	-webkit-transition: all 6s;
}
.img-expand {
    background: url("../img/prod1.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 1920px;
	opacity:0;
    position: absolute;
    top: 0;
    z-index: 1;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.img-expand-two {
    background: url("../img/prod2.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
	opacity:0;
    position: absolute;
    top: 0;
	left: -230%;
    z-index: 1;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.img-expand-three {
    background: url("../img/prod3.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
	opacity:0;
    position: absolute;
    top: 0;
	left: -230%;
    z-index: 1;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.img-expand-four {
    background: url("../img/prod4.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
	opacity:0;
    position: absolute;
    top: 0;
	left: -300%;
    z-index: 1;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.img-expand-five {
    background: url("../img/prod5.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
	opacity:0;
    position: absolute;
    top: 0;
	left: -300%;
    z-index: 1;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.prod-image-two{
	background: url("../img/prod2.jpg");
	background-size: cover;
    background-position: center;
	height: 655px;
	transition: all 6s;
	-webkit-transition: all 6s;
}
.prod-image-three{
	background: url("../img/prod3.jpg");
	background-size: cover;
    background-position: center;
	height: 655px;
	transition: all 6s;
	-webkit-transition: all 6s;
}
.prod-image-four{
	background: url("../img/prod4.jpg");
	background-size: cover;
    background-position: center;
	height: 655px;
	transition: all 6s;
	-webkit-transition: all 6s;
}
.prod-image-five{
	background: url("../img/prod5.jpg");
	background-size: cover;
    background-position: center;
	height: 655px;
	transition: all 6s;
	-webkit-transition: all 6s;
}
.overlay-prod {
    background: #000;
    position: absolute;
    height: 100%;
    top: 0px;
    width: 100%;
	z-index: 2;
    opacity: 0.6;
	transition: all 6s;
	-webkit-transition: all 6s;
}
.product-text-wrap {
    position: absolute;
    top: 0;
	z-index:4;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;;
	height: 100%;
	padding: 100px 110px;
	
}
.product-text-wrap h6{
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #fff;
}
.product-text-wrap:hover .opac-0{
	opacity: 1;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.product-text-wrap p {
    color: #fff!important;
}

.clients_block{
	overflow: hidden;
}

/*.clients_block:hover .overlay-prod{
	opacity: 0.8;
	transition: all 6s;
	-webkit-transition: all 6s;
}*/

.farm-product:hover .product-text-wrap h2, .farm-product:hover .product-text-wrap h6, .farm-product:hover .button-or{
	color:#555;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}

.hover:hover .product-text-wrap h2, .hover:hover .product-text-wrap h6, .hover:hover .button-or {
	color:#fff!important;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.clients_block:hover .img-expand{
	opacity: 1;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}

.img-expand-overlay {
    position: absolute;
    top: 0;
	left: 0;
	right:0;
	margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.img-expand-overlay-two {
    position: absolute;
    top: 0;
	left: 0;
	right:0;
	margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.img-expand-overlay-three {
    position: absolute;
    top: 0;
	left: 0;
	right:0;
	margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.img-expand-overlay-four {
    position: absolute;
    top: 0;
	left: 0;
	right:0;
	margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.img-expand-overlay-five {
    position: absolute;
    top: 0;
	left: 0;
	right:0;
	margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.clients_block:hover .img-expand-overlay{
	opacity: 0.6;
	width: 600%;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.clients_block:hover .img-expand-overlay-two{
	opacity: 0.6;
	width: 600%;
	left:-100%;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.clients_block:hover .img-expand-overlay-three{
	opacity: 0.6;
	width: 600%;
	left:-200%;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.clients_block:hover .img-expand-overlay-four{
	opacity: 0.6;
	width: 600%;
	left: -300%;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.clients_block:hover .img-expand-overlay-five{
	opacity: 0.6;
	width: 600%;
	left: -300%;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.clients_block:hover .img-expand-two {
	opacity: 1;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.clients_block:hover .img-expand-three {
	opacity: 1;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.clients_block:hover .img-expand-four {
	opacity: 1;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.clients_block:hover .img-expand-five {
	opacity: 1;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.clients_block:hover .prod-image-one{
	transform: scale(1.2);
	transition: all 6s;
	-webkit-transition: all 6s;
}
.clients_block:hover .prod-image-two{
	transform: scale(1.2);
	transition: all 6s;
	-webkit-transition: all 6s;
}
.clients_block:hover .prod-image-three{
	transform: scale(1.2);
	transition: all 6s;
	-webkit-transition: all 6s;
}
.clients_block:hover .prod-image-four{
	transform: scale(1.2);
	transition: all 6s;
	-webkit-transition: all 6s;
}
.product-text-wrap h2 {
    margin: 0 0 25px;
    font-size: 36px;
    color: #fff;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.industry-text h6{
    text-transform: uppercase;
	letter-spacing: 5px;
}
.prod-small h6{
	text-transform: uppercase;
	letter-spacing: 5px;
}
.app-small h6{
	text-transform: uppercase;
	letter-spacing: 5px;
	color:#fff;
}
.industry-text {
    padding-top: 50px;
	padding-right: 80px;
}
.industry-text .button-or{
	margin-top: 35px;
}
.farm-industry {
    background: #f5f5f5;
	padding: 100px 0;
}

.play-button {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    background: #fff;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin: 0 auto;
    left: 25px;
    right: 0;
	text-align: center;
	cursor: pointer;
}
.off{
	display: none;
}
.play-button span {
    line-height: 5;
    font-size: 18px;
}
.item-content {
	background-color: #eeeeee;
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    display: table;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    transform: scale(1.01);
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    width: 100%;
}
#video {
    width: 100%;
}
.slider-wrap {
    width: 400px;
    margin: auto;
	height: 630px;
	transform: rotate3d(-40, -40, 20, -40deg);
	box-shadow: -35px 35px 35px -35px;
}

.feature-section {
    padding: 100px 0;
    background:  linear-gradient(-45deg, #fed6e3, #a8edea);;
}
.feature-section h2{
	color:#002056;
}
.feature-section h6{
	color:#002056;
	opacity: 0.45;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.part-box h4 {
    color: #002056;
    font-weight: 600;
}
.feature-icon {
    font-size: 42px;
    font-weight: 100;
    color: #6fb24b;
    margin-bottom: 20px;
}
.top-feature{
	margin-top: 60px;
}
.part-box {
    background: #fff;
    padding: 45px 45px;
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}
.part-box:hover {
    transform: scale(1.03);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}

.padding-feature {
    width: 700px;
    color: #606060;
    margin: auto;
}
.client-band {
    background: #000;
	height: 340px;
}
.work-section h6 {
    text-transform: uppercase;
    letter-spacing: 5px;
}


/***************Work Section***********************/
.work-section{
	padding-top: 100px;
}
.work-section .grid-item {
	border: none;
	cursor: pointer;
	overflow: hidden;
}

.work-section .grid-item a span { 
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
	display: none;
	color: #002056;
}
.prot-withname .work-section .grid-item a span { 
	position: absolute;
	top: 90%!important;
	display: block;
	left: 30px;
	text-align: left;
	z-index: 2;
	color: #000;
}
.work-section .grid-item a span b {
	display: block;
	font-size: 18px;
	font-weight: 600;
}

.work-section .grid-item div,
.work-section .grid-item div {
	position: relative;
}

.work-section .col-md-4 .grid-item div:before,
.work-section .col-md-6 .grid-item div:before,
.work-section .grid-item a:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(-45deg, #fed6e3, #a8edea);
	opacity: 0;
	content: "";
	z-index: 1;
}
.prot-withname .work-section .col-md-4 .grid-item div:before,
.prot-withname .work-section .col-md-6 .grid-item div:before,
.prot-withname .work-section .grid-item a:before{
	height: 86.6%;
}
.work-section .item-content{
	-webkit-transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
	transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
}
.work-section .grid-item a:hover .item-content{
	transform: scale(1.03);
	-webkit-transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
	transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
}
.work-section .grid-item a:before,
.work-section .grid-item a:hover:before {
	-webkit-transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
	transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
}

.work-section .grid-item a:hover:before {
	opacity: 0.7;
}

.work-section .grid-item a:hover span  {
	display: block;
}

.work-section .portfolio-categories {
	text-align: center;
	padding-left: 0;
	margin-bottom: 58px;
}

.work-section .portfolio-categories li {
	display: inline-block;
	margin: 0 17px;
}

.work-section .portfolio-categories li a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	letter-spacing: 2px;
	font-weight: 400;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.work-section .portfolio-categories li a.active,
.work-section .portfolio-categories li a:hover,
.work-section .portfolio-categories li a:focus {
	color: #4260cc;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.work-masonry {
	position: relative;
}

.work-masonry ul {
	list-style: none;
	padding-left: 0;
}

.item-content {
	background-color: #eeeeee;
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    display: table;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    transform: scale(1.01);
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    width: 100%;
}
.prot-withname .item-content {
	 height: 85%;
}
/*.portfolio-wrap .grid-item:first-child{
	opacity: 1!important;
	margin: 0!important;
}*/
.prot-withname .portfolio-wrap .grid-item:first-child{
	opacity: 1!important;
	margin: 10px!important;
}
/* Light Box */
.pp_pic_holder.pp_default { max-width: 100%!important; left: 0 !important; overflow: hidden; margin: 0 auto; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { max-width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { max-width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 2%!important; top: 10px!important; }
.pp_content_container .pp_left,
.pp_content_container .pp_right {
	padding: 0;
}
div.pp_default .pp_nav,
.pp_nav {
	width: 100%;
	text-align: right;
	margin-right: 0;
	display: block !important;
}

div.light_square .pp_arrow_next,
div.light_square .pp_arrow_previous,
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
	background: none;
	text-indent: 0;
	height: 40px;
	width: 40px;
	display: inline-block;
	border: 1px solid #000;
	text-align: center;
	line-height: 38px;
	color: #000;
	border-radius: 100%;
	float: none;
	margin-left: 24px;
	text-decoration: none;
}

.pp_details {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	margin-top: 23px;
}

#clients-2 {
	width:100%;
	float: left;
	padding: 90px 15px;
	cursor: move;
}
#clients-2 h2 {
	color: #ff4632;
    font-family: "Poppins",sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
} 
#clients-2 .clients_block {
	float: left;
	width: 25%;
	min-height: 160px;
	text-align:center;
}
#clients-2 .clients_block img{
	width:auto;
	display:inline-block;
}
#clients-2 .clients2 .clients_block {
	float: none;
	width: 100%;
}
.client-band .owl-nav {
    display: none;
}
.testimonial-bg {
    background: url("../img/005.jpg");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
	position:relative;
}
.testimonial-overlay {
    background:  linear-gradient(-45deg, #fed6e3, #a8edea);
	position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
	opacity: 0.85;
}
.index{
	z-index:1;
	position:relative;
}
#clients-2 .clients2 .owl-controls {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
}

#clients-2 .clients2 .owl-theme .owl-controls div div { margin-top: 0; }

.client-sp h6 {
    text-transform: uppercase;
	letter-spacing: 5px;
}
.client-sp {
    padding: 100px 0;
}
.owl-prev {
    position: absolute;
    font-size: 35px;
    top: 35%;
    color: #4260cc;
	opacity: 0;
}
.testimonail1 h4{
	letter-spacing: 0;
}
.owl-next {
    position: absolute;
    font-size: 35px;
    top: 35%;
	right:0;
    color: #4260cc;
	opacity: 0;
}
.testimonials .owl-next {
	transform: rotate(-90deg);
}
.testimonials .owl-prev {
	transform: rotate(90deg);
}
.testimonial-left {
    left: 3%;
}
.testimonial-right {
    right: 0%;
}
.content-padding {
    padding: 0 120px 50px;
	letter-spacing: 0.1px;
	color: #606060;
	line-height: 1.8;
}
.testimonail1 h4{
	margin: 0;
	line-height: 1.5;
	text-transform: capitalize;
	font-size: 16px;
	color:#4260cc;
}
.testimonail1 h4:last-child{
	color:#002056;
}
.semibold{
	font-weight: 600;
}
.regular-weight{
	font-weight: 400;
}
.team {
    cursor: move;
}
#team {
    margin-top: 60px;
}
.team-sec p {
    width: 700px;
	margin: auto;
}
.team-sec {
    padding: 100px 0 100px 0;
	background: #f8f8f8;
}
.team-sec h6{ 
	text-transform: uppercase;
	letter-spacing: 5px;
}
.team-name {
    background: #fff;
	padding: 30px 30px;
}

.team-name h5 {
    font-size: 18px;
    margin: 0 0 8px;
    color: #4260cc;
	font-weight: 500;
}
.team-name span {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    letter-spacing: 3px;
}
.blog-wraper {
    background: #f3f3f3;
}
.blog-box{
	background: #fff;
	padding: 50px 40px 50px 40px;
	
}
.blog-hover{
	-webkit-transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
	transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
}
.blog-hover:hover{
	transform: scale(1.03);
	-webkit-transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
	transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
}

.blog-box h5{
	color:#000;
	margin-bottom: 15px;
	line-height: 1.3;
	font-weight: 600;
}

.blog-box .highlights_txt{
	padding: 12px 0;
}
.image-circle {
    background: url("../img/blog1.jpg");
    height: 150px;
	width: 150px;
    border-radius: 50%;
	margin-bottom: 25px;
	background-position: center;
	background-size: cover;
}
.image-circle-one {
    background: url("../img/blog2.jpg");
    height: 150px;
	width: 150px;
    border-radius: 50%;
	margin-bottom: 25px;
	background-position: center;
	background-size: cover;
}
.image-circle-two {
    background: url("../img/blog3.jpg");
    height: 150px;
	width: 150px;
    border-radius: 50%;
	margin-bottom: 25px;
	background-position: center;
	background-size: cover;
}
.blog-box  p{
	margin-bottom: 15px;
}
.read-more {
    color: #4260cc;
    font-size: 16px;
    font-weight: 600;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.read-more:hover {
	color: #7f97ef;
	text-decoration: none;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.blog-bg {
   /* background: #e6e6e6;*/
	padding: 100px 0px 60px;
}

.float-left{
	float: left;
	margin-right: 30px;
}
.mar-bottom{
	margin-bottom: 35px;
}
.pad-bottom {
    padding-bottom: 75px;
}
.blog-bg h6{
	text-transform: uppercase;
	letter-spacing: 5px;
}
.mar-bar {
    left: 20px;
}
.layer-up{
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
}
.partnership h1 {
    font-size: 38px;
    color: #000;
	margin-bottom: 100px;
}
.partnership h2 {
    font-size: 22px;
	color: #000;
	font-weight: 600;
}
.partnership .highlights_txt {
    padding: 60px 70px 145px;
}

.down-arrow {
    position: absolute;
    right: 5px;
    font-weight: 100;
    font-size: 8px;
    top: 5px;
	color:#4260cc;
}

.sec-sep{
	margin-top: 80px;
}
.partnership {
    padding: 100px 0;
}
.newslatter{
	background:  linear-gradient(-45deg, #fed6e3, #a8edea);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	padding: 70px 100px;
}
.image-wrapeer {
    float: left;
}

.quote {
    width: 5%;
    margin: auto;
    margin-bottom: 40px;
	margin-top: 12px;
}
.text-wrapeer {
    padding: 55px 0px;
    float: right;
}
.news-n h2 {
    margin-bottom: 0px;
	font-weight: 600;
	line-height: 1.8;
}
.form-group{
	margin: 0;
}
.form-control {
    height: 65px;
    padding: 0 39px;
    background: rgba(239, 243, 178, 0);
	color:#000;
	/*opacity: 0.65;*/
    border-color:#000;
	
}
.form-control::-moz-placeholder {
    color: #000;
    opacity: 1;
    font-weight: 400;
}
.form-control::-webkit-placeholder {
    color: #000;
    opacity: 1;
    font-weight: 400;
}
.input-group-btn {
    background: #f9b719;
    width: 80px;
    border-radius: 50px;
    height: 70px;
	position:relative;
	left: -45px;
	z-index: 11;
	top: -2px;
} */
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
#answer1 p {
    color: #fff;
}
.go-button .form-butn {
	border-radius: 50%;
	padding: 0;
	width: 65px;
	height: 65px;
	position: absolute;
	top: -65px;
	right: 70px;
}
.news-n .btn-default {
    background-color: transparent!important;
    border: none;
	font-size: 16px;
	font-weight: 500;
	padding: 30px;
}

#products-section .owl-prev {
    transform: rotate(45deg);
    top: 46%;
    left: 25px;
	opacity:0;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.clients3, .owl-prev, .owl-next{
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.clients3:hover .owl-prev {
    opacity: 1!important;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
#products-section .owl-next {
    transform: rotate(-135deg);
    top: 46%;
    right: 25px;
	opacity: 0;
}
.clients3:hover .owl-next {
    opacity: 1!important;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.farm-product .button-or {
    position: absolute;
	bottom: 105px;
	font-size: 18px;
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}
.product-button span {
    width: 60px;
    height: 60px;
    line-height: 0.9;
    color: #fff;
    min-width: 60px;
}
.header-get a {
    padding: 0px 0 0 10px!important;
    line-height: 18px !important;
}
.product-button .button--winona::after, .product-button .button--winona > span {
    padding: 1em 1em;
}	
.opac-0{
	opacity: 0;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.con-fix {
    position: fixed;
    background: #17c87b;
    color: #fff;
    font-weight: 500;
    right: -40px;
    top: 185px;
    border-radius: 50px;
    padding: 10px 51px 10px 20px;
    transform: translatey(-50%);
    box-shadow: 0px 0px 5px 2px #0606061A;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.float-button {
    z-index: 1;
    position: relative;
    font-size: 20px;
}
.share-fix {
    position: fixed;
    background: #15d9db;
    color: #fff;
    font-weight: 500;
    right: -40px;
    border-radius: 50px;
    padding: 10px 55px 10px 20px;
    transform: translatey(-50%);
    box-shadow: 0px 0px 5px 2px #0606061A;
    top: 245px;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.info-fix {
    position: fixed;
    background: #072693;
    color: #fff;
    font-weight: 500;
    right: -40px;
    border-radius: 50px;
    padding: 10px 55px 10px 20px;
    transform: translatey(-50%);
    box-shadow: 0px 0px 5px 2px #0606061A;
    top: 305px;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.con-fix:hover, .share-fix:hover, .info-fix:hover{
	background: #4260cc;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
} 
.footer-bg {
    background: #000c21;
    padding: 90px 0px;
}

.copy-bg {
    background: #000c21;
    border-top: 1px solid;
    padding: 35px 0 25px;
}
.footer_block a {
    display: block;
    color: #bcbcbc;
    font-size: 14px;
    font-weight: 400;
}
.footer_block p{
	color: #bcbcbc;
}
.footer_block h6 {
    color: #fff;
    margin: 0 0 20px 0px;
	opacity: 1;
	font-weight:700;
	
}
.facebook {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    float: left;
    margin-right: 10px;
    font-size: 17px;
	color: #000;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.linked {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    float: left;
    margin-right: 10px;
    font-size: 17px;
	color: #000;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.twitter {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    float: left;
    margin-right: 10px;
    font-size: 17px;
	color: #000;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.insta {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    float: left;
    margin-right: 10px;
    font-size: 17px;
	color: #000;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.youtube {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    float: left;
    font-size: 17px;
    color: #000;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.social-icons a:hover .linked, .social-icons a:active .linked, .social-icons a:focus .linked,
.social-icons a:hover .facebook, .social-icons a:active .facebook, .social-icons a:focus .facebook,
.social-icons a:hover .twitter, .social-icons a:active .twitter, .social-icons a:focus .twitter,
.social-icons a:hover .insta, .social-icons a:active .insta, .social-icons a:focus .insta,
.social-icons a:hover .youtube, .social-icons a:active .youtube, .social-icons a:focus .youtube{
	background: #4260cc;
	color: #fff;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.social-icons{
	margin-bottom: 6px;
	height: 55px;
}
.tagsbar a {
    margin-bottom: 15px;
    color: #bcbcbc !important;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.tagsbar a:last-child {
    margin-bottom: 0px;
}
.tagsbar a:hover {
	color: #4260cc!important;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.mails a {
    margin-bottom: 35px;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.mails a:last-child {
    margin-bottom: 0px;
}
.mails a:hover {
	color: #6fb24b!important;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.reach p {
    padding: 0 45px 20px 0px;
}
.reach a {
    line-height: 2;
}
.copy-text {
    float: left;
}

.policy {
    float: right;
}
.copy-text p, .policy p{
    color: #bcbcbc;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.copy-text p:hover, .policy p:hover {
    color: #4260cc!important;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}


/*******about pages*********/
.aboutpage-banner{
	background: url("../img/about-banner.jpg");
	height: 680px;
	position:relative;
	background-attachment: fixed;
	background-size: cover;
	background-position: center
	
}
.aboutpage-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #000;
	z-index: 1;
	font-size:55px;
}
.overlay-aboutpage {
   
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.35;
}
.overlay-casestudy {
    background: #000;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
.digi-class {
    background: #f9f9f9;
    height: 400px;
	position:relative;
}
.farm-gyan {
    height: 180px;
}
.farm-lite{
	height: 150px;
}
.farm-village {
    height: 190px;
}
.contract-farming{
    height: 255px;
}
.research-development{
    height: 225px;
}
.farm-government{
    height: 195px;
}
.about-digital {
    height: 200px;
}

.digi-con {
	padding: 65px 0px 65px 0px;
    position: absolute;
    left: 0;
    right: 0;
    top: -115px;
    background: #f9f9f9;
}
.digi-con p{
	margin-top: 32px;
}
.ind-details-con {
    padding: 70px;
    position: absolute;
    left: 0;
    right: 0;
    top: -115px;
    background: #f9f9f9;
}
.soft-bg{
	background: url("../img/001.jpg");
	height: 622px;
	background-size: cover;
}
.soft-bglogo{
	background: url("../img/LogoandBranding.jpg");
	height: 550px;
	background-size: cover;
}
.soft-bgmd{
	background: url("../img/md.jpg");
	height: 622px;
	background-size: cover;
}
.soft-bgwd{
	background: url("../img/wd.jpg");
	height: 550px;
	background-size: cover;
}
.soft-bglc{
	background: url("../img/consulting-2761233_1280.png");
	height: 650px;
	background-size: cover;
}
.soft-bgbc{
	background: url("../img/woman-listening-at-team-meeting_4460x4460.jpg");
	height: 550px;
	background-size: cover;
}
.soft-bgbcdev{
	background: url("../img/dev.jpg");
	height: 650px;
	background-size: cover;
}
.soft-bgbctest{
	background: url("../img/Quality.jpg");
	height: 600px;
	background-size: cover;
}
.soft-bgbcdigi{
	background: url("../img/digital.jpg");
	height: 650px;
	background-size: cover;
}
.soft-bgbcelearn{
	background: url("../img/e-Learning.jpg");
	height: 550px;
	background-size: cover;
}

.soft-bgmk{
	background: url("../img/ipad-820272_640.jpg");
	height: 650px;
	background-size: cover;
}
.soft-bg-1{
	background: url("../img/001.jpg");
	height: 550px;
	background-size: cover;
}
.soft-bgcms{
	background: url("../img/contentmanagement.jpg");
	height: 550px;
	background-size: cover;
}
.soft-bgecom{
	background: url("../img/ipad-820272_640.jpg");
	height: 550px;
	background-size: cover;
}
.soft-bgwebdev{
	background: url("../img/Webdevelopment.jpg");
	height: 550px;
	background-size: cover;
}
.soft-bgbt{
	background: url("../img/call-center-2944063.jpg");
	height: 550px;
	background-size: cover;
}
.soft-bgmt{
	background: url("../img/medical-563427_640.jpg");
	height: 550px;
	background-size: cover;
}
.soft-bgtc{
	background: url("../img/turn-on-2917049_640.jpg");
	height: 550px;
	background-size: cover;
}
.col-float {
    margin: auto;
    float: none;
    text-align: center;
}
.text-left {
    text-align: left !important;
}
/*.content-soft h2, .content-soft-0 h2, .content-soft-1 h2, .content-soft-2 h2, .content-soft-3 h2    {
    margin-top: 35px;
}*/
.aboutpage .content-soft {
    padding: 170px 110px 170px 50px;
}
.aboutpage .content-soft-right {
    padding: 170px 110px 170px 70px;
}
.content-soft-0 {
    padding: 162px 135px;
}
.content-soft-1 {
    padding: 105px 135px;
}

.content-soft-2 {
    padding: 112px 135px;
}
.content-soft-3 {
    padding: 110px 135px;
}
.team p {
    width: 800px;
    margin: auto;
	margin-bottom: 60px;
}
.team-img-0{
	background: url("../img/team1.jpg");
	height: 320px;
	background-size: cover;
	background-position: center;
}
.team-img-1{
	background: url("../img/team2.jpg");
	height: 320px;
	background-size: cover;
	background-position: center;
}
.team-img-2{
	background: url("../img/team3.jpg");
	height: 320px;
	background-size: cover;
	background-position: center;
}
.team-img-3{
	background: url("../img/team4.jpg");
	height: 320px;
	background-size: cover;
	background-position: center;
}
.team-img-4{
	background: url("../img/team5.jpg");
	height: 320px;
	background-size: cover;
	background-position: center;
}
.team-img-5{
	background: url("../img/team6.jpg");
	height: 320px;
	background-size: cover;
	background-position: center;

}
.team-img-6{
	background: url("../img/team7.jpg");
	height: 320px;
	background-size: cover;
	background-position: center;
}
.padding-10{
	padding: 10px;
}

.studies-about {
    background: url("../img/bag-parallax-img.jpg");
    padding: 100px 0 100px 0px;
	background-attachment: fixed;
	position: relative;
}
.overlay-about {
    background:  linear-gradient(-45deg, #fed6e3, #a8edea);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.9;
}
.layer-about{
	z-index: 1;
}
.prog-more .button {
    margin: 25px 0;
}
.devider {
    width: 1px;
    height: 70%;
    background:  #fffc;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translatey(-50%);
}
.layer-about {
    z-index: 1;
    padding: 0 90px;
    text-align: center;
}
.layer-about .about-footer {
    display: inline-block;
}
.ind-footer {
    margin-right: 10px;
}

.layer-about .button-or:hover {
    color: #f9b719;
}
.hover-name {
    background: #000;
    width: 93%;
	opacity: 0;
	height: 0px;
    position: absolute;
    bottom: 10px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.team-img:hover .hover-name {
	height: 85px;
	padding: 20px;
	opacity: 1;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.team-img:hover .pos-hover {
	opacity: 1;
	transition: all 1.2s ease;
	-webkit-transition: all 1.2s ease;
}
.offset-1{
	margin-left: 13%;
}
.pos-hover {
    position: absolute;
    bottom: 30px;
    left: 0;
	opacity: 0;
    right: 0;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.white{
	color:#fff;
	font-weight: 600;
	line-height: 1.7;
}
.team-wrapper {
    background: #f8f8f8;
}
/*******Industry Page*********/

.industrypage-banner {
    background: linear-gradient(120deg, #193441, #D1DBBD);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
	background-image:url(../img/shaking-hands.jpg)
}
.overlay-ind-landing {
    background: #000;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
.industrypage-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 58%;
    text-align: center;
    color: #fff;
	z-index: 1;
	transform: translatey(-50%);
	font-size:45px;
}
.industrypage-banner h2 {
    position: relative;
    width: 100%;
    margin: auto;
    top: 58%;
    text-align: center;
    color: #fff;
	z-index: 1;
	transform: translatey(-50%);
	font-size:28px;
}
.ind-img{
	/*background: url("../img/sr1.jpg");
	background-size: cover;*/
	padding:0;
}
.ind-img1{
	/*background: url("../img/sr2.jpg");
	background-size: cover;*/
	padding:0;
}
.ind-img2{
	/*background: url("../img/sr3.jpg");
	background-size: cover;*/
	padding:0;
}
.ind-img3{
	background: url("../img/sr4.jpg");
	background-size: cover;
	padding:0;
}
.ind-img4{
	background: url("../img/sr5.jpg");
	background-size: cover;
	padding:0;
}
.ind-img5{
	background: url("../img/sr6.jpg");
	background-size: cover;
	padding:0;
}
.white-bg{
	background: #fff;
	padding: 0;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.grey-bg{
	background: #f9f9f9;
	padding: 0;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.white-bg:hover{
	background: rgba(255,255,255, 0.7);
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.white-bg  p{
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.white-bg:hover p{
	color: #000;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.industry-content {
    background: #f9f9f9;
	padding: 100px 0;
}
.bg-ind-content h3 {
    color: #000;
	font-size: 32px;
	font-weight: 600;
}
.bg-ind-content {
    padding: 85px 65px;
	height: 555px;
}
.bg-ind-content a {
    position: absolute;
	bottom: 80px;
    display: inline-block;
    font-size: 16px;
    color: #4260cc;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}

.white-bg:hover a, .grey-bg:hover a {
	color: #000;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.grey-bg:hover{
	background: rgba(255,255,255, 0.7);
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.grey-bg  p{
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.grey-bg:hover p{
	color: #000;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.activate a, .actives.act a, .panel-title > a:hover {
    color: #4260cc !important;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

/*******contact pages*********/
.contact-banner{
	background: url("../img/contact.jpg");
	height: 680px;
	position:relative;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.contact-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
    text-align: center;
    color: #fff;
	z-index: 1;
	transform: translatey(-50%);
	font-size:55px;
}
.contact-col h4 {
    color: #000;
    margin-bottom: 20px;
	font-weight: 600;
}
.contact-con {
    padding: 65px 14px 35px 15px;
    position: absolute;
    left: 0;
    right: 0;
        top: -115px;
    background: #f9f9f9;
}
.contact-con a {
    display: block;
    color: #777777;
	font-size: 16px;
	margin-bottom: 30px;
}
.fax {
    margin-top: 30px;
}
#map {
	width: 100%;
	height: 325px;
}
.map iframe {
    width: 100%;
    height: 325px;
}
.map-farm{
	margin-top: 30px;
	/*padding :100px 0;*/
}


.map-farm .modal-body {
    padding: 0;
}
.map-farm .modal-body .form-group {
    margin: 0 0 20px 0px;
}
.map-farm .modal-body .form-control {
    height: 55px;
    width: 460px !important;
}
.map-farm .drop-angle {
    right: 45px;
    line-height: 2.35;
}
#con {
	width: 100%;
	height: 325px;
}
.con iframe {
    width: 100%;
    height: 325px;``
}
.con-farm{
	padding :35px 0;
}
.con-farm .modal-body {
    padding: 0;
}
.con-farm .modal-body .form-group {
    margin: 0 0 20px 0px;
}
.con-farm .modal-body .form-control {
    height: 55px;
    width: 460px !important;
}
.con-farm .drop-angle {
    right: 45px;
    line-height: 2.35;
}
.form-padding {
    padding: 0px 0 75px 15px;
}
.button-top-mar {
    margin-top: 30px;
}
.map-farm .modal-body {
    padding: 0 15px;
}
.map-farm p {
    margin: 30px 0 50px 0px;
}


/*******news and events landing Page*********/

.newslanding-banner {
    background: linear-gradient(120deg, #3E606F, #91AA9D);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
	background-image: url(../img/rock.jpg);
}
.newslanding-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 58%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:55px;
}
.newslanding-banner h2 {
    position: relative;
    width: 800px;
    margin: auto;
    top: 58%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
}
.newsevent-box h4 {
    color: #000;
    font-weight: 600;
    margin-top: 45px;
    line-height: 1.3;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.news-content {
    background: #ffffff;
    padding: 100px 0;
}
.newsevent-box {
    background: #fff;
    height: 440px;
	padding: 55px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.newsevent-box:hover {
    background: #4260cc;
   transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.newsevent-box:hover h2, .newsevent-box:hover a,.newsevent-box:hover h4, .newsevent-box:hover .title-right, .newsevent-box:hover .title-left {
	color:#fff;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.title-right {
    font-size: 16px;
    font-weight: 500;
    color: #b0b0b0;
}
.title-left {
    font-size: 16px;
    font-weight: 500;
    color: #262525;
	float: right;
}
.newsevent-box a {
    color: #4260cc;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    bottom: 70px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}


/*******case landing Page*********/

.caselanding-banner {
    background: url("../img/case-banner.jpg");
    height: 430px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

.caselanding-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 58%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
}
.bg-case{
	background: url("../img/cs1.jpg");
	background-size: cover;
	height: 310px;
}
.bg-case1{
	background: url("../img/cs2.jpg");
	background-size: cover;
	height: 310px;
}
.bg-case2{
	background: url("../img/cs3.jpg");
	background-size: cover;
	height: 310px;
}
.bg-case3{
	background: url("../img/cs4.jpg");
	background-size: cover;
	height: 310px;
}
.case-head {
    font-size: 24px;
    color: #000;
    font-weight: 600;
	display: inline-block;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.case-head:hover, .case-head:active, .case-head:focus{
	color: #4260cc;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.case-button {
   margin-top: 105px;
}
.caselamding-content {
    background: #f9f9f9;
	padding: 100px 0;
}
.case-con {
    height: 310px;
    padding: 40px 45px;
    background: #fff;
}
.top-65{
	margin-top: 45px;
}
.case-pagination {
    text-align: center;
    padding: 100px 0 0 0;
}
.case-pagination span, .case-pagination a {
    margin-right: 12px;
    font-weight: bold;
    border-radius: 50px;
    background: transparent;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 3;
	cursor: pointer;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.case-pagination a{
	color:#000;
}
.case-pagination a:hover, .case-pagination a:active, .case-pagination a:focus{
	color:#000;
}
.active-page{
	background: #4260cc!important;
}
.case-pagination span:hover, .case-pagination span:active, .case-pagination span:focus{
	background: #4260cc;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
/*******FaqsPage*********/

.faq-banner {
    background: url("../img/faq.jpg");
    height: 430px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.faq-banner h1 {
    position: relative;
    width: 800px;
    margin: auto;
    top: 58%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
}
.faq-wrapper {
    background: #f8f8f8;
	padding: 100px 0;
}
.faq-box h4{
    color: #4260cc;
	margin: 0 0 15px;
}
.panel-group {
    margin-bottom: 0px;
}
.faq-box {
    padding: 40px 60px 25px;
    background: #fff;
}
.panel-title {
    font-size: 20px;
    font-weight: 500;
    color: #262525;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    border: none;
	box-shadow: none;
}
.panel-default > .panel-heading {
    color: transparent;
	padding: 10px 0px;
    background-color: transparent;
    border: none !important;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
	padding: 5px 0px 0px 0;
}
.margin-acco {
    margin: 15px 0;
}
.panel-group .panel + .panel {
    margin-top: 25px;
}
.panel-title > a{
	line-height: 1.5;
    transition: all 0.6s;
	-webkit-transition: all 0.6s;
}

.activate a, .actives.act a, .panel-title > a:hover{
    color: #4260cc !important;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}

.panel-heading span {
    font-size: 30px;
    float: right;
    margin-top: -10px;
	 transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transform: rotate(180deg);
}
.actives.act span{
	 transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transform: rotate(0deg);
}
.margin-40{
	margin-top: 25px;
}
.awards-sep {
    height: 1px;
    background: #ebebeb;
    width: 100%;
}

/*******Awards Page*********/

.awardpage-banner {
    background: url("../img/awards-baner.jpg");
    height: 430px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;

background-position: -95% 330%;
}
.awardpage-banner h1 {
    position: relative;
    width: 800px;
    margin: auto;
    top: 58%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
}

.awardspage .content-soft{
	padding: 0;
}

.adj-padd{
	padding-left: 80px!important;
	padding-right: 40px!important;
}
.adj-padd1{
	padding-left: 40px!important;
	padding-right: 80px!important;
}
.awardspage .adj-padd1{
	padding-right: 0px!important;
	padding-left: 60px!important;
}
.awards-inno{
	background: url("../img/logo1.jpg");
	height: 214px;
	background-size: cover;
	background-position: center;
	width: 100%;
}
.awards-inno1{
	background: url("../img/logo2.jpg");
	height: 214px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.awards-inno2{
	background: url("../img/logo3.jpg");
	height: 214px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.awards-inno3{
	background: url("../img/logo4.jpg");
	height: 214px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.awards-inno4{
	background: url("../img/logo5.jpg");
	height: 214px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.awards-inno5{
	background: url("../img/logo5.jpg");
	height: 214px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.awards-inno6{
	background: url("../img/logo6.jpg");
	height: 214px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.awards-inno7{
	background: url("../img/logo5.jpg");
	height: 214px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.awards-head h4{
	color:#000;
	margin-top: 0;
}
.awards-top{
	padding: 100px 0 80px 0;
}
.awards-bottom{
	padding: 80px 0 100px 0;
}
.awards-padding{
	padding: 80px 0;
}
.padd-bottom{
	padding-bottom: 100px;
}
.awards-sep {
    height: 1px;
    background: #ebebeb;
    width: 100%;
    
}


/*******Journey page*********/

.index_4 .image_wrap .overlay {
    background: #000 none repeat scroll 0 0;
    height: 950px;
    opacity: 0.6;
    padding: 0;
    position: absolute;
    width: 100%;
}

#parallaxBlock1 .container{
    position: relative;
	height: 100%;
}
#parallaxBlock1 .cont_cell {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    width: 560px;
}
#parallaxBlock3 .container{
    position: relative;
	height: 100%;
}
#parallaxBlock3 .cont_cell {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    width: 560px;
}
#parallaxBlock2 .container{
    position: relative;
	height: 100%;
}
#parallaxBlock2 .cont_cell {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 0;
    width: 560px;
	text-align: left;
}

.home_5 .more .more_anchor > a:hover::after, .home_5 .more .more_anchor > a:focus::after, .home_5 .more .more_anchor.active a::after {
    background-color: #2a40d2;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 0.5%;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 100px;
}
.home_5 .more .more_anchor > a::after {
    background-color: #2a40d2;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 0.5%;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.viewall.more {
    margin: 30px 15px;
    position: relative;
    width: auto;
	text-align: right;
}
.home_5 .viewall.more .more_anchor > a::after {
    background-color: #2a40d2;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 74%;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.home_5 .viewall.more .more_anchor > a:hover::after, .home_5 .viewall.more .more_anchor > a:focus::after, .home_5 .viewall.more .more_anchor.active a::after {
    background-color: #2a40d2;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 74%;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 130px;
}
#parallaxBlock4 .container{
    position: relative;
	height: 100%;
}
#parallaxBlock5 .container{
    position: relative;
	height: 100%;
}
#parallaxBlock4 .cont_cell {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 0;
    width: 560px;
	text-align: left;
}

.index_4 #parallaxBlock1 {
  background: url("../img/Journey1.jpg");
  background-attachment: fixed;
  background-size: cover;
  height: 950px;
}

.index_4 #parallaxBlock2 {
  background: url("../img/Journey2.jpg");
  background-attachment: fixed;
  background-size: cover;
  height: 950px;
}

.index_4 #parallaxBlock3 {
  background: url("../img/Journey3.jpg");
  background-size: cover;
  background-attachment: fixed;
  height: 950px;
}

.index_4 #parallaxBlock4 {
  background: url("../img/Journey4.jpg");
  background-attachment: fixed;
  background-size: cover;
  height: 950px;
}
.index_4 h2 {
    color: #fff;
	margin: 0 0 20px;
}
.index_4 p {
    color: #fff;
}
.jou-year {
    font-size: 24px;
    color: #f9b719;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 500;
}


/*******product pages*********/

.width-400{
	width: 400px;
}
.padding-110 {
    padding: 0 110px;
}
.padding-110-both {
    padding: 75px 110px;
}
.prod-baner{
	height: 450px;
	background: url("../img/product-bg.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: 0 830%;
	position: relative;
}
.prod-overlay{
	position: absolute;
	top:0;
	background:#000;
	opacity: 0.7;
	width: 100%;
	height: 450px;
}
.prod-baner h1 {
    position: absolute;
    top: 60%;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
    width: 250px;
    text-align: center;
    transform: translatey(-50%);
}
.prod-first {
    text-align: center;
    padding: 100px 50px;
	background: #f5f5f5;
}
.ul-font {
    font-size: 12px!important;
    line-height: 1.6;
	color: #606060;
	padding: 10px 0 0 15px;
	list-style-type: none;
    font-weight: 400;
}
.ul-font li {
    margin-bottom: 15px;
	padding: 0 20px;
	color: #727272;
}
.ul-home {
    font-size: 12px;
    line-height: 1.6;
	color: #606060;
	padding: 10px 0 0 15px;
}
.ul-home li {
    margin-bottom: 15px;
	padding: 0 20px;
	color: #727272;
	text-align:left;
}
.prod-second h1 {
    margin-bottom: 30px;
	color:#000;
}
.padd-100{
	padding: 75px 0;
}
.padding-product {
    /*padding: 175px 100px 0px 0px;*/
	padding: 50px 100px 0px 0px;
}
.padding-product-one {
    padding-top: 70px;
    padding-left: 30px !important;
}
.padding-product-two {
    padding-top: 0px;
    padding-right: 40px;
}
.padding-product-three {
    padding-top: 125px;
    padding-left: 40px !important;
}
.padd-both-three{
	padding: 65px 0;
}
.padding-product-four {
    padding-top: 180px;
	padding-right: 40px;
}
.padd-both-four {
    padding: 55px 0;
}
.padding-product-five {
    padding-top: 190px;
    padding-left: 75px !important;
}
.padding-product-left {
    padding-left: 0px;
}
.padd-both-five {
    padding: 60px 0;
}
.padding-product-village {
    padding: 50px 0;
}
#block-answer {
    margin-top: 20px;
    text-align: center;
}
#block-answer p {
    font-size: 14px;
    color: red;
}



/***********************Product Page*********************/

.prodpage-banner{
	background: url("../img/product-banner.jpg");
	height: 680px;
	position:relative;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.prodpage-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
}
.width-adj{
width: 100%;
}
.breadcrumb {
    position: absolute;
    top: 52%;
    background: transparent;
    left: 0;
    right: 0;
    margin: auto;
    width: 400px;
    text-align: center;
    font-size: 15px;
}
.breadcrumb a {
    color: #9a9a9a;
}
.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #9a9a9a;
    content: "/\00a0";
}
.breadcrumb > .active {
    color: #262525;
}

.off-white{
	background: #f9f9f9;
}
.padd-both {
    padding: 80px 0 65px 0;
}
.padd-both-sec {
    padding: 60px 0 60px 0;
}
li span {
    color: #333;
}



/*******case study final pages*********/
.casefinal-banner{
	background: url("../img/casefinal.jpg");
	height: 940px;
	position:relative;
	background-attachment: fixed;
	background-size: cover;
	overflow: hidden;
}
.casefinal-banner1 {
    background: url("../img/case-banner1.jpg");
}
.casefinal-banner-next{
	background: url("../img/1.jpg");
	height: 940px;
	position:relative;
	background-attachment: fixed;
	overflow: hidden;
}
.casefinal-banner h2 , .casefinal-banner-next h2{
   text-align: center;
	color: #fff!important;
}
.casefinal-banner p, .casefinal-banner-next p {
    text-align: center;
	font-size: 16px;
	color: #fff;
	padding: 0px 130px;
}
.case-pose {
    position: relative;
    top: 50%;
    transform: translatey(-50%);
	padding: 0 75px;
    z-index: 1;
}
.case-benefits {
    padding: 95px 0 80px;
}
.float-rel{
	position: relative;
}
.bene-width {
    width: 640px;
}
.bene-width li {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
    padding: 0 15px;
	color: #4260cc;
}
.bene-width ul {
    padding: 0px 15px;
}
.approach-width {
    width: 640px;
	position:relative;
	z-index:1;
}
.approach-width h2, .approach-width p {
	color:#fff;
}
.case-approach {
    padding: 95px 0 85px;
    background: url("../img/approach.jpg");
	position: relative;
	background-attachment: fixed;
}
.case-approach1 {
    background: url("../img/approach1.jpg");
position: relative;
	background-attachment: fixed;
}
.overlay-app {
    position: absolute;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
.case-challenge {
    background: #f7f7f7;
    padding: 95px 0 75px;
}
.case-challenge ul {
	margin-top: 35px;
}
.case-intro {
    padding: 95px 0px 80px;
}
.float-navigation {
    width: 370px;
    height: 230px;
	position: relative;
	float: right;
	right: 18%;
	z-index: 10;
	
}
.inner-nav {
    background: #fbfbfb;
    border-bottom: 1px solid #e1e1e1;
	padding: 20px 30px;
}
.border-top{
	border-top: 14px solid #4260cc;
}
.border-bottom{
	border-bottom: 6px solid #e1e1e1;
}
.inner-nav i {
    font-size: 22px;
    color: #d7d7d7;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.inner-nav p {
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 0px;
	color:#000;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.inner-nav:hover i, .inner-nav:hover p{
	color: #4260cc;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.casefinalpage .active i, .active p{
	color: #4260cc;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.bottom-info {
    padding: 0;
    position: absolute;
    z-index: 1;
}
.bottom-info p{
	padding: 0;
	text-align: left;
}
.cont-info{
	position: absolute;
	width: 1170px;
	left: 0;
	right: 0;
	padding: 0;
	margin: auto;
	bottom: 200px;
}
.bottom-info h3 {
    color: #fff;
    font-size: 24px;
}
.bottom-info a {
    color: #4260cc;
    margin-top: 15px;
	font-weight: 600;
    display: inline-block;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.bottom-info a:hover {
	color:#fff;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}

.casefinal-nav .ind-prev a:hover, .casefinal-nav .ind-next a:hover {
    color:#4260cc;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.casefinal-nav {
    position: relative;
    z-index: 1;
    top: 32%;
}
.casefinal-nav .ind-prev {
    top: 45%;
}
.casefinal-nav .ind-next {
    top: 45%;
}



/*******industry details pages*********/
.indpage-banner{
	background: url("../img/industry-banner.jpg");
	height: 680px;
	position:relative;
	background-attachment: fixed;
background-position:center;
background-size:cover;
}
.indpage-banner-ser{
	background: url("../img/ser-banner.jpg");
	height: 680px;
	position:relative;
	background-attachment: fixed;
background-position:center;
background-size:cover;
}

.indpage-banner-next{
	background: url("../img/2.jpg");
	height: 680px;
	position:relative;
	background-attachment: fixed;
}
.indpage-banner h1, .indpage-banner-next h1{
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
}

.inddetailpage .soft-sol {
    padding: 100px 0;
	overflow: hidden;
}
.inddetailpage .soft-zero {
    padding-top: 0;
}
.ind-bg {
    background: url("../img/services2.jpg");
    height: 610px;
    background-size: cover;
}
.ind-bg-ser {
    background: url("../img/ser1.jpg");
}

.ind-bg-1 {
    background: url("../img/services1.jpg");
    height: 610px;
    background-size: cover;
}
.ind-bg-ser1 {
    background: url("../img/ser2.jpg");
}
.content-ind {
	padding: 20px 80px 0 15px;
}
.content-ind-1 {
	padding: 50px 15px 0px 65px;
}
.content-ind-1 li {
    font-size: 16px;
	line-height: 1.9;
	margin-left: 20px;
	padding-left: 20px;
	color: #4260cc;
}

li span{
	color:#ffffff;
} 
#nav-wrapper.menubgC  li span{
	color:#6fb24b;
} 
.ind-farm-text h3{
	margin: 0;
	line-height: 1.3;
	color: #002056;
}
.ind-farm-text {
    background: #f9f9f9;
    padding: 110px;
	text-align: center;
}
.inddetailpage .layer-about .button-or {
    margin: 10px;
}
.ind-prev{
	position: fixed;
	top: 40%;
	width:0;
	z-index:2;
	border-radius: 50px;
	left: -45px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.ind-prev:hover{
	background: #fff;
	width: 185px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.ind-next{
	position: fixed;
	top: 40%;
	width:0;
	z-index:2;
	border-radius: 50px;
	right: -45px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.ind-next:hover{
	background: #fff;
	width: 185px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.ind-prev a{
	font-size: 42px;
	padding-left: 40px;
	padding-right: 40px;
	color: #4260cc;
	position: relative;
	left: 25px;
	display: inline-block;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.ind-next a{
	font-size: 42px;
	color: #4260cc;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	right: 120px;
	display: inline-block;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.ind-prev:hover a{
	color: #fff;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.ind-next:hover a{
	color: #fff;
	right:-65px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.ind-prev span{
    position: absolute;
	font-size: 14px;
	font-weight: 500;
	opacity:0;
	width: 85px;
	left: 70px;
    top: 20px;
    color: #000;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.ind-next span{
    position: absolute;
    font-size: 14px;
	font-weight: 500;
	opacity:0;
	right: 50px;
    top: 20px;
	width: 85px;
    color: #000;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.ind-prev:hover span{
	opacity:1;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.ind-next:hover span{
	opacity:1;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}


/*******Blog Page*********/
.development-banner {
    background-image:url(../img/softwaredevlopment.jpg);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.multimedia-banner {
    background-image:url(../img/multimedia.jpeg);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.pricing-banner {
    background-image:url(../img/pricing.jpg);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.infrast-banner {
    background-image:url(../img/infra.jpg);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.development-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.multimedia-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.pricing-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.infrast-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.consult-banner {
    background-image:url(../img/startup-photos.jpg);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.consult-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}

.webtech {
    background-image:url(../img/webbann.jpg);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.webtech h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.blog-banner {
    background-image:url(../img/contact-us.jpg);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.blog-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.transcription-banner {
    background-image:url(../img/Transcriptionservices.jpg);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.transcription-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.testing-banner {
    background-image:url(../img/graph.png);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.testing-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.digital-banner {
    background-image:url(../img/services.jpg)!important;
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.digital-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.elearning-banner {
    background-image:url(../img/elearning.jpg);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.elearning-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.carrers {
    background: linear-gradient(120deg, #81ACBC, #ABC1C5);
    height: 550px;
    position: relative;
    background-attachment: fixed;
	background-size: cover;
	background-position: center;
	background-image:url(../img/key.jpg);
}
.carrers h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
	font-size:45px;
}
.bg-blog{
	background: url("../img/ind-hover2.jpg");
	background-size: cover;
	height: 300px;
}
.bg-blog1{
	background: url("../img/ind-hover.jpg");
	background-size: cover;
	height: 300px;
}
.bg-blog2{
	background: url("../img/ind-hover1.jpg");
	background-size: cover;
	height: 300px;
}
.bg-blog3{
	background: url("../img/ind-hover3.jpg");
	background-size: cover;
	height: 300px;
}
.blog-con {
    background: #fff;
    padding: 40px 45px;
}
.blog-con .highlights_txt {
    padding: 8px 0px 17px;
}

.blog-con .case-head {
    margin-bottom: 15px;
}


/*******Partnership Program pages*********/
.partnership-banner{
	background: url("../img/partnershipprog.jpg");
	height: 680px;
	position:relative;
	background-attachment: fixed;
	background-size: cover;
}
.partnership-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
	transform: translatey(-50%);
    text-align: center;
    color: #fff;
	z-index: 1;
}
.content-soft li, .content-soft-0 li, .content-soft-1 li, .content-soft-2 li, .content-soft-3 li    {
    font-size: 16px;
    line-height: 1.9;
    margin-left: 20px;
    padding-left: 20px;
    color: #4260cc;
}

.prog-bg{
	background: url("../img/abt2.jpg");
	height: 690px;
	background-size: cover;
}
.prog-bg-1{
	background: url("../img/abt1.jpg");
	height: 690px;
	background-size: cover;
}
.prog-bg-2{
	background: url("../img/abt2.jpg");
	height: 690px;
	background-size: cover;
}
.prog-bg-3{
	background: url("../img/abt1.jpg");
	height: 690px;
	background-size: cover;
}



/*******Project Details*********/
.serv_proj3 {
    font-size: 14px;
    font-weight: 600;
	margin-right: 30px;
	text-transform: capitalize;
}
.serv_year{
	font-size: 14px;
    font-weight: 600;
	margin-right: 60px;
	float: left;
	text-transform: capitalize;
}
.serv_soc{
	font-size: 14px;
    font-weight: 600;
	margin-right: 50px;
	float: left;
	text-transform: capitalize;
}
.serve-bottom{
	margin-bottom: 10px;
}
.serv_social {
	display: inline-block;
}
.serv_social li {
    float: left;
	margin-right: 15px;
	list-style: none;
}
.serv_top {
    padding-top: 160px;
}
.year_padding{
	padding-bottom: 30px;
}
.row.serve_share {
    border-top: 1px solid #E7EDF7;
    padding-top: 30px;
}
.serv_social li a{
	color: #262a2b;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.serv_social li a:hover{
	color: #4260cc;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.serv1_proj3 {
    color: #878b92;
}
.project-padding {
    padding: 80px 20px 70px 0;
}
.full_width_image {
    margin: 30px 0 30px 0;
}
.project-detail .button--border-medium {
    border: 2px solid #4260cc;
    color: #4260cc;
	margin: 30px 25px 100px 20px;
}
.project-detail .button--border-medium:hover {
    border: 2px solid #7f97ef;
    color: #7f97ef;
}
.main-portfolio {
    float: right;
    margin: 48px 30px 0 0;
    color: #4260cc;
    font-size: 16px;
	font-weight: 500;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.main-portfolio:hover {
    color: #7f97ef;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}

.project_6 {
    padding: 100px;
    text-align: center;
}
.project_6 h1 {
    font-size: 50px;
    font-weight: 600;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.full_project6 {
    height: 630px;
    overflow: hidden;
}

.background_project6 {
    background: #4260cc none repeat scroll 0 0;
    padding: 70px;
}
.col-md-4.image_paddi {
    padding: 70px;
}
.image_paddi img, .project6_man img{
	width: 100%;
}
.heading_project6 {
    color: #fff;
    margin: 30px 0;
    text-align: center;
	font-weight: 600;
}
.heading_project6 > h4 {
    font-weight: 600;
}
.back-Proj6 {
    background: rgba(0, 0, 0, 0) url("../img/project6_back.jpg") no-repeat fixed 0 0 / cover ;
    height: 750px;
}
.project6_man {
    margin: auto;
    width: 625px;
}
.man_padding {
    padding: 100px 0 0;
}
.home_8 .highlights_txt {
    padding: 10px 15px;
}


/*******Blog Details*********/


.blog-content_detailed_1{
	background: url("../img/Image_Main.jpg");
	background-size: cover;
}
.blog-size {
    height: 350px;
}
.circle-sidebar {
    background: url("../img/Profile_Image.jpg");
    border-radius: 100px;
    height: 130px;
    margin: auto;
    width: 130px;
}
.sidebar-about {
    border-bottom: 1px solid;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0 25px;
    margin-bottom: 30px;
    text-align: center;
}
.text-align-sidebar {
    text-align: center;
    margin: 20px 0px 20px 0px;
}
.font-margin-side.social-left-margin {
    margin-right: 65px;
}
.social-side li {
    float: left;
    font-size: 35px;
	list-style: none;
}
.social-side a {
	color: #4260cc;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.social-side a:hover {
	color: #7f97ef;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.rated_products_block {
    display: inline-block;
    width: 100%;
    margin-top: 75px;
}
.bottom-border-like {
    padding-top: 95px;
	padding-bottom: 10px;
}
#sidebar h5{
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    color: #000;
    padding: 0 0 30px 0;
    position: relative;
}
#sidebar h5::after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 1px;
    content: '';
}
.top-products {
    font-size: 16px !important;
    font-weight: 500 !important;
}
.rated_products_block ul {
    display: inline-block;
    width: 100%;
    padding: 30px 0 0 0;
}
.rated_products_block ul li {
    padding: 0 0 20px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}
.latest-right h6 {
    color: #000;
    font-size: 18px;
}
.latest-right h4 {
    margin: 0;
}
.heading-blog h5 {
    color:#333;
    transition: all 0.3s ease-in-out 0s;
}
.top-tag {
    margin-top: 70px;
}
.tag-list {
    margin-top: 30px;
	padding: 0;
}
.tag-list > li {
    float: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5em;
    list-style: none;
	margin: 10px 22px 0 0;
}
.tag-list a {
    color: #000;
    transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.li-margin-tag a {
    color: #000;
    transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.li-margin-tag a:hover, .tag-list a:hover {
    color: #4260cc;
   transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}

.rated_products_block ul {
    display: inline-block;
    width: 100%;
    padding: 30px 0 0 0;
}
.rated_products_block ul li {
    padding: 0 0 15px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5em;
}
.blog-heading {
    font-weight: 500;
    margin: 35px 0 15px;
}

blockquote {
    border-left: 2px solid;
    font-size: 16px;
    padding: 5px 0 5px 25px;
    margin: 25px 0 25px 0px;
}
.blog_detail_main .post_share-tags {
    padding-bottom: 30px;
    border-bottom: solid 1px #000;
    overflow: hidden;
    clear: both;
}
.blog_detail_main .post_share-tags .social_links {
    float: right;
    margin-top: 15px;
    text-align: right;
}
.blog_detail_main .post_share-tags .tags {
    float: left;
    max-width: 50%;
    margin-top: 15px;
}
.blog_detail_main .post_share-tags .tags h5, .social_links h5{
    color: #000;
}
.blog_detail_main .post_share-tags .tags li {
    display: block;
    float: left;
    margin-right: 17px;
    line-height: 16px;
}
.social_links li {
    float: left;
	list-style: none;
}
.social_links a {
    color: #000;
    font-size: 20px;
    margin-left: 40px;
    transition: all 0.3s ease-in-out 0s;
}
.blog_detail_main .post_share-tags .tags li a {
    color: #000;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    transition: all 0.3s ease-in-out 0s;
}
.pagination-div {
    padding-top: 30px;
}
.blog_detail_main .comments_main {
    position: relative;
    width: 100%;
    margin-top: 52px;
    padding-bottom: 35px;
    clear: both;
}
.blog_detail_main .comments_main h6 {
    color: #000;
    font-weight: 400;
    margin-bottom: 40px;
    text-transform: capitalize;
}
.blog_detail_main .comments_main .comment_box .user-avtaar {
    float: left;
}
.blog_detail_main .comments_main .comment_box .user_info {
    padding-left: 22px;
    overflow: hidden;
}
.comment-p {
    padding-left: 86px;
}
.blog_detail_main .comments_main .comment_box {
    border-bottom: 1px solid;
    clear: both;
    overflow: hidden;
    padding-bottom: 30px;
}
.blog_detail_main .comments_main .comment_box.inner_comment {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 100px;
}
.comment_box.last-comment {
    border-bottom: medium none !important;
    padding-top: 30px;
}
.blog-comment {
    padding: 0;
    width: 100%;
}
.blog-comment .form-group {
    margin: 0px 20px 20px 0px;
}

.blog-comment .form-control {
    height: 50px;
    border-radius: 0px;
    padding: 0 30px;
    background: #e6e6e6;
    opacity: 0.65;
    border: none;
    width: 100% !important;
}
.blog-comment .textarea {
	height: 150px;
}
.blogdetails h3{
	color: #000;
}
.comment-p a {
    font-size: 16px;
    color: #4260cc;
    font-weight: 500;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.comment-p a:hover {
    color: #7f97ef;
    transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.pagination-div a {
    font-size: 16px;
    font-weight: 500;
    color: #4260cc;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.pagination-div a:hover {
    color: #7f97ef;
    transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
.pagination-div a:last-child {
    float: right;
}
.blog_detail_main {
    padding-right: 30px;
}
#instafeed {
  width: 100%;
}
#instafeed a {
  display: block;
  float: left;
  position: relative;
  width: 30.56%;
  margin: 5px;
}

#instafeed a img {
  display: block;
  width: 100%;
  height: 100%;
}


/*******Responsive query*********/

@media only screen and (max-width: 1680px) {
	.product-text-wrap {
		padding: 80px 80px;
	}
	.blog-bg {
		padding: 90px 30px;
	}
	
	.width-480 {
		width: 500px;
	}
	.text-wrap {
	padding: 40px 40px;
	}
	.text-wrap .button-or{
		right: 30px;
	}
	.content-soft {
		padding: 85px 100px;
	}
}

@media only screen and (max-width: 1550px) {
	.pad-bottom {
		padding-bottom: 85px;
	}
	#home h1 {
		font-size: 28px;
	}
	h3 {
		font-size: 16px;
	}
	
	.product-text-wrap {
		padding: 80px 50px;
	}
	.content-soft {
		padding: 85px 70px;
	}
	.aboutpage .content-soft {
		padding: 145px 110px 170px 50px;
	}
	.aboutpage .content-soft-right {
		padding: 145px 110px 170px 70px;
	}
	
}
@media only screen and (max-width: 1366px) {
	.pre-loader-anim {
		left: -3%;
	}
	.product-text-wrap {
		padding: 80px 45px;
	}
	.blog-box {
		padding: 20px;
	}
	.pad-bottom {
		padding-bottom: 65px;
	}
	#home h1 {
		font-size: 26px;
	}
	h3{
		font-size: 16px;
	}
	.carousel-inner h3 {
		width: 1000px;
		line-height: 1.5;
	}
	#products-section .owl-prev {
		left: 12px;
		font-size: 26px;
	}
	#products-section .owl-next {
		right: 12px;
		font-size: 26px;
	}
	.industry-img img {
		width: 100%;
	}
	.farm-product .button-or {
		left: 12%;
	}
	.content-soft {
		padding: 70px 70px;
	}
	.hover-name {
		width: 94%;
    }
	.aboutpage .content-soft {
		padding: 135px 70px 135px 50px;
	}
	.aboutpage .content-soft-right {
		padding: 120px 110px 140px 70px;
	}
	#portfolio-wrap {
		margin: auto;
	}
	.prot-withname .work-section .grid-item a span {
		top: 80% !important;
	}
	.prot-withname .item-content {
		height: 75%;
	}
	.prot-withname .work-section .col-md-4 .grid-item div::before, .prot-withname .work-section .col-md-6 .grid-item div::before, .prot-withname .work-section .grid-item a::before {
		height: 76.6%;
	}
	.full_project6 {
		height: 450px;
	}
	.ind-next{
		top: 50%;
	}
	.ind-prev {
		top: 50%;
	}
	
}	
@media only screen and (max-width: 1280px) {
	#home h1 {
		font-size: 24px;
	}
	.farm-product .button-or {
		top: 82%;
	}
	.width-480 {
		width: 460px;
	}
	.aboutpage .content-soft {
		padding: 145px 70px 145px 0px;
	}
	.aboutpage .content-soft-right {
		padding: 155px 15px 155px 70px;
	}
	.float-navigation {
		right: 13%;
	}
	.casefinal-banner-next {
		height: 750px;
	}
}
@media only screen and (max-width: 1024px) {
	h2 {
		font-size: 32px;
	}
	.navbar-brand img {
		max-width: 130px;
	}
	.navbar-nav > li > a {
		font-size: 12px;
	}
	.menu-padd {
		padding: 0 20px;
	}
	.carousel-inner h1 {
		width: 600px;
	}
	.carousel-inner h3 {
		width: 600px;
		line-height: 1.5;
	}
	.product-text-wrap {
		padding: 80px 90px;
	}
	.date {
		font-size: 26px;
		top: 220px;
	}
	.blog-bg {
		padding: 75px 15px;
	}
	
	.form-control {
		height: 60px;
		width: 300px !important;
	}
	.go-button .form-butn {
		width: 60px;
		height: 60px;
		top: -75px;
	}
	.image-wrapeer img {
		width: 80%;
	}
	.text-wrapeer {
		padding: 10px 40px;
		float: none;
	}
	
	.newslatter {
		padding: 100px 30px;
	}
	.content-soft {
		padding: 55px 20px;
	}
	.carousel-control.left {
		/*height: 265px;*/
	}
	.carousel-control.right {
		/*height: 265px;*/
	}
	.blog-buttn {
		padding-top: 5px;
	}
	.farm-product .button-or {
		top: 75%;
		left: 19%;
	}
	.industry-text {
		padding-top: 20px;
	}
	.padding-product{
		padding:50px 10px 0px 0px;
	}
	
	.go-button .form-butn {
		top: -60px;
	}
	.about-digital {
		height: 235px;
	}
	.aboutpage .content-soft {
		padding: 115px 70px 115px 0px;
	}
	.aboutpage .content-soft-right {
		padding: 135px 15px 135px 70px;
	}
	.font-margin-side.social-left-margin {
		margin-right: 40px;
	}
	.font-margin-side{
		font-size: 25px;
	}
	.font-margin-side.social-left-margin {
		margin-right: 18px;
	}
	.social_links a {
		color: #000;
		font-size: 20px;
		margin-left: 20px
	}
	.float-navigation {
		right: 6%;
	}
	.bene-width {
		width: 380px;
	}
	.approach-width {
		width: 340px;
	}
	.map-farm .modal-body .form-control {
		
		width: 385px !important;
	}
	.prot-withname .work-section .grid-item a span {
		top: 78% !important;
	}
	.work-section .grid-item a span b {
		font-size: 12px;
	}
	.prod-img img {
		width: 100%;
	}
	.full_project6 {
		height: 340px;
	}
	.project_6 {
		padding: 60px;
	}
}
@media only screen and (max-width: 768px) {
	h1 {
		font-size: 20px;
	}
	.menu-padd {
		padding: 0px 25px;
	}	
	.carousel-inner h1 {
		width: 100%;
	}
	.newslatter {
		padding: 50px 30px;
	}
	.go-button .form-butn {
		top: -60px;
		right: 90px;
	}
	.social-icons {
		margin-top: 45px;
	}
	.mob-xs {
		margin-top: 45px !important;
	}
	.part-box {
		background: #fff;
		padding: 30px 25px;
	}
	#video-section-overlaye {
		margin: 135px 0 0 0;
	}
	.farm-industry {
		padding: 60px 0;
	}
	.about-padd {
		padding: 43px 0px 75px;
	}
	.feature-section {
		padding: 75px 0;
	}
	.work-section {
		padding-top: 75px;
	}
	.team-sec {
		padding: 75px 0 75px 0;
	}
	.client-sp {
		padding: 75px 0;
	}
	.device-xs{
		display:block;
	}
	.device-lg{
		display:none;
	}
	.device-xs.get-intch.button-or {
		position: absolute;
		top: 40px;
		right: 60px;
	}
	.device-xs.get-intch.button-or button{
		margin: 0;
		top:0;
	}
	.language_bar {
		right: 75px;
	}
	.navbar-toggle {
		margin: 25px 0;
	}
	.close {
		padding: 16px !important;
    }
	.modal-dialog {
		top: 65%;
		width: 465px;
		left: 20%;
	}
	.modal-body {
		position: relative;
		padding: 15px;
	}
	.nav.navbar-nav.navbar-right {
		height: 315px;
		float:right;
	}
	.navbar-nav > li {
		margin-left: 0px;
	}
	.navbar-nav > li > a {
		padding: 5px 0px 15px !important;
		font-weight:700;
		
			}
	.aboutpage .content-soft {
		padding: 80px 70px 155px 35px;
	}
	.aboutpage .content-soft-right {
		padding: 86px 15px 135px 35px;
	}
	.soft-bg-1 {
		height: 420px;
		margin-top: 45px;
	}
	.soft-bg {
		height: 420px;
	}
	.awardspage .adj-padd1 {
		padding-top: 50px;
	}
	.awards-top {
		padding: 80px 0 60px 0;
	}
	.social-side {
		text-align: center !important;
		float: none;
		width: 200px;
		margin: auto;
	}
	.float-navigation {
		width: 270px;
	}
	.button--size-s {
		font-size: 10px;
	}
	.layer-about {
		padding: 0 5px;
	}
	.faq-banner h1 {
		width: 300px;
	}
	#parallaxBlock1, #parallaxBlock2, #parallaxBlock3, #parallaxBlock4, .index_4 .image_wrap .overlay {
		height: 610px!important;
	}
	.work-section .grid-item a span b {
		font-size: 13px;
	}
	.prot-withname .item-content {
		height: 75%;
	}
	.prot-withname .work-section .col-md-4 .grid-item div::before, .prot-withname .work-section .col-md-6 .grid-item div::before, .prot-withname .work-section .grid-item a::before {
		height: 76.6%;
	}
	.prot-withname .work-section .grid-item a span {
		top: 80% !important;
	}
	.serv_top {
		padding-top: 0px;
	}
	.full_project6 {
		height: 255px;
	}
	.ind-farm-text {
		padding: 60px;
	}
	.inddetailpage .soft-sol {
		padding: 60px 0;
	}
}
@media only screen and (max-width: 320px) {
	h1 {
		font-size: 20px;
	}
	.menu-padd {
		padding: 0px 25px;
	}	
	.carousel-inner h1 {
		width: 100%;
	}
	.newslatter {
		padding: 50px 30px;
	}
	.go-button .form-butn {
		top: -60px;
		right: 90px;
	}
	.social-icons {
		margin-top: 45px;
	}
	.mob-xs {
		margin-top: 45px !important;
	}
	.part-box {
		background: #fff;
		padding: 30px 25px;
	}
	#video-section-overlaye {
		margin: 135px 0 0 0;
	}
	.farm-industry {
		padding: 60px 0;
	}
	.about-padd {
		padding: 43px 0px 75px;
	}
	.feature-section {
		padding: 75px 0;
	}
	.work-section {
		padding-top: 75px;
	}
	.team-sec {
		padding: 75px 0 75px 0;
	}
	.client-sp {
		padding: 75px 0;
	}
	.device-xs{
		display:block;
	}
	.device-lg{
		display:none;
	}
	.device-xs.get-intch.button-or {
		position: absolute;
		top: 40px;
		right: 60px;
	}
	.device-xs.get-intch.button-or button{
		margin: 0;
		top:0;
	}
	.language_bar {
		right: 75px;
	}
	.navbar-toggle {
		margin: 25px 0;
	}
	.close {
		padding: 16px !important;
    }
	.modal-dialog {
		top: 65%;
		width: 465px;
		left: 20%;
	}
	.modal-body {
		position: relative;
		padding: 15px;
	}
	.nav.navbar-nav.navbar-right {
		height: 315px;
	}
	.navbar-nav > li {
		margin-left: 0px;
	}
	.navbar-nav > li > a {
		padding: 5px 0px 15px;
	}
	.aboutpage .content-soft {
		padding: 80px 70px 155px 35px;
	}
	.aboutpage .content-soft-right {
		padding: 86px 15px 135px 35px;
	}
	.soft-bg-1 {
		height: 420px;
		margin-top: 45px;
	}
	.soft-bg {
		height: 420px;
	}
	.awardspage .adj-padd1 {
		padding-top: 50px;
	}
	.awards-top {
		padding: 80px 0 60px 0;
	}
	.social-side {
		text-align: center !important;
		float: none;
		width: 200px;
		margin: auto;
	}
	.float-navigation {
		width: 270px;
	}
	.button--size-s {
		font-size: 10px;
	}
	.layer-about {
		padding: 0 5px;
	}
	.faq-banner h1 {
		width: 300px;
	}
	#parallaxBlock1, #parallaxBlock2, #parallaxBlock3, #parallaxBlock4, .index_4 .image_wrap .overlay {
		height: 610px!important;
	}
	.work-section .grid-item a span b {
		font-size: 13px;
	}
	.prot-withname .item-content {
		height: 75%;
	}
	.prot-withname .work-section .col-md-4 .grid-item div::before, .prot-withname .work-section .col-md-6 .grid-item div::before, .prot-withname .work-section .grid-item a::before {
		height: 76.6%;
	}
	.prot-withname .work-section .grid-item a span {
		top: 80% !important;
	}
	.serv_top {
		padding-top: 0px;
	}
	.full_project6 {
		height: 255px;
	}
	.ind-farm-text {
		padding: 60px;
	}
	.inddetailpage .soft-sol {
		padding: 60px 0;
	}
}
@media only screen and (max-width: 736px) {
	h2 {
		font-size: 28px;
	}
	.product-text-wrap h2 {
		font-size: 28px
	}
	.product-text-wrap {
		padding: 55px 45px;
	}
	h4 {
		font-size: 20px;
	}
	#clients-2 {
		padding: 35px 15px;
	}
	.client-band {
		height: 210px;
	}
	.go-button .form-butn {
		right: 70px;
	}
	.navbar-nav > li > a {
		padding: 5px 0px 5px;
	}
	.text-wrap {
		top: 56%;
		
	}
	.button--size-s {
		font-size: 10px;
	}
	.layer-about {
		padding: 0 50px;
	}
	.awardpage-banner h1 {
		width: 440px;
	}
}
@media only screen and (max-width: 667px) {
	h5 {
		font-size: 13px;
	}
	.work-section .portfolio-categories li {
		margin: 0px 12px;
		font-size: 12px;
	}
	.go-button .form-butn {
		right: 35px;
	}
	.footer-bg {
		padding: 60px 0px;
	}
	.footer .col-xs-6 {
		width: 50%;
		float: none;
	}
	.team-sec p {
		width: 300px;
	}
	.team-name h5 {
		font-size: 13px;
	}
	.team-name span {
		font-size: 12px;
		letter-spacing: 1px;
	}
	.quote {
		width: 10%;
	}
	.content-padding {
		padding: 0 20px 50px;
	}
	.go-button .form-butn {
		right: 35px;
	}
	.modal-dialog {
		top: 65%;
		left: 12%;
	}
	.layer-about {
		padding: 0 0px;
	}
	.industrypage-banner h1 {
		position: relative;
		width: 300px;
	}
	.newslanding-banner h1 {
		position: relative;
		width: 300px;
	}
	.development-banner h1 {
		position: relative;
		width: 300px;
	}
	.webtech h1 {
		position: relative;
		width: 300px;
	}
	.consult-banner h1 {
		position: relative;
		width: 300px;
	}
	.blog-banner h1 {
		position: relative;
		width: 300px;
	}
	.carrers h1 {
		position: relative;
		width: 300px;
	}
	
	
}
@media only screen and (max-width: 667px) {
	.padding-feature {
		width: 340px;
	}
	.go-button .form-butn {
		right: -5px;
	}
	.float-navigation {
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	.modal-dialog {
		top: 65%;
		left: 3%;
	}
	.casefinal-banner p, .casefinal-banner-next p {
		padding: 0px 35px;
	}
	.panel-title {
		font-size: 17px;
	}
	.prodpage-banner h1 {
		width: 300px;
	}
	.indpage-banner h1, .indpage-banner-next h1 {
		width: 300px;
	}
}
@media only screen and (max-width: 568px) {
	.go-button .form-butn {
		right: -22px;
	}
	.full_project6 {
		height: 190px;
	}
}
@media only screen and (max-width: 414px) {
	.go-button .form-butn {
		right: -115px;
	}
	.pre-loader-anim {
		left: -25%;
	}
	.modal-dialog {
		width: 370px;
		top: 75%;
	}
	.modal-body .form-group {
		margin: 15px;
	}
	.modal-body .form-control {
		
		width: 338px !important;
	}
	.news-n h2 {
		line-height: 1.4;
		margin-bottom: 20px;
	}
	.button--size-s {
		font-size: 10px;
	}
	.text-wrap {
		width: 100%;
	}
	.carousel-control.right {
		right: -34px;
	}
	.carousel-control.left {
		left: 0px;
	}
	.top-feature .col-xs-4 {
		width: 100%;
		margin-bottom: 30px;
	}
	.testimonail1 .col-xs-4 {
		width: 100%;
	}
	.aboutpage-banner h1 {
		width: 310px;
	}
	.aboutpage .content-soft {
		padding: 120px 70px 155px 35px;
	}
	.awardpage-banner h1 {
		width: 320px;
	}
	.awardspage .adj-padd1 {
		padding-left: 15px !important;
	}
	.blog_detail_main {
		padding-right: 0px;
	}
	.industrypage-banner h1 {
		position: relative;
		width: 320px;
	}
	.infrast-banner h1 {
		position: relative;
		width: 320px;
	}
	.development-banner h1 {
		position: relative;
		width: 320px;
	}
	.multimedia-banner h1 {
		position: relative;
		width: 320px;
	}
	.pricing-banner h1 {
		position: relative;
		width: 320px;
	}
	.testing-banner h1 {
		position: relative;
		width: 320px;
	}
	.transcription-banner h1 {
		position: relative;
		width: 320px;
	}
	.elearning-banner h1 {
		position: relative;
		width: 320px;
	}
	.digital-banner h1 {
		position: relative;
		width: 320px;
	}
	.webtech h1 {
		position: relative;
		width: 320px;
	}
	.consult-banner h1 {
		position: relative;
		width: 320px;
	}
	.carrers h1 {
		position: relative;
		width: 320px;
	}
	.blog_detail_main .post_share-tags .tags li {
		margin-right: 9px;
		line-height: 16px;
	}
	.blog-banner h1 {
		position: relative;
		width: 300px;
	}
	.newslanding-banner h1 {
		width: 300px;
	}
	.caselanding-banner h1 {
		width: 300px;
	}
	.case-head {
		font-size: 20px;
	}
	.case-pose {
		padding: 0px 20px;
	}
	.layer-about {
		width: 100%;
		margin-bottom: 30px;
	}
	.devider{
		display:none;
	}
	.contact-banner h1 {
		position: relative;
		width: 300px;
	}
	.contact-con .col-xs-4 {
		width: 100%;
		padding: 0;
	}
	.contact .digi-class {
		height: 665px;
	}
	.faq-wrapper {
		padding: 60px 0;
	}
	.prot-withname .portfolio-wrap .grid-item:first-child {
		opacity: 1 !important;
		margin: 0px !important;
	}
	.project_6 {
		padding: 60px 0;
	}
	.project-detail .button--border-medium {
		margin: 20px 10px 0 0px;
	}
	.full_project6 {
		height: 160px;
	}
	.background_project6 {
		padding: 0;
	}
	.back-Proj6 {
		background-position: center;
		height: 618px;
	}
	.project6_man {
		margin: auto;
		width: 330px;
	}
	.button-center {
		width: 140px;
	}
	.studies-about {
		padding: 60px 0 60px 0px;
	}
	.industry-content .col-xs-6{
		width: 100%;
	}
}
@media only screen and (max-width: 384px) {
	.modal-dialog {
		width: 335px;
		top: 75%;
	}
	.modal-body .form-control {
		width: 300px !important;
	}
	.testimonial-left {
		display:none;
	}
	.testimonial-right {
		display:none;
	}
	.quote {
		width: 18%;
	}
	.go-button .form-butn {
		right: -130px;
	}
	.facebook , .twitter, .insta{
		margin-right: 5px;
	}
	.layer-about {
		padding: 0 0px;
		width: 100%;
		margin-bottom: 20px;
	}
	.devider {
		display: none;
	}
	.bene-width {
		width: 270px;
	}
	.map-farm .modal-body .form-control {
		width: 300px !important;
	}
	.map-farm .drop-angle {
		right: 100px;
	}
}
@media only screen and (max-width: 375px) {
	.button {
		min-width: 130px;
	}
	.linked ,.facebook, .twitter, .insta, .youtube {
		width: 30px;
		height: 30px;
		padding: 3px;
	}
	.case-head {
		font-size: 21px;
	}
	.case-button {
		margin-top: 35px;
	}
}
@media only screen and (max-width: 320px) {
	.navbar-brand img {
		max-width: 90px;
		margin-top: 10px;
	}
	.padding-feature {
		width: 280px;
	}
	.form-control {
		height: 60px;
		width: 250px !important;
	}
	.modal-dialog {
		width: 285px;
		top: 75%;
	}
	.modal-body .form-control {
		width: 255px !important;
	}
	.pre-loader-anim {
		left: -45%;
	}
	.newslatter {
		padding: 50px 0px;
	}
	.go-button .form-butn {
		right: -90px;
	}
	.aboutpage .content-soft {
		padding: 185px 70px 155px 35px;
	}
	.approach-width {
		width: 260px;
	}
}
#myBtn {
  font-size: 12px;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    text-transform: uppercase;
    background-color: #6FB24B;
    color: #fff;
    cursor: pointer;
    padding:15px;
    border-radius: 5px;
    transition: 400ms cubic-bezier(0.235, 0.615, 0.185, 0.995);
}

#myBtn:hover {
  background-color: #6FB24B;
    color: #fff;
}
.section-space {
    padding: 80px 0 75px;
	font-family: 'Poppins', sans-serif !important;;
}
.sector-card-list .card-sec{
	font-family: 'Poppins', sans-serif !important;
    background: #eef1f2 none repeat scroll 0 0;
    padding: 40px 30px;
    text-align: center;
    height: 400px;
    margin-bottom: 20px;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.20);
}
.sector-card-list .card-sec h4 {
	color:#000;
	font-size: 22px;
    margin: 35px 0 20px;
    text-transform: uppercase;
	font-family: 'Poppins', sans-serif !important;
	font-weight:bold;
}
.sector-card-list .card-sec  a{
	
	color: #6FB24B;
    font-size: 16px;
    font-weight: 500;
	position:absolute;
    margin-left:70px;
    bottom: 35px;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}
.sector-card-list .card-abt{
	font-family: 'Poppins', sans-serif !important;
    background: #eef1f2 none repeat scroll 0 0;
    padding: 1px 0px;
    text-align: center;
    height: 450px;
    margin-bottom: 20px;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.20);
}
.sector-card-list .card-abt h4 {
	    background-color: #333333;
    padding: 25px 20px;
    color: #ffffff;
    margin-bottom: 0;
}
.sector-card-list .card-abt  a{
	
	color: #6FB24B;
    font-size: 16px;
    font-weight: 500;
	position:absolute;
    margin-left:70px;
    bottom: 35px;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}
.desc{
	
	font-size: 14px;
    letter-spacing: 0.1px;
    color: #727272;
    line-height: 1.8;
    font-weight: 400;
    text-align: justify;
    padding: 15px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .sector-card-list .card-sec  a{
	color: #6FB24B;
    font-size: 16px;
    font-weight: 500;
	position:absolute;
    margin-left:50px;
    bottom: 35px;
    transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  }
}
.card-sec .dsc {
    margin: 30px 0 0;
	font-size:18px;
	text-align:center;
}
.file-upload {
	position: relative;
	display: inline-block;
}

.file-upload__label {
  padding:12px;
  color: #000;
  background: #fff;
  border-radius: .4em;
  transition: background .3s;
  
  &:hover {
     cursor: pointer;
     background: #000;
  }
}
    
.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width:0;
    height: 100%;
    opacity: 0;
}
@media only screen and (max-width:768px) {

.dropdown-menu {
    display: none !important;
}

.open .dropdown-menu {
    display: block !important;
}

}


.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.fileupload {
  margin-bottom: 9px;
}
.fileupload .uneditable-input {
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  cursor: text;
}
.fileupload .thumbnail {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center;
}
.fileupload .thumbnail > img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
}
.fileupload .btn {
  vertical-align: middle;
}
.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
  display: none;
}
.fileupload-inline .fileupload-controls {
  display: inline;
}
.fileupload-new .input-append .btn-file {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.thumbnail-borderless .thumbnail {
  border: none;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fileupload-new.thumbnail-borderless .thumbnail {
  border: 1px solid #ddd;
}
.control-group.warning .fileupload .uneditable-input {
  color: #a47e3c;
  border-color: #a47e3c;
}
.control-group.warning .fileupload .fileupload-preview {
  color: #a47e3c;
}
.control-group.warning .fileupload .thumbnail {
  border-color: #a47e3c;
}
.control-group.error .fileupload .uneditable-input {
  color: #b94a48;
  border-color: #b94a48;
}
.control-group.error .fileupload .fileupload-preview {
  color: #b94a48;
}
.control-group.error .fileupload .thumbnail {
  border-color: #b94a48;
}
.control-group.success .fileupload .uneditable-input {
  color: #468847;
  border-color: #468847;
}
.control-group.success .fileupload .fileupload-preview {
  color: #468847;
}
.control-group.success .fileupload .thumbnail {
  border-color: #468847;
}

.form-careers {
    max-width: 550px;
    padding: 15px;
    margin: 0 auto;
}
@media (min-width: 760px) { .sqs-gallery-block-slideshow .sqs-gallery-controls { display: none !important } } 
@media only screen and (min-width: 760px) { .sqs-gallery-block-slideshow .sqs-gallery-controls { display: none !important } }


@media only screen and (max-width: 414px){
.carousel-control.right {
    right: 0px;
}
}
@media only screen and (max-width: 414px){
.angle-right {
	width: 50px;
    height: 50px;
    background-image: url(../img/arrow-right.png);
    position: absolute;
    top: -5px;
    right: -60px;
    z-index: 2;
    background-repeat: no-repeat;
}
}
@media only screen and (max-width: 414px){
.angle-left {
    width: 50px;
    height: 50px;
    background-image: url(../img/arrow-left.png);
    position: absolute;
    top: -5px;
    left: -55px;
    z-index: 2;
    background-repeat: no-repeat;
}
}

.prod-img{
	 box-shadow: 0 10px 6px -6px #777;
    
	
}
@media only screen and (max-width: 480px){
.services{
	
	margin-bottom:60px;
}	}

@media only screen and (max-width: 1024px){
.services h3{
	font-size: 26px!important;
    font-weight: 700;
    margin-top: 30px;
    text-transform: uppercase;
	
	
}	
	
}
.services{
	    background: #fafafa none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 30px;
    transition: all 0.3s ease 0s;
	height:420px;
	margin-bottom:45px;
}

.services:hover{
	
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.services p{
	
	    margin-bottom: 20px;
		margin-left:-35px;
		color:#000;
}
.services a{
	color: #6FB24B;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    margin-left: 200px;
    bottom: 60px;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}
.services h3{
	font-size: 30px;
    font-weight: 700;
    margin-top: 30px;
    text-transform: uppercase;
	
	
}

.services ul{
	
	list-style: outside none none;
}

.services ul li{
	line-height:30px;
}
.services ul li i{
	
	color: #333;
    margin-right: 10px;
	margin-left:-35px;
}


.pad-top{
	
	
	padding-top:80px;

}
.pad-bot{
	
	padding-bottom:60px;
	min-height:420px;
}
.text-section.white {
    color: #fff;
}
.white{
	
	color: #fff;
}

.text-section h4{
	
	font-size: 26px;
    line-height: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
	font-weight:inherit;
}
.text-section.white h4{
	
	color:#6fb24b;
}
.right-half.width50, .left-half.width50{
	
	width:50%;
}
.right-half{
	
	position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-position: center center;
    background-size: cover  
}
.left-half{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-position: center center;
    background-size: cover 
}
@media (max-width: 760px){
	.right-half{
	
	position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-position: center center;
    background-size: cover  
}
	.left-half{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-position: center center;
    background-size: cover 
}
.text-section .white{
	float:right!important;
}
}

@media (max-width: 480px){
.right-half, .left-half {
    display: none;
}
}
@media (min-width: 768px)
{
.col-sm-6 {
    width: 50%;
}
}
@media (min-width: 768px){
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
}


.pad80{
	    padding: 80px 0;
}
.features{
	    position: relative;
    margin-bottom: 40px;
}
.media:first-child {
    margin-top: 0;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.features .feature-icon {
    position: relative;
}

.features .feature-icon i{
border: 1px solid #6fb24b;
    border-radius: 50%;
    padding: 15px;
    display: inline-table;
    font-size: 36px;
    width: 78px;
    background: #fff;
    line-height: 45px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	color:#6fb24b;
	
}


  .media-body, .media-left, .media-right{
	  
	  display: table-cell;
    vertical-align: top;
  }
  .features .media-body {
    padding-left: 10px; 
}
.features .media-body  p{
	
	font-size: 14px;
    letter-spacing: 0.1px;
    color: #000000;
    line-height: 1.8;
    font-weight: 300;
    text-align: justify;
}

 .features .media-body h3{
font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	
	
 }
 @media (max-width: 767px)
 {
.mobi-margin-bot {
    margin-bottom: 30px;
}
 }
 .section-xxs, .section-xs, .section-sm, .section-md, .section-lg, .section-xl{
	 
	 
	     padding-top: 80px;
    padding-bottom: 80px;
 }
 @media (min-width: 1200px){
.cont{
		max-width:1200px;
}
 }
 
 .cont-fluid{
	 
	 width:100%;
 }
 
 @media (min-width: 1200px)
 {
.cont-fluid {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 2560px;
}
 }
 .html .shell .range-60, .html .range-60{
	 
	 position: relative;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    margin-bottom: -60px;
    pointer-events: none;
	 
 }

 .range {
    margin-left: -15px;
    margin-right: -15px;
}
 .html .shell .range-60 > *, .html .range-60 > *{
	 
	 
    margin-top: 60px;
    pointer-events: auto;
 }
 
 
 .range > .cell-lg-6{
	     -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
	
	 
 }
 
 @media (min-width: 1200px)
 {
.text-block{
    max-width: 590px;
}
 }
 
 .mail-form{
	 
	 margin-top:25px;
 }
 .mtop{
	 
	 margin-top:15px;
 }
 @media (max-width: 1024px)
 {
	 .mtop{
	 margin-top:15px;
	 margin-left:15px;
 }
 }
 @media (min-width: 992px)
 {
.range > .cell-md-7 {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
	
}
 }
 @media (min-width: 1200px)
 {
.range > .cell-lg-5 {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}
 }
 @media (min-width: 992px)
 {
.range > .cell-md-4 {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
}
 }
  @media (min-width: 768px)
 {
 .col-md-6{
	 
	float:left;
 }
 }
 @media (min-width: 768px)
 {
	 
.services a {
    color: #6FB24B;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
   
    bottom: 60px;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
 }
.pheading{
	
	font-size:20px;
}