@import url(https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700|Open+Sans:300,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700|Open+Sans:300,400,600,700);/*!------------------------------------------------------------------

[MAIN STYLESHEET]
Developed By: Bikash Bhandari ( http://bhandaribikash.com.np )
PROJECT:  Nirbix 
VERSION:  Versoin 3.0
-------------------------------------------------------------------*/
body {
  line-height:1.6;
  font-family:"Open Sans", sans-serif;
  -webkit-font-smoothing:antialiased;
  font-size:15px;
  color:#333
}
p, .paragraph {
  font-weight:400;
  color:#172231;
  font-size:15px;
  line-height:1.6;
  font-family:"Open Sans", sans-serif
}
h1, h2, h3, h4, h5, h6 {
  color:#172231;
  font-family:"Barlow Condensed", sans-serif;
  text-transform:uppercase;
  font-weight:600;
  line-height:1.2;
  transition:.2s ease
}
h1, .h1 {
  font-size:60px
}
h2, .h2 {
  font-size:40px
}
h3, .h3 {
  font-size:36px
}
h4, .h4 {
  font-size:22px
}
h5, .h5 {
  font-size:18px
}
h6, .h6 {
  font-size:16px
}
.btn {
  font-size:18px;
  font-family:"Open Sans", sans-serif;
  text-transform:inherit;
  padding:10px 20px;
  border-radius:35px;
  font-weight:700;
  border:1px solid;
  position:relative;
  z-index:1;
  transition:.3s ease-in;
  letter-spacing:.014em
}
.btn:hover {
  text-shadow:1px 1px 0 #a00f15, -1px -1px 0 #a00f15, 1px -1px 0 #a00f15, -1px 1px 0 #a00f15, 1px 1px 0 #a00f15
}
.btn:focus {
  outline:0;
  box-shadow:none!important
}
.btn:active {
  box-shadow:none
}
.btn-lg {
  font-size:20px;
  letter-spacing:.014em;
  padding:19px 35px
}
.btn-md {
  font-size:18px;
  letter-spacing:.014em;
  padding:17px 30px
}
.btn-sm {
  font-size:14px;
  padding:5px 20px;
  letter-spacing:.014em
}
.btn-primary {
  background:#e11f26;
  color:#fff;
  border-color:#e11f26;
  letter-spacing:.014em;
  text-shadow:1px 1px 0 #a00f15, -1px -1px 0 #a00f15, 1px -1px 0 #a00f15, -1px 1px 0 #a00f15, 1px 1px 0 #a00f15
}
.btn-primary:active {
  background:#04266f!important;
  border-color:#04266f
}
.btn-primary:hover {
  background:#04266f;
  border-color:#04266f;
  text-shadow:1px 1px 0 #a00f15, -1px -1px 0 #a00f15, 1px -1px 0 #a00f15, -1px 1px 0 #a00f15, 1px 1px 0 #a00f15
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color:#fff;
  background-color:#04266f;
  border-color:#04266f
}
.btn-gray {
  background:#f5f6fa;
  color:#172231;
  border-color:#f5f6fa
}
.btn-gray:active {
  background:#e11f26!important;
  border-color:#e11f26;
  color:#fff
}
.btn-gray:hover {
  background:#e11f26;
  border-color:#e11f26;
  color:#fff
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color:#fff;
  background-color:#04266f;
  border-color:#04266f
}
.btn-secondary {
  background:transparent;
  color:#172231;
  padding-left:0;
  border:0
}
.btn-secondary:active {
  background:transparent!important;
  color:#e11f26
}
.btn-secondary:hover {
  background:transparent;
  color:#e11f26
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
  color:#e11f26;
  background-color:transparent;
  border:0
}
.btn-primary-outline {
  background:transparent;
  color:#172231;
  border:2px solid #172231
}
.btn-primary-outline:active {
  background:#e11f26!important;
  border-color:#e11f26;
  color:#fff
}
.btn-primary-outline:hover {
  background:#e11f26;
  border-color:#e11f26;
  color:#fff
}
.btn-light {
  background:#fff;
  color:#172231;
  border-color:#e7e7e7
}
.btn-light:active {
  background:transparent!important;
  border-color:#fff;
  color:#fff
}
.btn-light:hover {
  background:transparent;
  border-color:#fff;
  color:#fff
}
.btn-light-alt:active {
  background:#e11f26!important;
  border-color:#e11f26;
  color:#fff
}
.btn-light-alt:hover {
  background:#e11f26;
  border-color:#e11f26;
  color:#fff
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
  background:transparent;
  border-color:#fff;
  color:#fff
}
.btn-light-outline {
  background:transparent;
  color:#fff;
  border:2px solid #fff
}
.btn-light-outline:active {
  background:#04266f!important;
  border-color:#04266f;
  color:#fff
}
.btn-light-outline:hover {
  background:#04266f;
  border-color:#04266f;
  color:#fff
}
.btn-arrow {
  transition:.2s ease
}
.btn-arrow::before {
  position:absolute;
  content:'';
  height:8px;
  width:8px;
  background:transparent;
  top:50%;
  -webkit-transform:translateY(-50%) rotate(-45deg);
  transform:translateY(-50%) rotate(-45deg);
  border-right:2px solid #000;
  border-bottom:2px solid #000;
  left:calc(85% + 5px);
  transition:.2s ease
}
.btn-arrow::after {
  position:absolute;
  content:'';
  height:2px;
  width:15px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:#000;
  transition:.2s ease;
  left:85%
}
.btn-arrow:hover::before {
  left:calc(85% + 10px);
  border-color:#e11f26
}
.btn-arrow:hover::after {
  width:20px;
  background:#e11f26
}
.hover-ripple {
  transition:.2s ease-in
}
.hover-ripple:hover {
  -webkit-transform:scale(.97);
  transform:scale(.97)
}
.hover-ripple:hover::after {
  -webkit-animation:sonarEffect 1s ease-out 50ms;
  animation:sonarEffect 1s ease-out 50ms
}
.hover-ripple::after {
  pointer-events:none;
  position:absolute;
  width:100%;
  height:100%;
  content:'';
  top:0;
  left:0;
  padding:0;
  z-index:-1;
  opacity:0;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  border-radius:inherit
}
.hover-ripple.ripple-white:hover::after {
  -webkit-animation:sonarEffectWhite 1s ease-out 50ms;
  animation:sonarEffectWhite 1s ease-out 50ms
}
@-webkit-keyframes sonarEffect {
0% {
opacity:.1
}
40% {
opacity:.3;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #e11f26, 0 0 0 10px rgba(255,255,255,.2)
}
100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #e11f26, 0 0 0 10px rgba(255,255,255,.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0
}
}
@keyframes sonarEffect {
0% {
opacity:.1
}
40% {
opacity:.3;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #e11f26, 0 0 0 10px rgba(255,255,255,.2)
}
100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #e11f26, 0 0 0 10px rgba(255,255,255,.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0
}
}
@-webkit-keyframes sonarEffectWhite {
0% {
opacity:.1
}
40% {
opacity:.3;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.2)
}
100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0
}
}
@keyframes sonarEffectWhite {
0% {
opacity:.1
}
40% {
opacity:.3;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.2)
}
100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0
}
}
body {
  background-color:#fff;
  overflow-x:hidden
}
::-moz-selection {
background:#9ed060;
color:#fff
}
::selection {
  background:#9ed060;
  color:#fff
}
.preloader {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff;
  z-index:999;
  display:flex;
  align-items:center;
  justify-content:center
}
.spinner {
  color:#e11f26;
  font-size:90px;
  text-indent:-9999em;
  overflow:hidden;
  width:1em;
  height:1em;
  border-radius:50%;
  margin:72px auto;
  position:relative;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation:load6 1.7s infinite ease, round 1.7s infinite ease;
  animation:load6 1.7s infinite ease, round 1.7s infinite ease
}
@-webkit-keyframes load6 {
0% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
5%, 95% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
10%, 59% {
box-shadow:0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
}
20% {
box-shadow:0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
}
38% {
box-shadow:0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
}
100% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
}
@keyframes load6 {
0% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
5%, 95% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
10%, 59% {
box-shadow:0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
}
20% {
box-shadow:0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
}
38% {
box-shadow:0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
}
100% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
}
@-webkit-keyframes round {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes round {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
ol, ul {
  list-style-type:none;
  margin:0
}
a, a:hover, a:focus {
  text-decoration:none
}
a, button, select {
  cursor:pointer;
  transition:.2s ease
}
a:focus, button:focus, select:focus {
  outline:0
}
a:hover {
  color:#e11f26
}
a.text-white:hover, a.text-light:hover {
  color:#edf4ff!important
}
a h4:hover, a h5:hover {
  color:#e11f26
}
.slick-slide {
  outline:0
}
.section {
  padding-top:70px;
  padding-bottom:70px
}
.section-sm {
  padding-top:40px;
  padding-bottom:40px
}
.section-title {
  margin-bottom:30px
}
.section-title-border {
  position:relative;
  height:5px;
  width:30px;
  background:#e11f26;
  border-radius:10px;
  margin-bottom:20px;
  display:block
}
.section-title-border::before {
  position:absolute;
  content:"";
  height:100%;
  width:50%;
  background:#e11f26;
  border-radius:10px;
  right:-60%;
  top:0
}
.section-title-border::after {
  position:absolute;
  content:"";
  height:100%;
  width:25%;
  background:#e11f26;
  border-radius:10px;
  right:-100%;
  top:0
}
.section-title-border.border-center {
  margin-left:calc(50% - 27px)
}
.section-title-border.border-white {
  background:#fff
}
.section-title-border.border-white::before {
  background:#fff
}
.section-title-border.border-white::after {
  background:#fff
}
.section-title-border.border-inline {
  display:inline-block;
  margin-bottom:5px
}
.section-title-sm {
  font-family:"Open Sans", sans-serif;
  font-weight:600;
  color:#818385
}
.section-bottom-lg {
  padding-bottom:230px
}
.bg-cover {
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed
}
.bg-contain {
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat
}
.bg-fixed {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed
}
.border-color {
  border-color:#e7e7e7!important
}
.overlay {
  position:relative
}
.overlay::before {
  position:absolute;
  content:'';
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#000;
  opacity:.4
}
.overlay-secondary {
  position:relative
}
.overlay-secondary::before {
  position:absolute;
  content:'';
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#252d39;
  opacity:.85
}
.outline-0 {
  outline:0!important
}
.d-unset {
  display:unset!important
}
.bg-primary {
  background:#e11f26!important
}
.bg-secondary {
  background:#e11f26!important
}
.bg-secondary-darken {
  background:#1f2630!important
}
.bg-gray {
  background:#f5f6fa!important
}
.bg-gray-white {
  background-image:linear-gradient(to right, #f5f6fa 45%, #fff 0%)
}
.bg-white-gray {
  background-image:linear-gradient(to right, #fff 45%, #f5f6fa 0%)
}
.bg-white2-gray {
  background-image:linear-gradient(to right, #fff 70%, #f5f6fa 0%)
}
.text-primary {
  color:#e11f26!important
}
.text-color {
  color:#818385
}
.text-light {
  color:#ddd!important
}
.text-dark {
  color:#172231
}
.hilighted {
  background:#252d39;
  padding:0 5px;
  border-radius:2px;
  color:#fff
}
.letter-spacing {
  letter-spacing:2px
}
.mb-50 {
  margin-bottom:50px!important
}
.mb-60 {
  margin-bottom:60px!important
}
.mb-70 {
  margin-bottom:70px!important
}
.mb-80 {
  margin-bottom:80px!important
}
.mb-90 {
  margin-bottom:90px!important
}
.mb-100 {
  margin-bottom:100px!important
}
.zindex-1 {
  z-index:1
}
.zindex-0 {
  z-index:0
}
.overflow-hidden {
  overflow:hidden
}
.min-height-400 {
  min-height:400px
}
.border-muted {
  border-color:#404751!important
}
.rounded-top-0 {
  border-top-left-radius:0;
  border-top-right-radius:0
}
.flex-basis-33 {
  flex-basis:33.333333%
}
.icon {
  font-size:40px
}
.icon-sm {
  font-size:34px
}
.icon-xs {
  font-size:22px
}
.icon-lg {
  font-size:56px
}
.box-shadow {
  box-shadow:0 15px 39px 0 rgba(8,18,109,.1)
}
.font-size-30 {
  font-size:30px
}
.font-weight-semebold {
  font-weight:600!important
}
.font-secondary {
  font-family:"Barlow Condensed", sans-serif!important
}
.text-decoration-none {
  text-decoration:none!important
}
.text-decoration-none:hover {
  text-decoration:none!important
}
.border-md-right {
  border-right:1px solid
}
@media (max-width:767px) {
.border-md-right {
  border:0
}
}
.icon-bg {
  position:relative;
  background-color:rgba(134,195,58,.2);
  display:inline-block;
  height:100px;
  width:100px;
  border-radius:120px 135px 110px 90px
}
.icon-bg::before {
  position:absolute;
  content:"";
  height:100%;
  width:100%;
  top:0;
  left:5px;
  background:rgba(134,195,58,.05);
  border:2px solid #e11f26;
  border-radius:130px 120px 160px 130px
}
.icon-bg .icon {
  line-height:100px
}
.water-wave {
  position:relative;
  -webkit-animation-name:water-wave;
  animation-name:water-wave;
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear
}
.water-wave::before {
  -webkit-animation-name:water-wave;
  animation-name:water-wave;
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear
}
@-webkit-keyframes water-wave {
0% {
border-radius:120px 135px 110px 90px;
::before {
border-radius:130px 120px 160px 130px
}
}
25% {
border-radius:130px 140px 100px 110px;
::before {
border-radius:100px 147px 140px 120px
}
}
50% {
border-radius:110px 97px 150px 100px;
::before {
border-radius:102px 147px 140px 120px
}
}
75% {
border-radius:80px 107px 120px 90px;
::before {
border-radius:102px 147px 140px 120px
}
}
100% {
border-radius:120px 135px 110px 90px;
::before {
border-radius:130px 120px 160px 130px
}
}
}
@keyframes water-wave {
0% {
border-radius:120px 135px 110px 90px;
::before {
border-radius:130px 120px 160px 130px
}
}
25% {
border-radius:130px 140px 100px 110px;
::before {
border-radius:100px 147px 140px 120px
}
}
50% {
border-radius:110px 97px 150px 100px;
::before {
border-radius:102px 147px 140px 120px
}
}
75% {
border-radius:80px 107px 120px 90px;
::before {
border-radius:102px 147px 140px 120px
}
}
100% {
border-radius:120px 135px 110px 90px;
::before {
border-radius:130px 120px 160px 130px
}
}
}
.breadcrumb-item+.breadcrumb-item::before {
  color:#fff
}
#map_canvas {
  height:500px
}
.form-control {
  height:45px;
  padding:0 15px;
  font-size:.9em
}
.form-control-sm {
  height:45px
}
.form-control:focus {
  box-shadow:0 15px 39px 0 rgba(8,18,109,.1);
  border-color:#e11f26!important
}
.focus-shadow-none {
  box-shadow:none!important
}
textarea.form-control {
  height:auto;
  min-height:150px
}
textarea.form-control-sm {
  min-height:100px;
  height:auto
}
.top-header {
  font-size:14px
}
.navigation {
  box-shadow:0 9px 20px 0 rgba(0,0,0,.09);
  position:relative;
  z-index:2
}
.navbar {
  padding:0
}
.navbar-collapse {
  transition:.2s ease
}
.navbar .nav-item .nav-link {
  font-weight:700
}
.navbar .dropdown:hover .dropdown-menu {
  visibility:visible;
  opacity:1;
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  z-index:2
}
.navbar .dropdown-menu {
  box-shadow:0 3px 9px 0 rgba(0,0,0,.12);
  padding:15px;
  border:0;
  top:80px;
  left:0;
  border-radius:0;
  display:block;
  visibility:hidden;
  transition:.3s ease;
  opacity:0;
  -webkit-transform:scale(.8);
  transform:scale(.8);
  background:#fff
}
@media (max-width:991px) {
.navbar .dropdown-menu {
  display:none;
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:unset;
  transform-origin:unset
}
}
.navbar .dropdown-menu.view {
  visibility:visible!important;
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
}
@media (max-width:991px) {
.navbar .dropdown-menu.view {
  display:block
}
}
.navbar .dropdown-menu.show {
  visibility:hidden
}
@media (max-width:991px) {
.navbar .dropdown-menu.show {
  visibility:visible;
  display:block
}
}
.navbar .dropdown-item {
  position:relative;
  color:#172231;
  transition:.2s ease;
  font-family:"Open Sans", sans-serif
}
@media (max-width:991px) {
.navbar .dropdown-item {
  text-align:center
}
}
.navbar .dropdown-item:not(:last-child) {
  margin-bottom:10px
}
.navbar .dropdown-item:hover {
  color:#e11f26;
  background:transparent
}
.navbar-light .navbar-nav .nav-link {
  color:#172231
}
.navbar-light .navbar-nav .nav-link:hover {
  color:#e11f26
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding:30px 20px
}
.contact_link a {
  padding-right:25px!important
}
.navbar-light .navbar-brand img {
  max-height:90px;
  max-width:100%
}
@media (max-width:1200px) {
.navbar-expand-lg .navbar-nav .nav-link {
  padding:40px 10px
}
}
@media (max-width:991px) {
.navbar-expand-lg .navbar-nav .nav-link {
  padding:10px
}
}
.search-btn {
  border:0;
  background:transparent
}
.search-wrapper {
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:100%;
  z-index:2;
  visibility:hidden;
  transition:.2s ease;
  opacity:0
}
.search-wrapper.open {
  visibility:visible;
  opacity:1
}
.search-box {
  height:112px;
  width:100%;
  border:0;
  background:#fff;
  font-size:30px;
  padding:0
}
.search-box:focus {
  box-shadow:none!important
}
.search-close {
  position:absolute;
  right:5px;
  top:40px;
  border:0;
  background:transparent;
  page-break-after:10px;
  font-size:20px
}
.hero-section {
  padding:160px 0 200px
}
.hero-slider {
  overflow-x:hidden
}
.hero-slider .prevArrow {
  left:-100px
}
.hero-slider .nextArrow {
  right:-100px
}
.hero-slider:hover .prevArrow {
  left:35px
}
.hero-slider:hover .nextArrow {
  right:35px
}
.banner-feature-wrapper {
  -webkit-transform:translateY(-100px);
  transform:translateY(-100px)
}
.banner-feature {
  transition:.2s ease
}
.banner-feature:hover, .banner-feature.active {
  background:#252d39!important
}
.banner-feature:hover h4, .banner-feature:hover p, .banner-feature.active h4, .banner-feature.active p {
  color:#fff
}
.main-banner-section {
  padding:30px 0;
  background:url(../images/feature-service-bg-img-2.jpg);
  background-repeat:no-repeat;
  min-height:500px
}
.main-banner-section p {
  font-size:18px;
  color:#000;
  font-weight:600
}
.main-banner-section figure img {
  margin-left:auto;
  max-height:320px
}
.banner_img img {
  max-height:300px;
  max-width:100%
}
.image-bg {
  position:absolute;
  top:20%;
  right:0;
  z-index:-1
}
.about-bg-shape {
  position:absolute;
  top:0;
  right:0
}
.philosophy-bg-shape {
  position:absolute;
  left:0;
  bottom:0
}
.funfacts {
  overflow-x:hidden
}
@media (max-width:991px) {
.funfacts {
  background:#252d39
}
}
.funfacts .container {
  -webkit-transform:translateX(-50px);
  transform:translateX(-50px);
  position:relative
}
.funfacts .container::before {
  position:absolute;
  content:"";
  right:100%;
  top:0;
  height:100%;
  width:100%;
  background:#252d39
}
@media (max-width:991px) {
.funfacts .container {
  -webkit-transform:translate(0);
  transform:translate(0)
}
.funfacts .container::before {
  display:none
}
}
@media (max-width:991px) {
.funfacts h3 {
  font-size:30px
}
}
@media (max-width:767px) {
.funfacts h3 {
  font-size:35px
}
}
@media (max-width:991px) {
.funfacts .icon-lg {
  font-size:40px
}
}
@media (max-width:767px) {
.funfacts .icon-lg {
  font-size:50px
}
}
.feature-img-bg {
  position:relative
}
.feature-img-bg::before {
  position:absolute;
  content:"";
  background:url(../images/backgrounds/feature-bg.png);
  top:-100px;
  right:-120px;
  height:150%;
  width:120%;
  z-index:0;
  background-repeat:no-repeat;
  background-size:contain
}
@media (max-width:991px) {
.feature-img-bg::before {
  display:none
}
}
.play-video {
  position:absolute;
  left:0;
  bottom:20%
}
.play-icon {
  display:inline-block;
  min-width:90px;
  height:90px;
  text-align:center;
  line-height:90px;
  border-radius:50%;
  box-shadow:0 15px 39px 0 rgba(8,18,109,.1);
  font-size:30px
}
.service-wrapper {
  -webkit-transform:translateY(-70px);
  transform:translateY(-70px);
  margin-top:-148px
}
.card-icon {
  position:absolute;
  height:60px;
  width:60px;
  border-radius:50%;
  background:#e11f26;
  text-align:center;
  line-height:60px;
  color:#fff;
  font-size:32px;
  left:15px;
  top:-90px
}
.service-bg-dots {
  position:relative
}
.service-bg-dots::before {
  position:absolute;
  content:"";
  background:url(../images/backgrounds/service-page-2.png);
  top:0;
  right:0;
  height:100%;
  width:50%;
  background-repeat:no-repeat;
  background-size:cover;
  z-index:0
}
.team-member-img img {
  position:relative;
  z-index:2
}
.team-member-img::before {
  position:absolute;
  content:"";
  background:url(../images/backgrounds/team-member-bg.png);
  top:0;
  right:0;
  height:60%;
  width:60%;
  background-repeat:no-repeat;
  background-size:contain;
  z-index:1;
  transition:.2s ease
}
.team-member-img::after {
  position:absolute;
  content:"";
  background:url(../images/backgrounds/team-member-bg.png);
  bottom:-40px;
  left:0;
  height:60%;
  width:60%;
  background-repeat:no-repeat;
  background-size:contain;
  z-index:1;
  transition:.2s ease
}
.team-member:hover .team-member-img::before {
  top:-20px;
  right:-20px
}
.team-member:hover .team-member-img::after {
  bottom:-60px;
  left:-20px
}
.team-member:hover .hover-icon {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}
.team-member:hover .hover-icon .social-icon a {
  -webkit-transform:scale(1);
  transform:scale(1)
}
.hover-icon {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  background:rgba(134,195,58,.9);
  transition:.2s ease;
  -webkit-transform:scale(.8);
  transform:scale(.8);
  z-index:3;
  opacity:0
}
.hover-icon .social-icon a {
  -webkit-transform:scale(0);
  transform:scale(0)
}
.social-icon li a {
  display:inline-block;
  height:45px;
  width:45px;
  border-radius:50%;
  color:#fff;
  border:1px solid #fff;
  background:transparent;
  line-height:45px;
  text-align:center
}
.social-icon li a:hover {
  color:#e11f26;
  background:#fff
}
.social-icon-alt li {
  padding:0 10px 0 0
}
.social-icon-alt li a {
  display:block
}
.social-icon-alt li a i {
  text-decoration:none;
  width:45px;
  height:45px;
  border-radius:100%;
  text-align:center;
  line-height:45px;
  color:#fff;
  font-size:24px;
  display:inline-block;
  margin-right:5px
}
.social-icon-alt li a i:hover {
  color:#fff;
  background:#e11f26;
  border-color:#e11f26
}
.project-item img {
  transition:.4s ease-in
}
.project-item:hover img {
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
}
.project-item:hover .hover-overlay {
  opacity:1
}
.project-item:hover .hover-overlay a {
  -webkit-transform:translateY(-50%) scale(1);
  transform:translateY(-50%) scale(1)
}
.hover-overlay {
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  text-align:center;
  background:rgba(134,195,58,.9);
  transition:.4s ease;
  opacity:0
}
.hover-overlay a {
  position:relative;
  font-size:46px;
  color:#fff;
  top:50%;
  -webkit-transform:translateY(-50%) scale(0);
  transform:translateY(-50%) scale(0);
  transition:.4s ease;
  display:inline-block
}
.uni-plus {
  position:relative;
  padding:0 20px
}
.uni-plus::before {
  position:absolute;
  content:'';
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  height:40px;
  width:2px;
  background:#fff
}
.uni-plus::after {
  position:absolute;
  content:'';
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  height:2px;
  width:40px;
  background:#fff
}
.filter-controls li {
  cursor:pointer
}
.filter-controls li.mixitup-control-active {
  color:#e11f26!important
}
.bg-dots {
  position:relative
}
.bg-dots::before {
  position:absolute;
  content:"";
  background:url(../images/backgrounds/testimonial-bg-1.png);
  top:0;
  right:0;
  height:100%;
  width:100%;
  background-repeat:no-repeat;
  background-size:cover;
  z-index:1
}
.bg-dots .container {
  position:relative;
  z-index:2
}
.slick-arrow {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  z-index:9;
  height:70px;
  width:70px;
  border-radius:50%;
  background:rgba(134,195,58,.5);
  color:#fff;
  border:0;
  line-height:70px;
  font-size:35px
}
.slick-arrow::before {
  position:absolute;
  content:'';
  height:10px;
  width:10px;
  background:transparent;
  top:50%;
  -webkit-transform:translateY(-50%) rotate(-45deg);
  transform:translateY(-50%) rotate(-45deg);
  transition:.2s ease
}
.slick-arrow::after {
  position:absolute;
  content:'';
  height:2px;
  width:25px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:#fff;
  transition:.2s ease
}
@media (max-width:575px) {
.slick-arrow {
  display:none
}
}
.slick-arrow:focus {
  outline:0
}
.slick-arrow:hover {
  background:#e11f26
}
.prevArrow {
  left:0
}
.prevArrow::before {
  border-left:2px solid #fff;
  border-top:2px solid #fff;
  right:35px
}
.prevArrow::after {
  right:20px
}
.nextArrow {
  right:0
}
.nextArrow::before {
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  left:35px
}
.nextArrow::after {
  left:20px
}
.testimonial-slider .nextArrow, .testimonial-slider .prevArrow {
  opacity:0;
  transition-delay:1s
}
.testimonial-slider:hover .nextArrow {
  opacity:1;
  right:-100px;
  transition-delay:0s
}
.testimonial-slider:hover .prevArrow {
  opacity:1;
  left:-100px;
  transition-delay:0s
}
.bg-quote {
  position:relative
}
.bg-quote::before {
  position:absolute;
  content:"\f10d";
  font-family:"FontAwesome";
  font-size:150px;
  color:rgba(134,195,58,.3);
  top:-10px;
  line-height:1;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.slick-dots {
  padding-left:0;
  text-align:center;
  position:absolute;
  bottom:-185px;
  left:0;
  right:0;
  z-index:1
}
.slick-dots li {
  display:inline-block;
  height:70px;
  width:70px;
  border-radius:50%;
  cursor:pointer;
  margin:0 20px;
  transition:.2s ease;
  box-shadow:0 15px 39px 0 rgba(8,18,109,.1)
}
.slick-dots li img {
  height:70px;
  width:70px;
  border-radius:50%
}
.slick-dots li.slick-active {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
}
.clients-logo {
  text-align:center;
  position:relative;
  height:120px;
  width:180px
}
.clients-logo:hover .white {
  opacity:0
}
.clients-logo:hover .primary {
  opacity:1
}
.clients-logo .white {
  opacity:1;
  position:absolute;
  left:0;
  top:50%;
  right:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  text-align:center;
  padding:0 10px
}
.clients-logo .primary {
  opacity:0;
  position:absolute;
  left:0;
  top:50%;
  right:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  text-align:center;
  padding:0 10px
}
.customer-bg-shape {
  position:absolute;
  top:0;
  right:50%
}
.list-styled {
  padding-left:0
}
.list-styled li {
  position:relative;
  padding-left:20px
}
.list-styled li::before {
  position:absolute;
  content:"\f105";
  font-family:"FontAwesome";
  font-size:14px;
  left:0;
  top:1px;
  color:#e11f26;
  transition:.3s ease
}
.list-styled li:hover::before {
  color:#fff!important
}
.list-styled li:hover a {
  text-decoration:underline
}
.list-styled li.text-light::before {
  color:#ddd
}
.list-styled.style-circle li::before {
  content:"\f058"
}
.btn-subscribe {
  position:absolute;
  top:0;
  right:0;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  padding:10px 20px
}
.cta-sm-bg {
  position:relative
}
.cta-sm-bg::before {
  position:absolute;
  content:"";
  height:100%;
  width:100%;
  left:calc(100% - 10%);
  top:0;
  background:url(../images/backgrounds/cta-sm-right.png);
  background-repeat:no-repeat;
  background-size:contain
}
.cta-sm-bg::after {
  position:absolute;
  content:"";
  height:100%;
  width:100%;
  left:0;
  top:0;
  background-image:url(../images/backgrounds/cta-sm-left.png);
  background-repeat:no-repeat;
  background-size:contain;
  z-index:0
}
.pricing-table {
  transition:.2s ease;
  position:relative
}
.pricing-table::before {
  position:absolute;
  content:'';
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:url(../images/backgrounds/pricing-table-bg.png);
  background-repeat:no-repeat;
  background-size:cover
}
.pricing-table.active {
  background:#e11f26;
  color:#fff
}
.pricing-table.active h2, .pricing-table.active h3, .pricing-table.active h4, .pricing-table.active h5, .pricing-table.active h6 {
  color:#fff
}
.pricing-duration {
  transition:.2s linear
}
.pricing-duration.active {
  font-weight:600;
  color:#172231
}
.pricing-switcher {
  text-align:center
}
.pricing-switcher .fieldset {
  display:inline-block;
  position:relative;
  padding:2px;
  border-radius:50em;
  background:#e11f26;
  height:40px;
  width:100px
}
.pricing-switcher input[type="radio"] {
  position:absolute;
  opacity:0
}
.pricing-switcher label {
  position:absolute;
  z-index:1;
  cursor:pointer;
  color:#818385;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  text-transform:uppercase;
  font-size:16px
}
.pricing-switcher label.monthly {
  right:130px
}
.pricing-switcher label.monthly::before {
  position:absolute;
  content:"";
  height:30px;
  width:50px;
  border-radius:50px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  right:-85px
}
.pricing-switcher label.yearly {
  left:130px
}
.pricing-switcher label.yearly::before {
  position:absolute;
  content:"";
  height:30px;
  width:50px;
  border-radius:50px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:-85px
}
.pricing-switcher .switch {
  position:absolute;
  top:5px;
  left:5px;
  height:30px;
  width:30px;
  background-color:#fff;
  border-radius:50em;
  transition:-webkit-transform 0.3s;
  transition:transform 0.3s;
  transition:transform 0.3s, -webkit-transform 0.3s
}
.pricing-switcher input[type="radio"]:checked+label+.switch, .pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.switch {
  -webkit-transform:translateX(60px);
  transform:translateX(60px)
}
.pricing-list li {
  position:relative;
  padding:0!important
}
@media only screen and (min-width:768px) {
.pricing-list {
  margin:3em 0 0
}
.pricing-list:after {
  content:"";
  display:table;
  clear:both
}
.pricing-list>li {
  width:33.3333333333%;
  float:left;
  padding-left:5px;
  padding-right:5px
}
}
.pricing-wrapper {
  position:relative
}
.touch .pricing-wrapper {
  -webkit-perspective:2000px;
  perspective:2000px
}
.pricing-wrapper.is-switched .is-visible {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
  -webkit-animation:rotate 0.5s;
  animation:rotate 0.5s
}
.pricing-wrapper.is-switched .is-hidden {
  -webkit-transform:rotateY(0);
  transform:rotateY(0);
  -webkit-animation:rotate-inverse 0.5s;
  animation:rotate-inverse 0.5s;
  opacity:0
}
.pricing-wrapper.is-switched .is-selected {
  opacity:1
}
.pricing-wrapper.is-switched.reverse-animation .is-visible {
  -webkit-transform:rotateY(-180deg);
  transform:rotateY(-180deg);
  -webkit-animation:rotate-back 0.5s;
  animation:rotate-back 0.5s
}
.pricing-wrapper.is-switched.reverse-animation .is-hidden {
  -webkit-transform:rotateY(0);
  transform:rotateY(0);
  -webkit-animation:rotate-inverse-back 0.5s;
  animation:rotate-inverse-back 0.5s;
  opacity:0
}
.pricing-wrapper.is-switched.reverse-animation .is-selected {
  opacity:1
}
.pricing-wrapper>li {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.pricing-wrapper .is-visible {
  position:relative;
  z-index:5
}
.pricing-wrapper .is-hidden {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:1;
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)
}
.pricing-wrapper .is-selected {
  z-index:3!important
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
70% {
-webkit-transform:perspective(2000px) rotateY(200deg);
transform:perspective(2000px) rotateY(200deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(180deg);
transform:perspective(2000px) rotateY(180deg)
}
}
@keyframes rotate {
0% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
70% {
-webkit-transform:perspective(2000px) rotateY(200deg);
transform:perspective(2000px) rotateY(200deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(180deg);
transform:perspective(2000px) rotateY(180deg)
}
}
@-webkit-keyframes rotate-inverse {
0% {
-webkit-transform:perspective(2000px) rotateY(-180deg);
transform:perspective(2000px) rotateY(-180deg)
}
70% {
-webkit-transform:perspective(2000px) rotateY(20deg);
transform:perspective(2000px) rotateY(20deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
}
@keyframes rotate-inverse {
0% {
-webkit-transform:perspective(2000px) rotateY(-180deg);
transform:perspective(2000px) rotateY(-180deg)
}
70% {
-webkit-transform:perspective(2000px) rotateY(20deg);
transform:perspective(2000px) rotateY(20deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
}
@-webkit-keyframes rotate-back {
0% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
70% {
-webkit-transform:perspective(2000px) rotateY(-200deg);
transform:perspective(2000px) rotateY(-200deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(-180deg);
transform:perspective(2000px) rotateY(-180deg)
}
}
@keyframes rotate-back {
0% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
70% {
-webkit-transform:perspective(2000px) rotateY(-200deg);
transform:perspective(2000px) rotateY(-200deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(-180deg);
transform:perspective(2000px) rotateY(-180deg)
}
}
@-webkit-keyframes rotate-inverse-back {
0% {
-webkit-transform:perspective(2000px) rotateY(180deg);
transform:perspective(2000px) rotateY(180deg)
}
70% {
-webkit-transform:perspective(2000px) rotateY(-20deg);
transform:perspective(2000px) rotateY(-20deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
}
@keyframes rotate-inverse-back {
0% {
-webkit-transform:perspective(2000px) rotateY(180deg);
transform:perspective(2000px) rotateY(180deg)
}
70% {
-webkit-transform:perspective(2000px) rotateY(-20deg);
transform:perspective(2000px) rotateY(-20deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
}
.card-type {
  position:absolute;
  top:30px;
  left:30px;
  padding:3px 10px;
  color:#fff;
  background:#e11f26;
  z-index:1
}
.card-meta {
  font-size:14px
}
.blog-shape-left {
  position:absolute;
  left:0;
  bottom:0
}
.blog-shape-right {
  position:absolute;
  right:0;
  top:50%
}
.clip-half-cycle {
  -webkit-clip-path:circle(157% at 50% -100%);
  clip-path:circle(157% at 50% -100%)
}
.title-border-left {
  position:relative;
  padding-left:30px
}
.title-border-left::before {
  position:absolute;
  left:0;
  top:0;
  content:"";
  height:100%;
  width:5px;
  border-radius:30px;
  background:#e11f26
}
.post-search {
  border:0;
  background:transparent;
  position:absolute;
  bottom:15px;
  right:0
}
.tag-list a {
  display:inline-block;
  padding:10px 22px;
  background:#fff;
  box-shadow:0 5px 20px 0 rgba(51,77,128,.12);
  border-radius:35px;
  margin-bottom:15px;
  color:#818385
}
.tag-list a:hover {
  background:#e11f26;
  color:#fff;
  box-shadow:0
}
blockquote {
  padding:30px 40px;
  font-style:italic;
  color:#172231;
  border-left:2px solid #e11f26;
  box-shadow:0 15px 39px 0 rgba(8,18,109,.1);
  position:relative;
  margin-bottom:40px
}
blockquote::before {
  position:absolute;
  content:"\f10d";
  font-family:"FontAwesome";
  font-size:100px;
  color:rgba(134,195,58,.3);
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  font-style:normal
}
blockquote p {
  font-style:normal;
  margin-top:10px
}
.banner-feature h4 {
  text-transform:inherit!important
}
.bg-gray-light {
  background:#fafafa
}
.border-top {
  border-top:1px solid #ddd
}
footer ul li, footer ul li a {
  color:#172231
}
.contact_dtl li i, .contact_dtl li span {
  display:inline-block;
  position:relative;
  vertical-align:-webkit-baseline-middle
}
.contact_dtl li i {
  min-width:20px;
  font-size:18px;
  color:#e11f26
}
.contact_dtl li span {
  width:88%
}
.h-concept {
  margin-top:-120px;
margin-bottom:
}
.home-concept {
  background:url(../images/home-concept.png) center 0 no-repeat;
  width:100%;
  overflow:hidden
}
.home-concept strong {
  display:block;
  font-family:"Shadows Into Light", cursive;
  font-size:2.1em;
  font-weight:400;
  position:relative;
  margin-top:20px
}
.home-concept .row {
  position:relative
}
.home-concept .process-image {
  background:url(../images/home-concept-item.png) no-repeat;
  width:220px;
  height:175px;
  margin:135px auto 0;
  padding-bottom:50px;
  position:relative;
  z-index:1
}
.home-concept .process-image img {
  border-radius:150px;
  margin:7px 8px
}
.home-concept .our-work {
  margin-top:52px;
  font-size:2.6em
}
.home-concept .project-image {
  background:url(../images/home-concept-item.png) 100% 0 no-repeat;
  width:350px;
  height:420px;
  margin:15px 0 0 -30px;
  padding-bottom:45px;
  position:relative;
  z-index:1
}
.home-concept .cloud, .home-concept .sun {
  display:block;
  height:56px;
  position:absolute;
  top:35px
}
.home-concept .sun {
  background:url(../images/home-concept-icons.png) no-repeat;
  width:60px;
  left:10%
}
.home-concept .cloud {
  background:url(../images/home-concept-icons.png) 100% 0 no-repeat;
  width:116px;
  left:57%
}
@media (max-width:991px) {
.slider-container {
  min-height:0
}
.home-concept {
  background:0 0
}
.home-concept .project-image {
  margin:60px auto 0
}
.home-concept .process-image {
  margin-top:60px
}
}
@media (max-width:479px) {
.home-concept .project-image {
  background-position:0 0;
  margin-left:auto;
  max-width:160px;
  max-height:220px
}
.home-concept .fc-slideshow, .home-concept .fc-slideshow img {
  max-height:145px;
  max-width:145px
}
}
html.dark .home-concept {
  background-image:url(../images/home-concept-dark.png)
}
html.dark .home-concept .process-image, html.dark .home-concept .project-image {
  background-image:url(../images/home-concept-item-dark.png)
}
html.dark .home-concept .cloud, html.dark .home-concept .sun {
  background-image:url(../images/home-concept-icons-dark.png)
}
.home-concept strong {
  text-align:center;
  text-transform:uppercase;
  color:#424242;
  font-family:"Open Sans", Arial, sans-serif;
  font-size:18px;
  font-weight:600;
  bottom:85px
}
.home-concept .row.center {
  width:90%;
  margin:auto
}
.home-concept .project-image {
  background:0 0;
  position:relative
}
.home-concept .sun {
  left:15%;
  top:38px
}
.home-concept .cloud {
  left:74%;
  top:48px
}
.home-concept .process-image {
  background:0 0;
  min-height:320px
}
.home-concept .col-md-3 {
  width:22%
}
.user-image {
  margin-left:10px;
  margin-top:27px
}
.col-md-2 .process-image:nth-child(3) {
  background:#000
}
p.featured {
  font-size:18px;
  line-height:1.5em;
  width:82%;
  display:inline-block
}
.home-concept .process-image img {
  border-radius:0;
  max-height:225px;
  margin-left:30px
}
.personal-image-bg {
  margin-left:-10px;
  padding-top:30px
}
.comment:after {
  content:"\f075";
  font-family:FontAwesome;
  font-size:16px;
  padding:2px
}
.home-concept .process-image img.concept-0 {
  margin-top:-6px
}
.home-concept .process-image img.concept-2 {
  margin-top:-55px
}
.home-concept .process-image img.concept-3 {
  margin-top:-20px
}
@media (min-width:992px) and (max-width:1024px) {
.home-concept .col-md-3 {
  width:25%
}
.home-concept .process-image {
  margin-top:20px
}
.user-image {
  margin-top:17px
}
.personal-info {
  height:280px;
  width:auto;
  margin-left:-10%
}
.home-concept .process-image img.concept-0 {
  margin-top:91px
}
.home-concept .process-image img {
  margin-top:64px
}
.home-concept .process-image img.concept-2 {
  margin-top:30px
}
.home-concept .process-image img.concept-3 {
  margin-top:85px
}
.home-concept .col-md-3 {
  margin-left:0
}
}
@media (min-width:768px) and (max-width:991px) {
.home-concept .process-image {
  min-height:240px
}
.home-concept .process-image img.concept-2, .home-concept .process-image img.concept-3 {
  margin-top:0!important
}
.home-concept .col-md-3 {
  width:45%;
  float:left
}
.home-concept .row.center {
  width:100%
}
.home-concept .shake .col-md-3 {
  margin-left:0
}
.home-concept .process-image {
  margin-top:50px
}
.home-concept .cloud {
  right:-10px;
  top:0
}
.home-concept .sun {
  left:-5px;
  top:-5px
}
.home-concept {
  display:none
}
}
@media (max-width:767px) {
.home-concept .col-md-3 {
  width:auto
}
.home-concept .process-image img.concept-2, .home-concept .process-image img.concept-3 {
  margin-top:0!important
}
.home-concept .process-image {
  min-height:240px;
  margin-top:20px
}
}
@media (max-width:360px) {
.home-concept .cloud, .home-concept .sun {
  display:none
}
}
.ks-swing:hover {
  -webkit-animation:swinging 5s ease-in-out 0s infinite;
  -moz-animation:swinging 5s ease-in-out 0s infinite;
  animation:swinging 10s ease-in-out 0s infinite;
  -webkit-transform-origin:50% 0;
  -moz-transform-origin:50% 0;
  transform-origin:50% 0
}
@-webkit-keyframes swinging {
0%, 100%, 50% {
-webkit-transform:rotate(0)
}
5% {
-webkit-transform:rotate(10deg)
}
10% {
-webkit-transform:rotate(-9deg)
}
15% {
-webkit-transform:rotate(8deg)
}
20% {
-webkit-transform:rotate(-7deg)
}
25% {
-webkit-transform:rotate(6deg)
}
30% {
-webkit-transform:rotate(-5deg)
}
35% {
-webkit-transform:rotate(4deg)
}
40% {
-webkit-transform:rotate(-3deg)
}
45% {
-webkit-transform:rotate(2deg)
}
}
@-moz-keyframes swinging {
0%, 100%, 50% {
-moz-transform:rotate(0)
}
5% {
-moz-transform:rotate(10deg)
}
10% {
-moz-transform:rotate(-9deg)
}
15% {
-moz-transform:rotate(8deg)
}
20% {
-moz-transform:rotate(-7deg)
}
25% {
-moz-transform:rotate(6deg)
}
30% {
-moz-transform:rotate(-5deg)
}
35% {
-moz-transform:rotate(4deg)
}
40% {
-moz-transform:rotate(-3deg)
}
45% {
-moz-transform:rotate(2deg)
}
}
@keyframes swinging {
0%, 100%, 50% {
transform:rotate(0)
}
5% {
transform:rotate(10deg)
}
10% {
transform:rotate(-9deg)
}
15% {
transform:rotate(8deg)
}
20% {
transform:rotate(-7deg)
}
25% {
transform:rotate(6deg)
}
30% {
transform:rotate(-5deg)
}
35% {
transform:rotate(4deg)
}
40% {
transform:rotate(-3deg)
}
45% {
transform:rotate(2deg)
}
}
.videoWrapper {
  position:relative;
  width:100%;
  height:0;
  background-color:#000;
  padding-top:90%
}
.videoIframe {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  background-color:transparent
}
.videoPoster {
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  cursor:pointer;
  border:0;
  outline:none;
  background-position:50% 50%;
  background-size:100% 100%;
  background-size:cover;
  text-indent:-999em;
  overflow:hidden;
  opacity:1;
  -webkit-transition:opacity 800ms, height 0s;
  -moz-transition:opacity 800ms, height 0s;
  transition:opacity 800ms, height 0s;
  -webkit-transition-delay:0s, 0s;
  -moz-transition-delay:0s, 0s;
  transition-delay:0s, 0s
}
.videoWrapperActive .videoPoster.js-videoPoster {
  opacity:0;
  height:0;
  -webkit-transition-delay:0s, 800ms;
  -moz-transition-delay:0s, 800ms;
  transition-delay:0s, 800ms
}
.videoPoster span {
  box-sizing:content-box;
  display:inline-block;
  width:60px;
  height:60px;
  background:#fff;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  position:absolute
}
.videoPoster span:before {
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  display:block;
  width:60px;
  height:60px;
  background:#fff;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  -webkit-animation:pulse-border 1500ms ease-out infinite;
  animation:pulse-border 1500ms ease-out infinite
}
.videoPoster span em {
  display:inline-block;
  position:absolute;
  z-index:3;
  width:0;
  height:0;
  border-left:24px solid #e11f26;
  border-top:15px solid transparent;
  border-bottom:15px solid transparent;
  top:16px;
  left:22px
}
.videoPoster span:after {
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  display:block;
  width:80px;
  height:80px;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  -webkit-transition:all 200ms;
  transition:all 200ms
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-ms-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-moz-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-o-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity:1
}
100% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-ms-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-moz-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-o-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity:0
}
}
@keyframes pulse-border {
0% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-ms-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-moz-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-o-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity:1
}
100% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-ms-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-moz-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-o-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity:0
}
}
#fixed-form-container {
  position:fixed;
  bottom:10px;
  right:2%;
  margin:0;
  left:auto;
  z-index:999999;
  width:25%
}
#fixed-form-container .expanded:before {
  content:"X"
}
#fixed-form-container .button {
  font-size:1.1em;
  cursor:pointer;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #111;
  -moz-border-radius:50px;
  -webkit-border-radius:50px;
  border-radius:50px;
  padding:5px 10px 5px 10px;
  background-color:#252d39;
  color:#fff;
  display:inline-block;
  text-align:center;
  text-decoration:none;
  -webkit-box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  -moz-box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  position:absolute;
  right:0;
  bottom:90%;
  min-width:150px
}
#fixed-form-container .body {
  background-color:#fafafa;
  border-radius:5px;
  border:2px solid #f5f6fa;
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);
  -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.3);
  box-shadow:0 0 5px 0 rgba(0,0,0,.3)
}
#fixed-form-container .body form .text-md-left {
  font-size:13px;
  font-weight:600;
  color:#172231;
  padding-top:5px
}
#fixed-form-container .body form label {
  font-size:13px;
  font-weight:600;
  color:#172231;
  margin-bottom:2px
}
#fixed-form-container input.form-control {
  height:30px!important;
  font-size:13px
}
#fixed-form-container textarea.form-control {
  height:90px!important;
  font-size:13px
}
#fixed-form-container .body form {
  padding:10px 15px
}
#fixed-form-container .body form .btn-primary[disabled] {
  color:#fff;
  background-color:#252d39;
  border-color:#111;
  text-shadow:1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  -webkit-box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  -moz-box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  cursor:default
}
.form_ttl {
  padding:10px 20px;
  background:#f5f6fa;
  border-bottom:1px solid #dee2e6!important;
  color:#000
}
@media only screen and (min-width:768px) {
#fixed-form-container .button {
  margin:0
}
#fixed-form-container .body {
  border-radius:0 5px 5px 5px
}
#fixed-form-container .body form {
  padding:10px 20px
}
}
#fixed-form-container .expanded i, #fixed-form-container .expanded span {
  display:none!important
}
#fixed-form-container .expanded {
  min-width:inherit;
  background:none!important;
  color:#000;
  border:0!important;
  box-shadow:none!important
}
.card-media {
  border-radius:2px;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  height:192px;
  margin-bottom:25px;
  transition:all 300ms ease-out;
  width:100%
}
.card-media:hover {
  box-shadow:0 5px 14px rgba(0,0,0,.2)
}
.card-media-object-container {
  background:none;
  float:left;
  height:100%;
  width:25%;
  position:relative;
  overflow:hidden
}
.card-media-body {
  background-color:#fff;
  float:left;
  height:100%;
  padding:12px 15px;
  position:relative;
  width:75%
}
.card-media-body-heading {
  display:block
}
.card-media-body-heading a {
  font-family:"Barlow Condensed", sans-serif;
  font-weight:600;
  line-height:1.2;
  transition:.2s ease;
  color:#172231;
  font-size:24px
}
.img-responsive {
  display:block;
  max-width:100%;
  height:auto
}
.card-media-object figure {
  margin:0
}
.card-media-body-heading a:hover {
  color:#e11f26
}
.shot-contact-sec, .contact-sec, .contact_info strong, .log-form form, .log-form label {
  display:block
}
.contact-sec h4 {
  margin-top:0;
  font-size:22px;
  color:#444
}
.contact-sec form {
  margin-bottom:15px
}
.contact-sec strong {
  font-weight:500;
  color:#444;
  padding-top:5px
}
.contact-sec strong a {
  font-weight:600;
  color:#e11f26
}
.head_coontact i {
  font-size:24px;
  color:#e11f26
}
.head_coontact strong {
  display:block;
  width:100%;
  position:relative;
  vertical-align:baseline;
  font-size:18px;
  color:#e11f26;
  font-weight:600;
  padding-bottom:5px
}
.social-media ul {
  display:inline-block;
  position:relative
}
.social-media {
  float:right
}
.social-media span {
  font-size:18px;
  margin-right:5px
}
.social-media span i {
  padding-left:5px
}
.page_ttl h1 {
  margin-top:0;
  margin-bottom:0
}
.social-media ul li a {
  margin-left:2px;
  padding:3px
}
.map {
  height:450px;
  border:1px solid #b2b2b2;
  margin:15px 0 30px;
  width:100%
}
.contact-sec .captcha-sec img {
  max-width:100%;
  display:inline-block;
  position:relative;
  float:left;
  max-height:32px;
  vertical-align:middle
}
.contact-sec .captcha-sec a.refresh {
  display:inline-block;
  position:relative;
  margin-left:15px;
  padding:5px 10px;
  border:1px solid #e11f26;
  transition:all 0.5s ease;
  color:#e11f26;
  border-radius:100px
}
.share-box {
  float:left;
  width:100%
}
.share-box strong.title {
  float:left;
  font-family:"Barlow Condensed", sans-serif;
  font-weight:600;
  font-size:22px;
  line-height:30px;
  color:#222;
  padding:0 12px 0 0
}
.share-box ul {
  padding:0;
  margin:0;
  list-style:none
}
.share-box ul li {
  float:left;
  padding:0 10px 0 0
}
.share-box ul li a {
  text-decoration:none;
  width:32px;
  height:32px;
  border-radius:100%;
  text-align:center;
  line-height:32px;
  color:#fff;
  font-size:15px;
  display:block
}
.social-color-1 {
  background:#29a9e1
}
.social-color-2 {
  background:#3b5a9a
}
.social-color-3 {
  background:#df4b38
}
.social-color-4 {
  background:#5280a5
}
.social-color-5 {
  background:#fba933
}
.social-color-6 {
  background:#cb312e
}
.log-form form h4:first-child {
  margin-top:0
}
.log-form form select {
  color:#999
}
.log-form form .select-sec select {
  display:inline-block;
  position:relative;
  width:31%
}
.log-form form .select-sec select.select-mid {
  margin:0 10px
}
.log-form form .captcha-sec img {
  max-width:100%;
  display:inline-block;
  position:relative;
  float:left;
  max-height:32px;
  vertical-align:middle
}
.log-form form .captcha-sec a.refresh {
  display:inline-block;
  position:relative;
  margin-left:15px;
  padding:5px 10px;
  border:1px solid #ccc;
  transition:all 0.5s ease
}
.log-form form .captcha-sec a.refresh:hover {
  border-color:#4cb748;
  color:#4cb748;
  transition:all 0.5s ease
}
.log-form form input[type=checkbox] {
  margin-right:10px;
  margin-top:0;
  vertical-align:middle
}
.log-form form .terms {
  padding-left:30px;
  position:relative
}
.log-form form input[type='checkbox'] {
  position:absolute;
  left:0;
  top:5px;
  display:inline;
  width:auto;
  height:auto;
  z-index:999;
  margin:0;
  padding:0;
  border:0;
  cursor:pointer
}
.log-form form .terms a {
  color:#528dc6
}
p.required_txt {
  text-align:right;
  display:block;
  width:100%;
  margin-bottom:-15px
}
p.required_txt span, .log-form label span {
  color:#db4700;
  vertical-align:sub
}
button.btn-blue {
  margin-top:15px
}
.mt10 {
  margin-top:10px;
  display:block
}
.mt25 {
  margin-top:25px
}
.ml15 {
  margin-left:15px
}
.es_login h5 {
  margin:0
}
#emp_login, #staff_login {
  padding:0 20%
}
.register-sec .card-body {
  background:#f9f9f9
}
.register-sec label {
  font-weight:600;
  color:#000
}
.file-upload {
  display:block;
  text-align:center;
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px
}
.file-upload .file-select {
  display:block;
  border:1px solid #eee;
  border-radius:4px;
  color:#34495e;
  cursor:pointer;
  height:calc(2.2rem + 10px);
  line-height:45px;
  text-align:left;
  background:#FFF;
  overflow:hidden;
  position:relative
}
.file-upload .file-select .file-select-button {
  background:#dce4ec;
  padding:0 10px;
  display:inline-block;
  height:calc(2.2rem + 10px);
  line-height:45px
}
.file-upload .file-select .file-select-name {
  line-height:30px;
  display:inline-block;
  padding:0 10px
}
.file-upload .file-select:hover {
  border-color:#e11f26;
  transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
}
.file-upload .file-select:hover .file-select-button {
  background:#34495e;
  color:#FFF;
  transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
}
.file-upload.active .file-select {
  border-color:#33b35a;
  transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
}
.file-upload.active .file-select .file-select-button {
  background:#33b35a;
  color:#FFF;
  transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
}
.file-upload .file-select input[type=file] {
  z-index:100;
  cursor:pointer;
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  opacity:0;
  filter:alpha(opacity=0)
}
.file-upload .file-select.file-select-disabled {
  opacity:.65
}
.file-upload .file-select.file-select-disabled:hover {
  cursor:default;
  display:block;
  border:2px solid #dce4ec;
  color:#34495e;
  cursor:pointer;
  height:40px;
  line-height:40px;
  margin-top:5px;
  text-align:left;
  background:#FFF;
  overflow:hidden;
  position:relative
}
.file-upload .file-select.file-select-disabled:hover .file-select-button {
  background:#dce4ec;
  color:#666;
  padding:0 10px;
  display:inline-block;
  height:40px;
  line-height:40px
}
.file-upload .file-select.file-select-disabled:hover .file-select-name {
  line-height:40px;
  display:inline-block;
  padding:0 10px
}
input.form-control-custom {
  visibility:hidden;
  width:1px
}
input.form-control-custom:checked+label::before {
  background:#33b35a!important;
  border-color:#2a944a!important
}
input.form-control-custom:checked+label::after {
  opacity:1!important
}
input.form-control-custom.radio-custom+label::before {
  border-radius:50%
}
input.form-control-custom.radio-custom+label::after {
  content:'';
  width:6px;
  height:6px;
  line-height:6px;
  background:#fff;
  border-radius:50%;
  top:7px;
  left:5px
}
input.form-control-custom[disabled]+label {
  cursor:not-allowed
}
input.form-control-custom[disabled]+label::before, input.form-control-custom[disabled]+label::after {
  border:2px solid #aaa;
  cursor:not-allowed
}
input.form-control-custom[checked]+label::before, input.form-control-custom[checked]+label::after {
  border:none
}
input.form-control-custom+label {
  margin-bottom:0;
  margin-left:0;
  color:#999;
  padding-left:25px;
  position:relative
}
input.form-control-custom+label span {
  margin-left:20px
}
input.form-control-custom+label::before {
  content:'';
  display:block;
  width:18px;
  height:18px;
  line-height:18px;
  background:#ddd;
  color:#fff;
  text-align:center;
  position:absolute;
  top:3px;
  left:0;
  -webkit-transition:all 0.1s;
  transition:all 0.1s;
  cursor:pointer;
  border:1px solid #aaa
}
input.form-control-custom+label::after {
  content:'\f00c';
  display:block;
  font-family:'FontAwesome';
  font-size:8px;
  color:#fff;
  position:absolute;
  top:6px;
  left:6px;
  -webkit-transition:all 0.1s;
  transition:all 0.1s;
  opacity:0;
  cursor:pointer
}
button {
  cursor:pointer
}
.select-style {
  min-width:60px;
padding:.245rem .75rem;
  display:inline-block;
  vertical-align:middle;
  background:url(http://grumbletum.com/places/arrowdown.gif) no-repeat 100% 30%
}
.select-style select {
  width:100%;
  padding:0;
  margin:0;
  background-color:transparent;
  background-image:none;
  border:none;
  box-shadow:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:none!important
}
.select-style select:focus {
  outline:none!important
}
.step_sec h3 {
  text-transform:inherit;
  letter-spacing:1px
}
.main_circle {
  background:#fff;
  border-radius:100%;
  height:600px;
  width:600px;
  overflow:hidden;
  padding:100px;
  margin-left:auto;
  margin-right:auto
}
.main_circle h2 {
  padding:0 60px 20px 60px;
  letter-spacing:1px
}
.main_circle p {
  font-size:17px;
  text-align:justify
}
.step_sec img {
  max-width:100%;
  max-height:250px
}
.step_a, .step_b, .step_c, .step_d, .step_e, .step_f {
  padding-bottom:100px;
  position:relative
}
.step_sec p {
  font-size:18px;
  line-height:30px
}
.step_sec .step_a .position-relative img {
  position:absolute;
  top:30px;
  right:10%;
  z-index:1
}
.step_sec .step_b img {
  position:absolute;
  top:0;
  left:10%;
  z-index:1
}
.step_sec .step_c img {
  position:absolute;
  top:0;
  right:38%;
  z-index:1
}
.step_sec .step_d img {
  position:absolute;
  top:0;
  right:35%;
  z-index:1
}
.step_a .stroke-1 {
  width:550px;
  height:550px;
  position:absolute;
  top:auto;
  right:-100px;
  bottom:130px
}
.step_b .stroke-2 {
  width:550px;
  height:550px;
  position:absolute;
  top:auto;
  right:30%;
  bottom:65px
}
.step_c .stroke-3 {
  width:550px;
  height:550px;
  position:absolute;
  top:auto;
  right:35%;
  bottom:0
}
.step_d .stroke-4 {
  width:550px;
  height:550px;
  position:absolute;
  top:auto;
  right:32%;
  bottom:45%
}
.industry-slider .slick-dots li {
  height:20px;
  width:20px;
  margin:0 2px;
  box-shadow:none!important;
  border:none
}
.industry-slider .slick-dots li button {
  font-size:9px;
  border-radius:50px;
  height:18px;
  width:18px;
  display:block;
  box-shadow:none;
  border:none;
  background:#252d39;
  color:#fff
}
.industry-slider .slick-dots li.slick-active button {
  background:#e11f26;
  color:#fff
}
.industry-slider .slick-dots {
  bottom:0px!important;
  left:0;
  right:auto
}
.industry-slider figure {
  float:left;
  padding-right:10px
}
.industry-slider figure img {
  max-height:100px;
  max-width:100%
}
.industry-slider .btn-secondary {
  margin-right:15px
}
.ve_content {
  padding-top:15px
}
.ve_content p {
  font-size:18px;
  font-weight:600;
  color:#666
}
.customers-care .card-img-top, .customers-care .water-wave a figure img {
  max-width:100%
}
.customers-care .py-5 {
  padding-top:0px!important;
  margin-top:5rem;
  padding-bottom:1rem!important;
  border:1px solid #ddd
}
.customers-care .water-wave figure img {
  margin-top:-60px;
  border-radius:100px;
  max-height:120px;
  border:5px solid #fff;
  -moz-box-shadow:0 1px 3px -1px #666;
  -webkit-box-shadow:0 1px 3px -1px #666;
  box-shadow:0 1px 3px -1px #666
}
.tech-box {
  border:1px solid #4cb748;
  padding:15px;
  text-align:center;
  color:#fff;
  position:relative;
  min-height:195px;
  margin-bottom:30px
}
.tech-box figure img {
  text-align:center
}
.tech-box p {
  color:#fff;
  font-weight:600;
  text-align:center
}
.romote_tech_dtl {
  padding:30px;
  border:1px solid #4cb748
}
.romote_tech_dtl h4 {
  font-family:"Open Sans", sans-serif;
  font-weight:700;
  font-size:30px;
  margin-bottom:30px;
  text-transform:initial
}
.romote_tech_dtl h4 span {
  color:#4cb748;
  padding-right:5px
}
.romote_tech_dtl p {
  font-size:18px;
  font-weight:600
}
.pad-left-0 {
  padding-left:0
}
.romote_tech_dtl figure {
  margin-bottom:0;
  text-align:center
}
.romote_tech_dtl figure img {
  max-width:100%
}
.customer_sec .list-styled li::before {
  font-size:20px
}
.office_dtl .list-styled li::before {
  font-size:18px
}
.customer_sec .list-styled li {
  padding-left:40px
}
.office_dtl .list-styled li {
  padding-left:30px
}
.customer_sec .style-circle {
  font-size:20px;
  font-weight:600;
  color:#fff
}
.office_dtl .style-circle {
  font-size:18px;
  font-weight:600;
  color:#000
}
select.form-control-sm {
  height:45px!important
}
.customer_sec summary {
  margin-top:30px;
  border:2px solid #fff;
  font-size:24px;
  font-weight:600;
  color:#fff;
  text-align:center;
  padding:15px
}
.customer_sec.entp_sec .list-styled li::before {
  font-size:18px
}
.customer_sec.entp_sec .style-circle {
  font-weight:500;
  font-size:18px
}
.customer_sec.entp_sec button {
  font-size:24px
}
.our_office {
  padding-bottom:70px;
  padding-top:70px
}
.our_office figure {
  margin-bottom:0
}
.our_office figure img {
  max-width:100%
}
.office_dtl .tab-pane {
  padding:2rem 0
}
.office_dtl .nav-link {
  margin-right:10px;
  font-weight:600;
  border:1px solid #ccc;
  background:#f4f4f4;
  font-size:15px;
  border-radius:0;
  border-bottom:1px solid transparent;
  color:#000
}
.office_dtl .nav-link.active {
  font-weight:400;
  background:#e11f26;
  color:#fff
}
.office_dtl .nav-tabs {
  border-bottom:1px solid transparent
}
.office_dtl .table {
  border:1px solid #dee2e6
}
.office_dtl .table td, .office_dtl .table th {
  border-right:1px solid #04266f;
  font-size:14px;
  vertical-align:middle
}
.office_dtl .table th {
  font-size:16px;
  background:#04266f;
  color:#fff
}
.office_dtl .table td a {
  color:#e11f26
}
.office_dtl .table td:first-child a {
  font-weight:600
}
.blog_sec .card-title a:hover, .blog_sec .latest_post .media a:hover {
  color:#e11f26!important
}
.why_us .col-md-4 .bg-white {
  min-height:300px
}
footer .bg-gray p .text-primary {
  color:#4cb748!important;
  text-shadow:0 0 #ccc
}
.ve_post_content p, .title-heading-left {
  line-height:30px
}
.ve_post_content p, .ve_post_content ul li {
  font-size:16px;
  color:#333
}
.ve_post_content article p {
  font-size:24px;
  line-height:48px;
  font-weight:500;
  color:#000
}
.title-heading-left {
  font-size:25px
}
.fusion-checklist li {
  margin-bottom:15px
}
.fusion-checklist li span {
  display:inline-block;
  position:relative;
  color:#e11f26;
  height:24px;
  width:24px;
  border:2px solid #4cb748;
  font-weight:600;
  border-radius:100px;
  line-height:18px;
  text-align:center;
  margin-right:5px
}
.fusion-checklist {
  padding-left:5px
}
 ul.general_list{padding-left:20px;}
 
ul.general_list li::before, .navbar .dropdown-menu.megamenu li a::before {
  content:"\2022";
  color:#e11f26;
  font-weight:700;
  display:inline-block;
  width:1em
}
.menu-large {
  position:static!important
}
.menu-large a i {
  font-weight:700;
  font-size:18px;
  display:inline-block;
  position:relative;
  vertical-align:middle
}
.megamenu {
  width:70%;
  left:31%!important
}
.megamenu li {
  color:#000
}
.megamenu li ul {
  padding:0;
  margin:0
}
.megamenu li ul li {
  list-style:none
}
.megamenu li ul li a {
  display:block;
  padding:20px 15px;
  clear:both;
  font-weight:400;
  line-height:1.428571429;
  color:#000;
  white-space:normal;
  border-left:2px solid #fff
}
.navbar .dropdown-menu.megamenu {
  padding-top:30px;
  padding-bottom:30px
}
.navbar .dropdown-menu.megamenu.row {
  display:flex!important
}
.navbar .dropdown-menu.megamenu li a {
  color:#172231;
  font-weight:600
}
.megamenu li ul li a span.product-icon {
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:32px;
  height:30px;
  border:5px solid #fff;
  box-shadow:0 8px 24px rgba(0,0,0,.13);
  background-image:url(../images/product-icon-animation-v3.png);
  background-size:1540px auto;
  background-repeat:no-repeat;
  background-color:#fff;
  background-position-x:-1502px;
  box-sizing:content-box!important;
  opacity:0;
  transition:opacity .5s .25s;
  display:none;
  margin-top:-10px
}
@keyframes product-animation {
0% {
background-position-x:0
}
100% {
background-position-x:-1540px
}
}
.megamenu li ul li a span.product-icon.support {
  background-position-y:0
}
.megamenu li ul li a span.product-icon.guide {
  background-position-y:-31px
}
.megamenu li ul li a span.product-icon.sell {
  background-position-y:-241px
}
.megamenu li ul li a span.product-icon.chat {
  background-position-y:-66px
}
.megamenu li ul li a span.product-icon.explore {
  background-position-y:-171px
}
.megamenu li ul li a span.product-icon.gather {
  background-position-y:-276px
}
.megamenu li ul li a span.product-icon {
  display:inline-block;
  position:relative;
  float:right
}
.megamenu li ul li a:hover span.product-icon {
  opacity:1;
  animation:product-animation 1s .25s steps(37)
}
.navbar .dropdown-menu.megamenu li a:hover {
  color:#e11f26;
  border-left-color:#e11f26;
  background:#fafafa;
  box-shadow:0 8px 24px rgba(0,0,0,.13)
}
@media (max-width:768px) {
.navbar .nav>li {
  display:block;
  width:100%;
  float:none;
  text-align:center
}
.navbar-nav .nav-item+.nav-item {
  margin-left:0
}
.megamenu {
  margin-left:0;
  margin-right:0
}
.megamenu li {
  margin-bottom:30px
}
.megamenu li:last-child {
  margin-bottom:0
}
.open .dropdown-menu {
  color:#000
}
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color:rgb(225, 31, 38)
}
.main-banner-section .videoWrapper {
  padding-top:50%!important
}
.main-banner-section .videoPoster span, .main-banner-section .videoPoster span:before {
  background:#e11f26!important
}
.main-banner-section .videoPoster span em {
  border-left-color:#fff!important
}
.office_plans_modal .modal-body {
  max-height:500px;
  overflow:hidden;
  overflow-y:auto
}
.rounded-50, .office_dtl .nav-tabs .nav-link {
  border-radius:50px
}
.office_dtl .nav-tabs .nav-link {
  margin-bottom:15px
}
.fixed-header {
  position:fixed!important;
  top:0;
  left:0;
  width:100%;
  z-index:999
}
.title-heading-small {
  font-size:18px
}
.what-we-do .container {
  padding:60px 0 30px 0;
  background-color:#e11f26;
  margin-top:20px;
  -webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.1);
  box-shadow:0 2px 15px 0 rgba(0,0,0,.1)
}
.what-we-do .text-black {
  margin-top:-20px;
  padding:0 20px
}
.what-we-do .container h3, .what-we-do .container p {
  color:#fff
}
.what-we-do .container p {
  font-size:16px;
  letter-spacing:.014em;
  line-height:30px;
  font-weight:500
}
.what-we-do .para {
  text-align:justify;
  padding:0 20px
}
.what-we-do button{background:#c70007;}
.botton1 {
  margin-left:20px
}
.card1 {
  margin-top:20px
}
.title1 h4 a {
  font-size:18px
}
.text1 {
  text-align:justify
}
.why-choose-us {
  margin-top:-20px
}
.choose-us {
  background-color:#e11f26;
  padding:80px 0
}
.choose-us h3 {
  color:#fff;
  font-size:30px;
  padding:0 25px
}
.push-left {
  margin-top:50px
}
.push-left .title-border-left .card-meta h4 {
  color:#fff;
  text-transform:none;
  font-weight:450
}
.push-left .title-border-left p {
  color:#fff;
  text-align:justify;
  margin-top:10px
}
.push-left1 {
  margin-top:50px
}
.push-left1 .title-border-left .card-meta h4 {
  color:#fff;
  text-transform:none;
  font-weight:450
}
.push-left1 .title-border-left p {
  color:#fff;
  text-align:justify;
  margin-top:10px
}
.para1 h4 {
  color:#fff;
  text-transform:none;
  font-weight:450;
  margin-top:30px;
  line-height:30px
}
.botton2 {
  position:relative;
  font-size:15px;
  font-family:"Open Sans", sans-serif;
  text-transform:inherit;
  font-weight:700;
  border:1px solid;
  z-index:1;
  transition:.3s ease-in;
  background:#04266f!important;
  border-color:#04266f;
  color:#fff;
  padding:10px 30px;
  position:relative;
  margin-top:30px;
  display:inline-block;
  transform:skewX(-30deg);
  -webkit-transition:500ms ease-in;
  -moz-transition:500ms ease-in;
  -ms-transition:500ms ease-in;
  -o-transition:500ms ease-in;
  transition:500ms ease-in
}
.botton2 span {
  transform:skewX(30deg);
  display:block
}
.botton2:hover {
  color:#fff!important;
  background:#006699!important;
  border-color:#006699!important
}
.values {
  padding:0 50px
}
.values .tech-box p {
  color:#4cb748;
  font-size:18px
}
.values .tech-box figure i {
  color:#4cb748;
  margin-top:40px;
  font-size:50px
}
.values .tech-box1 p {
  color:#fff;
  font-size:18px
}
.values .tech-box1 figure i {
  color:#fff;
  margin-top:40px;
  font-size:50px
}
.tech-box1 {
  border:1px solid #4cb748;
  padding:15px;
  text-align:center;
  position:relative;
  min-height:195px;
  margin-bottom:30px;
  background-color:#4cb748
}
.effective {
  box-shadow:0 0 20px rgba(0,0,0,.2);
  border:1px solid #eee;
  text-align:center;
  position:relative;
  min-height:195px;
  margin-bottom:30px
}
.effective a {
  display:block;
  padding:10px 15px
}
.effective a:hover h4 {
  color:#4cb748
}
.Effective-section .effective .circle {
  height:80px;
  width:80px;
  background-color:#e5e7e8;
  border-radius:50%
}
.Effective-section .effective .circle i {
  font-size:28px;
  color:#4cb748;
  padding:25px 0
}
.Effective-section .effective h4 {
  text-align:justify!important
}
.Effective-section .para2 {
  text-align:justify;
  margin-top:5px;
  padding:5px 5px
}
.effective:hover {
  transform:translate(0, -8px);
  transition:0.5s ease-in-out
}
.our-technology .title-tech {
  padding:30px 0;
  border:1px solid #000
}
.our-technology .text-black {
  margin-left:20px;
  text-transform:none
}
.content-sec h5 {
  margin-top:15px;
  text-transform:none
}
.content-sec h5:after {
  content:'';
  width:70px;
  height:2px;
  background:#4cb748;
  display:block
}
.content-sec p {
  font-weight:500
}
.sub-content-tech .effective {
  min-height:80px
}
.sub-content-tech .effective .circle img {
  max-width:100%;
  height:auto
}
.circle1 {
  width:50px;
  height:20px;
  background:#4cb748;
  position:relative
}
.circle1:before {
  content:"";
  position:absolute;
  top:-20px;
  left:0;
  width:0;
  height:0;
  border-left:25px solid transparent;
  border-right:25px solid transparent;
  border-bottom:20px solid #4cb748
}
.circle1:after {
  content:"";
  position:absolute;
  bottom:-20px;
  left:0;
  width:0;
  height:0;
  border-left:25px solid transparent;
  border-right:25px solid transparent;
  border-top:20px solid #4cb748
}
.circle1 span b {
  color:#fff;
  margin-left:20px;
  font-size:18px
}
.ul-class {
  width:100%
}
.left-push {
  margin-left:-219px;
  margin-top:-20px
}
.customers-care.project-care h4 a {
  color:#172231
}
.op-top {
  text-align:center;
  padding:15px;
  margin:60px 90px;
  display:block;
  border-top:1px solid #999;
  border-bottom:1px solid #999
}
.op-top h5 {
  color:#fff;
  font-size:18px;
  font-family:"Open Sans", sans-serif
}
.op-top figure, .op-top h5 {
  display:inline-block;
  position:relative;
  vertical-align:middle;
  margin:0
}
.customers-care.project-care .bg-white {
  min-height:320px
}
.customers-care.project-care.what_we_do .bg-white {
  min-height:325px
}
.our-promise {
  color:#fff;
  margin:30px 0;
  padding-top:30px
}
.our-promise, .our-promise .effective {
  background:#e11f26
}
.our-promise .effective {
  border:1px solid #f9f9f9;
  padding:0;
  border-radius:4px
}
.our-promise .effective img {
  max-height:70px;
  max-width:100%
}
.our-promise .effective h4 {
  margin:0;
  color:#fff;
  padding-top:5px;
  margin-left:-15px;
  font-family:"Open Sans", sans-serif;
  font-size:18px;
  line-height:30px;
  text-align:left
}
.cloud-types .effective, .inline-info ul {
  text-align:center
}
.Effective-section.cloud-types .effective .circle, .Effective-section.cloud-types .effective h4, .hd-tab ul, .inline-info ul {
  margin-left:auto;
  margin-right:auto;
  text-align:center!important
}
.hd-tab ul, .inline-info ul {
  width:auto;
  display:inline-block;
  position:relative
}
.hd-tab ul li, .inline-info li {
  text-align:center!important;
  display:inline-block;
  position:relative
}
.Effective-section.cloud-types .effective h4 {
  padding-top:10px
}
.inline-info {
  border-top:1px solid #4cb648;
  border-bottom:1px solid #4cb648;
  box-shadow:2px 4px 8px 0 rgba(0,0,0,.2), 2px 6px 20px 0 rgba(0,0,0,.19);
  background:#eee;
  text-align:center;
  margin-left:auto;
  margin-right:auto
}
.inline-info li {
  padding:15px;
  border-right:1px solid #4cb648
}
.inline-info li:last-child {
  border:none
}
.hire-dev {
  padding-top:30px
}
.hire-dev h2 {
  margin-top:-60px;
  border-radius:100px;
  height:90px;
  width:90px;
  padding-top:15px;
  border:3px solid #4cb748;
  -moz-box-shadow:0 1px 3px -1px #999;
  -webkit-box-shadow:0 1px 3px -1px #999;
  box-shadow:0 1px 3px -1px #999;
  display:inline-block
}
.customers-care ul.general_list {
  text-align:left
}
.customers-care ul.general_list li {
  position:relative
}
.customers-care ul.general_list li:before {
  position:absolute;
  left:0
}
.customers-care ul.general_list li {
  padding:10px 0 10px 15px
}
.our-process {
  padding-bottom:30px;
  border-top:1px solid #fff
}
.our-process h4 {
  padding:15px;
  display:block;
  width:100%;
  background:#e11f26;
  border:1px solid #e11f26;
  position:relative;
  min-height:85px;
  text-align:center;
  box-shadow:0 4px 10px 0 rgba(8,18,109,.1)
}
.our-process h4:before {
  content:'';
  border-left:20px solid #e11f26;
  border-top:42px solid #fff;
  border-bottom:42px solid #fff;
  position:absolute;
  right:auto;
  left:99.5%;
  top:0
}
.text-app-content .container {
  border-left:5px solid #4cb748;
  position:relative
}
.iphone_bg {
  position:relative;
  overflow:hidden;
  border:10px solid #000;
  background:#000;
  border-radius:40px;
  margin:0 auto;
  -webkit-transform:scale(.8) translateY(-5%);
  transform:scale(.8) translateY(-5%)
}
.iphone_bg:after {
  background-image:url(../images/iphone-top.png);
  content:"";
  height:30px;
  position:absolute;
  top:-1px;
  background-repeat:no-repeat;
  right:0;
  margin:0 auto;
  left:0;
  text-align:center;
  background-size:71px;
  background-position:center
}
.feature-ins .nav-tabs {
  margin:0;
  border:0
}
.feature-ins .nav-tabs .nav-link {
  border-bottom:3px solid;
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  border-color:transparent;
  margin:0;
  text-transform:uppercase;
  font-weight:800;
  color:#333
}
.feature-ins .col-md-4 img {
  height:610px
}
.feature-ins .tab-pane {
  background:#fff;
  border-radius:0;
  text-align:center;
  padding:0
}
.feature-ins .fade, .feature-ins .fade.in {
  -webkit-transition:none!important;
  transition:none!important
}
.feature-ins .tab-content {
  padding:10px 0;
  float:left;
  width:100%
}
.feature-ins .nav-tabs {
  margin-top:10px;
  text-align:left
}
.feature-ins .nav-tabs li {
  float:none;
  display:inline-block;
  margin-right:40px
}
.feature-ins .nav-tabs .nav-link.active, .feature-ins .nav-tabs .nav-item.show .nav-link, .feature-ins .nav-tabs .nav-link.active, .feature-ins .nav-tabs .nav-link:focus, .feature-ins .nav-tabs .nav-link.active:hover {
  color:#4cb748;
  border:none;
  border-bottom:3px solid!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important
}
.positive_list {
  width:100%;
  display:inline-block;
  list-style:none;
  padding:0;
  margin:0;
  text-align:left
}
.positive_list li {
  margin-bottom:20px;
  padding-left:40px;
  position:relative
}
.half.positive_list li {
  float:left;
  width:49%;
  line-height:1.5em
}
.positive_list li:before {
  content:"\f00c";
  width:30px;
  height:30px;
  position:absolute;
  font:normal normal normal 14px/1 FontAwesome;
  left:0;
  top:0;
  background:#fbe0d6;
  color:#e11f26;
  text-align:center;
  line-height:30px;
  border-radius:23px
}
.intro-banner-vdo-play-btn {
  height:60px;
  width:60px;
  position:absolute;
  top:auto;
  left:0;
  bottom:5px;
  text-align:center;
  border-radius:100px;
  z-index:1;
  right:0;
  margin:0 auto
}
.pinkBg {
  background-color:#4cb748!important;
  background-image:-webkit-gradient(linear, left top, right top, from(#b0e079), to(#4cb748));
  background-image:linear-gradient(90deg, #b0e079, #4cb748)
}
.intro-banner-vdo-play-btn i {
  line-height:60px;
  font-size:30px;
  color:#fff
}
.intro-banner-vdo-play-btn .ripple {
  position:absolute;
  width:130px;
  height:130px;
  z-index:-1;
  left:50%;
  top:50%;
  opacity:0;
  margin:-65px 0 0 -65px;
  border-radius:100px;
  -webkit-animation:ripple 1.8s infinite;
  animation:ripple 1.8s infinite
}
.intro-banner-vdo-play-btn .ripple:nth-child(2) {
  animation-delay:.3s;
  -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3) {
  animation-delay:.6s;
  -webkit-animation-delay:.6s
}
.ripple:focus {
  outline:0
}
@keyframes ripple {
0% {
-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.3), 0 0 0 3px rgba(255,255,255,.3), 0 0 0 3px rgba(255,255,255,.3), 0 0 0 10px rgba(255,255,255,.3);
box-shadow:0 0 0 0 rgba(255,255,255,.3), 0 0 0 3px rgba(255,255,255,.3), 0 0 0 3px rgba(255,255,255,.3), 0 0 0 10px rgba(255,255,255,.3)
}
100% {
-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.3), 0 0 0 13px rgba(255,255,255,.3), 0 0 0 40px rgba(255,255,255,0), 0 0 4px 100px rgba(255,255,255,0);
box-shadow:0 0 0 0 rgba(255,255,255,.3), 0 0 0 13px rgba(255,255,255,.3), 0 0 0 40px rgba(255,255,255,0), 0 0 4px 100px rgba(255,255,255,0)
}
}
@-webkit-keyframes ripple {
0% {
opacity:1;
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes ripple {
0% {
opacity:1;
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
.intro-banner-vdo-play-btn .ripple:nth-child(2) {
  animation-delay:.3s;
  -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3) {
  animation-delay:.6s;
  -webkit-animation-delay:.6s
}
.solutions_icon {
  font-size:40px;
  position:absolute;
  left:-39px;
  display:inline-block;
  width:70px;
  height:70px;
  top:-10px;
  border:3px solid #4cb748;
  text-align:center;
  color:#4cb748;
  border-radius:50%;
  background:#fff;
  line-height:65px
}
.customers-care figure img {
  max-width:100%;
  max-height:150px
}
.staff-dtl-icon {
  font-size:24px;
  display:inline-block;
  position:relative;
  vertical-align:middle;
  padding:1px 10px
}
.office-img {
  max-height:300px;
  max-width:100%
}
.attraction-sec h3 {
  font-size:24px
}
.customers-care .col-lg-3 h4 {
  min-height:55px
}
.team-a figure {
  text-align:center
}
.team-a figure img {
  border-radius:15px;
  max-width:100%;
  width:80%
}
.team-a p {
  font-size:16px;
  line-height:24px
}
.mt-30 {
  margin-top:30px
}
.customers-care.cloud-type .water-wave figure img {
  max-height:200px!important
}/*!------------------------------------------------------------------

[MAIN STYLESHEET]

Developed By: Bikash Bhandari ( http://bhandaribikash.com.np )

PROJECT:  Magna Path

VERSION:  Versoin 3.0

-------------------------------------------------------------------*/
body {
  line-height:1.6;
  font-family:"Open Sans", sans-serif;
  -webkit-font-smoothing:antialiased;
  font-size:15px;
  color:#333
}
p, .paragraph {
  font-weight:400;
  color:#172231;
  font-size:15px;
  line-height:1.6;
  font-family:"Open Sans", sans-serif
}
h1, h2, h3, h4, h5, h6 {
  color:#172231;
  font-family:"Barlow Condensed", sans-serif;
  text-transform:uppercase;
  font-weight:600;
  line-height:1.2;
  transition:.2s ease
}
h1, .h1 {
  font-size:60px
}
h2, .h2 {
  font-size:40px
}
h3, .h3 {
  font-size:36px
}
h4, .h4 {
  font-size:22px
}
h5, .h5 {
  font-size:18px
}
h6, .h6 {
  font-size:16px
}
.btn {
  font-size:18px;
  font-family:"Open Sans", sans-serif;
  text-transform:inherit;
  padding:10px 20px;
  border-radius:35px;
  font-weight:700;
  border:1px solid;
  position:relative;
  z-index:1;
  transition:.3s ease-in;
  letter-spacing:.014em
}
.btn:hover {
  text-shadow:1px 1px 0 #a00f15, -1px -1px 0 #a00f15, 1px -1px 0 #a00f15, -1px 1px 0 #a00f15, 1px 1px 0 #a00f15
}
.btn:focus {
  outline:0;
  box-shadow:none!important
}
.btn:active {
  box-shadow:none
}
.btn-lg {
  font-size:20px;
  letter-spacing:.014em;
  padding:19px 35px
}
.btn-md {
  font-size:18px;
  letter-spacing:.014em;
  padding:17px 30px
}
.btn-sm {
  font-size:14px;
  padding:5px 20px;
  letter-spacing:.014em
}
.btn-primary {
  background:#e11f26;
  color:#fff;
  border-color:#e11f26;
  letter-spacing:.014em;
  text-shadow:1px 1px 0 #a00f15, -1px -1px 0 #a00f15, 1px -1px 0 #a00f15, -1px 1px 0 #a00f15, 1px 1px 0 #a00f15
}
.btn-primary:active {
  background:#04266f!important;
  border-color:#04266f
}
.btn-primary:hover {
  background:#04266f;
  border-color:#04266f;
  text-shadow:1px 1px 0 #252d39, -1px -1px 0 #252d39, 1px -1px 0 #252d39, -1px 1px 0 #252d39, 1px 1px 0 #252d39
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color:#fff;
  background-color:#04266f;
  border-color:#04266f
}
.btn-gray {
  background:#f5f6fa;
  color:#172231;
  border-color:#f5f6fa
}
.btn-gray:active {
  background:#e11f26!important;
  border-color:#e11f26;
  color:#fff
}
.btn-gray:hover {
  background:#e11f26;
  border-color:#e11f26;
  color:#fff
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color:#fff;
  background-color:#04266f;
  border-color:#04266f
}
.btn-secondary {
  background:transparent;
  color:#172231;
  padding-left:0;
  border:0
}
.btn-secondary:active {
  background:transparent!important;
  color:#e11f26
}
.btn-secondary:hover {
  background:transparent;
  color:#e11f26
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
  color:#e11f26;
  background-color:transparent;
  border:0
}
.btn-primary-outline {
  background:transparent;
  color:#172231;
  border:2px solid #172231
}
.btn-primary-outline:active {
  background:#e11f26!important;
  border-color:#e11f26;
  color:#fff
}
.btn-primary-outline:hover {
  background:#e11f26;
  border-color:#e11f26;
  color:#fff
}
.btn-light {
  background:#fff;
  color:#172231;
  border-color:#e7e7e7
}
.btn-light:active {
  background:transparent!important;
  border-color:#fff;
  color:#fff
}
.btn-light:hover {
  background:transparent;
  border-color:#fff;
  color:#fff
}
.btn-light-alt:active {
  background:#e11f26!important;
  border-color:#e11f26;
  color:#fff
}
.btn-light-alt:hover {
  background:#e11f26;
  border-color:#e11f26;
  color:#fff
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
  background:transparent;
  border-color:#fff;
  color:#fff
}
.btn-light-outline {
  background:transparent;
  color:#fff;
  border:2px solid #fff
}
.btn-light-outline:active {
  background:#04266f!important;
  border-color:#04266f;
  color:#fff
}
.btn-light-outline:hover {
  background:#04266f;
  border-color:#04266f;
  color:#fff
}
.btn-arrow {
  transition:.2s ease
}
.btn-arrow::before {
  position:absolute;
  content:'';
  height:8px;
  width:8px;
  background:transparent;
  top:50%;
  -webkit-transform:translateY(-50%) rotate(-45deg);
  transform:translateY(-50%) rotate(-45deg);
  border-right:2px solid #000;
  border-bottom:2px solid #000;
  left:calc(85% + 5px);
  transition:.2s ease
}
.btn-arrow::after {
  position:absolute;
  content:'';
  height:2px;
  width:15px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:#000;
  transition:.2s ease;
  left:85%
}
.btn-arrow:hover::before {
  left:calc(85% + 10px);
  border-color:#e11f26
}
.btn-arrow:hover::after {
  width:20px;
  background:#e11f26
}
.hover-ripple {
  transition:.2s ease-in
}
.hover-ripple:hover {
  -webkit-transform:scale(.97);
  transform:scale(.97)
}
.hover-ripple:hover::after {
  -webkit-animation:sonarEffect 1s ease-out 50ms;
  animation:sonarEffect 1s ease-out 50ms
}
.hover-ripple::after {
  pointer-events:none;
  position:absolute;
  width:100%;
  height:100%;
  content:'';
  top:0;
  left:0;
  padding:0;
  z-index:-1;
  opacity:0;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  border-radius:inherit
}
.hover-ripple.ripple-white:hover::after {
  -webkit-animation:sonarEffectWhite 1s ease-out 50ms;
  animation:sonarEffectWhite 1s ease-out 50ms
}
@-webkit-keyframes sonarEffect {
0% {
opacity:.1
}
40% {
opacity:.3;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #e11f26, 0 0 0 10px rgba(255,255,255,.2)
}
100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #e11f26, 0 0 0 10px rgba(255,255,255,.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0
}
}
@keyframes sonarEffect {
0% {
opacity:.1
}
40% {
opacity:.3;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #e11f26, 0 0 0 10px rgba(255,255,255,.2)
}
100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #e11f26, 0 0 0 10px rgba(255,255,255,.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0
}
}
@-webkit-keyframes sonarEffectWhite {
0% {
opacity:.1
}
40% {
opacity:.3;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.2)
}
100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0
}
}
@keyframes sonarEffectWhite {
0% {
opacity:.1
}
40% {
opacity:.3;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.2)
}
100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0
}
}
body {
  background-color:#fff;
  overflow-x:hidden
}
::-moz-selection {
background:#9ed060;
color:#fff
}
::selection {
  background:#9ed060;
  color:#fff
}
.preloader {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff;
  z-index:999;
  display:flex;
  align-items:center;
  justify-content:center
}
.spinner {
  color:#e11f26;
  font-size:90px;
  text-indent:-9999em;
  overflow:hidden;
  width:1em;
  height:1em;
  border-radius:50%;
  margin:72px auto;
  position:relative;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation:load6 1.7s infinite ease, round 1.7s infinite ease;
  animation:load6 1.7s infinite ease, round 1.7s infinite ease
}
@-webkit-keyframes load6 {
0% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
5%, 95% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
10%, 59% {
box-shadow:0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
}
20% {
box-shadow:0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
}
38% {
box-shadow:0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
}
100% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
}
@keyframes load6 {
0% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
5%, 95% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
10%, 59% {
box-shadow:0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
}
20% {
box-shadow:0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
}
38% {
box-shadow:0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
}
100% {
box-shadow:0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
}
}
@-webkit-keyframes round {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes round {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
ol, ul {
  list-style-type:none;
  margin:0
}
a, a:hover, a:focus {
  text-decoration:none
}
a, button, select {
  cursor:pointer;
  transition:.2s ease
}
a:focus, button:focus, select:focus {
  outline:0
}
a:hover {
  color:#e11f26
}
a.text-white:hover, a.text-light:hover {
  color:#edf4ff!important
}
a h4:hover, a h5:hover {
  color:#e11f26
}
.slick-slide {
  outline:0
}
.section {
  padding-top:60px;
  padding-bottom:60px
}
.section-sm {
  padding-top:40px;
  padding-bottom:40px
}
.section-title {
  margin-bottom:30px
}
.section-title-border {
  position:relative;
  height:5px;
  width:30px;
  background:#e11f26;
  border-radius:10px;
  margin-bottom:20px;
  display:block
}
.section-title-border::before {
  position:absolute;
  content:"";
  height:100%;
  width:50%;
  background:#e11f26;
  border-radius:10px;
  right:-60%;
  top:0
}
.section-title-border::after {
  position:absolute;
  content:"";
  height:100%;
  width:25%;
  background:#e11f26;
  border-radius:10px;
  right:-100%;
  top:0
}
.section-title-border.border-center {
  margin-left:calc(50% - 27px)
}
.section-title-border.border-white {
  background:#fff
}
.section-title-border.border-white::before {
  background:#fff
}
.section-title-border.border-white::after {
  background:#fff
}
.section-title-border.border-inline {
  display:inline-block;
  margin-bottom:5px
}
.section-title-sm {
  font-family:"Open Sans", sans-serif;
  font-weight:600;
  color:#818385
}
.section-bottom-lg {
  padding-bottom:230px
}
.bg-cover {
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed
}
.bg-contain {
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat
}
.bg-fixed {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed
}
.border-color {
  border-color:#e7e7e7!important
}
.overlay {
  position:relative
}
.overlay::before {
  position:absolute;
  content:'';
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#000;
  opacity:.4
}
.overlay-secondary {
  position:relative
}
.overlay-secondary::before {
  position:absolute;
  content:'';
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#252d39;
  opacity:.85
}
.outline-0 {
  outline:0!important
}
.d-unset {
  display:unset!important
}
.bg-primary {
  background:#e11f26!important
}
.bg-secondary {
  background:#e11f26!important
}
.bg-secondary-darken {
  background:#1f2630!important
}
.bg-gray {
  background:#f5f6fa!important
}
.bg-gray-white {
  background-image:linear-gradient(to right, #f5f6fa 45%, #fff 0%)
}
.bg-white-gray {
  background-image:linear-gradient(to right, #fff 45%, #f5f6fa 0%)
}
.bg-white2-gray {
  background-image:linear-gradient(to right, #fff 70%, #f5f6fa 0%)
}
.text-primary {
  color:#e11f26!important
}
.text-color {
  color:#818385
}
.text-light {
  color:#ddd!important
}
.text-dark {
  color:#172231
}
.hilighted {
  background:#252d39;
  padding:0 5px;
  border-radius:2px;
  color:#fff
}
.letter-spacing {
  letter-spacing:2px
}
.mb-50 {
  margin-bottom:50px!important
}
.mb-60 {
  margin-bottom:60px!important
}
.mb-70 {
  margin-bottom:70px!important
}
.mb-80 {
  margin-bottom:80px!important
}
.mb-90 {
  margin-bottom:90px!important
}
.mb-100 {
  margin-bottom:100px!important
}
.zindex-1 {
  z-index:1
}
.zindex-0 {
  z-index:0
}
.overflow-hidden {
  overflow:hidden
}
.min-height-400 {
  min-height:400px
}
.border-muted {
  border-color:#404751!important
}
.rounded-top-0 {
  border-top-left-radius:0;
  border-top-right-radius:0
}
.flex-basis-33 {
  flex-basis:33.333333%
}
.icon {
  font-size:40px
}
.icon-sm {
  font-size:34px
}
.icon-xs {
  font-size:22px
}
.icon-lg {
  font-size:56px
}
.box-shadow {
  box-shadow:0 15px 39px 0 rgba(8,18,109,.1)
}
.font-size-30 {
  font-size:30px
}
.font-weight-semebold {
  font-weight:600!important
}
.font-secondary {
  font-family:"Barlow Condensed", sans-serif!important
}
.text-decoration-none {
  text-decoration:none!important
}
.text-decoration-none:hover {
  text-decoration:none!important
}
.border-md-right {
  border-right:1px solid
}
@media (max-width:767px) {
.border-md-right {
  border:0
}
}
.icon-bg {
  position:relative;
  background-color:rgba(225, 31, 38, 0.14);
  display:inline-block;
  height:100px;
  width:100px;
  border-radius:120px 135px 110px 90px
}
.icon-bg::before {
  position:absolute;
  content:"";
  height:100%;
  width:100%;
  top:0;
  left:5px;
  background:rgba(134,195,58,.05);
  border:2px solid #e11f26;
  border-radius:130px 120px 160px 130px
}
.icon-bg .icon {
  line-height:100px
}
.water-wave {
  position:relative;
  -webkit-animation-name:water-wave;
  animation-name:water-wave;
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear
}
.water-wave::before {
  -webkit-animation-name:water-wave;
  animation-name:water-wave;
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear
}
@-webkit-keyframes water-wave {
0% {
border-radius:120px 135px 110px 90px;
::before {
border-radius:130px 120px 160px 130px
}
}
25% {
border-radius:130px 140px 100px 110px;
::before {
border-radius:100px 147px 140px 120px
}
}
50% {
border-radius:110px 97px 150px 100px;
::before {
border-radius:102px 147px 140px 120px
}
}
75% {
border-radius:80px 107px 120px 90px;
::before {
border-radius:102px 147px 140px 120px
}
}
100% {
border-radius:120px 135px 110px 90px;
::before {
border-radius:130px 120px 160px 130px
}
}
}
@keyframes water-wave {
0% {
border-radius:120px 135px 110px 90px;
::before {
border-radius:130px 120px 160px 130px
}
}
25% {
border-radius:130px 140px 100px 110px;
::before {
border-radius:100px 147px 140px 120px
}
}
50% {
border-radius:110px 97px 150px 100px;
::before {
border-radius:102px 147px 140px 120px
}
}
75% {
border-radius:80px 107px 120px 90px;
::before {
border-radius:102px 147px 140px 120px
}
}
100% {
border-radius:120px 135px 110px 90px;
::before {
border-radius:130px 120px 160px 130px
}
}
}
.breadcrumb-item+.breadcrumb-item::before {
  color:#fff
}
#map_canvas {
  height:500px
}
.form-control {
  height:45px;
  padding:0 15px;
  font-size:.9em
}
.form-control-sm {
  height:45px
}
.form-control:focus {
  box-shadow:0 15px 39px 0 rgba(8,18,109,.1);
  border-color:#e11f26!important
}
.focus-shadow-none {
  box-shadow:none!important
}
textarea.form-control {
  height:auto;
  min-height:150px
}
textarea.form-control-sm {
  min-height:100px;
  height:auto
}
.top-header {
  font-size:14px
}
.navigation {
  box-shadow:0 9px 20px 0 rgba(0,0,0,.09);
  position:relative;
  z-index:2
}
.navbar {
  padding:0
}
.navbar-collapse {
  transition:.2s ease
}
.navbar .nav-item .nav-link {
  font-weight:700
}
.navbar .dropdown:hover .dropdown-menu {
  visibility:visible;
  opacity:1;
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  z-index:2
}
.navbar .dropdown-menu {
  box-shadow:0 3px 9px 0 rgba(0,0,0,.12);
  padding:15px;
  border:0;
  top:80px;
  left:0;
  border-radius:0;
  display:block;
  visibility:hidden;
  transition:.3s ease;
  opacity:0;
  -webkit-transform:scale(.8);
  transform:scale(.8);
  background:#fff
}
@media (max-width:991px) {
.navbar .dropdown-menu {
  display:none;
  opacity:1;
  visibility:visible;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:unset;
  transform-origin:unset
}
}
.navbar .dropdown-menu.view {
  visibility:visible!important;
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
}
@media (max-width:991px) {
.navbar .dropdown-menu.view {
  display:block
}
}
.navbar .dropdown-menu.show {
  visibility:hidden
}
@media (max-width:991px) {
.navbar .dropdown-menu.show {
  visibility:visible;
  display:block
}
}
.navbar .dropdown-item {
  position:relative;
  color:#172231;
  transition:.2s ease;
  font-family:"Open Sans", sans-serif
}
@media (max-width:991px) {
.navbar .dropdown-item {
  text-align:center
}
}
.navbar .dropdown-item:not(:last-child) {
  margin-bottom:10px
}
.navbar .dropdown-item:hover {
  color:#e11f26;
  background:transparent
}
.navbar-light .navbar-nav .nav-link {
  color:#172231
}
.navbar-light .navbar-nav .nav-link:hover {
  color:#e11f26
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding:30px 20px
}
.contact_link a {
  padding-right:25px!important
}
.navbar-light .navbar-brand img {
  max-height:90px;
  max-width:100%
}
@media (max-width:1200px) {
.navbar-expand-lg .navbar-nav .nav-link {
  padding:40px 10px
}
}
@media (max-width:991px) {
.navbar-expand-lg .navbar-nav .nav-link {
  padding:10px
}
}
.newsletter-form {
  background:rgba(255,255,255,.1);
  border-radius:35px;
  border:1px solid #e11f26
}
.newsletter-form:focus {
  background:rgba(255,255,255,.1)
}
.newsletter-form::-webkit-input-placeholder {
color:#fff
}
.newsletter-form::-ms-input-placeholder {
color:#fff
}
.newsletter-form::placeholder {
color:#fff
}
.search-btn {
  border:0;
  background:transparent
}
.search-wrapper {
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:100%;
  z-index:2;
  visibility:hidden;
  transition:.2s ease;
  opacity:0
}
.search-wrapper.open {
  visibility:visible;
  opacity:1
}
.search-box {
  height:112px;
  width:100%;
  border:0;
  background:#fff;
  font-size:30px;
  padding:0
}
.search-box:focus {
  box-shadow:none!important
}
.search-close {
  position:absolute;
  right:5px;
  top:40px;
  border:0;
  background:transparent;
  page-break-after:10px;
  font-size:20px
}
.hero-section {
  padding:160px 0 200px
}
.hero-slider {
  overflow-x:hidden
}
.hero-slider .prevArrow {
  left:-100px
}
.hero-slider .nextArrow {
  right:-100px
}
.hero-slider:hover .prevArrow {
  left:35px
}
.hero-slider:hover .nextArrow {
  right:35px
}
.banner-feature-wrapper {
  -webkit-transform:translateY(-100px);
  transform:translateY(-100px)
}
.banner-feature {
  transition:.2s ease
}
.banner-feature:hover, .banner-feature.active {
  background:#252d39!important
}
.banner-feature:hover h4, .banner-feature:hover p, .banner-feature.active h4, .banner-feature.active p {
  color:#fff
}
.main-banner-section {
  padding:30px 0;
  background:url(../images/feature-service-bg-img-2.jpg);
  background-repeat:no-repeat;
  min-height:500px
}
.main-banner-section p {
  font-size:18px;
  color:#000;
  font-weight:600
}
.main-banner-section figure img {
  margin-left:auto;
  max-height:320px
}
.banner_img img {
  max-height:300px;
  max-width:100%
}
.image-bg {
  position:absolute;
  top:20%;
  right:0;
  z-index:-1
}
.about-bg-shape {
  position:absolute;
  top:0;
  right:0
}
.philosophy-bg-shape {
  position:absolute;
  left:0;
  bottom:0
}
.funfacts {
  overflow-x:hidden
}
@media (max-width:991px) {
.funfacts {
  background:#252d39
}
}
.funfacts .container {
  -webkit-transform:translateX(-50px);
  transform:translateX(-50px);
  position:relative
}
.funfacts .container::before {
  position:absolute;
  content:"";
  right:100%;
  top:0;
  height:100%;
  width:100%;
  background:#252d39
}
@media (max-width:991px) {
.funfacts .container {
  -webkit-transform:translate(0);
  transform:translate(0)
}
.funfacts .container::before {
  display:none
}
}
@media (max-width:991px) {
.funfacts h3 {
  font-size:30px
}
}
@media (max-width:767px) {
.funfacts h3 {
  font-size:35px
}
}
@media (max-width:991px) {
.funfacts .icon-lg {
  font-size:40px
}
}
@media (max-width:767px) {
.funfacts .icon-lg {
  font-size:50px
}
}
.feature-img-bg {
  position:relative
}
.feature-img-bg::before {
  position:absolute;
  content:"";
  background:url(../images/backgrounds/feature-bg.png);
  top:-60px;
  right:-120px;
  height:140%;
  width:140%;
  z-index:0;
  background-repeat:no-repeat;
  background-size:contain
}
@media (max-width:991px) {
.feature-img-bg::before {
  display:none
}
}
.play-video {
  position:absolute;
  left:0;
  bottom:20%
}
.play-icon {
  display:inline-block;
  min-width:90px;
  height:90px;
  text-align:center;
  line-height:90px;
  border-radius:50%;
  box-shadow:0 15px 39px 0 rgba(8,18,109,.1);
  font-size:30px
}
.service-wrapper {
  -webkit-transform:translateY(-70px);
  transform:translateY(-70px);
  margin-top:-148px
}
.card-icon {
  position:absolute;
  height:60px;
  width:60px;
  border-radius:50%;
  background:#e11f26;
  text-align:center;
  line-height:60px;
  color:#fff;
  font-size:32px;
  left:15px;
  top:-90px
}
.service-bg-dots {
  position:relative
}
.service-bg-dots::before {
  position:absolute;
  content:"";
  background:url(../images/backgrounds/service-page-2.png);
  top:0;
  right:0;
  height:100%;
  width:50%;
  background-repeat:no-repeat;
  background-size:cover;
  z-index:0
}
.team-member-img img {
  position:relative;
  z-index:2
}
.team-member-img::before {
  position:absolute;
  content:"";
  background:url(../images/backgrounds/team-member-bg.png);
  top:0;
  right:0;
  height:60%;
  width:60%;
  background-repeat:no-repeat;
  background-size:contain;
  z-index:1;
  transition:.2s ease
}
.team-member-img::after {
  position:absolute;
  content:"";
  background:url(../images/backgrounds/team-member-bg.png);
  bottom:-40px;
  left:0;
  height:60%;
  width:60%;
  background-repeat:no-repeat;
  background-size:contain;
  z-index:1;
  transition:.2s ease
}
.team-member:hover .team-member-img::before {
  top:-20px;
  right:-20px
}
.team-member:hover .team-member-img::after {
  bottom:-60px;
  left:-20px
}
.team-member:hover .hover-icon {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}
.team-member:hover .hover-icon .social-icon a {
  -webkit-transform:scale(1);
  transform:scale(1)
}
.hover-icon {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  background:rgba(134,195,58,.9);
  transition:.2s ease;
  -webkit-transform:scale(.8);
  transform:scale(.8);
  z-index:3;
  opacity:0
}
.hover-icon .social-icon a {
  -webkit-transform:scale(0);
  transform:scale(0)
}
.social-icon li a {
  display:inline-block;
  height:45px;
  width:45px;
  border-radius:50%;
  color:#fff;
  border:1px solid #fff;
  background:transparent;
  line-height:45px;
  text-align:center
}
.social-icon li a:hover {
  color:#e11f26;
  background:#fff
}
.social-icon-alt li {
  padding:0 10px 0 0
}
.social-icon-alt li a {
  display:block;
  padding:10px 1px
}
.social-icon-alt li a i {
  text-decoration:none;
  width:45px;
  height:45px;
  border-radius:100%;
  text-align:center;
  line-height:45px;
  color:#fff;
  font-size:24px;
  display:inline-block;
  margin-right:5px
}
.social-icon-alt li a:hover i {
  color:#fff;
  background:#e11f26;
  border-color:#e11f26
}
.project-item img {
  transition:.4s ease-in
}
.project-item:hover img {
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
}
.project-item:hover .hover-overlay {
  opacity:1
}
.project-item:hover .hover-overlay a {
  -webkit-transform:translateY(-50%) scale(1);
  transform:translateY(-50%) scale(1)
}
.hover-overlay {
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  text-align:center;
  background:rgba(134,195,58,.9);
  transition:.4s ease;
  opacity:0
}
.hover-overlay a {
  position:relative;
  font-size:46px;
  color:#fff;
  top:50%;
  -webkit-transform:translateY(-50%) scale(0);
  transform:translateY(-50%) scale(0);
  transition:.4s ease;
  display:inline-block
}
.uni-plus {
  position:relative;
  padding:0 20px
}
.uni-plus::before {
  position:absolute;
  content:'';
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  height:40px;
  width:2px;
  background:#fff
}
.uni-plus::after {
  position:absolute;
  content:'';
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  height:2px;
  width:40px;
  background:#fff
}
.filter-controls li {
  cursor:pointer
}
.filter-controls li.mixitup-control-active {
  color:#e11f26!important
}
.bg-dots {
  position:relative
}
.bg-dots::before {
  position:absolute;
  content:"";
  background:url(../images/backgrounds/testimonial-bg-1.png);
  top:0;
  right:0;
  height:100%;
  width:100%;
  background-repeat:no-repeat;
  background-size:cover;
  z-index:1
}
.bg-dots .container {
  position:relative;
  z-index:2
}
.slick-arrow {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  z-index:9;
  height:70px;
  width:70px;
  border-radius:50%;
  background:rgba(134,195,58,.5);
  color:#fff;
  border:0;
  line-height:70px;
  font-size:35px
}
.slick-arrow::before {
  position:absolute;
  content:'';
  height:10px;
  width:10px;
  background:transparent;
  top:50%;
  -webkit-transform:translateY(-50%) rotate(-45deg);
  transform:translateY(-50%) rotate(-45deg);
  transition:.2s ease
}
.slick-arrow::after {
  position:absolute;
  content:'';
  height:2px;
  width:25px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:#fff;
  transition:.2s ease
}
@media (max-width:575px) {
.slick-arrow {
  display:none
}
}
.slick-arrow:focus {
  outline:0
}
.slick-arrow:hover {
  background:#e11f26
}
.prevArrow {
  left:0
}
.prevArrow::before {
  border-left:2px solid #fff;
  border-top:2px solid #fff;
  right:35px
}
.prevArrow::after {
  right:20px
}
.nextArrow {
  right:0
}
.nextArrow::before {
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  left:35px
}
.nextArrow::after {
  left:20px
}
.testimonial-slider .nextArrow, .testimonial-slider .prevArrow {
  opacity:0;
  transition-delay:1s
}
.testimonial-slider:hover .nextArrow {
  opacity:1;
  right:-100px;
  transition-delay:0s
}
.testimonial-slider:hover .prevArrow {
  opacity:1;
  left:-100px;
  transition-delay:0s
}
.bg-quote {
  position:relative
}
.bg-quote::before {
  position:absolute;
  content:"\f10d";
  font-family:"FontAwesome";
  font-size:150px;
  color:rgba(134,195,58,.3);
  top:-10px;
  line-height:1;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.slick-dots {
  padding-left:0;
  text-align:center;
  position:absolute;
  bottom:-185px;
  left:0;
  right:0;
  z-index:9
}
.slick-dots li {
  display:inline-block;
  height:70px;
  width:70px;
  border-radius:50%;
  cursor:pointer;
  margin:0 20px;
  transition:.2s ease;
  box-shadow:0 15px 39px 0 rgba(8,18,109,.1)
}
.slick-dots li img {
  height:70px;
  width:70px;
  border-radius:50%
}
.slick-dots li.slick-active {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
}
.clients-logo {
  text-align:center;
  position:relative;
  height:120px;
  width:180px
}
.clients-logo:hover .white {
  opacity:0
}
.clients-logo:hover .primary {
  opacity:1
}
.clients-logo .white {
  opacity:1;
  position:absolute;
  left:0;
  top:50%;
  right:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  text-align:center;
  padding:0 10px
}
.clients-logo .primary {
  opacity:0;
  position:absolute;
  left:0;
  top:50%;
  right:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  text-align:center;
  padding:0 10px
}
.customer-bg-shape {
  position:absolute;
  top:0;
  right:50%
}
.list-styled {
  padding-left:0
}
.list-styled li {
  position:relative;
  padding-left:20px
}
.list-styled li::before {
  position:absolute;
  content:"\f105";
  font-family:"FontAwesome";
  font-size:14px;
  left:0;
  top:1px;
  color:#ffd6d6;
  transition:.3s ease
}
.list-styled li:hover::before {
  color:#e11f26!important
}
.list-styled li:hover a {
  text-decoration:underline
}
.list-styled li.text-light::before {
  color:#ddd
}
.list-styled.style-circle li::before {
  content:"\f058"
}
.newsletter-form {
  background:rgba(255,255,255,.1);
  border-radius:35px;
  border:1px solid #e11f26
}
.newsletter-form:focus {
  background:rgba(255,255,255,.1)
}
.newsletter-form::-webkit-input-placeholder {
color:#fff
}
.newsletter-form::-ms-input-placeholder {
color:#fff
}
.newsletter-form::placeholder {
color:#fff
}
.btn-subscribe {
  position:absolute;
  top:0;
  right:0;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  padding:10px 20px
}
.cta-sm-bg {
  position:relative
}
.cta-sm-bg::before {
  position:absolute;
  content:"";
  height:100%;
  width:100%;
  left:calc(100% - 10%);
  top:0;
  background:url(../images/backgrounds/cta-sm-right.png);
  background-repeat:no-repeat;
  background-size:contain
}
.cta-sm-bg::after {
  position:absolute;
  content:"";
  height:100%;
  width:100%;
  left:0;
  top:0;
  background-image:url(../images/backgrounds/cta-sm-left.png);
  background-repeat:no-repeat;
  background-size:contain;
  z-index:0
}
.pricing-table {
  transition:.2s ease;
  position:relative
}
.pricing-table::before {
  position:absolute;
  content:'';
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:url(../images/backgrounds/pricing-table-bg.png);
  background-repeat:no-repeat;
  background-size:cover
}
.pricing-table.active {
  background:#e11f26;
  color:#fff
}
.pricing-table.active h2, .pricing-table.active h3, .pricing-table.active h4, .pricing-table.active h5, .pricing-table.active h6 {
  color:#fff
}
.pricing-duration {
  transition:.2s linear
}
.pricing-duration.active {
  font-weight:600;
  color:#172231
}
.pricing-switcher {
  text-align:center
}
.pricing-switcher .fieldset {
  display:inline-block;
  position:relative;
  padding:2px;
  border-radius:50em;
  background:#e11f26;
  height:40px;
  width:100px
}
.pricing-switcher input[type="radio"] {
  position:absolute;
  opacity:0
}
.pricing-switcher label {
  position:absolute;
  z-index:1;
  cursor:pointer;
  color:#818385;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  text-transform:uppercase;
  font-size:16px
}
.pricing-switcher label.monthly {
  right:130px
}
.pricing-switcher label.monthly::before {
  position:absolute;
  content:"";
  height:30px;
  width:50px;
  border-radius:50px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  right:-85px
}
.pricing-switcher label.yearly {
  left:130px
}
.pricing-switcher label.yearly::before {
  position:absolute;
  content:"";
  height:30px;
  width:50px;
  border-radius:50px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:-85px
}
.pricing-switcher .switch {
  position:absolute;
  top:5px;
  left:5px;
  height:30px;
  width:30px;
  background-color:#fff;
  border-radius:50em;
  transition:-webkit-transform 0.3s;
  transition:transform 0.3s;
  transition:transform 0.3s, -webkit-transform 0.3s
}
.pricing-switcher input[type="radio"]:checked+label+.switch, .pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.switch {
  -webkit-transform:translateX(60px);
  transform:translateX(60px)
}
.pricing-list li {
  position:relative;
  padding:0!important
}
@media only screen and (min-width:768px) {
.pricing-list {
  margin:3em 0 0
}
.pricing-list:after {
  content:"";
  display:table;
  clear:both
}
.pricing-list>li {
  width:33.3333333333%;
  float:left;
  padding-left:5px;
  padding-right:5px
}
}
.pricing-wrapper {
  position:relative
}
.touch .pricing-wrapper {
  -webkit-perspective:2000px;
  perspective:2000px
}
.pricing-wrapper.is-switched .is-visible {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
  -webkit-animation:rotate 0.5s;
  animation:rotate 0.5s
}
.pricing-wrapper.is-switched .is-hidden {
  -webkit-transform:rotateY(0);
  transform:rotateY(0);
  -webkit-animation:rotate-inverse 0.5s;
  animation:rotate-inverse 0.5s;
  opacity:0
}
.pricing-wrapper.is-switched .is-selected {
  opacity:1
}
.pricing-wrapper.is-switched.reverse-animation .is-visible {
  -webkit-transform:rotateY(-180deg);
  transform:rotateY(-180deg);
  -webkit-animation:rotate-back 0.5s;
  animation:rotate-back 0.5s
}
.pricing-wrapper.is-switched.reverse-animation .is-hidden {
  -webkit-transform:rotateY(0);
  transform:rotateY(0);
  -webkit-animation:rotate-inverse-back 0.5s;
  animation:rotate-inverse-back 0.5s;
  opacity:0
}
.pricing-wrapper.is-switched.reverse-animation .is-selected {
  opacity:1
}
.pricing-wrapper>li {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.pricing-wrapper .is-visible {
  position:relative;
  z-index:5
}
.pricing-wrapper .is-hidden {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:1;
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)
}
.pricing-wrapper .is-selected {
  z-index:3!important
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
70% {
-webkit-transform:perspective(2000px) rotateY(200deg);
transform:perspective(2000px) rotateY(200deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(180deg);
transform:perspective(2000px) rotateY(180deg)
}
}
@keyframes rotate {
0% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
70% {
-webkit-transform:perspective(2000px) rotateY(200deg);
transform:perspective(2000px) rotateY(200deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(180deg);
transform:perspective(2000px) rotateY(180deg)
}
}
@-webkit-keyframes rotate-inverse {
0% {
-webkit-transform:perspective(2000px) rotateY(-180deg);
transform:perspective(2000px) rotateY(-180deg)
}
70% {
-webkit-transform:perspective(2000px) rotateY(20deg);
transform:perspective(2000px) rotateY(20deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
}
@keyframes rotate-inverse {
0% {
-webkit-transform:perspective(2000px) rotateY(-180deg);
transform:perspective(2000px) rotateY(-180deg)
}
70% {
-webkit-transform:perspective(2000px) rotateY(20deg);
transform:perspective(2000px) rotateY(20deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
}
@-webkit-keyframes rotate-back {
0% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
70% {
-webkit-transform:perspective(2000px) rotateY(-200deg);
transform:perspective(2000px) rotateY(-200deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(-180deg);
transform:perspective(2000px) rotateY(-180deg)
}
}
@keyframes rotate-back {
0% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
70% {
-webkit-transform:perspective(2000px) rotateY(-200deg);
transform:perspective(2000px) rotateY(-200deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(-180deg);
transform:perspective(2000px) rotateY(-180deg)
}
}
@-webkit-keyframes rotate-inverse-back {
0% {
-webkit-transform:perspective(2000px) rotateY(180deg);
transform:perspective(2000px) rotateY(180deg)
}
70% {
-webkit-transform:perspective(2000px) rotateY(-20deg);
transform:perspective(2000px) rotateY(-20deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
}
@keyframes rotate-inverse-back {
0% {
-webkit-transform:perspective(2000px) rotateY(180deg);
transform:perspective(2000px) rotateY(180deg)
}
70% {
-webkit-transform:perspective(2000px) rotateY(-20deg);
transform:perspective(2000px) rotateY(-20deg)
}
100% {
-webkit-transform:perspective(2000px) rotateY(0);
transform:perspective(2000px) rotateY(0)
}
}
.card-type {
  position:absolute;
  top:30px;
  left:30px;
  padding:3px 10px;
  color:#fff;
  background:#e11f26;
  z-index:1
}
.card-meta {
  font-size:14px
}
.blog-shape-left {
  position:absolute;
  left:0;
  bottom:0
}
.blog-shape-right {
  position:absolute;
  right:0;
  top:50%
}
.clip-half-cycle {
  -webkit-clip-path:circle(157% at 50% -100%);
  clip-path:circle(157% at 50% -100%)
}
.title-border-left {
  position:relative;
  padding-left:30px
}
.title-border-left::before {
  position:absolute;
  left:0;
  top:0;
  content:"";
  height:100%;
  width:5px;
  border-radius:30px;
  background:#e11f26
}
.post-search {
  border:0;
  background:transparent;
  position:absolute;
  bottom:15px;
  right:0
}
.tag-list a {
  display:inline-block;
  padding:10px 22px;
  background:#fff;
  box-shadow:0 5px 20px 0 rgba(51,77,128,.12);
  border-radius:35px;
  margin-bottom:15px;
  color:#818385
}
.tag-list a:hover {
  background:#e11f26;
  color:#fff;
  box-shadow:0
}
blockquote {
  padding:30px 40px;
  font-style:italic;
  color:#172231;
  border-left:2px solid #e11f26;
  box-shadow:0 15px 39px 0 rgba(8,18,109,.1);
  position:relative;
  margin-bottom:40px
}
blockquote::before {
  position:absolute;
  content:"\f10d";
  font-family:"FontAwesome";
  font-size:100px;
  color:rgba(134,195,58,.3);
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  font-style:normal
}
blockquote p {
  font-style:normal;
  margin-top:10px
}
.banner-feature h4 {
  text-transform:inherit!important
}
.bg-gray-light {
  background:#fafafa
}
.border-top {
  border-top:1px solid #ddd
}
footer ul li, footer ul li a {
  color:#172231
}
.contact_dtl li i, .contact_dtl li span {
  display:inline-block;
  position:relative;
  vertical-align:middle
}
.contact_dtl li i {
  min-width:20px;
  font-size:18px;
  color:#e11f26
}
.contact_dtl li span {
  width:88%
}
.h-concept {
  margin-top:-120px;
margin-bottom:
}
.home-concept {
  background:url(../images/home-concept.png) center 0 no-repeat;
  width:100%;
  overflow:hidden
}
.home-concept strong {
  display:block;
  font-family:"Shadows Into Light", cursive;
  font-size:2.1em;
  font-weight:400;
  position:relative;
  margin-top:20px
}
.home-concept .row {
  position:relative
}
.home-concept .process-image {
  background:url(../images/home-concept-item.png) no-repeat;
  width:220px;
  height:175px;
  margin:135px auto 0;
  padding-bottom:50px;
  position:relative;
  z-index:1
}
.home-concept .process-image img {
  border-radius:150px;
  margin:7px 8px
}
.home-concept .our-work {
  margin-top:52px;
  font-size:2.6em
}
.home-concept .project-image {
  background:url(../images/home-concept-item.png) 100% 0 no-repeat;
  width:350px;
  height:420px;
  margin:15px 0 0 -30px;
  padding-bottom:45px;
  position:relative;
  z-index:1
}
.home-concept .cloud, .home-concept .sun {
  display:block;
  height:56px;
  position:absolute;
  top:35px
}
.home-concept .sun {
  background:url(../images/home-concept-icons.png) no-repeat;
  width:60px;
  left:10%
}
.home-concept .cloud {
  background:url(../images/home-concept-icons.png) 100% 0 no-repeat;
  width:116px;
  left:57%
}
@media (max-width:991px) {
.slider-container {
  min-height:0
}
.home-concept {
  background:0 0
}
.home-concept .project-image {
  margin:60px auto 0
}
.home-concept .process-image {
  margin-top:60px
}
}
@media (max-width:479px) {
.home-concept .project-image {
  background-position:0 0;
  margin-left:auto;
  max-width:160px;
  max-height:220px
}
.home-concept .fc-slideshow, .home-concept .fc-slideshow img {
  max-height:145px;
  max-width:145px
}
}
html.dark .home-concept {
  background-image:url(../images/home-concept-dark.png)
}
html.dark .home-concept .process-image, html.dark .home-concept .project-image {
  background-image:url(../images/home-concept-item-dark.png)
}
html.dark .home-concept .cloud, html.dark .home-concept .sun {
  background-image:url(../images/home-concept-icons-dark.png)
}
.home-concept strong {
  text-align:center;
  text-transform:uppercase;
  color:#424242;
  font-family:"Open Sans", Arial, sans-serif;
  font-size:18px;
  font-weight:600;
  bottom:85px
}
.home-concept .row.center {
  width:90%;
  margin:auto
}
.home-concept .project-image {
  background:0 0;
  position:relative
}
.home-concept .sun {
  left:15%;
  top:38px
}
.home-concept .cloud {
  left:74%;
  top:48px
}
.home-concept .process-image {
  background:0 0;
  min-height:320px
}
.home-concept .col-md-3 {
  width:22%
}
.user-image {
  margin-left:10px;
  margin-top:27px
}
.col-md-2 .process-image:nth-child(3) {
  background:#000
}
p.featured {
  font-size:18px;
  line-height:1.5em;
  width:82%;
  display:inline-block
}
.home-concept .process-image img {
  border-radius:0;
  max-height:225px;
  margin-left:30px
}
.personal-image-bg {
  margin-left:-10px;
  padding-top:30px
}
.comment:after {
  content:"\f075";
  font-family:FontAwesome;
  font-size:16px;
  padding:2px
}
.home-concept .process-image img.concept-0 {
  margin-top:-6px
}
.home-concept .process-image img.concept-2 {
  margin-top:-55px
}
.home-concept .process-image img.concept-3 {
  margin-top:-20px
}
@media (min-width:992px) and (max-width:1024px) {
.home-concept .col-md-3 {
  width:25%
}
.home-concept .process-image {
  margin-top:20px
}
.user-image {
  margin-top:17px
}
.personal-info {
  height:280px;
  width:auto;
  margin-left:-10%
}
.home-concept .process-image img.concept-0 {
  margin-top:91px
}
.home-concept .process-image img {
  margin-top:64px
}
.home-concept .process-image img.concept-2 {
  margin-top:30px
}
.home-concept .process-image img.concept-3 {
  margin-top:85px
}
.home-concept .col-md-3 {
  margin-left:0
}
}
@media (min-width:768px) and (max-width:991px) {
.home-concept .process-image {
  min-height:240px
}
.home-concept .process-image img.concept-2, .home-concept .process-image img.concept-3 {
  margin-top:0!important
}
.home-concept .col-md-3 {
  width:45%;
  float:left
}
.home-concept .row.center {
  width:100%
}
.home-concept .shake .col-md-3 {
  margin-left:0
}
.home-concept .process-image {
  margin-top:50px
}
.home-concept .cloud {
  right:-10px;
  top:0
}
.home-concept .sun {
  left:-5px;
  top:-5px
}
.home-concept {
  display:none
}
}
@media (max-width:767px) {
.home-concept .col-md-3 {
  width:auto
}
.home-concept .process-image img.concept-2, .home-concept .process-image img.concept-3 {
  margin-top:0!important
}
.home-concept .process-image {
  min-height:240px;
  margin-top:20px
}
}
@media (max-width:360px) {
.home-concept .cloud, .home-concept .sun {
  display:none
}
}
.ks-swing:hover {
  -webkit-animation:swinging 5s ease-in-out 0s infinite;
  -moz-animation:swinging 5s ease-in-out 0s infinite;
  animation:swinging 10s ease-in-out 0s infinite;
  -webkit-transform-origin:50% 0;
  -moz-transform-origin:50% 0;
  transform-origin:50% 0
}
@-webkit-keyframes swinging {
0%, 100%, 50% {
-webkit-transform:rotate(0)
}
5% {
-webkit-transform:rotate(10deg)
}
10% {
-webkit-transform:rotate(-9deg)
}
15% {
-webkit-transform:rotate(8deg)
}
20% {
-webkit-transform:rotate(-7deg)
}
25% {
-webkit-transform:rotate(6deg)
}
30% {
-webkit-transform:rotate(-5deg)
}
35% {
-webkit-transform:rotate(4deg)
}
40% {
-webkit-transform:rotate(-3deg)
}
45% {
-webkit-transform:rotate(2deg)
}
}
@-moz-keyframes swinging {
0%, 100%, 50% {
-moz-transform:rotate(0)
}
5% {
-moz-transform:rotate(10deg)
}
10% {
-moz-transform:rotate(-9deg)
}
15% {
-moz-transform:rotate(8deg)
}
20% {
-moz-transform:rotate(-7deg)
}
25% {
-moz-transform:rotate(6deg)
}
30% {
-moz-transform:rotate(-5deg)
}
35% {
-moz-transform:rotate(4deg)
}
40% {
-moz-transform:rotate(-3deg)
}
45% {
-moz-transform:rotate(2deg)
}
}
@keyframes swinging {
0%, 100%, 50% {
transform:rotate(0)
}
5% {
transform:rotate(10deg)
}
10% {
transform:rotate(-9deg)
}
15% {
transform:rotate(8deg)
}
20% {
transform:rotate(-7deg)
}
25% {
transform:rotate(6deg)
}
30% {
transform:rotate(-5deg)
}
35% {
transform:rotate(4deg)
}
40% {
transform:rotate(-3deg)
}
45% {
transform:rotate(2deg)
}
}
.videoWrapper {
  position:relative;
  width:100%;
  height:0;
  background-color:#000;
  padding-top:90%
}
.videoIframe {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  background-color:transparent
}
.videoPoster {
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  cursor:pointer;
  border:0;
  outline:none;
  background-position:50% 50%;
  background-size:100% 100%;
  background-size:cover;
  text-indent:-999em;
  overflow:hidden;
  opacity:1;
  -webkit-transition:opacity 800ms, height 0s;
  -moz-transition:opacity 800ms, height 0s;
  transition:opacity 800ms, height 0s;
  -webkit-transition-delay:0s, 0s;
  -moz-transition-delay:0s, 0s;
  transition-delay:0s, 0s
}
.videoWrapperActive .videoPoster.js-videoPoster {
  opacity:0;
  height:0;
  -webkit-transition-delay:0s, 800ms;
  -moz-transition-delay:0s, 800ms;
  transition-delay:0s, 800ms
}
.videoPoster span {
  box-sizing:content-box;
  display:inline-block;
  width:60px;
  height:60px;
  background:#fff;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  position:absolute
}
.videoPoster span:before {
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  display:block;
  width:60px;
  height:60px;
  background:#fff;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  -webkit-animation:pulse-border 1500ms ease-out infinite;
  animation:pulse-border 1500ms ease-out infinite
}
.videoPoster span em {
  display:inline-block;
  position:absolute;
  z-index:3;
  width:0;
  height:0;
  border-left:24px solid #e11f26;
  border-top:15px solid transparent;
  border-bottom:15px solid transparent;
  top:16px;
  left:22px
}
.videoPoster span:after {
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  display:block;
  width:80px;
  height:80px;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  -webkit-transition:all 200ms;
  transition:all 200ms
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-ms-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-moz-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-o-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity:1
}
100% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-ms-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-moz-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-o-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity:0
}
}
@keyframes pulse-border {
0% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-ms-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-moz-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
-o-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity:1
}
100% {
-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-ms-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-moz-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
-o-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity:0
}
}
#fixed-form-container {
  position:fixed;
  bottom:10px;
  right:2%;
  margin:0;
  left:auto;
  z-index:999999;
  width:25%
}
#fixed-form-container .expanded:before {
  content:"X"
}
#fixed-form-container .button {
  font-size:1.1em;
  cursor:pointer;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #111;
  -moz-border-radius:50px;
  -webkit-border-radius:50px;
  border-radius:50px;
  padding:5px 10px 5px 10px;
  background-color:#252d39;
  color:#fff;
  display:inline-block;
  text-align:center;
  text-decoration:none;
  -webkit-box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  -moz-box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  position:absolute;
  right:0;
  bottom:90%;
  min-width:150px
}
#fixed-form-container .body {
  background-color:#fafafa;
  border-radius:5px;
  border:2px solid #f5f6fa;
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);
  -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.3);
  box-shadow:0 0 5px 0 rgba(0,0,0,.3)
}
#fixed-form-container .body form .text-md-left {
  font-size:13px;
  font-weight:600;
  color:#172231;
  padding-top:5px
}
#fixed-form-container .body form label {
  font-size:13px;
  font-weight:600;
  color:#172231;
  margin-bottom:2px
}
#fixed-form-container input.form-control {
  height:30px!important;
  font-size:13px
}
#fixed-form-container textarea.form-control {
  height:90px!important;
  font-size:13px
}
#fixed-form-container .body form {
  padding:10px 15px
}
#fixed-form-container .body form .btn-primary[disabled] {
  color:#fff;
  background-color:#252d39;
  border-color:#111;
  text-shadow:1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  -webkit-box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  -moz-box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  cursor:default
}
.form_ttl {
  padding:10px 20px;
  background:#f5f6fa;
  border-bottom:1px solid #dee2e6!important;
  color:#000
}
@media only screen and (min-width:768px) {
#fixed-form-container .button {
  margin:0
}
#fixed-form-container .body {
  border-radius:0 5px 5px 5px
}
#fixed-form-container .body form {
  padding:10px 20px
}
}
#fixed-form-container .expanded i, #fixed-form-container .expanded span {
  display:none!important
}
#fixed-form-container .expanded {
  min-width:inherit;
  background:none!important;
  color:#000;
  border:0!important;
  box-shadow:none!important
}
.card-media {
  border-radius:2px;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  height:192px;
  margin-bottom:25px;
  transition:all 300ms ease-out;
  width:100%
}
.card-media:hover {
  box-shadow:0 5px 14px rgba(0,0,0,.2)
}
.card-media-object-container {
  background:none;
  float:left;
  height:100%;
  width:25%;
  position:relative;
  overflow:hidden
}
.card-media-body {
  background-color:#fff;
  float:left;
  height:100%;
  padding:12px 15px;
  position:relative;
  width:75%
}
.card-media-body-heading {
  display:block
}
.card-media-body-heading a {
  font-family:"Barlow Condensed", sans-serif;
  font-weight:600;
  line-height:1.2;
  transition:.2s ease;
  color:#172231;
  font-size:24px
}
.img-responsive {
  display:block;
  max-width:100%;
  height:auto
}
.card-media-object figure {
  margin:0
}
.card-media-body-heading a:hover {
  color:#e11f26
}
.shot-contact-sec, .contact-sec, .contact_info strong, .log-form form, .log-form label {
  display:block
}
.contact-sec h4 {
  margin-top:0;
  font-size:22px;
  color:#444
}
.contact-sec form {
  margin-bottom:15px
}
.contact-sec strong {
  font-weight:500;
  color:#444;
  padding-top:5px
}
.contact-sec strong a {
  font-weight:600;
  color:#e11f26
}
.head_coontact i {
  font-size:24px;
  color:#e11f26
}
.head_coontact strong {
  display:block;
  width:100%;
  position:relative;
  vertical-align:baseline;
  font-size:18px;
  color:#e11f26;
  font-weight:600;
  padding-bottom:5px
}
.social-media ul {
  display:inline-block;
  position:relative
}
.social-media {
  float:right
}
.social-media span {
  font-size:18px;
  margin-right:5px
}
.social-media span i {
  padding-left:5px
}
.page_ttl h1 {
  margin-top:0;
  margin-bottom:0
}
.social-media ul li a {
  margin-left:2px;
  padding:3px
}
.map {
  height:450px;
  border:1px solid #b2b2b2;
  margin:15px 0 30px;
  width:100%
}
.contact-sec .captcha-sec img {
  max-width:100%;
  display:inline-block;
  position:relative;
  float:left;
  max-height:32px;
  vertical-align:middle
}
.contact-sec .captcha-sec a.refresh {
  display:inline-block;
  position:relative;
  margin-left:15px;
  padding:5px 10px;
  border:1px solid #e11f26;
  transition:all 0.5s ease;
  color:#e11f26;
  border-radius:100px
}
.share-box {
  float:left;
  width:100%
}
.share-box strong.title {
  float:left;
  font-family:"Barlow Condensed", sans-serif;
  font-weight:600;
  font-size:22px;
  line-height:30px;
  color:#222;
  padding:0 12px 0 0
}
.share-box ul {
  padding:0;
  margin:0;
  list-style:none
}
.share-box ul li {
  float:left;
  padding:0 10px 0 0
}
.share-box ul li a {
  text-decoration:none;
  width:32px;
  height:32px;
  border-radius:100%;
  text-align:center;
  line-height:32px;
  color:#fff;
  font-size:15px;
  display:block
}
.social-color-1 {
  background:#29a9e1
}
.social-color-2 {
  background:#3b5a9a
}
.social-color-3 {
  background:#df4b38
}
.social-color-4 {
  background:#5280a5
}
.social-color-5 {
  background:#fba933
}
.social-color-6 {
  background:#cb312e
}
.log-form form h4:first-child {
  margin-top:0
}
.log-form form select {
  color:#999
}
.log-form form .select-sec select {
  display:inline-block;
  position:relative;
  width:31%
}
.log-form form .select-sec select.select-mid {
  margin:0 10px
}
.log-form form .captcha-sec img {
  max-width:100%;
  display:inline-block;
  position:relative;
  float:left;
  max-height:32px;
  vertical-align:middle
}
.log-form form .captcha-sec a.refresh {
  display:inline-block;
  position:relative;
  margin-left:15px;
  padding:5px 10px;
  border:1px solid #ccc;
  transition:all 0.5s ease
}
.log-form form .captcha-sec a.refresh:hover {
  border-color:#4cb748;
  color:#4cb748;
  transition:all 0.5s ease
}
.log-form form input[type=checkbox] {
  margin-right:10px;
  margin-top:0;
  vertical-align:middle
}
.log-form form .terms {
  padding-left:30px;
  position:relative
}
.log-form form input[type='checkbox'] {
  position:absolute;
  left:0;
  top:5px;
  display:inline;
  width:auto;
  height:auto;
  z-index:999;
  margin:0;
  padding:0;
  border:0;
  cursor:pointer
}
.log-form form .terms a {
  color:#528dc6
}
p.required_txt {
  text-align:right;
  display:block;
  width:100%;
  margin-bottom:-15px
}
p.required_txt span, .log-form label span {
  color:#db4700;
  vertical-align:sub
}
button.btn-blue {
  margin-top:15px
}
.mt10 {
  margin-top:10px;
  display:block
}
.mt25 {
  margin-top:25px
}
.es_login h5 {
  margin:0
}
#emp_login, #staff_login {
  padding:0 20%
}
.register-sec .card-body {
  background:#f9f9f9
}
.register-sec label {
  font-weight:600;
  color:#000
}
.file-upload {
  display:block;
  text-align:center;
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px
}
.file-upload .file-select {
  display:block;
  border:1px solid #eee;
  border-radius:4px;
  color:#34495e;
  cursor:pointer;
  height:calc(2.2rem + 10px);
  line-height:45px;
  text-align:left;
  background:#FFF;
  overflow:hidden;
  position:relative
}
.file-upload .file-select .file-select-button {
  background:#dce4ec;
  padding:0 10px;
  display:inline-block;
  height:calc(2.2rem + 10px);
  line-height:45px
}
.file-upload .file-select .file-select-name {
  line-height:30px;
  display:inline-block;
  padding:0 10px
}
.file-upload .file-select:hover {
  border-color:#e11f26;
  transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
}
.file-upload .file-select:hover .file-select-button {
  background:#34495e;
  color:#FFF;
  transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
}
.file-upload.active .file-select {
  border-color:#33b35a;
  transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
}
.file-upload.active .file-select .file-select-button {
  background:#33b35a;
  color:#FFF;
  transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out
}
.file-upload .file-select input[type=file] {
  z-index:100;
  cursor:pointer;
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  opacity:0;
  filter:alpha(opacity=0)
}
.file-upload .file-select.file-select-disabled {
  opacity:.65
}
.file-upload .file-select.file-select-disabled:hover {
  cursor:default;
  display:block;
  border:2px solid #dce4ec;
  color:#34495e;
  cursor:pointer;
  height:40px;
  line-height:40px;
  margin-top:5px;
  text-align:left;
  background:#FFF;
  overflow:hidden;
  position:relative
}
.file-upload .file-select.file-select-disabled:hover .file-select-button {
  background:#dce4ec;
  color:#666;
  padding:0 10px;
  display:inline-block;
  height:40px;
  line-height:40px
}
.file-upload .file-select.file-select-disabled:hover .file-select-name {
  line-height:40px;
  display:inline-block;
  padding:0 10px
}
input.form-control-custom {
  visibility:hidden;
  width:1px
}
input.form-control-custom:checked+label::before {
  background:#33b35a!important;
  border-color:#2a944a!important
}
input.form-control-custom:checked+label::after {
  opacity:1!important
}
input.form-control-custom.radio-custom+label::before {
  border-radius:50%
}
input.form-control-custom.radio-custom+label::after {
  content:'';
  width:6px;
  height:6px;
  line-height:6px;
  background:#fff;
  border-radius:50%;
  top:7px;
  left:5px
}
input.form-control-custom[disabled]+label {
  cursor:not-allowed
}
input.form-control-custom[disabled]+label::before, input.form-control-custom[disabled]+label::after {
  border:2px solid #aaa;
  cursor:not-allowed
}
input.form-control-custom[checked]+label::before, input.form-control-custom[checked]+label::after {
  border:none
}
input.form-control-custom+label {
  margin-bottom:0;
  margin-left:0;
  color:#999;
  padding-left:25px;
  position:relative
}
input.form-control-custom+label span {
  margin-left:20px
}
input.form-control-custom+label::before {
  content:'';
  display:block;
  width:18px;
  height:18px;
  line-height:18px;
  background:#ddd;
  color:#fff;
  text-align:center;
  position:absolute;
  top:3px;
  left:0;
  -webkit-transition:all 0.1s;
  transition:all 0.1s;
  cursor:pointer;
  border:1px solid #aaa
}
input.form-control-custom+label::after {
  content:'\f00c';
  display:block;
  font-family:'FontAwesome';
  font-size:8px;
  color:#fff;
  position:absolute;
  top:6px;
  left:6px;
  -webkit-transition:all 0.1s;
  transition:all 0.1s;
  opacity:0;
  cursor:pointer
}
button {
  cursor:pointer
}
.select-style {
  min-width:60px;
padding:.245rem .75rem;
  display:inline-block;
  vertical-align:middle;
  background:url(http://grumbletum.com/places/arrowdown.gif) no-repeat 100% 30%
}
.select-style select {
  width:100%;
  padding:0;
  margin:0;
  background-color:transparent;
  background-image:none;
  border:none;
  box-shadow:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:none!important
}
.select-style select:focus {
  outline:none!important
}
.step_sec h3 {
  text-transform:inherit;
  letter-spacing:1px
}
.main_circle {
  background:#fff;
  border-radius:100%;
  height:600px;
  width:600px;
  overflow:hidden;
  padding:100px;
  margin-left:auto;
  margin-right:auto
}
.main_circle h2 {
  padding:0 60px 20px 60px;
  letter-spacing:1px
}
.main_circle p {
  font-size:17px;
  text-align:justify
}
.step_sec img {
  max-width:100%;
  max-height:250px
}
.step_a, .step_b, .step_c, .step_d, .step_e, .step_f {
  padding-bottom:100px;
  position:relative
}
.step_sec p {
  font-size:18px;
  line-height:30px
}
.step_sec .step_a .position-relative img {
  position:absolute;
  top:30px;
  right:10%;
  z-index:1
}
.step_sec .step_b img {
  position:absolute;
  top:0;
  left:10%;
  z-index:1
}
.step_sec .step_c img {
  position:absolute;
  top:0;
  right:38%;
  z-index:1
}
.step_sec .step_d img {
  position:absolute;
  top:0;
  right:35%;
  z-index:1
}
.step_a .stroke-1 {
  width:550px;
  height:550px;
  position:absolute;
  top:auto;
  right:-100px;
  bottom:130px
}
.step_b .stroke-2 {
  width:550px;
  height:550px;
  position:absolute;
  top:auto;
  right:30%;
  bottom:65px
}
.step_c .stroke-3 {
  width:550px;
  height:550px;
  position:absolute;
  top:auto;
  right:35%;
  bottom:0
}
.step_d .stroke-4 {
  width:550px;
  height:550px;
  position:absolute;
  top:auto;
  right:32%;
  bottom:45%
}
.industry-slider .slick-dots li {
  height:20px;
  width:20px;
  margin:0 2px;
  box-shadow:none!important;
  border:none
}
.industry-slider .slick-dots li button {
  font-size:9px;
  border-radius:50px;
  height:18px;
  width:18px;
  display:block;
  box-shadow:none;
  border:none;
  background:#252d39;
  color:#fff
}
.industry-slider .slick-dots li.slick-active button {
  background:#e11f26;
  color:#fff
}
.industry-slider .slick-dots {
  bottom:0px!important;
  left:0;
  right:auto
}
.industry-slider figure {
  float:left;
  padding-right:10px
}
.industry-slider figure img {
  max-height:100px;
  max-width:100%
}
.industry-slider .btn-secondary {
  margin-right:15px
}
.ve_content {
  padding-top:15px
}
.ve_content p {
  font-size:18px;
  font-weight:600;
  color:#666
}
.customers-care .card-img-top, .customers-care .water-wave a figure img {
  max-width:100%
}
.customers-care .py-5 {
  padding-top:0px!important;
  margin-top:5rem;
  padding-bottom:1rem!important;
  border:1px solid #ddd
}
.customers-care .water-wave figure img {
  margin-top:-60px;
  border-radius:100px;
  max-height:120px;
  border:5px solid #fff;
  -moz-box-shadow:0 1px 3px -1px #666;
  -webkit-box-shadow:0 1px 3px -1px #666;
  box-shadow:0 1px 3px -1px #666
}
.tech-box {
  border:1px solid #4cb748;
  padding:15px;
  text-align:center;
  color:#fff;
  position:relative;
  min-height:195px;
  margin-bottom:30px
}
.tech-box figure img {
  text-align:center
}
.tech-box p {
  color:#fff;
  font-weight:600;
  text-align:center
}
.romote_tech_dtl {
  padding:30px;
  border:1px solid #4cb748
}
.romote_tech_dtl h4 {
  font-family:"Open Sans", sans-serif;
  font-weight:700;
  font-size:30px;
  margin-bottom:30px;
  text-transform:initial
}
.romote_tech_dtl h4 span {
  color:#4cb748;
  padding-right:5px
}
.romote_tech_dtl p {
  font-size:18px;
  font-weight:600
}
.pad-left-0 {
  padding-left:0
}
.romote_tech_dtl figure {
  margin-bottom:0;
  text-align:center
}
.romote_tech_dtl figure img {
  max-width:100%
}
.customer_sec .list-styled li::before {
  font-size:20px
}
.office_dtl .list-styled li::before {
  font-size:18px
}
.customer_sec .list-styled li {
  padding-left:40px
}
.office_dtl .list-styled li {
  padding-left:30px
}
.customer_sec .style-circle {
  font-size:20px;
  font-weight:600;
  color:#fff
}
.office_dtl .style-circle {
  font-size:18px;
  font-weight:600;
  color:#000
}
select.form-control-sm {
  height:45px!important
}
.customer_sec summary {
  margin-top:30px;
  border:2px solid #fff;
  font-size:24px;
  font-weight:600;
  color:#fff;
  text-align:center;
  padding:15px
}
.customer_sec.entp_sec .list-styled li::before {
  font-size:18px
}
.customer_sec.entp_sec .style-circle {
  font-weight:500;
  font-size:18px
}
.customer_sec.entp_sec button {
  font-size:24px
}
.our_office {
  padding-bottom:70px;
  padding-top:70px
}
.our_office figure {
  margin-bottom:0
}
.our_office figure img {
  max-width:100%
}
.office_dtl .tab-pane {
  padding:2rem 0
}
.office_dtl .nav-link {
  margin-right:10px;
  font-weight:600;
  border:1px solid #ccc;
  background:#f4f4f4;
  font-size:15px;
  border-radius:0;
  border-bottom:1px solid transparent;
  color:#000
}
.office_dtl .nav-link.active {
  font-weight:400;
  background:#4cb748;
  color:#fff
}
.office_dtl .nav-tabs {
  border-bottom:1px solid transparent
}
.office_dtl .table {
  border:1px solid #dee2e6
}
.office_dtl .table td, .office_dtl .table th {
  border-right:1px solid #dee2e6;
  font-size:14px;
  vertical-align:middle
}
.office_dtl .table th {
  font-size:16px;
  background:#e11f26;
  color:#fff
}
.office_dtl .table td a {
  color:#e11f26
}
.office_dtl .table td:first-child a {
  font-weight:600
}
.blog_sec .card-title a:hover, .blog_sec .latest_post .media a:hover {
  color:#e11f26!important
}
.why_us .col-md-4 .bg-white {
  min-height:300px
}
footer .bg-gray p .text-primary {
  color:#4cb748!important;
  text-shadow:0 0 #ccc
}
.ve_post_content p, .title-heading-left {
  line-height:30px
}
.ve_post_content p, .ve_post_content ul li {
  font-size:16px;
  color:#333
}
.ve_post_content article p {
  font-size:24px;
  line-height:48px;
  font-weight:500;
  color:#000
}
.title-heading-left {
  font-size:25px
}
.fusion-checklist li {
  margin-bottom:15px
}
.fusion-checklist li span {
  display:inline-block;
  position:relative;
  color:#e11f26;
  height:24px;
  width:24px;
  border:2px solid #4cb748;
  font-weight:600;
  border-radius:100px;
  line-height:18px;
  text-align:center;
  margin-right:5px
}
.fusion-checklist {
  padding-left:5px
}

ul.general_list{padding-left:20px;}

ul.general_list li::before, .navbar .dropdown-menu.megamenu li a::before {
  content:"\2022";
  color:#e11f26;
  font-weight:700;
  display:inline-block;
  width:1em
}
.menu-large {
  position:static!important
}
.menu-large a i {
  font-weight:700;
  font-size:18px;
  display:inline-block;
  position:relative;
  vertical-align:middle
}
.megamenu {
  width:70%;
  left:31%!important
}
.megamenu li {
  color:#000
}
.megamenu li ul {
  padding:0;
  margin:0
}
.megamenu li ul li {
  list-style:none
}
.megamenu li ul li a {
  display:block;
  padding:20px 15px;
  clear:both;
  font-weight:400;
  line-height:1.428571429;
  color:#000;
  white-space:normal;
  border-left:2px solid #fff
}
.navbar .dropdown-menu.megamenu {
  padding-top:30px;
  padding-bottom:30px
}
.navbar .dropdown-menu.megamenu.row {
  display:flex!important
}
.navbar .dropdown-menu.megamenu li a {
  color:#172231;
  font-weight:600
}
.megamenu li ul li a span.product-icon {
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:32px;
  height:30px;
  border:5px solid #fff;
  box-shadow:0 8px 24px rgba(0,0,0,.13);
  background-image:url(../images/product-icon-animation-v3.png);
  background-size:1540px auto;
  background-repeat:no-repeat;
  background-color:#fff;
  background-position-x:-1502px;
  box-sizing:content-box!important;
  opacity:0;
  transition:opacity .5s .25s;
  display:none;
  margin-top:-10px
}
@keyframes product-animation {
0% {
background-position-x:0
}
100% {
background-position-x:-1540px
}
}
.megamenu li ul li a span.product-icon.support {
  background-position-y:0
}
.megamenu li ul li a span.product-icon.guide {
  background-position-y:-31px
}
.megamenu li ul li a span.product-icon.sell {
  background-position-y:-241px
}
.megamenu li ul li a span.product-icon.chat {
  background-position-y:-66px
}
.megamenu li ul li a span.product-icon.explore {
  background-position-y:-171px
}
.megamenu li ul li a span.product-icon.gather {
  background-position-y:-276px
}
.megamenu li ul li a span.product-icon {
  display:inline-block;
  position:relative;
  float:right
}
.megamenu li ul li a:hover span.product-icon {
  opacity:1;
  animation:product-animation 1s .25s steps(37)
}
.navbar .dropdown-menu.megamenu li a:hover {
  color:#e11f26;
  border-left-color:#e11f26;
  background:#fafafa;
  box-shadow:0 8px 24px rgba(0,0,0,.13)
}
@media (max-width:768px) {
.navbar .nav>li {
  display:block;
  width:100%;
  float:none;
  text-align:center
}
.navbar-nav .nav-item+.nav-item {
  margin-left:0
}
.megamenu {
  margin-left:0;
  margin-right:0
}
.megamenu li {
  margin-bottom:30px
}
.megamenu li:last-child {
  margin-bottom:0
}
.open .dropdown-menu {
  color:#000
}
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color:rgb(225, 31, 38)
}
.main-banner-section .videoWrapper {
  padding-top:50%!important
}
.main-banner-section .videoPoster span, .main-banner-section .videoPoster span:before {
  background:#e11f26!important
}
.main-banner-section .videoPoster span em {
  border-left-color:#fff!important
}
.office_plans_modal .modal-body {
  max-height:500px;
  overflow:hidden;
  overflow-y:auto
}
.rounded-50, .office_dtl .nav-tabs .nav-link {
  border-radius:50px
}
.office_dtl .nav-tabs .nav-link {
  margin-bottom:15px
}
.fixed-header {
  position:fixed!important;
  top:0;
  left:0;
  width:100%;
  z-index:999
}
.title-heading-small {
  font-size:18px
}
.what-we-do .container {
  padding:60px 0 30px 0;
  background-color:#e11f26;
  margin-top:20px;
  -webkit-box-shadow:0 2px 15px 0 rgba(0,0,0,.1);
  box-shadow:0 2px 15px 0 rgba(0,0,0,.1)
}
.what-we-do .text-black {
  margin-top:-20px;
  padding:0 20px
}
.what-we-do .container h3, .what-we-do .container p {
  color:#fff
}
.what-we-do .container p {
  font-size:16px;
  letter-spacing:.014em;
  line-height:30px;
  font-weight:500
}
.what-we-do .para {
  text-align:justify;
  padding:0 20px
}
.botton1 {
  margin-left:20px
}
.card1 {
  margin-top:20px
}
.title1 h4 a {
  font-size:18px
}
.text1 {
  text-align:justify
}
.why-choose-us {
  margin-top:-20px
}
.choose-us {
  background-color:#e11f26;
  padding:80px 0
}
.choose-us h3 {
  color:#fff;
  font-size:30px;
  padding:0 25px
}
.push-left {
  margin-top:50px
}
.push-left .title-border-left .card-meta h4 {
  color:#fff;
  text-transform:none;
  font-weight:450
}
.push-left .title-border-left p {
  color:#fff;
  text-align:justify;
  margin-top:10px
}
.push-left1 {
  margin-top:50px
}
.push-left1 .title-border-left .card-meta h4 {
  color:#fff;
  text-transform:none;
  font-weight:450
}
.push-left1 .title-border-left p {
  color:#fff;
  text-align:justify;
  margin-top:10px
}
.para1 h4 {
  color:#fff;
  text-transform:none;
  font-weight:450;
  margin-top:30px;
  line-height:30px
}
.botton2 {
  position:relative;
  font-size:15px;
  font-family:"Open Sans", sans-serif;
  text-transform:inherit;
  font-weight:700;
  border:1px solid;
  z-index:1;
  transition:.3s ease-in;
  background:#04266f!important;
  border-color:#04266f;
  color:#fff;
  padding:10px 30px;
  position:relative;
  margin-top:30px;
  display:inline-block;
  transform:skewX(-30deg);
  -webkit-transition:500ms ease-in;
  -moz-transition:500ms ease-in;
  -ms-transition:500ms ease-in;
  -o-transition:500ms ease-in;
  transition:500ms ease-in
}
.botton2 span {
  transform:skewX(30deg);
  display:block
}
.botton2:hover {
  color:#fff!important;
  background:#006699!important;
  border-color:#006699!important
}
.values {
  padding:0 50px
}
.values .tech-box p {
  color:#4cb748;
  font-size:18px
}
.values .tech-box figure i {
  color:#4cb748;
  margin-top:40px;
  font-size:50px
}
.values .tech-box1 p {
  color:#fff;
  font-size:18px
}
.values .tech-box1 figure i {
  color:#fff;
  margin-top:40px;
  font-size:50px
}
.tech-box1 {
  border:1px solid #e11f26;
  padding:15px;
  text-align:center;
  position:relative;
  min-height:195px;
  margin-bottom:30px;
  background-color:#e11f26
}
.effective {
  box-shadow:0 0 20px rgba(0,0,0,.2);
  border:1px solid #eee;
  text-align:center;
  position:relative;
  min-height:180px;
  margin-bottom:30px
}
.effective:hover {
  box-shadow:2px 4px 8px 0 rgba(0,0,0,.2), 2px 6px 20px 0 rgba(0,0,0,.19)
}
.effective a {
  display:block;
  padding:10px 15px
}
.effective a:hover h4 {
  color:#4cb748
}
.Effective-section .effective .circle {
  height:80px;
  width:80px;
  background-color:#e5e7e8;
  border-radius:50%
}
.Effective-section .effective .circle i {
  font-size:28px;
  color:#4cb748;
  padding:25px 0
}
.Effective-section .effective h4 {
  text-align:justify!important
}
.Effective-section .para2 {
  text-align:justify;
  margin-top:5px;
  padding:5px 5px
}
.effective:hover {
  transform:translate(0, -8px);
  transition:0.5s ease-in-out
}
.our-technology .title-tech {
  padding:30px 0;
  border:1px solid #000
}
.our-technology .text-black {
  margin-left:20px;
  text-transform:none
}
.content-sec h5 {
  margin-top:15px;
  text-transform:none
}
.content-sec h5:after {
  content:'';
  width:70px;
  height:2px;
  background:#4cb748;
  display:block
}
.content-sec p {
  font-weight:500
}
.sub-content-tech .effective {
  min-height:80px
}
.sub-content-tech .effective .circle img {
  max-width:100%;
  height:auto
}
.circle1 {
  width:50px;
  height:20px;
  background:#4cb748;
  position:relative
}
.circle1:before {
  content:"";
  position:absolute;
  top:-20px;
  left:0;
  width:0;
  height:0;
  border-left:25px solid transparent;
  border-right:25px solid transparent;
  border-bottom:20px solid #4cb748
}
.circle1:after {
  content:"";
  position:absolute;
  bottom:-20px;
  left:0;
  width:0;
  height:0;
  border-left:25px solid transparent;
  border-right:25px solid transparent;
  border-top:20px solid #4cb748
}
.circle1 span b {
  color:#fff;
  margin-left:20px;
  font-size:18px
}
.ul-class {
  width:100%
}
.left-push {
  margin-left:-219px;
  margin-top:-20px
}
.customers-care.project-care h4 a {
  color:#172231
}
.op-top {
  text-align:center;
  padding:15px;
  margin:60px 90px;
  display:block;
  border-top:1px solid #999;
  border-bottom:1px solid #999
}
.op-top h5 {
  color:#fff;
  font-size:18px;
  font-family:"Open Sans", sans-serif
}
.op-top figure, .op-top h5 {
  display:inline-block;
  position:relative;
  vertical-align:middle;
  margin:0
}
.customers-care.project-care .bg-white {
  min-height:320px
}
.customers-care.project-care.what_we_do .bg-white {
  min-height:325px
}
.our-promise {
  color:#fff;
  margin:30px 0;
  padding-top:30px
}
.our-promise, .our-promise .effective {
  background:#e11f26
}
.our-promise .effective {
  border:1px solid #f9f9f9;
  padding:0;
  border-radius:4px
}
.our-promise .effective img {
  max-height:70px;
  max-width:100%
}
.our-promise .effective h4 {
  margin:0;
  color:#fff;
  padding-top:5px;
  margin-left:-15px;
  font-family:"Open Sans", sans-serif;
  font-size:18px;
  line-height:30px;
  text-align:left
}
.cloud-types .effective, .inline-info ul {
  text-align:center
}
.Effective-section.cloud-types .effective .circle, .Effective-section.cloud-types .effective h4, .hd-tab ul, .inline-info ul {
  margin-left:auto;
  margin-right:auto;
  text-align:center!important
}
.hd-tab ul, .inline-info ul {
  width:auto;
  display:inline-block;
  position:relative
}
.hd-tab ul li, .inline-info li {
  text-align:center!important;
  display:inline-block;
  position:relative
}
.Effective-section.cloud-types .effective h4 {
  padding-top:10px
}
.inline-info {
  border-top:1px solid #4cb648;
  border-bottom:1px solid #4cb648;
  box-shadow:2px 4px 8px 0 rgba(0,0,0,.2), 2px 6px 20px 0 rgba(0,0,0,.19);
  background:#eee;
  text-align:center;
  margin-left:auto;
  margin-right:auto
}
.inline-info li {
  padding:15px;
  border-right:1px solid #4cb648
}
.inline-info li:last-child {
  border:none
}
.hire-dev {
  padding-top:30px
}
.hire-dev h2 {
  margin-top:-60px;
  border-radius:100px;
  height:90px;
  width:90px;
  padding-top:15px;
  border:3px solid #4cb748;
  -moz-box-shadow:0 1px 3px -1px #999;
  -webkit-box-shadow:0 1px 3px -1px #999;
  box-shadow:0 1px 3px -1px #999;
  display:inline-block
}
.cms_content ul.general_list li ul.general_list li{padding-top:5px; padding-bottom:5px;}
.customers-care ul.general_list {
  text-align:left
}
.customers-care ul.general_list li {
  position:relative
}
.customers-care ul.general_list li:before {
  position:absolute;
  left:0
}
.customers-care ul.general_list li {
  padding:10px 0 10px 15px
}
.our-process h4 {
  padding:15px;
  display:block;
  width:96%;
  background:#e11f26;
  border:1px solid #e11f26;
  position:relative;
  min-height:85px;
  text-align:center;
  color:#fff;
  box-shadow:0 4px 10px 0 rgba(8,18,109,.1);
  text-shadow:1px 1px 0 #a00f15, -1px -1px 0 #a00f15, 1px -1px 0 #a00f15, -1px 1px 0 #a00f15, 1px 1px 0 #a00f15
}
.our-process h4:before {
  content:'';
  border-left:20px solid #e11f26;
  border-top:43px solid #fff;
  border-bottom:43px solid #fff;
  position:absolute;
  right:auto;
  left:99.5%;
  top:-1px
}
.text-app-content .container {
  border-left:5px solid #4cb748;
  position:relative
}
.iphone_bg {
  position:relative;
  overflow:hidden;
  border:10px solid #000;
  background:#000;
  border-radius:40px;
  margin:0 auto;
  -webkit-transform:scale(.8) translateY(-5%);
  transform:scale(.8) translateY(-5%)
}
.iphone_bg:after {
  background-image:url(../images/iphone-top.png);
  content:"";
  height:30px;
  position:absolute;
  top:-1px;
  background-repeat:no-repeat;
  right:0;
  margin:0 auto;
  left:0;
  text-align:center;
  background-size:71px;
  background-position:center
}
.feature-ins .nav-tabs {
  margin:0;
  border:0
}
.feature-ins .nav-tabs .nav-link {
  border-bottom:3px solid;
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  border-color:transparent;
  margin:0;
  text-transform:uppercase;
  font-weight:800;
  color:#333
}
.feature-ins .col-md-4 img {
  height:610px
}
.feature-ins .tab-pane {
  background:#fff;
  border-radius:0;
  text-align:center;
  padding:0
}
.feature-ins .fade, .feature-ins .fade.in {
  -webkit-transition:none!important;
  transition:none!important
}
.feature-ins .tab-content {
  padding:10px 0;
  float:left;
  width:100%
}
.feature-ins .nav-tabs {
  margin-top:10px;
  text-align:left
}
.feature-ins .nav-tabs li {
  float:none;
  display:inline-block;
  margin-right:40px
}
.feature-ins .nav-tabs .nav-link.active, .feature-ins .nav-tabs .nav-item.show .nav-link, .feature-ins .nav-tabs .nav-link.active, .feature-ins .nav-tabs .nav-link:focus, .feature-ins .nav-tabs .nav-link.active:hover {
  color:#4cb748;
  border:none;
  border-bottom:3px solid!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important
}
.positive_list {
  width:100%;
  display:inline-block;
  list-style:none;
  padding:0;
  margin:0;
  text-align:left
}
.positive_list li {
  margin-bottom:20px;
  padding-left:40px;
  position:relative
}
.half.positive_list li {
  float:left;
  width:49%;
  line-height:1.5em
}
.positive_list li:before {
  content:"\f00c";
  width:30px;
  height:30px;
  position:absolute;
  font:normal normal normal 14px/1 FontAwesome;
  left:0;
  top:0;
  background: #fbe0d6;
  color: #e11f26;
  text-align:center;
  line-height:30px;
  border-radius:23px
}
.intro-banner-vdo-play-btn {
  height:60px;
  width:60px;
  position:absolute;
  top:auto;
  left:0;
  bottom:5px;
  text-align:center;
  border-radius:100px;
  z-index:1;
  right:0;
  margin:0 auto
}
.pinkBg {
  background-color:#4cb748!important;
  background-image:-webkit-gradient(linear, left top, right top, from(#b0e079), to(#4cb748));
  background-image:linear-gradient(90deg, #b0e079, #4cb748)
}
.intro-banner-vdo-play-btn i {
  line-height:60px;
  font-size:30px;
  color:#fff
}
.intro-banner-vdo-play-btn .ripple {
  position:absolute;
  width:130px;
  height:130px;
  z-index:-1;
  left:50%;
  top:50%;
  opacity:0;
  margin:-65px 0 0 -65px;
  border-radius:100px;
  -webkit-animation:ripple 1.8s infinite;
  animation:ripple 1.8s infinite
}
.intro-banner-vdo-play-btn .ripple:nth-child(2) {
  animation-delay:.3s;
  -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3) {
  animation-delay:.6s;
  -webkit-animation-delay:.6s
}
.ripple:focus {
  outline:0
}
@keyframes ripple {
0% {
-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.3), 0 0 0 3px rgba(255,255,255,.3), 0 0 0 3px rgba(255,255,255,.3), 0 0 0 10px rgba(255,255,255,.3);
box-shadow:0 0 0 0 rgba(255,255,255,.3), 0 0 0 3px rgba(255,255,255,.3), 0 0 0 3px rgba(255,255,255,.3), 0 0 0 10px rgba(255,255,255,.3)
}
100% {
-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.3), 0 0 0 13px rgba(255,255,255,.3), 0 0 0 40px rgba(255,255,255,0), 0 0 4px 100px rgba(255,255,255,0);
box-shadow:0 0 0 0 rgba(255,255,255,.3), 0 0 0 13px rgba(255,255,255,.3), 0 0 0 40px rgba(255,255,255,0), 0 0 4px 100px rgba(255,255,255,0)
}
}
@-webkit-keyframes ripple {
0% {
opacity:1;
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes ripple {
0% {
opacity:1;
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
.intro-banner-vdo-play-btn .ripple:nth-child(2) {
  animation-delay:.3s;
  -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3) {
  animation-delay:.6s;
  -webkit-animation-delay:.6s
}
.solutions_icon {
  font-size:40px;
  position:absolute;
  left:-39px;
  display:inline-block;
  width:70px;
  height:70px;
  top:-10px;
  border:3px solid #4cb748;
  text-align:center;
  color:#4cb748;
  border-radius:50%;
  background:#fff;
  line-height:65px
}
.customers-care figure img {
  max-width:100%;
  max-height:150px
}
.staff-dtl-icon {
  font-size:24px;
  display:inline-block;
  position:relative;
  vertical-align:middle;
  padding:1px 10px
}
.office-img {
  max-height:300px;
  max-width:100%
}
.attraction-sec h3 {
  font-size:24px
}
.customers-care .col-lg-3 h4 {
  min-height:55px
}
.team-a figure {
  text-align:center
}
.team-a figure img {
  border-radius:15px;
  max-width:100%;
  width:80%
}
.team-a p {
  font-size:16px;
  line-height:24px
}
.mt-30 {
  margin-top:30px
}
.customers-care.cloud-type .water-wave figure img {
  max-height:200px!important
}
.horizontal-timeline-container {
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  flex-direction:row;
  position:relative;
  height:20em
}
.horizontal-timeline-container::before {
  content:'';
  position:absolute;
  top:50%;
  left:15%;
  width:70%;
  height:2px;
  background:#e11f26
}
.timeline-block {
  position:relative;
  -webkit-box-flex:1;
  flex:1
}
.timeline-block::after {
  clear:both;
  content:"";
  display:table
}
.timeline-step-counter {
  background:#d1e7f4;
  border-radius:50%;
  top:22%;
  line-height:50px;
  left:30%;
  position:absolute;
  height:150px;
  width:150px;
  text-align:center;
  color:#fff;
  overflow:hidden;
  border:5px solid #fff;
  -moz-box-shadow:0 1px 3px -1px #666;
  -webkit-box-shadow:0 1px 3px -1px #666;
  box-shadow:0 1px 3px -1px #666
}
.timeline-content {
  background:#fff;
  border-radius:5px;
  box-shadow:0 2px 0 #d8d8d8;
  padding:1em;
  position:absolute;
  width:100%;
  text-align:center;
  margin-top:-15px
}
.timeline-content p {
  font-size:18px;
  font-weight:600;
  margin-bottom:0;
  color:#e11f26
}
.timeline-content p span {
  color:#05276f;
  font-weight:700;
  font-size:24px
}
.timeline-block:nth-child(odd) .timeline-content {
  top:0
}
.timeline-block:nth-child(even) .timeline-content {
  bottom:0
}
.timeline-block:nth-child(even) .timeline-content::before {
  left:50%;
  margin-left:-7px;
  top:-7px;
  margin-top:-7px;
  border-color:transparent;
  border-bottom-color:#fff
}
.timeline-content::before {
  content:'';
  position:absolute;
  left:50%;
  margin-left:-7px;
  top:100%;
  height:0;
  width:0;
  border:7px solid transparent;
  border-top:7px solid #fff
}
.btn-arrow:hover {
  text-shadow:none!important
}
.blog_sec .title1 h4.card-title {
  margin-left:-15px;
  margin-right:-15px
}
.blog_sec .title1 {
  text-align:center
}
.blog_sec p.text1 {
  min-height:75px
}
.pdf-view i {
  vertical-align:middle;
  color:#fff;
  padding-right:5px
}
.attraction-sec {
  color:#172231
}
.attraction-sec span {
  font-weight:600;
  font-size:24px;
  font-family:"Barlow Condensed", sans-serif;
  text-transform:uppercase
}
.step_b .btn {
  font-size:16px;
  padding:7px 20px
}
.blog_sec .card-title {
  min-height:50px
}
.blog_sec .card-body p, .blog_sec p {
  text-align:justify
}
.f-benefit h4, .f-benefit p {
  text-align:left
}
.team-structure-view .px-4 {
  padding-left:5px!important;
  padding-right:5px!important
}
.team-structure-view .px-4 .btn-primary {
  padding:7px 15px!important;
  font-size:16px
}
.customer_sec summary {
  display:none!important
}
.section.bg-secondary.position-relative.customer_sec .row.justify-content-between .col-lg-7.col-md-6.mb-4.mb-md-0 {
  padding-top:60px!important
}
.smt figure {
  text-align:center
}
.smt figure img {
  width:100%
}
.btn-primary.disabled, .btn-primary:disabled {
  color:#fff;
  background-color:#252d39;
  border-color:#111;
  text-shadow:1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  -webkit-box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  -moz-box-shadow:4px 0 5px 0 rgba(0,0,0,.3);
  box-shadow:4px 0 5px 0 rgba(0,0,0,.3)
}
.help-block.wpcf7-not-valid-tip {
  color:#c10000
}
.cloud-type p {
  font-size:18px;
  letter-spacing:1px
}
.values .tech-box, .values .tech-box1 {
  margin-top:60px;
  border:3px solid #e11f26
}
.values .tech-box figure img, .values .tech-box1 figure img {
  border-radius:100%;
  background:#f7f7f7;
  margin-top:-80px;
  max-height:150px;
  border:4px solid #04266f
}
.values .tech-box1 h4 {
  color:#fff
}
.hirepage .technologies-tabs p {
  font-size:16px;
  color:#444;
  margin:0 0 30px;
  text-align:center
}
.hirepage .technologies-tabs h5 {
  font-size:16px;
  color:#344256;
  text-transform:capitalize;
  font-family:"Open Sans", sans-serif;
  margin-bottom:0
}

.hirepage .technologies-tabs i {
  width:38px;
  height:38px;
  margin:0 10px 0 0;
  border-right:2px solid #e11f26;
  padding-right:50px
}
.hirepage .technologies-tabs ul {
  clear:both;
  display:flex;
  flex-wrap:wrap;
  justify-content:left;
  margin:0;
  padding-left:0
}
.hirepage .technologies-tabs ul li {
  width:23.7%;
  margin:7px;
  background:#fff;
  border:1px solid #eee;
  box-shadow:0 0 20px rgba(0,0,0,.2);
  border-radius:5px;
  transition:all .5s ease 0s
}
.hirepage .technologies-tabs ul li a {
  display:flex;
  align-items:center;
  padding:15px 10px
}
.hirepage .technologies-tabs ul li a:hover h5,
.hirepage .technologies-tabs ul li:hover a h5 {
  color:#e11f26;
}
.hirepage .technologies-tabs ul li:hover {
  box-shadow:5px 10px 10px rgba(0,0,0,.3);
  border:1px solid #e11f26
}
.hirepage .technologies-tabs .blockchain-techno i {
  background:url(../images/backgrounds/blockchain-sprite.png) left no-repeat
}
.hirepage .technologies-tabs .blockchain-techno .icon1 {
  background-position:3px 1px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon1 {
  background-position:-64px 1px
}
.hirepage .technologies-tabs .blockchain-techno .icon2 {
  background-position:5px -61px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon2 {
  background-position:-62px -61px
}
.hirepage .technologies-tabs .blockchain-techno .icon3 {
  background-position:3px -135px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon3 {
  background-position:-65px -135px
}
.hirepage .technologies-tabs .blockchain-techno .icon4 {
  background-position:3px -225px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon4 {
  background-position:-64px -225px
}
.hirepage .technologies-tabs .blockchain-techno .icon5 {
  background-position:3px -327px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon5 {
  background-position:-65px -327px
}
.hirepage .technologies-tabs .blockchain-techno .icon6 {
  background-position:0 -425px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon6 {
  background-position:-66.5px -425px
}
.hirepage .technologies-tabs .blockchain-techno .icon7 {
  background-position:0 -519px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon7 {
  background-position:-68px -519px
}
.hirepage .technologies-tabs .blockchain-techno .icon8 {
  background-position:3px -620px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon8 {
  background-position:-65px -620px
}
.hirepage .technologies-tabs .blockchain-techno .icon9 {
  background-position:8px -715px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon9 {
  background-position:-59px -715px
}
.hirepage .technologies-tabs .blockchain-techno .icon10 {
  background-position:5px -788px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon10 {
  background-position:-63px -788px
}
.hirepage .technologies-tabs .blockchain-techno .icon11 {
  background-position:5px -870px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon11 {
  background-position:-63px -870px
}
.hirepage .technologies-tabs .blockchain-techno .icon12 {
  background-position:8px -940px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon12 {
  background-position:-62px -940px
}
.hirepage .technologies-tabs .blockchain-techno .icon13 {
  background-position:3px -1032px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon13 {
  background-position:-66px -1032px
}
.hirepage .technologies-tabs .blockchain-techno .icon14 {
  background-position:3px -1120px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon14 {
  background-position:-64px -1120px
}
.hirepage .technologies-tabs .blockchain-techno .icon15 {
  background-position:3px -1210px
}
.hirepage .technologies-tabs .blockchain-techno li:hover .icon15 {
  background-position:-65px -1210px
}
.hirepage .technologies-tabs .mobile-techno i {
  background:url(../images/backgrounds/mobility-sprite.png) left no-repeat
}
.hirepage .technologies-tabs .mobile-techno .icon1 {
  background-position:3px 1px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon1 {
  background-position:-64px 1px
}
.hirepage .technologies-tabs .mobile-techno .icon2 {
  background-position:5px -61px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon2 {
  background-position:-63px -61px
}
.hirepage .technologies-tabs .mobile-techno .icon3 {
  background-position:3px -135px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon3 {
  background-position:-65px -135px
}
.hirepage .technologies-tabs .mobile-techno .icon4 {
  background-position:3px -225px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon4 {
  background-position:-65px -225px
}
.hirepage .technologies-tabs .mobile-techno .icon5 {
  background-position:3px -327px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon5 {
  background-position:-66px -327px
}
.hirepage .technologies-tabs .mobile-techno .icon6 {
  background-position:0 -425px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon6 {
  background-position:-68px -425px
}
.hirepage .technologies-tabs .mobile-techno .icon7 {
  background-position:0 -519px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon7 {
  background-position:-68px -519px
}
.hirepage .technologies-tabs .mobile-techno .icon8 {
  background-position:3px -620px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon8 {
  background-position:-65px -620px
}
.hirepage .technologies-tabs .mobile-techno .icon9 {
  background-position:0 -716px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon9 {
  background-position:-67.5px -716px
}
.hirepage .technologies-tabs .mobile-techno .icon10 {
  background-position:0 -792px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon10 {
  background-position:-68px -792px
}
.hirepage .technologies-tabs .mobile-techno .icon11 {
  background-position:0 -892px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon11 {
  background-position:-72px -892px
}
.hirepage .technologies-tabs .mobile-techno .icon12 {
  background-position:3px -978px
}
.hirepage .technologies-tabs .mobile-techno li:hover .icon12 {
  background-position:-65px -978px
}
.hirepage .technologies-tabs .fullstack-techno i {
  background:url(../images/backgrounds/fullStack-sprite.png) left no-repeat
}
.hirepage .technologies-tabs .fullstack-techno .icon1 {
  background-position:0 1px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon1 {
  background-position:-69px 1px
}
.hirepage .technologies-tabs .fullstack-techno .icon2 {
  background-position:5px -61px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon2 {
  background-position:-63px -61px
}
.hirepage .technologies-tabs .fullstack-techno .icon3 {
  background-position:3px -135px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon3 {
  background-position:-65px -135px
}
.hirepage .technologies-tabs .fullstack-techno .icon4 {
  background-position:3px -225px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon4 {
  background-position:-65px -225px
}
.hirepage .technologies-tabs .fullstack-techno .icon5 {
  background-position:3px -327px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon5 {
  background-position:-65px -327px
}
.hirepage .technologies-tabs .fullstack-techno .icon6 {
  background-position:0 -424px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon6 {
  background-position:-68px -424px
}
.hirepage .technologies-tabs .fullstack-techno .icon7 {
  background-position:0 -519px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon7 {
  background-position:-69px -519px
}
.hirepage .technologies-tabs .fullstack-techno .icon8 {
  background-position:3px -620px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon8 {
  background-position:-64px -620px
}
.hirepage .technologies-tabs .fullstack-techno .icon9 {
  background-position:8px -715px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon9 {
  background-position:-59px -715px
}
.hirepage .technologies-tabs .fullstack-techno .icon10 {
  background-position:5px -792px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon10 {
  background-position:-63px -792px
}
.hirepage .technologies-tabs .fullstack-techno .icon11 {
  background-position:5px -860px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon11 {
  background-position:-62px -860px
}
.hirepage .technologies-tabs .fullstack-techno .icon12 {
  background-position:5px -930px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon12 {
  background-position:-63px -930px
}
.hirepage .technologies-tabs .fullstack-techno .icon13 {
  background-position:5px -1000px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon13 {
  background-position:-63px -1000px
}
.hirepage .technologies-tabs .fullstack-techno .icon14 {
  background-position:5px -1077px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon14 {
  background-position:-64px -1077px
}
.hirepage .technologies-tabs .fullstack-techno .icon15 {
  background-position:5px -1156px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon15 {
  background-position:-64px -1156px
}
.hirepage .technologies-tabs .fullstack-techno .icon16 {
  background-position:3px -1227px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon16 {
  background-position:-65px -1227px
}
.hirepage .technologies-tabs .fullstack-techno .icon17 {
  background-position:5px -1295px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon17 {
  background-position:-62px -1295px
}
.hirepage .technologies-tabs .fullstack-techno .icon18 {
  background-position:5px -1364px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon18 {
  background-position:-62px -1364px
}
.hirepage .technologies-tabs .fullstack-techno .icon19 {
  background-position:5px -1427px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon19 {
  background-position:-63px -1427px
}
.hirepage .technologies-tabs .fullstack-techno .icon20 {
  background-position:5px -1500px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon20 {
  background-position:-63px -1500px
}
.hirepage .technologies-tabs .fullstack-techno .icon21 {
  background-position:5px -1558px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon21 {
  background-position:-64px -1558px
}
.hirepage .technologies-tabs .fullstack-techno .icon22 {
  background-position:5px -1628px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon22 {
  background-position:-63px -1628px
}
.hirepage .technologies-tabs .fullstack-techno .icon23 {
  background-position:5px -1688px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon23 {
  background-position:-63px -1688px
}
.hirepage .technologies-tabs .fullstack-techno .icon24 {
  background-position:-2px -1764px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon24 {
  background-position:-70px -1764px
}
.hirepage .technologies-tabs .fullstack-techno .icon25 {
  background-position:0 -1865px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon25 {
  background-position:-67px -1865px
}
.hirepage .technologies-tabs .fullstack-techno .icon26 {
  background-position:5px -1960px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon26 {
  background-position:-62px -1960px
}
.hirepage .technologies-tabs .fullstack-techno .icon27 {
  background-position:2px -2059px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon27 {
  background-position:-65px -2059px
}
.hirepage .technologies-tabs .fullstack-techno .icon28 {
  background-position:2px -2158px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon28 {
  background-position:-65px -2158px
}
.hirepage .technologies-tabs .fullstack-techno .icon29 {
  background-position:5px -2242px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon29 {
  background-position:-63px -2242px
}
.hirepage .technologies-tabs .fullstack-techno .icon30 {
  background-position:0 -2336px
}
.hirepage .technologies-tabs .fullstack-techno li:hover .icon30, .hirepage .technologies-tabs .fullstack-techno li:hover .icon31 {
  background-position:-67px -2336px
}
.hirepage .technologies-tabs .cms-techno i {
  background:url(../images/backgrounds/cms-sprite.png) left no-repeat
}
.hirepage .technologies-tabs .cms-techno .icon1 {
  background-position:0 -2px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon1 {
  background-position:-69px -2px
}
.hirepage .technologies-tabs .cms-techno .icon2 {
  background-position:5px -61px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon2 {
  background-position:-64px -61px
}
.hirepage .technologies-tabs .cms-techno .icon3 {
  background-position:3px -135px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon3 {
  background-position:-65px -135px
}
.hirepage .technologies-tabs .cms-techno .icon4 {
  background-position:-.5px -225px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon4 {
  background-position:-68.5px -225px
}
.hirepage .technologies-tabs .cms-techno .icon5 {
  background-position:3px -327px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon5 {
  background-position:-65px -327px
}
.hirepage .technologies-tabs .cms-techno .icon6 {
  background-position:0 -424px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon6 {
  background-position:-68px -424px
}
.hirepage .technologies-tabs .cms-techno .icon7 {
  background-position:0 -519px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon7 {
  background-position:-68px -519px
}
.hirepage .technologies-tabs .cms-techno .icon8 {
  background-position:3px -620px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon8 {
  background-position:-64px -620px
}
.hirepage .technologies-tabs .cms-techno .icon9 {
  background-position:8px -715px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon9 {
  background-position:-60px -715px
}
.hirepage .technologies-tabs .cms-techno .icon10 {
  background-position:5px -792px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon10 {
  background-position:-63px -792px
}
.hirepage .technologies-tabs .cms-techno .icon11 {
  background-position:5px -855px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon11 {
  background-position:-63px -855px
}
.hirepage .technologies-tabs .cms-techno .icon12 {
  background-position:5px -930px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon12 {
  background-position:-62px -930px
}
.hirepage .technologies-tabs .cms-techno .icon13 {
  background-position:5px -1000px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon13 {
  background-position:-62px -1000px
}
.hirepage .technologies-tabs .cms-techno .icon14 {
  background-position:0 -1092px
}
.hirepage .technologies-tabs .cms-techno li:hover .icon14 {
  background-position:-69px -1092px
}
.hirepage .technologies-tabs .microsoft-techno i {
  background:url(../images/backgrounds/microsoft-sprite.png) left no-repeat
}
.hirepage .technologies-tabs .microsoft-techno .icon1 {
  background-position:0 -2px
}
.hirepage .technologies-tabs .microsoft-techno li:hover .icon1 {
  background-position:-68px -2px
}
.hirepage .technologies-tabs .microsoft-techno .icon2 {
  background-position:3px -65px
}
.hirepage .technologies-tabs .microsoft-techno li:hover .icon2 {
  background-position:-66px -65px
}
.hirepage .technologies-tabs .microsoft-techno .icon3 {
  background-position:3px -135px
}
.hirepage .technologies-tabs .microsoft-techno li:hover .icon3 {
  background-position:-65px -135px
}
.hirepage .technologies-tabs .microsoft-techno .icon4 {
  background-position:5px -197px
}
.hirepage .technologies-tabs .microsoft-techno li:hover .icon4 {
  background-position:-63px -197px
}
.hirepage .technologies-tabs .java-techno i {
  background:url(../images/backgrounds/java-tec-sprite.png) left no-repeat
}
.hirepage .technologies-tabs .java-techno .icon1 {
  background-position:3px 0
}
.hirepage .technologies-tabs .java-techno li:hover .icon1 {
  background-position:-65px 0
}
.hirepage .technologies-tabs .java-techno .icon2 {
  background-position:5px -68px
}
.hirepage .technologies-tabs .java-techno li:hover .icon2 {
  background-position:-64px -68px
}
.hirepage .technologies-tabs .java-techno .icon3 {
  background-position:3px -135px
}
.hirepage .technologies-tabs .java-techno li:hover .icon3 {
  background-position:-65px -135px
}
.hirepage .technologies-tabs .java-techno .icon4 {
  background-position:3px -225px
}
.hirepage .technologies-tabs .java-techno li:hover .icon4 {
  background-position:-65px -225px
}
.hirepage .technologies-tabs .java-techno .icon5 {
  background-position:3px -324px
}
.hirepage .technologies-tabs .java-techno li:hover .icon5 {
  background-position:-64px -324px
}
.hirepage .technologies-tabs .java-techno .icon6 {
  background-position:3px -425px
}
.hirepage .technologies-tabs .java-techno li:hover .icon6 {
  background-position:-64px -425px
}
.hirepage .technologies-tabs .java-techno .icon7 {
  background-position:0 -519px
}
.hirepage .technologies-tabs .java-techno li:hover .icon7 {
  background-position:-67px -519px
}
.hirepage .technologies-tabs .java-techno .icon8 {
  background-position:3px -620px
}
.hirepage .technologies-tabs .java-techno li:hover .icon8 {
  background-position:-65px -620px
}
.hirepage .technologies-tabs .java-techno .icon9 {
  background-position:3px -716px
}
.hirepage .technologies-tabs .java-techno li:hover .icon9 {
  background-position:-66px -716px
}
.timeline {
  position:relative;
  margin:15px auto;
  width:1000px
}
.timeline:before {
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background-color:grey
}
.timeline ul {
  margin:0
}
.timeline ul li {
  line-height:normal;
  position:relative;
  width:50%;
  padding:20px 30px
}
.timeline ul li:nth-child(odd) {
  text-align:right;
  float:left;
  padding-right:80px;
  clear:both
}
.timeline ul li:nth-child(even) {
  text-align:left;
  float:right;
  clear:both
}
.timeline ul li:before {
  content:'';
  position:absolute;
  width:40px;
  height:40px;
  background-color:#e11f26;
  border-radius:50%;
  box-shadow:0 0 0 6px rgba(225, 31, 38, 0.30)
}
.timeline ul li:nth-child(even):before {
  left:-40px
}
.timeline ul li:nth-child(odd):before {
  right:0
}
.timeline ul li:nth-child(1):before {
  content:'1'
}
.timeline ul li:nth-child(2):before {
  content:'2'
}
.timeline ul li:nth-child(3):before {
  content:'3'
}
.timeline ul li:nth-child(4):before {
  content:'4'
}
.timeline ul li:nth-child(5):before {
  content:'5'
}
.timeline ul li:nth-child(6):before {
  content:'6'
}
.timeline ul li:nth-child(7):before {
  content:'7'
}
.timeline ul li:before {
  font-weight:900;
  font-size:1.8em;
  color:#fff;
  text-align:center
}
.timeline .content {
  padding-top:10px;
  padding-bottom:10px
}
.timeline .content h4 {
  font-weight:600;
  color:#04266f;
  margin-bottom:0
}
.timeline .content p {
  margin-top:10px;
  font-size:.86em;
  line-height:1.6em
}
@media (max-width:1000px) {
.timeline {
  width:100%
}
.timeline .content h4 {
  font-size:1.5em;
  font-family:"Open Sans", sans-serif
}
.timeline .content p {
  font-size:1.2em
}
}
@media (max-width:767px) {
.timeline {
  width:100%;
  padding-bottom:0
}
.timeline:before {
  left:30px
}
.timeline li:nth-child(even), .timeline li:nth-child(odd) {
  width:100%
}
.timeline .content {
  top:20px;
  text-align:left;
  padding-left:50px;
  padding-bottom:50px
}
.timeline ul li:nth-child(odd):before, .timeline ul li:nth-child(even):before {
  left:14px
}
}
.feature-ins figure {
  text-align:center
}
.feature-ins figure img {
  width:100%;
  margin-left:auto;
  margin-right:auto
}
.feature-ins .col-lg-6.col-md-6 figure img {
  width:60%
}
.contact_info {
  margin-top:30px
}
.contact-sec .card-header h4 {
  font-size:24px
}
.address h4 {
  letter-spacing:1px;
  font-size:20px
}
.address strong {
  display:block;
  width:100%;
  position:relative;
  vertical-align:baseline;
  font-size:16px;
  color:#e11f26;
  font-weight:600;
  padding-top:5px
}
footer h4 {
  border-bottom:1px solid #ccc;
  padding-bottom:10px
}
footer h5 {
  font-weight:450;
  color:#e11f26
}
.pad-left-0 {
  padding-left:0
}
.global-office-name {
  padding-top:20px
}
.global-office-name p {
  font-size:16px;
  color:#e11f26
}
.global-office-name p b {
  padding-right:10px
}
.global-office-name p strong {
  font-weight:500
}
footer .border-right {
  border-right:1px solid #e11f26!important
}
.no-gutters figure img {
  max-height:230px
}
.place-head {
  padding-bottom:10px;
  padding-top:0px;
  font-size:18px;
  font-weight:500
}
.social-icon-alt a {
  font-size:18px
}
.breadcrumb-item.active.text-primary {
  color:#eee!important
}
.sydney-address {
  padding-top:0px
}
.f-benefit, .f-benefit p {
  text-align:justify
}
.f-benefit h4 {
  padding-top:120px
}
.f-benefit figure img {
  width:100%
}
.blog_sec .card-img-top {
  max-height:235px
}
.f-item-2 a {
  cursor:default
}
.customers-care.project-care .water-wave figure img {
  background:#fff;
  padding:5px;
  max-height:150px
}
.customers-care.project-care .col-lg-3 h4, .customers-care.core-v .col-lg-3 h4 {
  min-height:30px
}
.our-promise .effective a:hover h4 {
  color:#fff;
  cursor:default
}
.wp_blogs_pagination {
  margin-left:auto;
  margin-right:auto
}
.wp_blogs_pagination span, .wp_blogs_pagination a {
  padding:5px 15px;
  display:inline-block;
  position:relative;
  border:1px solid #ddd;
  font-weight:600
}
.wp_blogs_pagination .page-numbers.current, .wp_blogs_pagination span:hover, .wp_blogs_pagination a:hover {
  background:#e11f26;
  color:#fff;
  border-color:#e11f26
}
h4.team-ttl {
  font-size:30px;
  background:#f79494;
  border-radius:100px;
  text-align:center;
  padding:5px 15px
}
.accordion-inner li {
  display:block
}
.accordion-inner li.ac-ttl {
  margin-bottom:15px
}
.accordion-inner li.ac-ttl a.collapsed, .accordion-inner .collapse.show {
  border-bottom:1px solid #ccc;
  margin-bottom:15px;
  padding-bottom:15px
}
.accordion-inner li span {
  display:inline-block;
  position:relative
}
.accordion-inner li span:first-child {
  width:92%
}
.accordion-inner li span:last-child {
  text-aligh:right;
  width:5%
}
.accordion-inner li span b, .accordion-inner li span em {
  display:block;
  width:100%;
  font-style:normal;
  padding-bottom:5px;
  font-family:"Open Sans", sans-serif
}
.accordion-inner li span b {
  font-weight:500;
  font-size:24px
}
.accordion-inner li span em {
  color:#999;
  font-size:20px
}
.cms_content ul.general_list {
  margin-bottom:20px
}
.cms_content ul.general_list, .cms_content ul.general_list li {
  padding-top:10px;
  padding-bottom:10px
}
.cms_content ul.general_list li ul.general_list {
  padding-left:15px
}
.cms_content p {
  text-align:justify
}
.cms_content ul.general_list li::before {
  display:none!important
}
.b-banner {
  background-image:url(../images/image1.jpg);
  background-attachment:fixed;
  text-align:center;
  padding:45px 0;
  position:relative;
  background-repeat:no-repeat;
  background-size:cover;
  width:100%;
  min-height:150px;
  color:#fff
}
.b-banner:before {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  content:"";
  background:rgba(78, 78, 78, 0.62);
}
.b-banner span {
  letter-spacing:1px;
  font-weight:700;
  font-size:48px;
  font-family:"Open Sans", sans-serif;
  line-height:72px;
  text-shadow:-1px 1px 0 #6d97a3, -2px 2px 0 #618b98, -3px 3px 0 #56818e, -4px 4px 0 #4c7683, -5px 5px 0 rgba(0,0,0,.9);
  transition:.5s ease-in-out
}
.hirepage .technologies-tabs ul li a, .hirepage .technologies-tabs ul li a:hover {
  pointer-events:none;
  cursor:default;
  text-decoration:none
}
.blog-category {
  display:none!important
}
.main-banner-section figure {
  padding-top:60px
}

.effective a, .effective a:hover, .customers-care.cloud-type a,
.customers-care.cloud-type a:hover{cursor: default;}

.bg-secondary .section-title-sm{color:#ffd6d6;}
.customer_sec .style-circle li{margin:top:10px;}
.attraction-sec i.text-primary{color:#ffd6d6!important;}
 .our-promise{background:#05276f;}
 
.customers-care.core-v .bg-white{min-height: 245px;}
.blog_sec article.card{min-height:675px;}