body{
    line-height: 1.5;
	font-family: 'Poppins', sans-serif!important;
}
.clearfix{
  clear: both;
  padding: 0;
  margin: 0;
}
header {
  z-index: 999;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 35px 0;
}

header .logo {
  width: 200px;
  display: block
}

header .container-fluid {
  padding: 0 100px
}

header .logo-stiky {
  width: 100px;
  display: none
}

header .navbar-light .navbar-nav .nav-item {
  /*margin: 0 20px*/
  margin: 0 10px;
}

header .navbar-light .navbar-nav .nav-link {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 8px;
  padding-bottom: 0
}

header .navbar-brand {
  padding-top: 0;
  padding-bottom: 0
}

header.menu-sticky {
  padding: 0;
  position: fixed;
 /*padding-top: 0;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  background: #fff;
  z-index: 999;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .4);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .4)*/
      padding-top: 20px;
    top: 0px;
    left: 0;
    display: inline-block;
    width: 100%;
    background: #fff;
    z-index: 999;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .4);
    /*bottom: 85%;*/
}

header.menu-sticky .button.brd:hover {
  color: #fff
}

header .navbar-light .navbar-toggler {
  border-color: #ddd;
  border-radius: 0;
  background: #fff
}

header.menu-sticky .button.brd {
  padding: 10px 30px;
  color: #fff
}

header .navbar-expand-lg {
  padding-left: 0
}

header .navbar-light .navbar-nav .nav-item a {
  color: #fff;
  position: relative;
  padding: 0;
  font-size: 14px
}

header .navbar-light .navbar-nav .nav-item:hover a,
header .navbar-light .navbar-nav .nav-item a.active,
header .navbar-light .navbar-nav .nav-item a:focus,
header .navbar-light .navbar-nav .nav-item a:focus {
  color: #fff
}

header .navbar-light .navbar-nav .dropdown-menu {
  padding: 10px 20px;
  top: 45px
}

header .navbar-light .navbar-nav .nav-item.dropdown a:before {
  content: none!important
}

header .navbar-light .navbar-nav .nav-item a:before,
header .navbar-light .navbar-nav .nav-item.dropdown.active a:before {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  width: 0;
  height: 3px;
  background: #ffc20e;
  content: "";
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s
}

header .navbar-light .navbar-nav .nav-item:hover a:before,
header .navbar-light .navbar-nav .nav-item a.active:before,
header .navbar-light .navbar-nav .nav-item a:focus:before,
header .navbar-light .navbar-nav .nav-item.dropdown.active a:before {
  width: 60%;
  padding-top: 5px;
  opacity: 0.85;
  margin-top: 10px;
  top: 10px;
  border-radius: 10px 50%;
  -webkit-border-radius: 10px 50%;
  -moz-border-radius: 10px 50%;
}

header .navbar-light .navbar-nav .active>.nav-link,
header .navbar-light .navbar-nav .nav-link.active,
header .navbar-light .navbar-nav .nav-link.show,
header .navbar-light .navbar-nav .show>.nav-link {
  color: #fff
}

header.menu-sticky .navbar-light .navbar-nav .nav-item:hover a:before,
header.menu-sticky .navbar-light .navbar-nav .nav-item a.active:before,
header.menu-sticky .navbar-light .navbar-nav .nav-item a:focus:before {
  background: #fff
}

header.menu-sticky .navbar-light .navbar-nav .nav-item a {
  color: #fff
}

header.menu-sticky .navbar-light .navbar-nav .nav-item:hover a,
header.menu-sticky .navbar-light .navbar-nav .nav-item a.active {
  color: #fff
}

header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu a {
  color: #fff
}

header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu a:hover,
header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu a.active {
  color: #ffc20e;
  background: 0 0
}

header .dropdown-item.active,
header .dropdown-item:active {
  background: inherit
}

.login {
  font-weight: 600;
  display: inline-block;
  letter-spacing: 1px;
  color: #fff
}

.login li a {
  background: 0 0;
  color: #fff;
  padding: 10px 24px;
  border-radius: 6px
}

.login li a:hover {
  color: #fff
}

.login li:last-child a {
  background-image: linear-gradient(to right, #ffc20e 0%, #ffc20e 51%, #ffc20e 100%);
  background-size: 200% auto;
  color: #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px
}

.login li:last-child a:hover {
  background-position: right center;
  color: #fff
}

header.menu-sticky .login li a.login-btn {
  padding: 10px 15px;
  /*font-family: 'Montserrat', sans-serif*/
  font-family: 'Poppins', sans-serif!important;
}

header.menu-sticky .login li a.login-btn:hover {
  color: #fff
}

.form-row::placeholder {
  color: #fff;
  opacity: 1
}

.form-row:-ms-input-placeholder {
  color: #fff
}

.form-row::-ms-input-placeholder {
  color: #fff
}

header .login li.search {
  position: relative;
  margin-right: 20px
}

header .login li.search form {
  display: inline-block
}

header .login li.search input[type=text] {
  height: 40px;
  font-size: 18px;
  display: inline-block;
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Poppins', sans-serif!important;
  font-weight: 100;
  border: none;
  outline: none;
  color: #fff;
  padding: 15px;
  padding-right: 60px;
  width: 0;
  position: absolute;
  top: 0;
  right: 0;
  background: 0 0;
  transition: width .4s cubic-bezier(0, .795, 0, 1);
  cursor: pointer;
  z-index: 3;
  margin: -10px 0 0
}

header .login li.search input[type=text]:focus:hover {
  border: 1px solid #bbb
}

header .login li.search input[type=text]:focus {
  width: 830px;
  z-index: 1;
  border: 1px solid #bbb;
  cursor: text;
  background: -moz-linear-gradient(0deg, rgb(3, 58, 73) 0%, rgb(9, 27, 47) 100%);
  background: -webkit-linear-gradient(0deg, rgb(3, 58, 73) 0%, rgb(9, 27, 47) 100%);
  background: -ms-linear-gradient(0deg, rgb(3, 58, 73) 0%, rgb(9, 27, 47) 100%)
}

header .login li.search #btn-search {
  margin: -5px 0 0;
  z-index: 2;
  padding: 0;
  height: 40px;
  width: 63px;
  display: inline-block;
  float: right;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 2;
  cursor: pointer;
  transition: opacity .4s ease
}

header .login li.search #btn-search:hover {
  opacity: .8
}

/*.container {
  max-width: 1170px
}*/

header.menu-sticky {
  background: #75cd6f;
  background: -moz-linear-gradient(0deg, rgb(3, 58, 73) 0%, rgb(9, 27, 47) 100%);
  background: -webkit-linear-gradient(0deg, rgb(3, 58, 73) 0%, rgb(9, 27, 47) 100%);
  background: -ms-linear-gradient(0deg, rgb(3, 58, 73) 0%, rgb(9, 27, 47) 100%);
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
  position: fixed;
  z-index: 99
}

header.menu-sticky .navbar-light .navbar-nav li.active .nav-link,
header.menu-sticky .navbar-light .navbar-nav li .nav-link:hover {
  color: #fff
}

header.menu-sticky .navbar-light .navbar-nav .nav-link,
header.menu-sticky .navbar-light .navbar-nav .nav-link:focus {
  color: #fff
}

header.menu-sticky .main-header {
  padding: 10px 90px
}

header.menu-sticky .sub-header {
  display: none
}

.dropdown-item.active,
.dropdown-item:active {
  color: #46c894;
  background-color: transparent
}

.banner {
  padding: 200px 90px 65px;
  position: relative;
  overflow: hidden
}

.button-banner:hover,
.button-banner:focus {
  background-color: #fff
}

.banner .banner-text {
  padding-top: 15%;
  position: relative
}

.banner:before {
  content: '';
  position: absolute;
  background: url(../images/banner/shap.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.banner-type img {
  -webkit-animation: bounce 5s infinite alternate
}

@keyframes bounce {
  from {
    transform: translateY(0px)
  }
  to {
    transform: translateY(-25px)
  }
}

@-webkit-keyframes bounce {
  from {
    transform: translateY(0px)
  }
  to {
    transform: translateY(-25px)
  }
}

.list-style li {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
  font-size: 16px
}

.list-style li:last-child {
  margin-bottom: 0
}

.list-style li i {
  margin-right: 10px;
  font-size: 18px
}

.easy-btn {
  padding: 10px 70px
}

.iq-features {
  background: -moz-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%);
  background: -webkit-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%);
  background: -ms-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%);
  position: relative;
  margin-top: 100px
}

.iq-features::before {
  height: 180px;
  width: 100%;
  position: absolute;
  top: -85px;
  left: 0;
  -ms-transform: skewY(-5deg);
  -webkit-transform: skewY(-5deg);
  transform: skewY(-5deg);
  background: -moz-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%);
  background: -webkit-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%);
  background: -ms-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%);
  content: ""
}

.iq-features::after {
  height: 180px;
  width: 100%;
  position: absolute;
  bottom: -85px;
  left: 0;
  -ms-transform: skewY(-5deg);
  -webkit-transform: skewY(-5deg);
  transform: skewY(-5deg);
  background: -moz-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%);
  background: -webkit-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%);
  background: -ms-linear-gradient(0deg, rgb(33, 70, 105) 0%, rgb(9, 27, 47) 100%);
  content: "";
  z-index: 1
}

.feature-img {
  z-index: 2;
  position: relative
}

.feature-one {
  position: absolute;
  top: -67px;
  left: 50px;
  z-index: 1
}

.feature-two {
  position: absolute;
  bottom: -50px;
  right: 50px;
  z-index: 3
}

.feature1 {
  padding-bottom: 250px
}

.product-feature .feature1 {
  padding-bottom: 150px
}

.iq-featurebox {
  border: 1px solid #4e6378;
  padding: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  z-index: 2
}

.features-img {
  position: relative
}

.features-img img {
  z-index: 2;
  position: relative
}

.feature1 .features-img:after {
  z-index: 1;
  width: 54%;
  height: 2px;
  bottom: -110px;
  left: 0;
  margin: 0 auto;
  right: 0;
  transform: rotate(90deg);
  content: ' ';
  position: absolute;
  background-image: linear-gradient(to right, white 50%, transparent 0%);
  background-size: 10px 1px;
  background-repeat: repeat-x;
  background-position: 0% bottom;
  animation-name: iq-work-before;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

.feature1 .features-img.last-line:after {
  content: none
}

@keyframes iq-work-before {
  0% {
    background-position: 0% bottom
  }
  100% {
    background-position: 100% bottom
  }
}

.iq-award {
  margin-top: -50px
}

.iq-awards {
  background: #fff;
  padding: 45px 30px;
  box-shadow: 0 12px 53.01px 3.99px rgba(34, 31, 31, .1);
  -webkit-box-shadow: 0px 12px 53.01px 3.99px rgba(34, 31, 31, 0.1));
  -moz-box-shadow: 0px 12px 53.01px 3.99px rgba(34, 31, 31, 0.1);
  box-shadow: 0px 12px 53.01px 3.99px rgba(34, 31, 31, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.iq-awards-info {
  position: relative;
  overflow: hidden;
}

.iq-awards-info::before {
  background: url("../images/bg/pattern1.png");
  height: 90px;
  width: 40px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% 100%;
}

.iq-awards-info::after {
  background: url("../images/bg/pattern2.png");
  background-size: 100% 100%;
  height: 90px;
  width: 40px;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}

.iq-product-blog {
  padding-top: 200px;
}

.main-blog {
  margin-bottom: 30px;
  border: 1px #d5d5d5;
  background: #fff;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 6px;
  overflow: hidden;
}

section.iq-blogs {
  /* overflow: hidden; */
}

.owl-carousel .main-blog {
  margin-bottom: 0;
}

.iq-blogs .blog-img {
  overflow: hidden;
}

.iq-blogs .blog-img img {
  width: 100%;
  overflow: hidden;
  transition: transform 0.5s;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  /*-webkit-border-radius: 5px;
  -moz-border-radius: 5px;*/
  /*border-radius: 5px;*/
}

.iq-blogs .main-blog:hover .blog-img img {
  transform: scale(1.1);
}

.main-blog:hover {
  border-color: #ffc20e;
}

.main-blog .blog-detail {
  padding: 30px 15px 15px;
  border: 1px solid #f0f2f4;
}

.main-blog .blog-detail .blog-info {
  border-top: 1px solid #e1e1e1;
  padding: 20px 0 0;
  margin-top: 15px;
  display: inline-block;
  width: 100%;
}

.main-blog .blog-detail .blog-info ul li {
  margin-right: 10px;
}

.main-blog .blog-detail .blog-info ul li:last-child {
  margin-right: 0;
}

.main-blog .blog-detail .blog-info ul li a i {
  color: #ffc20e;
  margin-right: 5px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.main-blog .blog-detail .blog-info ul li a:hover i {
  color: #ffc20e;
}

.main-blog .blog-detail a {
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Poppins', sans-serif!important;
  font-weight: 600;
}

.main-blog .blog-detail a:hover h6,
.iq-blogs .main-blog:hover a h6 {
  color: #ffc20e;
}

.main-blog .blog-detail h6 {
  margin-bottom: 5px;
}

.main-blog .blog-info ul li a {
  line-height: 50px;
}

.main-blog .blog-detail .blog-info a span {
  color: #12203c;
}

.iq-blogs .blog-one {
  width: 18%;
  position: absolute;
  right: 0px;
  bottom: 0;
  overflow: hidden;
}

.iq-blogs .owl-carousel .owl-nav {
  top: auto;
  bottom: 0px;
}

.blog-left {
  position: absolute;
  left: 0;
  top: 0;
}

.reply-btn {
  color: #12203c;
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Poppins', sans-serif!important;
  padding: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
}

.reply-btn i {
  vertical-align: middle;
}

.iq-blogs .blog-img .comments-box img {
  width: auto;
}

.main-blog .blog-detail .blog-info .user-img {
  width: 50px;
  display: inline-block;
}

.iq-blogs .media a h6:hover {
  color: #ffc20e
}

.blog-title {
  font-size: 32px;
}
.iq-blogs .blog-title{
  font-size: 20px;
}

.iq-blogs .iq-widget-search a {
  position: absolute;
  right: 15px;
  color: #ffffff;
  cursor: pointer;
  width: 43px;
  height: 43px;
  line-height: 43px;
  background: -moz-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  background: -webkit-linear-gradient(17deg, #ffc20e 0%, #ffc20e 0%, #ffc20e 100%);
  background: -ms-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  font-size: 18px;
  border-radius: 90px;
  top: 10px;
  text-align: center;
}

.iq-blogs .iq-widget-search input {
  height: 62px;
  box-shadow: none;
}

/*.iq-blogs img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}*/

.iq-sidebar-widget li a {
  color: #12203c;
}

.iq-sidebar-widget ul li a span {
  margin-top: 4px;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: -moz-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  background: -webkit-linear-gradient(17deg, #ffc20e 0%, #ffc20e 0%, #ffc20e 100%);
  background: -ms-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  line-height: 24px;
  text-align: center;
  border-radius: 90px;
  color: #ffffff;
  float: right;
  font-weight: normal;
}

.blog-title-img {
  border: 2px dashed #d5d5d5;
  padding: 40px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.blog-title-img img {
  width: 120px;
  height: 120px;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}

.iq-mt-80 {
  margin-top: 80px;
}

.left-side-blog {
  padding-right: 20px;
}

.right-side-blog {
  padding-left: 20px;
}

.main-blog .blog-detail .blog-info .user-img {
  width: 50px;
  height: 50px;
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}

.left-side-blog .media img,
.right-side-blog .media img {
  width: 80px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
}

.blog-finding ul li a i {
  color: #ffc20e;
  margin-right: 5px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.blog-finding ul li a {
  color: #868894;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.blog-finding ul li a:hover i {
  color: #ffc20e;
}

.iq-blockquote {
  background: url("../images/bg/04.png") no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-size: 100% 100%;
}

.iq-blockquote h5 {
  padding: 40px 50px 40px 100px;
  position: relative;
  z-index: 1;
}

a.month-detail {
  color: #6b6e75;
  font-weight: 700;
}

a.month-detail:hover {
  color: #ffc20e;
}

.blog-finding ul {
  border-top: 1px solid #e4e4e4;
  padding-top: 15px;
  margin-top: 15px;
  display: inline-block;
  width: 100%;
}

.comments-box {
  padding: 30px;
  border: 1px solid #e4e4e4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.comments-box img {
  width: 100px;
}

.iq-tags li {
  padding-left: 2px;
  display: inline-block;
  padding-right: 2px;
  margin: 0 0 26px;
}

.iq-tags li a {
  color: #868894;
  padding: 8px 15px;
  font-weight: 600;
  border: 1px solid #e4e4e4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.iq-tags li a:hover {
  border-color: #ffc20e;
  background-image: -moz-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  background-image: -webkit-linear-gradient(17deg, #ffc20e 0%, #ffc20e 0%, #ffc20e 100%);
  background-image: -ms-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  color: #ffffff;
}

.iq-sidebar-widget li a:hover {
  color: #ffc20e;
}

footer h5,
footer h4 {
  font-weight: 500;
}

footer.iq-footer.fshap {
  /*position: relative;
  background: url("../images/bg/fshap.png");
  padding-top: 220px;
  padding-bottom: 50px;
  background-size: 100% 100%;
  background-color: #fafafa;*/
    position: relative;
    background: url(../images/bg/fshap.png);
    padding-top: 224px;
    padding-bottom: 57px;
    background-size: 100% 100%;
    /* background-color: #fafafa; */
    /*margin-top:103px;*/
}

footer .footer-one {
  position: absolute;
  top: 250px;
  left: -50px;
  transform: rotate(-40deg);
  opacity: 0.5;
}

footer.iq-footer.fshap::after {
  position: absolute;
  background: url("../images/bg/03.png") no-repeat;
  content: "";
  right: 0;
  bottom: 0;
  width: 678px;
  /*width:100%;*/
  height: 595px;
  z-index: 1;
}

footer ul li {
  list-style: none;
  line-height: 30px;
}

footer .footer-top {
  z-index: 2;
  position: relative;
}

footer .iq-contact li i,
footer .iq-contact li p {
  display: inline-block;
}

footer .iq-contact li i {
  margin-right: 5px;
  color: #ffffff;
}

footer .footer-logo img {
  height: 40px;
}

footer .social-icone ul li a {
  color: #ffffff;
}

footer .social-icone ul li {
  padding-right: 20px;
}

footer .row.justify-content-between a:hover,
footer .row.justify-content-between a:focus {
  color: rgba(0, 0, 0, .5);
}

footer li a {
  color: #ffffff;
}

footer li a:hover,
footer li a:focus {
  color: #ffc20e;
}

footer .social-icone ul li:nth-last-child(1) {
  padding-right: 0;
}

.iq-font-18 {
  font-size: 18px;
}

footer .form-inline .form-control {
  background: none;
  width: 400px;
  margin-right: 28px;
  margin-bottom: 0;
}

.footer-subscribe {
  padding-bottom: 30px;
}

footer ul.info-share li {
  width: auto;
}

ul.info-share {
  margin-top: 30px;
}

.info-share li {
  display: inline-block;
  margin-right: 15px;
}

.info-share li a i {
  font-size: 30px;
  color: #ffffff;
}

.info-share li a:hover i {
  color: #ffc20e;
}

.logo p {
  padding-right: 75px;
}

.iq-team:hover .iq-team-info {
  bottom: 0;
}

.iq-team {
  position: relative;
  overflow: hidden;
}

.iq-team .iq-team-info {
  padding: 20px;
  display: inline-block;
  width: 100%;
}

.iq-team .iq-team-info span {
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Poppins', sans-serif!important;
  font-weight: 600;
}

.iq-team .share {
  background: none;
  position: absolute;
  right: -65px;
  top: 30%;
  width: 50px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.iq-team:hover .share {
  right: 20px;
}

.iq-team .share ul li {
  margin: 5px 0;
  text-align: center;
}

.iq-team .share ul li a {
  color: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: -moz-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  background: -webkit-linear-gradient(17deg, #ffc20e 0%, #ffc20e 0%, #ffc20e 100%);
  background: -ms-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  color: #ffffff;
  border-radius: 90px;
  text-align: center;
  display: inline-block;
}

.iq-team .share ul li a:hover {
  color: #ffffff;
}

.iq-team .iq-team-img {
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.iq-team .iq-team-img img {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: 1s ease;
  overflow: hidden;
}

.iq-team:hover .iq-team-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: 1s ease;
}

.iq-team .iq-team-img::before {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  content: "";
  z-index: 1;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.iq-team:hover .iq-team-img::before {
  opacity: 1;
}

.iq-team .share {
  z-index: 2;
}

.iq-team .share ul {
  list-style: none;
  position: relative;
  padding: 5px 0 0 0;
  background: #ffffff;
}

.iq-team .share ul::before {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #ffffff;
  position: absolute;
  bottom: -25px;
  content: "";
}

/*.iq-breadcrumb {
  padding: 250px 0px 0px;
  background: linear-gradient(rgb(17, 41, 66), rgba(17, 41, 66, 0.7)), url('../images/productlanding.jpg');
  background:linear-gradient(rgb(17, 41, 66), rgba(17, 41, 66, 0.56)), url(../images/productlanding.jpg);
  background-size: 100% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 85vh;
}*/

.iq-breadcrumb .container-fluid {
  padding: 0 90px;
}

.iq-breadcrumb nav {
  display: inline-block;
}

.breadcrumb-image {
  margin-top: -150px
}

.breadcrumb-item a {
  color: #ffffff;
}

.breadcrumb-item.active {
  background: linear-gradient(to right, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.breadcrumb-item.active::before,
.breadcrumb-item+.breadcrumb-item::before {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.iq-breadcrumb h2 {
  font-weight: 600;
}

.breadcrumb {
  background: #112942;
  padding: 10px 30px;
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Poppins', sans-serif!important;
  margin-bottom: 0;
}

.iq-breadcrumb.text-left .breadcrumb li {
  display: inline-block;
}

.iq-breadcrumb.text-left .breadcrumb li a i {
  font-size: 18px;
  margin-right: 6px;
}

.iq-breadcrumb.text-left .breadcrumb li,
.iq-breadcrumb.text-left .breadcrumb li a:hover {
  color: #ffffff;
}

.iq-breadcrumb.text-left .breadcrumb li a,
.iq-breadcrumb.text-left .breadcrumb-item+.breadcrumb-item::before {
  color: #464855;
  margin-bottom: 0;
}

.iq-breadcrumb .breadcrumb li a:hover {
  color: #ffc20e;
}

.iq-tab .nav-item {
  width: 100%;
}

.iq-tab .nav-item a {
  background: #ffffff;
  color: #12203c;
  font-size: 20px;
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Poppins', sans-serif!important;
  font-weight: 700;
  padding: 15px 10px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  border: inherit;
}

.iq-tab .nav-pills .nav-link {
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-right: 2px;
}

.iq-tab .nav-pills .nav-link.active,
.iq-tab .nav-pills .show>.nav-link,
.iq-tab .nav-pills .nav-link:hover {
  background: rgba(238, 31, 59, 1);
  background: -moz-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  background: -webkit-linear-gradient(17deg, #ffc20e 0%, #ffc20e 0%, #ffc20e 100%);
  background: -ms-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  color: #ffffff;
}

.iq-tab.horizontal .nav-item {
  width: 16.66%;
  text-align: center;
  margin-right: 15px;
  display: inline-block;
}

.iq-tab.horizontal .nav-item a {
  padding: 8px 10px;
  margin-bottom: 0;
}

.iq-tab .nav-pills {
  display: block;
  text-align: center;
  margin: 0 auto;
}

.iq-login-regi {
  padding: 180px 0 80px 0;
  overflow: hidden;
}

.iq-login-regi .iq-login {
  padding: 30px 30px;
  background-position: left center;
  background-attachment: fixed;
  background-repeat: repeat;
  border: 2px solid #ffc20e;
  border-radius: 10px;
}

.iq-login-regi h5 {
  font-weight: 600;
}

.iq-login-regi h5 i {
  color: #ffc20e;
}

.iq-login-regi .iq-login span {
  font-size: 40px;
}

.iq-login-regi .iq-login label {
  color: #222222;
  font-weight: 600;
}

.iq-login-regi .iq-login form .form-control {
  border-radius: 10px;
  height: 52px;
  border: 2px solid #dedede;
  padding: 20px 20px;
}

.iq-login-regi .iq-login form .form-control:focus {
  border-color: inherit;
  outline: 0;
  box-shadow: inherit;
}

.iq-login-regi .iq-login form .button {
  margin: 0 0 30px 0;
  width: 100%;
}

.iq-login-regi .iq-login .link {
  color: #222222;
  font-weight: 600;
}

.iq-login-regi .iq-media li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 18px 8px 0;
}

.iq-login-regi .iq-media li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
}

.iq-login-regi .iq-media li a.fb {
  background: #3d5f9a;
}

.iq-login-regi .iq-media li a:hover.fb {
  background: #547abb;
}

.iq-login-regi .iq-media li a.tw {
  background: #44c0f3;
}

.iq-login-regi .iq-media li a:hover.tw {
  background: #0faef0;
}

.iq-login-regi .iq-media li a.gplus {
  background: #dd4b39;
}

.iq-login-regi .iq-media li a:hover.gplus {
  background: #bd3221;
}

.iq-login-regi .iq-media li a.lkd {
  background: #0077B5;
}

.iq-login-regi .iq-media li a:hover.lkd {
  background: #008fda;
}

.iq-login-regi form .form-group {
  margin-bottom: 25px;
}

.iq-login-regi .link a:hover {
  text-decoration: underline!important;
}

.error img {
  margin-top: 80px;
}

.iq-login-regi .iq-login form .email-bg {
  background-color: #ffff;
  border: 2px solid #dedede;
  border-radius: 5px;
}

.iq-login-regi .iq-login form .email-bg:focus {
  border: 2px solid #ffc20e;
  color: #222
}

.iq-contactbox .contact-box {
  background: #ffffff;
}

.iq-contactbox .contact-box input {
  outline: none!important;
  width: 100%;
  height: 52px;
  border: 2px solid #ced4da;
  border-radius: 5px;
  padding: 5px 20px;
}

.iq-contactbox .contact-box input:hover,
.iq-contactbox .contact-box input:focus,
.iq-contactbox .contact-box textarea:focus,
.iq-contactbox .contact-box textarea:hover {
  border: 2px solid #ffc20e;
}

.iq-contactbox .no-spec {
  padding: 0;
}

.iq-contactbox iframe {
  height: 330px;
}

.iq-contactbox .contact-box textarea {
  border-radius: 10px;
  outline: none!important;
  width: 100%;
  border: 2px solid #ced4da;
  padding: 5px 20px;
  margin-top: 10px;
}

.iq-contactbox .contact-box .button {
  margin-top: 20px;
}

.contact-footer {
  padding: 60px 0 30px;
}

.iq-contact {
  position: relative;
  margin: 20px 0;
}

.iq-contact li {
  list-style: none;
  padding: 0;
  margin: 0px 5px;
  font-size: 16px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.iq-contact h5.small-title {
  margin-bottom: 10px;
}

.iq-contact p {
  display: table;
  margin-bottom: 0px;
  padding-left: 5px;
}

.iq-contact i {
  float: left;
  color: #12203c;
  display: table-cell;
  width: 30px;
  line-height: 35px;
  font-size: 18px;
}

.iq-contactbox form {
  border: none;
  padding: 30px 0;
}

.iq-contactbox h3 {
  font-size: 36px;
}

.iq-contactbox p {
  font-weight: 600;
}

.iq-contact-infobox {
  background: url("../images/bg/05.png");
  margin-bottom: 50px;
}

.iq-contact-infobox .info-share li a i {
  color: #12203c;
}

.iq-contact-infobox .info-share li a:hover i {
  color: #ffc20e;
}

.iq-contact-infobox .contact-bg {
  border-radius: 5px;
  background: #ffffff;
  padding: 40px 40px;
}

.iq-challange-box {
  padding: 75px 30px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  border: 2px dashed #d5d5d5;
  border-bottom: none;
  background: #ffffff;
}

.iq-challange-box::before {
  border-top: 2px dashed #d5d5d5;
  position: absolute;
  bottom: -24px;
  left: 0;
  transform: rotate(15deg);
  left: 0;
  content: "";
  width: 50%;
}

.iq-challange-box::after {
  border-top: 2px dashed #d5d5d5;
  position: absolute;
  right: 0;
  bottom: -24px;
  content: "";
  width: 50%;
  transform: rotate(-15deg);
}

.iq-challange-box:hover,
.iq-challange-box:hover::before,
.iq-challange-box:hover::after {
  border-color: #ffc20e;
}

.iq-challange-img {
  position: relative;
}

.iq-challange-img::before {
  height: 140px;
  width: 140px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  background: #f2f2f2;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  content: "";
  top: 0;
}

.info-box {
  position: relative;
  z-index: 2;
}

.iq-challange-img img {
  z-index: 1;
  position: relative;
  -webkit-animation: bounce 5s infinite alternate;
}

.iq-partner {
  padding-top: 250px;
}

.iq-patner-item.circle {
  position: relative;
  width: 233px;
  height: 233px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
}

.iq-patner-item.circle.effect6 .img {
  opacity: 1;
  padding: 100px 0;
  width: 233px;
  margin: 0 auto;
  height: 233px;
  text-align: center;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.iq-patner-item.circle.effect6.colored .info {
  background: #1a4a72;
}

.iq-patner-item.circle.effect6 .info {
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  padding: 90px 50px;
  text-align: center;
}

.iq-patner-item.circle.effect6 .info::before {
  background: url("../images/partner/bg.png");
  opacity: 0.2;
  filter: alpha(opacity=20);
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0;
  top: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.iq-patner-item.circle.effect6 .info a {
  color: #12203c;
  font-weight: 600;
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Poppins', sans-serif!important;
  font-size: 18px;
}

.iq-patner-item.circle.effect6.scale_up .info {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.iq-patner-item.circle.effect6.scale_up:hover .img {
  opacity: 0;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

.iq-patner-item.circle.effect6.scale_up:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.big-text {
  color: #ffc20e;
  font-size: 60px;
}

.author {
  text-align: center;
  margin: 0 auto;
}

.author-img {
  display: inline-block;
}

.author-info {
  display: inline-block;
  text-align: left;
  margin-left: 15px;
}

.testimonial {
  border: 2px dashed #d5d5d5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 50px 15px 0px;
  position: relative;
  margin-bottom: 70px;
  border-bottom: none;
}

.testimonial::before {
  border-top: 2px dashed #d5d5d5;
  position: absolute;
  bottom: -30px;
  left: 0;
  transform: rotate(15deg);
  left: 0;
  content: "";
  width: 50%;
}

.testimonial::after {
  border-top: 2px dashed #d5d5d5;
  position: absolute;
  right: 0;
  bottom: -30px;
  content: "";
  width: 51%;
  transform: rotate(-15deg);
}

.author-img img {
  width: 50px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
}

.testimonial:hover,
.testimonial:hover::before,
.testimonial:hover::after {
  border-color: #ffc20e;
}

.iq-services {
  padding: 45px 30px;
  margin-bottom: 30px;
}

.iq-services:hover {
  color: #fff;
  background: -moz-linear-gradient(17deg, #ffc20e 0%, #ffc20e 0%, #ffc20e 100%);
  background: -webkit-linear-gradient(17deg, #ffc20e 0%, #ffc20e 0%, #ffc20e 100%);
  background: -ms-linear-gradient(17deg, rgb(254, 223, 108) 0%, rgb(240, 104, 38) 0%, rgb(238, 31, 59) 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.flaticon {
  color: #ffc20e;
}

.flaticon::before {
  margin: 0;
  font-size: 75px;
  line-height: 75px;
}

.iq-services:hover h5,
.iq-services:hover .flaticon {
  color: #ffffff;
}

.coming-height {
  min-height: 800px;
  vertical-align: middle;
}

.iq-coming .big-text {
  font-size: 80px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 900;
  line-height: 100px;
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Poppins', sans-serif!important;
}

.iq-coming img {
  width: 140px;
}

.iq-coming form .form-control {
  background: rgba(255, 255, 255, 0.5);
  border: none;
}

.iq-coming form .form-control {
  margin-bottom: 0;
  background: #ffffff;
  border: none;
  height: 45px;
  padding: 0 15px 0 15px;
  outline: none!important;
  box-shadow: inherit;
  width: 280px;
  border-radius: 90px 0 0 90px;
}

.iq-coming form::-webkit-input-placeholder {
  /Chrome/color: #ffffff;
}

.iq-coming form:-ms-input-placeholder {
  /IE 10+/color: #ffffff;
}

.iq-coming form::-moz-placeholder {
  /Firefox 19+/color: #ffffff;
  opacity: 1;
}

.iq-coming form:-moz-placeholder {
  /Firefox 4 - 18/color: #ffffff;
  opacity: 1;
}

.iq-coming form .button {
  box-shadow: inherit;
  border: none;
  padding: 0 15px;
  border-radius: 0 90px 90px 0;
  height: 45px;
  cursor: pointer;
}

.iq-coming .countdown-timer {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
  max-width: 300px;
  margin: 50px auto;
  border-bottom-left-radius: 15px;
}

.iq-coming .countdown-timer h5 {
  font-size: 14px;
  letter-spacing: 0.5px;
  text-align: center;
  padding-top: 10px;
  text-shadow: none;
}

.iq-coming .countdown-timer .timer {
  padding: 10px;
  text-align: center;
  padding-top: 15px;
}

.iq-coming .countdown-timer .timer .timer-wrapper {
  display: inline-block;
  width: 200px;
  height: 50px;
}

.iq-coming .countdown-timer .timer .timer-wrapper .time {
  font-size: 80px;
  font-weight: bold;
  color: #33333;
  margin: 0 50px;
  float: left;
}

.iq-coming .countdown-timer .timer .timer-wrapper .text {
  font-size: 20px;
}

.iq-coming #countdown {
  list-style: none;
  margin: 20px 0 30px 0;
  padding: 0;
  text-align: center;
  display: inline-block;
}

.iq-coming #countdown li {
  display: inline-block;
  margin: 0 20px;
}

.iq-coming #countdown li span {
  font-size: 50px;
  font-weight: 800;
  line-height: 80px;
  color: #ffffff;
  position: relative;
}

.iq-coming #countdown li.seperator {
  font-size: 50px;
  line-height: 40px;
  vertical-align: top;
  margin: 16px 0px;
  color: #ffffff;
}

.iq-coming #countdown li h6 {
  color: #ffffff;
  font-size: 20px;
  padding-right: 30px;
}

.iq-coming .particles-bg {
  position: relative;
  overflow: hidden;
}

.iq-coming .particles-bg #canvas {
  position: absolute;
  display: block;
  color: rgba(255, 255, 255.0.9);
}

.iq-coming #countdown li p {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #ffffff;
}

.iq-coming #countdown li span:after {
  position: absolute;
  right: -30px;
  top: 0;
  content: ":";
  font-size: 50px;
  color: #ffffff;
  line-height: 50px;
}

.iq-coming #countdown li:last-child span:after {
  content: none;
}

.iq-registertbox .register-boxes input:hover,
.iq-registertbox .register-boxes input:focus,
.iq-registertbox .register-boxes textarea:focus,
.iq-registertbox .register-boxes textarea:hover {
  border: 2px solid #46c894;
}

.iq-loginbox .login-boxes input:hover,
.iq-loginbox .login-boxes input:focus,
.iq-loginbox .login-boxes textarea:focus,
.iq-loginbox .login-boxes textarea:hover {
  border: 2px solid #46c894;
}

#cookie_div {
  background: #222222;
  color: #ffffff;
  position: fixed;
  bottom: 0;
  left: 25%;
  width: 50%;
  padding: 8px 20px;
  display: none;
  z-index: 999;
  -webkit-box-shadow: -1px -5px 21px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: -1px -5px 21px 1px rgba(0, 0, 0, 0.12);
  box-shadow: -1px -5px 21px 1px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}

#cookie_div .button {
  float: right;
  padding: 5px 20px;
  font-size: 12px;
  margin-top: 3px;
  line-height: 16px;
  font-weight: 800;
  border-radius: 10px;
  letter-spacing: 1px;
}


}

/*--*/
/* Button 4 */
.button-4 {
    border-radius: 50px;
    border: 3px solid #fff;
    color: #fff;
    overflow: hidden;
}
.button-4:active {
    border-color: #902866;
    color: #902866;
}
.button-4:hover {
    background: #AB327A;
}
.button-4>.fa {
    position: absolute;
    height: 100%;
    font-size: 125%;
    line-height: 3.5;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.button-4:active>.fa {
    color: #902866;
}
/* Button 4a */
.button-4a>.fa {
    left: 130%;
    top: 0;
}
.button-4a:hover>.fa {
    left: 80%;
}
/* Button 4b */
.button-4b>.fa {
    left: -50%;
    top: 0;
}
.button-4b:hover>.fa {
    left: 10%;
}
/* Button 4c */
.button-4c>.fa {
    left: 70%;
    opacity: 0;
    top: 0;
}
.button-4c:hover>.fa {
    left: 80%;
    opacity: 1;
}
/* Button 4d */
.button-4d>.fa {
    left: 30%;
    opacity: 0;
    top: 0;
}
.button-4d:hover>.fa {
    left: 10%;
    opacity: 1;
}
.service-box-n {
    position: relative;
    box-shadow: 0 0 3px #b7b7b7;
    -webkit-box-shadow: 0 0 3px #b7b7b7;
    -moz-box-shadow: 0 0 3px #b7b7b7;
    -o-box-shadow: 0 0 3px #b7b7b7;
    border-radius: 8px;
    padding: 10px 0px;
    position: relative;
    transition: all 0.3s ease;
    background-color: rgba(255,255,255,0.7);
    align-self: stretch;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
    justify-content: center;
    min-height: 440px;
}

.bg-gray {
    background-color: #ffffff;
}

@media (min-width: 768px){
h2, .h2 {
    /* font-size: 26px; */
    text-transform: capitalize;
    margin: 0 0 20px 0;
    line-height: 1.5;
}
h3, .h3 {
    font-size: 20px;
}
.about-content p {
    margin-bottom: 20px;  
}
.service-card-body h3 {
    margin-bottom: 15px;
}
}
.section-intro {
    max-width: 640px;
    margin-right: auto;
    margin-left: auto;
}
.pb-90px {
    padding-bottom: 20px;
}
.section-intro p {
    margin-bottom: 0;
}
.service-card {
    background: #f8f8ff;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.service-card-img {
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 260px;
}
.service-card-body {
    padding: 10px 30px 40px 30px;
    height: 220px;
}
.service-card:hover {
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(14, 30, 112, 0.1);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(14, 30, 112, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(14, 30, 112, 0.1);
}
/*section {
    padding: 40px 0;
}*/
/*testimonial*/
.clients-feedback-area .client-name > h5 {
    color: rgb(3, 58, 73);
    font-size: 22px;
    margin-top: 5px;
}

.clients-feedback-area .star-icon > i {
    font-size: 18px;
    color: #f1b922;
}

.clients-feedback-area .client-description > p {
    max-width: 1010px;
    margin: auto;
    margin-bottom: 15px;
    font-size: 16px;
}

.clients-feedback-area .client > i {
    font-size: 20px;
    color: rgb(3, 58, 73);
    margin-bottom: 30px;
}

.clients-feedback-area .client-name > p {
    color: #b5aec4;
}

.clients-feedback-area .slick-dots {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.clients-feedback-area .slick-dots li button {
    /* width: 12px; */
    height: 17px;
    text-indent: -999999999999999999999999px;
    border: 3px solid #a49fba;
    background-color: #fff;
    border-radius: 50%;
    margin: 5.5px;
    outline: none;
}

.clients-feedback-area .slick-dots li.slick-active button {
    background-color:rgb(3, 58, 73);
    border-color: rgb(3, 58, 73);
}

.clients-feedback-area .slick-slide.client-thumbnail {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 129px;
}

 
.clients-feedback-area .slick-slide img {
    display: block;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

.clients-feedback-area .slick-slide.slick-current img {
    width: 100px !important;
    height: 100px !important;
}

.clients-feedback-area .slick-arrow {
    position: absolute;
    width: 30px;
    background-color: #fff;
    height: 100%;
    text-align: center;
    font-size: 24px;
    color: #b5aec4;
    display: block;
    line-height: 550%;
    left: 0;
    z-index: 90;
    cursor: pointer;
}

.clients-feedback-area .slick-arrow.fa-angle-right {
    left: auto;
    right: 0;
    top: 0;
}
.breadcrumb-image.livestream {
  position: fixed;
  right: -60px;
  top: 150px;
}
.breadcrumb-image.livestream img {
  max-width: 75%;
  opacity: 0.3;
}
.iq-blogs ul li {
  padding-bottom: 12px;
  padding-left: 0;
  margin-left: 20px;
  line-height: 1.3;
}

.iq-breadcrumb{
  overflow: hidden;
}
video#myVideo {
  width: 100%;
}
nav[aria-label="breadcrumb"] {
  display: none;
}
.loyalty-wrap img {
  max-width: 330px;
  text-align: center;
  margin: auto;
  display: block;
}
.m-portlet__body img {
  max-width: 60%;
}
.services-block img {
  max-width: 140px;
}

.services-block {
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  padding: 20px 10px;
  border-radius: 5px;
}
.services-block .title-box {
  margin-bottom: 0px;
}
.services-block h3{
  margin-bottom: 20px;
}
.col-md-6.wow.fadeInUp.pt-4.pt-md-0.order-2.order-md-1.h-100.align-self-center.row {
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(14, 30, 112, 0.1);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(14, 30, 112, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(14, 30, 112, 0.1);
    padding: 30px;
}
.col-md-6.order-md-2.wow.fadeInUp.pt-5.pt-md-0.h-100.align-self-center.row {
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(14, 30, 112, 0.1);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(14, 30, 112, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(14, 30, 112, 0.1);
    padding: 30px;
}



.inner_column .live_img{
    background: #033948;
    text-align: center;
    padding: 20px 20px 20px 20px;
    height: 310px;
}
.inner_column h4{
    margin-bottom:20px;
}
.main_content p{
    margin-top: 20px;
    line-height: 30px;
    font-size: 17px;
    /*text-align: left;*/
}
.main_content .button{
        margin: 10px 0 0;
    padding: 12px 30px;
    border: 0;
    /* background: transparent; */
    color: #112648;
    font-size: 15px;
    cursor: pointer;
    border-radius: 0px;
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0s cubic-bezier(.455,.03,.515,.955);
    
}
.main_content{
    text-align:center;
}
.timelapse_img{
    width: 60%;
    vertical-align: middle;
    position: relative;
    top: 25%;
}
.live ul{
    position:relative;
    left:20px;
}
/*.live ul li{
    display:inline;
}*/


#tabs{
	background: #007b5e;
    color: #eee;
}
#tabs h6.section-title{
    color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #033a49;
    background-color: transparent;
    border-color: transparent transparent #033a49;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;
    /*border-color: #033a49 #033a49 #fff;*/
}
#tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #eee;
    font-size: 20px;
}
.live p{
    color: #ffc20e;
    font-size: 17px;
    line-height: 30px;
    padding-bottom: 10px;
}
.main_content{
    background: #0339480a;
    position: initial;
    left: 13px;
    right: 13px;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    border-radius: 10px;
}
.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown {
    opacity: 1;
}
.contents_ul ul{
  display: inline-block;
  width: 100%;
  list-style-type: none;
}
.contents_ul ul li{
  position: relative;
  padding: 20px 2px 3px 0px;
  color: #002147;
FONT-SIZE: 16PX;
}
.contents_ul ul li:before {
    content: "\f046";
    font-family: "FontAwesome";
    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
    color: #ffc20e;
}
.contents_ul ul li span{
  padding-left: 26px;
}
.blog-bg{
   padding: 250px 0px 0px;
    /* background: linear-gradient(rgb(17, 41, 66), rgba(17, 41, 66, 0.7)), url(../images/productlanding.jpg); */
    background: linear-gradient(rgb(17, 41, 66), rgba(17, 41, 66, 0.56)), url(../images/blog.jpg);
    background-size: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 85vh;
}
.main_content .button a{
    color:black;
}
.nav-tabs {
    border-bottom: 1px solid #033a49;
}
.tab-bg{
    /*background: #033a4914;*/
    /* padding: 15px 15px 15px 15px; */
    /* position: relative; */
    padding-left: 13px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-top: 25px;
    height: 430px;
    /*box-shadow: 0 3px 6px rgba(0,0,0,.2);*/
}
.text-bg{
    text-align:justify;
    color: #043444;
}
.navbar-nav {
    /*display: -ms-flexbox;*/
    /*display: -webkit-inline-box;*/
}
.camera-type{
    border-radius: 6px;
    /* border: 1px solid black; */
    font-size: 15px;
    /* border-bottom: none; */
    background: #ffc20e;
    padding: 15px 15px 15px 15px;
}
.tab-content{
    background: #fcfcfc;
    /* border: 1px solid black; */
    border-radius: 5px;
    height: 280px;
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
}
.camera-type a{
    color: black;
}
.tab-pane{
    padding: 15px 15px 15px 15px;
}
/*#livestream{
    padding: 130px 0 657px;
    overflow: hidden;
}*/
.alt-bg{
    background: #fafafa;
}
.features-left-image img{
   position: absolute;
    top: -60px;
    right: 0;
    max-width: unset;
    z-index: 9999;
    width: 60%;
}
.image-left img{
     position: absolute;
    top: 85px;
    right: 0;
    max-width: unset;
    z-index: 9999;
    width: 80%;
}
.features-left-image{
    position: sticky;
    margin-right: -208px;
}
.efg{display:none;}
.owl-item{
    width:auto;
}

/* Slider */
.slick-slide {
    margin: 0px 20px;
}
.slick-slide img {
    width: 100%;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-arrow {
    background: #fff;
    padding: 0;
    border: none;
}
.slick-arrow img {
    opacity: 0.4;
}
.slick-arrow img:hover {
    opacity: 1.0;
}

/* News Styling */
.news-slider {
  padding: 40px 0;
}
.blogPost--small {
    color: #7c7b7b;
   margin: 70px 30px 40px 0;
}
.blogPost--small .media > .pull-left {
    margin-right: 25px;
}
.blogPost--small a {
    color: #ffc20e;
}
.blogPost--small .date, .blogPost--small .dateEl2 {
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff;
    background: #662d91;
}
.blogPost--small .date span, .blogPost--small .dateEl2 span {
    display: inline-block;
    font-size: 42px;
    line-height: 1;
    letter-spacing: 0em;
    text-indent: -0.1em;
    color: #fff;
    font-weight: bold;
}
.blogPost--small .date small, .blogPost--small .dateEl2 small {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
}
.blogPost--small h4 {
    margin: 20px 0 12px 0;
    font-size: 22px;
    text-transform: uppercase;
}
.newsNav .row {
	margin: 0 0;
}
.media img{
    width: 15%;
    /*position: relative;*/
    right: 21px;
}
.media i{
    /*background: #f5f5f5; */
    padding: 30px 25px 28px 25px;
    font-size: 25px;
    color: #033a49;
    position: relative;
    right: 18px;
    border-radius: 50%;
    /*box-shadow: 0 3px 6px rgba(0,0,0,.2);*/
    /* background-image: linear-gradient(#033a49, #ffc20e); */
    /* background-image: linear-gradient(to right, rgb(10, 138, 174), rgb(3, 58, 73)); */
    border: solid 1px #00000078;
}
.left-image{
    position: sticky;
    margin-right: -208px;
}
.left-image img{
    position: absolute;
    top: 80px;
    right: 0;
    max-width: unset;
    z-index: 9999;
    width: 80%;
}

@media (max-width: 1440px){
    .features-left-image{
        margin-right: 0px
    }
    .left-image{
     margin-right: 0px   
    }
    
}
@media (max-width: 425px){
    .features-left-image img{
        position: relative;
        top: -80px;
        left: 25px;
    }
    
    
   
}
@media (max-width: 768px){
    .features-left-image img{
        top: -30px;
        width: 80%;
    }
    .icon_img{
        width:100% !important;
    }
   .left-image img{
        position: relative;
        top: 5px;
    }
   .about-img img{
       position: relative!important;
        left: 0px!important;
        top: 90px;
   }
   .caption_cnt{
           top: 45.6%!important;
           background:none!important;
   }
   .intro video{
       width:100%;
       height:100%;
   }
   .intro16 h3{
       font-size: 35px!important;
    margin: 30px 0px 30px!important;
   }
   .clients2-li{
        width:100%!important;    
   }
   .video_bg{
       overflow: visible!important;
   }
   .clients2{
      left:0!important; 
   }
   .client_login_style {
       display:none;
   }
   .feature-left{
       text-align: center!important;
        padding-right: 0!important;
        width: 100%!important;
   }
   .feature-right{
       text-align: center!important;
        padding-right: 0!important;
        width: 100%!important;
   }
   .shapesection{
       position:relative!important;
   }
   .shape-text{
       position: initial!important;
       text-align: center!important;
       
   }
   footer.iq-footer.fshap{
       position:initial;
   }
   .gutter-lg-6{
       position:initial!important;
   }
}
.streaming-wrap{
    position:relative;
}

.streaming-wrap h4 {
    text-transform: uppercase;
    color: #000;
    padding-bottom: 15px;
    font-size: 20px;
    /*border-bottom: 1px solid #d5d5d5;*/
    font-weight: bold;
    text-align: center;
    margin-bottom: 0px;
}
.bubble-white {
    background: url(../images/bubble.png) no-repeat center;
    height: 10px;
    position: relative;
    top: -1px;
}
.space40 {
    height: 40px;
}
.features-content {
   /* padding: 30px 5px;*/
    text-align: center;
}
.features-icon {
    position: relative;
    font-size: 28px;
    color: #ffc20e;
    text-align: center;
    padding: 5px 0px 20px 0;
    display: inline-block;
}
.features-icon i{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.features-content h6 {
    font-size: 16px;
   letter-spacing: 2px;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.features-description p {
    padding: 10px 0 0;
    font-size: 13px;
    text-align: justify;
    line-height: 25px;
}

/* new section*/
.product-features {
    background: #f1f1f1;
    padding-bottom: 25px;
}
.product-features {
    padding: 94px 0 82px;
}
.custom-container {
    max-width: 1650px;
}
.product-features .product-features-main-title {
    padding-bottom: 10px;
}
.page-title {
    padding-bottom: 30px;
    margin-bottom: 50px;
    position: relative;
}
.page-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 80px;
    border-radius: 20px;
    background: #ffc20e;
}
.page-title .page-main-title {
    font-size: 34px;
    line-height: 44px;
    color: #333740;
}
.product-features .product-features-left {
    /* padding-right: 30px; */
}
.product-features .media {
    margin: 10px 0;
    transition: 0.5s;
}
.product-features .media {
    margin: 21px 0;
}
.product-features .product-features-img {
    background: white;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    transition: 0.5s;
    box-shadow: 0px 0px 23px -8px rgba(51, 51, 51, 0.34118);
}
.pos-r {
    position: relative;
}
.product-features .product-features-img img {
    width: 44px;
}
.product-features .product-features-img img {
    width: 25px;
}
.pos-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product-features .flex-lg-row-reverse .media-body {
    box-shadow: 36px 0px #fff, 0 0px 0px 0;
}
.product-features .flex-lg-row-reverse .media-body {
    padding: 15px 13px;
}
.product-features .media-body {
    background: white;
    padding: 15px 9px;
    transition: 0.5s;
    box-shadow: -36px 0px #fff, 0 0px 0px 0;
}
.product-features .product-features-title {
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 0;
    color: #333740;
}
.product-features .product-features-content {
    font-size: 15px;
    line-height: 25px;
    color: #333740;
}
.content-product-features-img img {
    max-width: 75%;
}
.mrb-0 i{
    padding: 25px 25px 25px 20px;
    border: none;
    position: initial;
}
.about-page2-inner h2 {
    margin-bottom: 20px;
}
.about-page2-inner p{
    line-height: 30px;
    text-align: justify;
    font-size: 17px;
}
.title-default-left {
    text-transform: capitalize;
    text-align: left;
    font-weight: 500;
    margin-bottom: 45px;
    color: #002147;
}
.overlay{
    background: #033a4900;
    height: 600px;
    text-align: center;
    position: relative;
    right: 55px;
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    border: 1px solid black;
}
.about-page2-inner ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
}
.overlay img{
        width: 80%;
    position: relative;
    top: 166px;
}
/*.about-page2-inner ul li:before {
    content: "\f046";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    color: #fdc800;
    font-family: FontAwesome;
}
.about-page2-inner ul li a {
    color: #002147;
}*/
.ss{
    height: 358px;
}
.ss img{
    top: 10px;
    width: 46%;
}
.card-header{
    background-color: rgb(14, 71, 86);
}
.btn-link{
    color: #ffc20e;
}
.btn-link:hover {
    color: #e7e6ec;
    text-decoration: none;
}

/* timelapse page design*/

.about-content h5 {
    font-weight: 700;
    /*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Poppins', sans-serif!important;
    background: linear-gradient(-90deg, #f4b808 0%, rgb(255, 194, 14) 100%);
    background: linear-gradient(-90deg, #f4b808 0%, rgb(255, 194, 14) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    margin-bottom: 20px;
}
.about-content h2 {
    font-weight: 700;
    margin: 0 0 15px;
    font-size: 28px;
    color: black;
}
.about-info {
    margin: 40px 0 0;
}
.about-info-single {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 4px;
    padding: 15px 10px;
}
.about-info-single i{
    font-size: 25px;
    color: #0485a9;
}
#timelapse{
    background:url("../images/bg-products-banner-a02.jpg");
    background-repeat: repeat;
    background-size: auto;
    /*background: linear-gradient(-90deg, #074d61 0%, rgb(9, 97, 121) 100%);*/

}

/* mega pixel section */
#features-area {
    padding: 105px 0 0;
    background-image: url("../images/bg-1.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    margin-bottom: 40px;
    margin-top: 50px;
}
.section-heading {
    margin-bottom: 60px;
}
.section-heading h5 {
    font-weight: 700;
    /*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Poppins', sans-serif!important;
    background: -webkit-gradient(linear, right top, left top, from(#0985f9), to(#6809dc));
    background: linear-gradient(-90deg, #0985f9 0%, #6809dc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    margin: 0 0 5px;
}
.section-heading h2 {
    font-weight: 700;
}
.section-heading {
    margin-bottom: 60px;
}
.features-single {
    background-color: #fff;
    padding: 30px 20px 15px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    border-radius: 4px;
    border-bottom: 2px solid #ffc20e;
    margin: 0 0 30px;
    height: 240px;
}
.features-single .icon {
    width: 20%;
    float: left;
    margin: 8px 0 0;
    text-align: center;
    padding-right: 15px;
}
.features-single i {
    color: #ffc20e;
    font-size: 30px;
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #f5f5ff;
    border-radius: 50%;
    line-height: 60px;
    -webkit-box-shadow: 0 0 10px rgb(3, 57, 72);
    box-shadow: 0 0 10px rgb(3, 57, 72);
    border: 3px solid #fff;
}
.features-single .content {
    width: 75%;
    float: left;
}
.blog-post-list {
    padding: 30px 30px 0;
}
.blog-single {
    margin: 0 0 50px;
}
.blog-single img {
    border-radius: 6px;
    margin: 0 0 20px;
}
.blog-post-list{
    border: 1px solid #e6f0fa;
    padding: 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px #e6f0fa;
    box-shadow: 0 0 10px #e6f0fa;
    /*height: 610px;*/
    height: 870px;
}
.post-content h3{
    padding-bottom: 20px;
}



/* new tabs*/
.card {
    margin-top: 20px;
    padding: 30px;
    background-color: rgba(214, 224, 226, 0.2);
    -webkit-border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 1);
}
.card.hovercard .card-background {
    height: 130px;
}
.card-background img {
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
    filter: blur(25px);
    margin-left: -100px;
    margin-top: -200px;
    min-width: 130%;
}
.card.hovercard .useravatar {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
}
.card.hovercard .useravatar img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.5);
}
.card.hovercard .card-info {
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
}
.card.hovercard .card-info .card-title {
    padding:0 5px;
    font-size: 20px;
    line-height: 1;
    color: #262626;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.card.hovercard .card-info {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}
.card.hovercard .bottom {
    padding: 0 20px;
    margin-bottom: 17px;
}
.btn-pref .btn {
    -webkit-border-radius:0 !important;
}
.btn-group{
    width: 100%;

}
.horizontal-tab{
    background: beige;
    position: relative;
    top: -39px;
}


/* software section */
.home-features {
    padding: 90px 0 30px;
    background-color: #fff;
}
.home-features .features-intro h2 {
    margin: 0 0 30px;
    font-weight: 400;
}
.home-features .features-intro p {
    margin-bottom: 30px;
    line-height: 30px;
}
.home-features .features-intro .read-more {
    background-color: #ffc20e;
    color: #fff;
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 16px;
}
.home-features .single-feature {
    margin-bottom: 60px;
}
.home-features .icon-wrapper {
    text-align: right;
}
.home-features .icon-wrapper .fa {
    font-size: 60px;
    color: #1783a1;
}
.features-intro{
    padding-bottom:100px;
}
@media (max-width:768px){
    .blog-post-list{
        height:auto;
    }
    .features-single{
        height:auto;
    }
    .features-single .content{
        width:100%;
    }
    .intro .container, .intro img{
        top: 10px!important;
    }
}
@media (max-width:1024px){
    .blog-post-list{
        height:auto;
    }
    .inner_column h4{
        font-size:24px;
    }
    .client_login_style{
        bottom: 70px!important;
    }
    
}
@media (max-width:768px){
    .overlay{
        right:0px;
        position:initial;
    }
}

/* today style */

.home-shortcuts {
    margin: 0;
    background: #25a2c7;
    color: #fff;
}
.home-shortcuts .lead {
    margin-top: 40px;
}

/*.home-shortcuts .lead {
    margin: 0;
    line-height: 55px;
}*/
.home-shortcuts ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.home-shortcuts li, .home-shortcuts li:first-child {
    border-color: #fff;
}
.home-shortcuts li:first-child {
    border-left: 1px solid #0e88b0;
}
.home-shortcuts li {
    padding: 20px 0;
}
.home-shortcuts li {
    float: left;
    width: 24%;
    padding: 5px 3px;
    border-right: 1px solid #0e88b0;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    top: 10px;
}

.owl-carousel .owl-item img{
    width:25%;
}
.icon_img{
    background: #ffc20e;
    width: 40%;
    padding: 50px 20px 50px 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    border-radius: 15px;
    height: 200px;
}
.icon_slider{
    background:url("../images/product-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 8%;
    padding-bottom: 8%;
}
.icon_slider h2{
        color: white;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    padding: 0px;
}

/*today responsive style */

@media (min-width: 1024px){
    
    header .logo {
    width: 70%;
    display: block;
    position: relative;
    /*left: 157px;*/
}

header .navbar-expand-lg {
    padding-left: 0!important;
    display: -webkit-inline-box;
    position: relative;
    right: 18%;
}

.login li a{
    padding: 5px 10px;
}
/*.client_login_style{
        bottom: 67px!important;
    }
    .client_login_style_1{
        position: relative!important;
        bottom: 69px!important;
    }*/

}
@media (min-width: 1440px){
    
    header .navbar-expand-lg{
        right:0%;
    }
    
    header .logo{
        width:100%;
        left:0px;
    }
}

/*.overlay_video{
    background-image: url("../images/bg.png");
}*/

/*index new style */

.about-img img{
    position: absolute;
    left: 206px;
    top: 40px;
    width: 100%;
}
#product-features{
    position: absolute;
    margin-top: -5px;
}
#msg-box18-1c H3 {
    font-size: 36px;
    color: #ffd80c;
}
#msg-box18-1c P {
    font-size: 16px;
}
.page_head p {
    color: #fff;
}
.mbr-section--bg-adapted {
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-features {
    /* background: #222; */
    padding: 80px 0;
}
.mbr-figure--full-width {
    display: block;
    width: 100%;
}
.mbr-figure {
    display: inline-block;
    line-height: 1px;
    margin: 0;
    max-width: 100%;
    position: relative;
}
#webcam1 {
    position: relative;
    top: 195px;
    width: 100%;
}
.feature-left {
    margin: 80px 0 0;
    text-align: right;
    padding-right: 30px;
}
.feature-left li {
    margin-bottom: 30px;
}
.mbr-primary-color{
    color: #ffd80c !important;
}
.feature-right li i {
    font-size: 45px;
    /*color: #29d9c2;*/
}
.feature-right {
    margin: 80px 0 0;
    text-align: left;
    padding-left: 30px;
}
.feature-left li i{
    font-size: 45px;
}
.fl-content h4 {
    margin: 30px 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
#header22-1a P {
    font-size: 15px;
    line-height: 30px;
}
.fl-content p {
    font-size: 14px;
    /*padding-left: 40px;*/
    color: #fff;
    opacity: 0.8;
    margin-bottom: 40px;
}
.feature-right li {
    margin-bottom: 30px;
}
.fr-content h4{
    margin: 30px 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
/*ptz camera style */
.intro15 {
    /* background: #111 url(../images/bg/15.jpg) no-repeat center; */
    background-size: cover;
    /* padding: 120px 0 80px; */
}
.intro {
    position: relative;
}
.mbr-overlay {
    background: #222;
    /*bottom: -40px;*/
    left: 0;
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 2;
}
.intro .container, .intro img {
    position: relative;
    z-index: 77;
    top: 20px;
    /*left: 33px;*/
}
.hl-container {
    width: 100%;
    max-width: 550px;
    position: relative;
}
.intro15 h3 {
    color: #fff;
    margin: 0px 0px 30px;
    font-size: 59px;
    font-weight: 700;
    letter-spacing: -3px;
    line-height: 70px;
}
#header8-36 H3 {
    color: #ffd80c;
}
.intro15 p {
    font-size: 16px;
    font-weight: 400;
    color: #d6d1d1;
    opacity: 1;
    padding: 0;
    margin: 0 0 -15px;
    line-height: 28px;
	text-align: justify;
}
.intro16 h3 {
    color: #ffd80c;
    margin: 0px 0px 30px;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 55px;
}
#soft1 {
    color: #231F20;
}
strong{
    font-weight: 700;
}
.btn-primary {
    padding: 5px 25px;
    font-size: 15px;
    background-image: linear-gradient(to right, #043444 0%, #043343 51%, #043344 100%);
    border-radius: 2.3rem;
    color:white;
}

#msg-box18-22 H3 {
    font-size: 46px;
    color: #ffffff;
}
.page_head h3 {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    margin: 0 0 10px;
}
.services {
    padding: 100px 0 0;
}
.services-s5 .service-content i {
    display: table;
    font-size: 40px;
    margin: 0 auto 20px;
    padding: 0px;
    cursor: pointer;
    background: #053242;
    text-decoration: none;
    color: #ffffff;
    width: 90px;
    height: 90px;
    line-height: 88px;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    text-align: center;
}
.services-s5 .service-content i:after {
    content: '';
    position: absolute;
    border: #053142 solid 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
    border-radius: 50%;
}
.services-s5 .service-content h4 {
    font-size: 19px;
    margin: 5px 0 14px;
    text-align: center;
    font-weight: 700;
}
.services-s5 .service-content p {
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}
.services-s5 .service-content:hover i {
    background: #ffd80c !important;
}
.services-s5 .service-content:hover i {
    color: #fff;
    /*background: #29d9c2;*/
}
.section-head {
    position: relative;
    z-index: 55;
}
.space50 {
    margin-bottom: 50px;
}
.clients2 {
    list-style: none;
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
    left: 23%;
}
.clients2-li {
    width: 26%;
    float: left;
    position: relative;
    padding: 40px 30px;
}
.clients2-li:before {
    content: "";
    height: 100%;
    top: 0;
    left: -1px;
    position: absolute;
    border-left: 1px solid #e5e5e5;
}
.clients2 img {
    transition: .4s;
    max-width: 140px;
    filter: grayscale(100%);
    width: 100%;
}
.clients2-li:after {
    content: "";
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    position: absolute;
    border-bottom: 1px solid #e5e5e5;
}
.intro2 h3 {
    color: #fff;
    margin: 0px 0px 30px;
    font-size: 60px;
    font-weight: 200;
}
#msg-box18-15 H3 {
    text-align: center;
    font-size: 25px;
}

.intro video{
    bottom: 0;
    min-width: 49%;
    min-height: 34%;
    width: auto;
    height: auto;
    margin-top: -5%;
}
/* today responsive styles */
.video_bg{
    position: relative;
    bottom: 0;
    background: 0 0;
    height: 700px;
    overflow: hidden;
}
.client_login_style{
    position: relative;
    right: 15px;
    bottom: 82px;
}
.client_login_style span{
    border: 1px solid #e2a80d;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    left: 20px;
}
.client_login_style_1{
    padding-top: 1px;
    border: 2px solid white;
}
.nav-ul{
    position: relative;
    left: 31%;
}
@media (max-width: 1440px) and (min-width:1024px){
    .nav-ul{
        left:21%!important;
    }
}

.shapesection{
    background-image: url("../images/doha-qatar-sunset-2000x773.jpg");position: absolute;
    /* z-index: 99999; */
    width: 100%;
    margin-top: 29px;
}
.shape-text{
    /*position: relative;
    bottom: 46px;*/
    position: relative;
    bottom: 56px;
    z-index: 9999;
    text-align: left;
    color: #ffc20e;
    width: 100%;
}
@media only screen and (max-width: 768px){
.container {
    width: 100%!important;
    max-width: 800px;
}
.livetimelapse{
    top:0px!important;
}
}
.mbr-figure iframe, .mbr-figure__img, .mbr-figure__map {
    max-width: 100%;
}
.mbr-figure--full-width iframe, .mbr-figure--full-width .mbr-figure__img, .mbr-figure--full-width .mbr-figure__map {
    width: 100%;
}
.clients2 img:hover {
    transition: .4s;
    filter: none;
    transform: scale(1.5);
    cursor: pointer;
}
.livetimelapse{
    position: relative;
    top: 122px;
}
/*.gutter-lg-6{
    position: relative;
    top: 35px;
}*/
@media (max-width: 768px){
   footer.iq-footer.fshap::after{
       background:none;
   }
}

@media only screen and (max-width: 790px){
    .about-img img{
        top:74px!important;
    }
	.vc_custom_1507266410979 {
	padding-left: 0px !important;
}
	.dt-sc-icon-box{
		float: initial!important;
	}
	.dt-sc-icon-box.type5 {
    padding: 0px 0px 0px 0px!important;
	}
	.abcd{
		height: initial!important;
	}
	.dt-sc-icon-box.type5 .icon-wrapper{
		display:none!important;
	}
	#webcam1{
		top:0px!important;
	}
	
}
@media only screen and (max-width: 1450px){
    body{
        overflow:hidden;
    }
    .about-img img{
        left: 64px;
        top: 59px!important;
    }
    .client_login_style{
        bottom:82px!important;
        right: 15px;
        bottom: 82px;
    }
}
@media only screen and (max-width:1580px){
    .client_login_style{
    right: 15px!important;
    bottom: 82px!important;
    top:-85px!important;
    }
}
@media only screen and (max-width: 2750px){
    /*.client_login_style{
        bottom:0px;
        right: 120%;
        top: 30px;
    }*/
     .client_login_style{
        bottom:0px;
        right: 160%;
        top: 0px;
    }
}
.slide1{
	display:flex!important;
}
.odd-color {
    padding: 76px 30px;
}
.odd-color {
    background: rgba(0, 0, 0, .05);
}
.odd-color {
    padding: 76px 30px;
    padding-left: 0px;
    padding-right: 0px;
	border-right: 1px solid #053242;
    border-bottom: 1px solid #053242;
}
.vc_column_container {
    padding: 35.5px;
}
/*.vc_column-inner {
    padding: 60px !important;
}*/
.vc_column-inner:before {
    position: absolute;
    content: "";
    /*background: rgba(240, 243, 246, .9);*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.vc_custom_1507266410979 {
    padding-left: 16px;
    /*background-image: url(https://vigil.wpengine.com/wp-content/uploads/2017/09/img1-6.jpg?id=9146) !important;*/
}
.spacer-5d91e13bd309e {
    height: 20px;
}
.dt-sc-icon-box.type5 {
    padding: 5px 0px 0px 100px;
}
.dt-sc-icon-box {
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.dt-sc-icon-box.type5 .icon-wrapper i{
	font-weight: bold;
}
.dt-sc-icon-box.type5 .icon-wrapper i {
    font-size: 24px;
    line-height: 75px;
    position: relative;
    z-index: 1;
}
.dt-sc-icon-box.type5 .icon-wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70px;
    text-align: center;
}
.dt-sc-icon-box.type5 .icon-wrapper:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 10px;
    margin: auto;
    width: 55px;
    height: 55px;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tab-with-bg .dt-sc-icon-box.type5 .icon-wrapper:before {
    background: #064f63;
}
.dt-sc-icon-box.type5 .icon-wrapper:before {
    background: rgba(0, 0, 0, 0.03);
}
.dt-sc-icon-box.type5 p{
	line-height: 30px;
}
/*.tab-with-bg .vc_column-inner {
    padding: 60px !important;
}*/

/* new style */
.camera_features {
	padding-right: 0;
    padding-left: 0;
}
.camera_features h5{
	font-size: 20px;
	text-transform: capitalize;
	color: white;
}
.camera_features p{
	color: white;
}
.abcd{
	background: #053242;
    height: 730px;
	padding: 20px;
}
.mt-5, .my-5 {
    margin-top: 3.8rem!important;
}
.about-content p{
	line-height: 30px;
    font-size: 16px;
    font-weight: 100;
    text-align: justify;
}
a:focus, a:hover {
    color: #e7c464;
}
.btn-primary {
	background-color: #ffc107!important;
    border-color: #ffc107!important;
}
/* =========================
  #15 - Benefits
============================*/
.benefits_area {
  background: -webkit-linear-gradient(0deg, rgb(9, 46, 56) 0%, rgb(10, 36, 65) 100%); }
  .benefits_area .hero_section_title h1 {
    color: #ffffff; }
  .benefits_area .benefits_boxes_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    .benefits_area .benefits_boxes_flex .benefits_box {
      background: #ffffff;
      padding: 43px;
      flex-basis: 32.5%;
      display: flex;
      align-items: center;
      border-radius: 5px;}
      @media (min-width: 768px) and (max-width: 991px) {
        .benefits_area .benefits_boxes_flex .benefits_box {
          flex-basis: 49%;
          margin-bottom: 15px; }
          .benefits_area .benefits_boxes_flex .benefits_box:last-child {
            margin-bottom: 0; } }
      @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .benefits_area .benefits_boxes_flex .benefits_box {
          flex-direction: column !important;
          justify-content: flex-start !important;
          align-items: flex-start !important;
          padding-bottom: 40px; } }
      @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
        .benefits_area .benefits_boxes_flex .benefits_box {
          flex-basis: 100%;
          margin-bottom: 8px; }
          .benefits_area .benefits_boxes_flex .benefits_box:last-child {
            margin-bottom: 0; } }
      .benefits_area .benefits_boxes_flex .benefits_box i {
        display: inline-block;
        width: 63px;
        height: 63px;
        background: #e9ac06;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        line-height: 63px;
        color: #ffffff;
        font-size: 20px; }
        @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
          .benefits_area .benefits_boxes_flex .benefits_box i {
            margin-bottom: 10px; } }
      .benefits_area .benefits_boxes_flex .benefits_box h3 {
        flex-basis: 70%;
        margin-left: 20px;
        font-size: 20px;
        line-height: 30px;
        font-weight: 500; }
        @media (min-width: 768px) and (max-width: 991px) {
          .benefits_area .benefits_boxes_flex .benefits_box h3 {
            font-size: 18px; } }
        @media (min-width: 992px) and (max-width: 1200px) {
          .benefits_area .benefits_boxes_flex .benefits_box h3 {
            font-size: 19px; } }
        @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
          .benefits_area .benefits_boxes_flex .benefits_box h3 {
            margin-left: 0 !important; } }
  .benefits_area .benefits_left {
    position: relative; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
      .benefits_area .benefits_left {
        margin-bottom: 50px; } }
    .benefits_area .benefits_left img {
      width: 500px; }
      @media (min-width: 992px) and (max-width: 1200px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .benefits_area .benefits_left img {
          width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
    .benefits_area .col-md-6.pl_0 {
      padding-left: 15px; } }
  .benefits_area .benefits_right {
    position: relative; }
    .benefits_area .benefits_right h2 {
      font-size: 24px;
      line-height: 40px;
      color: #ffffff;
      font-weight: 400;
      margin-bottom: 40px;
      margin-top: -10px; }
    .benefits_area .benefits_right p {
      color: #b9bcbd;
      font-weight: 400;
      font-size: 16px;
      line-height: 40px;
      margin-bottom: 52px; }
    .benefits_area .benefits_right a:hover {
      color: #2f3437; }
    .benefits_area .benefits_right a:after, .benefits_area .benefits_right a:before {
      background: #ffffff; }

.benefits_style_2_area {
  background: url("../images/sliders/slider-4.jpg") center center fixed no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1; }
  .benefits_style_2_area:before {
    content: '';
    position: absolute;
    background: #2f3437;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: .9; }
  .benefits_style_2_area .hero_section_title h1 {
    color: #ffffff; }
  .benefits_style_2_area .benefits_box p {
    background: rgba(46, 49, 51, 0.4);
    font-size: 22px;
    line-height: 36px;
    color: #ffffff;
    display: flex;
    align-items: center;
    font-weight: 300;
    padding: 22px 40px;
    margin-bottom: 20px;
    position: relative; }
    .benefits_style_2_area .benefits_box p:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-left: 2px solid #57b857;
      border-top: 2px solid #57b857;
      opacity: 0;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s; }
    .benefits_style_2_area .benefits_box p i {
      color: #57b857;
      font-size: 24px;
      margin-right: 20px; }
    .benefits_style_2_area .benefits_box p:hover {
      background: #2e3133; }
      .benefits_style_2_area .benefits_box p:hover:before {
        opacity: 1; }
	.mb_50 {
    margin-bottom: 50px;}
	.mb_60 {
    margin-bottom: 60px;
}

/* =========================
  #20 - Network
============================*/
.network_area {
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .network_area > .container > .row {
    display: flex; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
      .network_area > .container > .row {
        flex-direction: column; } }
  .network_area:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/network-img.jpg") center center no-repeat;
    background-size: cover;
    height: 100%;
    width: 862px; }
    @media (max-width: 1800px) and (min-width: 1600px) {
      .network_area:before {
        width: 44.3%; } }
    @media (min-width: 1350px), (min-width: 1201px) and (max-width: 1349px) {
      .network_area:before {
        width: 43%; } }
    @media (max-width: 1800px) and (min-width: 1600px), (max-width: 1920px) and (min-width: 1801px) {
      .network_area:before {
        width: 45%; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .network_area:before {
        width: 500px; } }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
      .network_area:before {
        display: none; } }
  .network_area .ntw_shape {
    opacity: .01; }
  .network_area .network_left {
    /*padding: 120px 95px 112px 0;*/ }
    @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .network_area .network_left {
        padding: 90px 0 0 0; } }
    .network_area .network_left .icon_box {
      display: flex;
      text-align: center;
      align-items: center; }
      @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
        .network_area .network_left .icon_box {
          justify-content: center;
          flex-wrap: wrap; } }
      .network_area .network_left .icon_box li {
        width: 90px;
        text-align: center;
        margin-right: 50px; }
        @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
          .network_area .network_left .icon_box li {
            margin: 0 0 50px 0;
            flex-basis: 100%;
            flex-wrap: wrap; } }
        .network_area .network_left .icon_box li i {
          background: #474b4e;
          display: inline-block;
          color: #babdbf;
          font-size: 35px;
          width: 90px;
          height: 90px;
          text-align: center;
          line-height: 90px;
          margin-bottom: 18px;
          -webkit-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          -moz-transition: 0.3s;
          transition: 0.3s;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          position: relative; }
          .network_area .network_left .icon_box li i:after {
            content: '';
            position: absolute;
            background: #2f3437;
            width: 54px;
            height: 54px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            left: 50%;
            top: -40px;
            margin-left: -27px; }
        .network_area .network_left .icon_box li span {
          display: block;
          font-size: 16px;
          color: #babdbf;
          font-weight: 400;
          line-height: 20px; }
        .network_area .network_left .icon_box li:last-child {
          margin-right: 0;
          margin-bottom: 0; }
        .network_area .network_left .icon_box li:hover i {
          background: #e6ae0b;
          color: #ffffff; }
        .network_area .network_left .icon_box li:hover span {
          color: #ffffff; }
    .network_area .network_left .hero_section_title h4:before {
      left: 0;
      margin-left: 0; }
    .network_area .network_left .hero_section_title h1 {
      color: #ffffff; }
    .network_area .network_left p {
      font-size: 18px;
      line-height: 36px;
      color: #babdbf;
      font-weight: 300; }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
    .network_area .col-md-5.pl_0 {
      padding-left: 15px; } }
  .network_area .network_right {
    padding: 120px 70px;
    height: 100%;
    width: 388px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
      .network_area .network_right {
        width: 100%;
        background: url("../images/network-img.jpg") center center no-repeat;
        background-size: cover;
        height: 500px; } }
    @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
      .network_area .network_right {
        padding: 90px 15px;
        margin-top: 50px; } }
    .network_area .network_right:before {
      content: '';
      position: absolute;
      left: -7px;
      top: 0;
      width: 100%;
      height: 100%;
      background: #57b857;
      z-index: -1;
      opacity: .9; }
      @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
        .network_area .network_right:before {
          left: 0; } }
    .network_area .network_right h2 {
      font-size: 40px;
      font-weight: 700;
      line-height: 50px;
      color: #ffffff; }
    .network_area .network_right a {
      color: #ffffff;
      font-size: 16px;
      line-height: 15px;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-weight: 400;
      text-decoration: none !important;
      display: inline-block; }

@media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
  .service_single_2 {
    padding-bottom: 450px; } }
@media only screen and (max-width: 320px), only screen and (max-width: 384px) {
  .service_single_2 {
    padding-bottom: 500px; } }
.service_single_2:before {
  background: url("../images/services/service-single-1.jpg") center center no-repeat;
  background-size: cover;
  width: 50%; }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
    .service_single_2:before {
      display: block;
      width: 100%;
      left: 0;
      top: auto;
      bottom: 0;
      height: 450px; } }
.service_single_2 .network_left {
  padding-right: 60px; }
  .section_black {
    background: #2f3437;
}
/* ===========================
  #19 - Features
==============================*/
.feature_area .col-md-4:last-child .feature_box {
  margin-bottom: 0; }
.feature_area .feature_box {
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s; }
  @media (min-width: 768px) and (max-width: 991px) {
    .feature_area .feature_box {
      margin-bottom: 30px; } }
  @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
    .feature_area .feature_box {
      width: 65%;
      margin: auto auto 30px auto; } }
  @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
    .feature_area .feature_box {
      width: 100%; } }
  .feature_area .feature_box .feature_box_details {
    border: 2px solid #f2f2f2;
    border-bottom: none;
    padding: 35px 35px 35px 40px;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s; }
    .feature_area .feature_box .feature_box_details h3 {
      font-size: 20px;
      line-height: 26px;
      font-weight: 700;
      margin-bottom: 15px; }
    .feature_area .feature_box .feature_box_details p {
      font-size: 16px;
      line-height: 30px;
      font-weight: 400;
      color: #7b8083; }
  .feature_area .feature_box .feature_img {
    position: relative;
    background: #57b857 url("../images/feature-1.jpg") center center no-repeat;
    background-size: cover;
    height: 195px;
    width: 100%; }
	
  .feature_area .feature_box .feature_img.bg_2 {
    background: #57b857 url("../images/feature-2.jpg") center center no-repeat;
    background-size: cover; }
  .feature_area .feature_box .feature_img.bg_3 {
    background: #57b857 url("../images/feature-3.jpg") center center no-repeat;
    background-size: cover; }
	.feature_area .feature_box .feature_img.bg_4 {
    background: #57b857 url("../images/feature-4.jpg") center center no-repeat;
    background-size: cover; }
  .feature_area .feature_box a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    letter-spacing: 2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 18px 40px;
    background: #053242;
    color: #ffffff; }
    .feature_area .feature_box a:hover {
      color: #ffffff; }
    .feature_area .feature_box a:after, .feature_area .feature_box a:before {
      background: #ed1c24; }
  .feature_area .feature_box:hover {
    -webkit-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
    -ms-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
    -o-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
    -moz-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
    box-shadow: 0 0 30px rgba(52, 55, 58, 0.1); }
    .feature_area .feature_box:hover .feature_box_details {
      border-left: 2px solid #053242;
      border-top: 2px solid #053242;
      border-right: 2px solid #ffffff; }
    .feature_area .feature_box:hover a {
      color: #ffffff; }
      .feature_area .feature_box:hover a:after, .feature_area .feature_box:hover a:before {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        visibility: visible; }

.feature_action_area {
  position: relative; }
  .feature_action_area:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 916px;
    height: 100%;
    background: url("../images/feature-action-bg.png") center left no-repeat;
    background-size: cover;
    opacity: 0.15; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
      .feature_action_area:before {
        height: 500px;
        width: 100%; } }
  @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
    .feature_action_area .pl_0 {
      padding-left: 15px; } }
  .feature_action_area .feature_action_left {
    position: relative;
    margin-right: 35px; }
    @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .feature_action_area .feature_action_left {
        margin-right: 0; } }
    .feature_action_area .feature_action_left .img_box {
      background: url("../images/feature-action.jpg") center right no-repeat;
      background-size: cover;
      width: 470px;
      height: 506px;
      border-left: 2px solid #57b857;
      border-top: 2px solid #57b857; }
      @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .feature_action_area .feature_action_left .img_box {
          width: 100%; } }
    .feature_action_area .feature_action_left .activity_title {
      width: 328px;
      height: 120px;
      background: #2f3437;
      font-size: 24px;
      font-weight: 500;
      color: #ffffff;
      position: absolute;
      right: 0;
      bottom: -30px;
      padding: 30px 40px; }
      @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .feature_action_area .feature_action_left .activity_title {
          width: 100%;
          padding: 15px 30px; } }
      .feature_action_area .feature_action_left .activity_title span {
        color: #57b857; }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
    .feature_action_area .feature_action_right {
      margin-top: 80px; } }
  .feature_action_area .feature_action_right .hero_section_title h4:before {
    left: 0;
    margin-left: 0; }
  .feature_action_area .feature_action_right .hero_section_title h1 {
    font-weight: 500; }
  .feature_action_area .feature_action_right ul li {
    font-size: 18px;
    line-height: 30px;
    color: #7c7f82;
    font-weight: 300;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 30px; }
    .feature_action_area .feature_action_right ul li i {
      font-size: 28px;
      color: #57b857;
      margin-right: 15px; }
    .feature_action_area .feature_action_right ul li:last-child {
      margin-bottom: 0; }

@media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
  .system_feature_area .system_feature_left {
    margin-bottom: 30px; } }
.system_feature_area .system_feature_left .system_feature_box {
  background: #ffffff;
  border: 2px solid #f2f2f2;
  padding: 34px 35px 30px 35px;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s; }
  .system_feature_area .system_feature_left .system_feature_box h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 15px; }
    .system_feature_area .system_feature_left .system_feature_box h3 a {
      color: #2f3437;
      text-decoration: none; }
  .system_feature_area .system_feature_left .system_feature_box p {
    line-height: 30px;
    color: #7b8083;
    font-weight: 400; }
  .system_feature_area .system_feature_left .system_feature_box:hover {
    border-left-color: #57b857;
    border-top-color: #57b857;
    -webkit-box-shadow: 0 0 30px rgba(47, 52, 55, 0.1);
    -ms-box-shadow: 0 0 30px rgba(47, 52, 55, 0.1);
    -o-box-shadow: 0 0 30px rgba(47, 52, 55, 0.1);
    -moz-box-shadow: 0 0 30px rgba(47, 52, 55, 0.1);
    box-shadow: 0 0 30px rgba(47, 52, 55, 0.1);
    border-right-color: #ffffff;
    border-bottom-color: #ffffff; }
    .system_feature_area .system_feature_left .system_feature_box:hover h3 a {
      color: #57b857; }
.system_feature_area .system_feature_middle img {
  width: 470px; }
  @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
    .system_feature_area .system_feature_middle img {
      width: 100%; } }
.system_feature_area .system_feature_right {
  background: #57b857;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 464px;
  padding: 42px 50px 50px 50px; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .system_feature_area .system_feature_right {
      padding: 42px 20px 50px 20px; } }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
    .system_feature_area .system_feature_right {
      padding: 37px 45px 30px 45px;
      margin-top: 20px;
      height: 295px; } }
  @media only screen and (max-width: 320px), only screen and (max-width: 320px) {
    .system_feature_area .system_feature_right {
      height: 330px; } }
  .system_feature_area .system_feature_right h1 {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500; }
  .system_feature_area .system_feature_right a {
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 13px; }
	
	.hero_section_title h4 {
    font-size: 14px;
    color: #ffc107;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 10px;
    padding-top: 28px;
}
.hero_section_title h1 {
    font-weight: 500;
    font-size: 40px;
}
/* =========================
  #21 - Easy Step by Step
============================*/
.step_by_step_area {
  /*padding-bottom: 152px;*/
  position: relative; }
  @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
    .step_by_step_area {
      padding-bottom: 150px; } }
  .step_by_step_area .col-md-4:last-child .step_by_step_box {
    margin-bottom: 0; }
  .step_by_step_area .step_by_step_box {
    border: 2px solid #f2f2f2;
    padding: 60px 20px 50px 20px;
    position: relative;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    border-radius: 5px;
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .step_by_step_area .step_by_step_box {
        margin-bottom: 70px; } }
    @media (min-width: 481px) and (max-width: 767px) {
      .step_by_step_area .step_by_step_box {
        width: 65%;
        margin: auto auto 70px auto; } }
    @media only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .step_by_step_area .step_by_step_box {
        width: 100%;
        margin-bottom: 70px; } }
    .step_by_step_area .step_by_step_box > i {
      display: inline-block;
      background: linear-gradient(to bottom, #022531, #0d556f);
      width: 125px;
      height: 125px;
      text-align: center;
      line-height: 125px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: relative;
      font-size: 50px;
      z-index: 1;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s;
      color: #57b857;
      margin-bottom: 30px; }
      .step_by_step_area .step_by_step_box > i:after {
        content: '';
        width: 75px;
        height: 75px;
        position: absolute;
        background: #ffffff;
        z-index: -1;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        left: 50%;
        margin-left: -37.5px;
        top: -60px; }
    .step_by_step_area .step_by_step_box h3 {
      font-size: 20px;
      font-weight: 700;
      line-height: 36px;
      margin-bottom: 28px; }
    .step_by_step_area .step_by_step_box ul {
      margin-bottom: 45px; }
      .step_by_step_area .step_by_step_box ul li {
        color: #7c7f82;
        font-size: 18px;
        line-height: 25px;
        font-weight: 300;
        margin-bottom: 10px; }
    .step_by_step_area .step_by_step_box .btn_tx {
      font-size: 14px;
      letter-spacing: 2px;
      font-weight: 400;
      text-transform: uppercase;
      color: #2f3437;
      line-height: 15px;
      display: inline-block;
      text-decoration: none !important;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s; }
    .step_by_step_area .step_by_step_box .btn_icon {
      font-size: 24px;
      width: 64px;
      height: 64px;
      text-align: center;
      position: absolute;
      line-height: 64px;
      background: #57b857;
      color: #ffffff;
      left: 50%;
      margin-left: -32px;
      bottom: -32px;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    .step_by_step_area .step_by_step_box:hover {
      border-color: #053242;
      border-right: 2px solid #053242;
      border-bottom: 2px solid #053242;
      -webkit-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
      -ms-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
      -o-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
      -moz-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
      box-shadow: 0 0 30px rgba(52, 55, 58, 0.1); }
      .step_by_step_area .step_by_step_box:hover > i {
        background: #053242;
        color: #ffffff;
        -webkit-box-shadow: 0 4px 10px rgba(124, 183, 95, 0.3);
        -ms-box-shadow: 0 4px 10px rgba(124, 183, 95, 0.3);
        -o-box-shadow: 0 4px 10px rgba(124, 183, 95, 0.3);
        -moz-box-shadow: 0 4px 10px rgba(124, 183, 95, 0.3);
        box-shadow: 0 4px 10px rgba(124, 183, 95, 0.3); }
      .step_by_step_area .step_by_step_box:hover .btn_tx {
        color: #ffc107; }
      .step_by_step_area .step_by_step_box:hover .btn_icon {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }

.step_two_style {
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .step_two_style .step_by_step_shape, .step_two_style .step_by_step_shape_2 {
    z-index: -1; }
  .step_two_style .step_by_step_box {
    border: none;
    background: #ffffff;
    padding: 0;
    position: relative; }
    .step_two_style .step_by_step_box:before {
      content: '';
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border-left: 2px solid #57b857;
      border-top: 2px solid #57b857;
      position: absolute;
      opacity: 0;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s; }
    .step_two_style .step_by_step_box:hover {
      border: none; }
      .step_two_style .step_by_step_box:hover:before {
        opacity: 1; }
      .step_two_style .step_by_step_box:hover .step_btn {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
    .step_two_style .step_by_step_box .step_img_box {
      background: url("../images/step-1.jpg") center center no-repeat;
      background-size: cover;
      width: 100%;
      height: 224px; }
    .step_two_style .step_by_step_box .step_img_box.bg_2 {
      background: url("../images/step-1.jpg") center center no-repeat;
      background-size: cover; }
    .step_two_style .step_by_step_box .step_img_box.bg_3 {
      background: url("../images/step-1.jpg") center center no-repeat;
      background-size: cover; }
    .step_two_style .step_by_step_box .step_details {
      padding: 34px 40px 57px 40px; }
      @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px) {
        .step_two_style .step_by_step_box .step_details {
          padding: 34px 42px 57px 42px; } }
      .step_two_style .step_by_step_box .step_details span {
        display: block;
        line-height: 20px;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #57b857; }
      .step_two_style .step_by_step_box .step_details h1 {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 30px; }
      .step_two_style .step_by_step_box .step_details p {
        font-weight: 400;
        color: #7b8083; }
    .step_two_style .step_by_step_box .step_btn {
      width: 65px;
      height: 65px;
      font-size: 24px;
      display: inline-block;
      line-height: 65px;
      color: #ffffff;
      background: #57b857;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      text-align: center;
      position: absolute;
      left: 50%;
      margin-left: -32.5px;
      bottom: -32.5px;
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5);
      opacity: 0; }
	  
	  .quality{
	line-height: 30px!important;	
}
/* =========================
  #12 - Award
============================*/
.award_area {
  /*padding-top: 22px;
  position: relative;
  z-index: 1;*/ }
  @media (min-width: 992px) and (max-width: 1200px) {
    .award_area {
      padding-top: 0; } }
  .award_area:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -240px;
    background: #f2f2f2;
    z-index: -1; }
  .award_area .award_left .hero_section_title h4:before {
    left: 0;
    margin-left: 0; }
  .award_area .award_left p {
    font-size: 16px;
    font-weight: 400;
    color: #7b8083;
    line-height: 36px;
    text-align: justify;}
  .award_area .award_left .award_number_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 48px; }
    @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
      .award_area .award_left .award_number_flex {
        flex-direction: column; } }
    .award_area .award_left .award_number_flex .award_box {
      background: #ed1c24;
      color: #ffffff;
      text-align: center;
      flex-basis: 47.5%;
      padding: 50px 50px 42px 50px; }
      @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
        .award_area .award_left .award_number_flex .award_box {
          flex-basis: 100%;
          width: 100%;
          margin-bottom: 10px;
          padding: 40px 40px 32px 40px; }
          .award_area .award_left .award_number_flex .award_box:last-child {
            margin-bottom: 0; } }
      .award_area .award_left .award_number_flex .award_box h1 {
        font-size: 50px;
        line-height: 36px;
        color: #ffffff;
        font-weight: 400;
        margin-bottom: 14px; }
      .award_area .award_left .award_number_flex .award_box span {
        display: block;
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        line-height: 36px; }
        @media only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
          .award_area .award_left .award_number_flex .award_box span {
            line-height: 20px; } }
  .award_area .award_right {
    position: relative;
    text-align: right;
    padding-left: 65px;
    z-index: 1; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
      .award_area .award_right {
        margin-top: 60px; } }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
      .award_area .award_right {
        padding-left: 0;
        text-align: left; } }
    @media (min-width: 1350px), (min-width: 992px) and (max-width: 1200px) {
      .award_area .award_right {
        margin-top: 15%; } }
    @media (max-width: 1920px) and (min-width: 1801px), (max-width: 1800px) and (min-width: 1600px) {
      .award_area .award_right {
        margin-top: 0; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .award_area .award_right {
        margin-top: 30%; } }
    .award_area .award_right:before, .award_area .award_right:after {
      content: '';
      width: 436px;
      height: 436px;
      position: absolute;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #053242;
      right: -182px;
      top: -24px;
      z-index: -1; }
      @media (min-width: 1350px), (min-width: 992px) and (max-width: 1200px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
        .award_area .award_right:before, .award_area .award_right:after {
          right: 0;
          width: 350px;
          height: 350px;
          top: 10px; } }
      @media (max-width: 1800px) and (min-width: 1600px), (max-width: 1920px) and (min-width: 1801px) {
        .award_area .award_right:before, .award_area .award_right:after {
          right: -182px;
          top: -24px;
          width: 436px;
          height: 436px; } }
      @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .award_area .award_right:before, .award_area .award_right:after {
          width: 150px !important;
          height: 150px !important; } }
      @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
        .award_area .award_right:before, .award_area .award_right:after {
          width: 300px;
          height: 300px; } }
      @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
        .award_area .award_right:before, .award_area .award_right:after {
          right: 0;
          top: 10px; } }
      @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
        .award_area .award_right:before, .award_area .award_right:after {
          top: 50px; } }
    .award_area .award_right:before {
      width: 344px;
      height: 344px;
      right: 107px;
      background: #7b8083;
      top: 59px; }
      @media (min-width: 1350px), (min-width: 992px) and (max-width: 1200px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
        .award_area .award_right:before {
          width: 300px;
          height: 300px;
          right: 155px; } }
      @media (max-width: 1920px) and (min-width: 1801px), (max-width: 1800px) and (min-width: 1600px) {
        .award_area .award_right:before {
          width: 344px;
          height: 344px;
          right: 107px; } }
      @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
        .award_area .award_right:before {
          right: 230px; } }
      @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
        .award_area .award_right:before {
          right: 100px !important; } }
    .award_area .award_right img {
      margin-top: 68px; }
      @media (min-width: 1350px), (min-width: 992px) and (max-width: 1200px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
        .award_area .award_right img {
          width: 100%; } }
      @media (max-width: 1800px) and (min-width: 1600px), (max-width: 1920px) and (min-width: 1801px) {
        .award_area .award_right img {
          width: auto; } }
.section_bg {
    background: #ffffff;
}
.hero_section_title h4:before {
    content: '';
    background: #e9ac06;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 0;
}

/* =========================
  #10 - Security
============================*/
.security_area {
  position: relative;
  padding-bottom: 62px; }
  .security_area .security_shape_2 {
    top: -77px; }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
    .security_area .security_left_info {
      margin-bottom: 60px; } }
  .security_area .security_left_info .hero_section_title {
    margin-bottom: 58px; }
    .security_area .security_left_info .hero_section_title h4:before {
      left: 0;
      margin-left: 0; }
  .security_area .security_left_info .default_btn {
    background: #2f3437;
    color: #ffffff; }
    .security_area .security_left_info .default_btn:before, .security_area .security_left_info .default_btn:after {
      background: #57b857; }
  @media (min-width: 481px) and (max-width: 767px) {
    .security_area .security_right_info {
      width: 65%;
      margin: auto; } }
  .security_area .security_right_info .security_box {
    padding: 13px;
    margin-bottom: 40px;
    padding-top: 40px; }
    .security_area .security_right_info .security_box i {
      display: inline-block;
      background: linear-gradient(to bottom, #022531, #0d556f);
      width: 125px;
      height: 125px;
      text-align: center;
      line-height: 125px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: relative;
      font-size: 50px;
      z-index: 1;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s;
      color: #57b857;
      margin-bottom: 28px; }
      .security_area .security_right_info .security_box i:after {
        content: '';
        width: 75px;
        height: 75px;
        position: absolute;
        background: #ffffff;
        z-index: -1;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        left: 50%;
        margin-left: -37.5px;
        top: -60px; }
    .security_area .security_right_info .security_box h3 {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 34px; }
    .security_area .security_right_info .security_box p {
      font-size: 18px;
      color: #7b8083;
      font-weight: 300;
      position: relative;
      z-index: 9;
      line-height: 35px;
	  text-align: justify;	  }
    .security_area .security_right_info .security_box:hover i {
      background: #053242;
      color: #ffffff;
      -webkit-box-shadow: 0 0 30px rgba(124, 183, 95, 0.3);
      -ms-box-shadow: 0 0 30px rgba(124, 183, 95, 0.3);
      -o-box-shadow: 0 0 30px rgba(124, 183, 95, 0.3);
      -moz-box-shadow: 0 0 30px rgba(124, 183, 95, 0.3);
      box-shadow: 0 0 30px rgba(124, 183, 95, 0.3); }
	.security_area {
    position: relative;
    padding-bottom: 62px;
}
.map_shape_2, .map_shape {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
/* =========================
  #13 - Packages
============================*/
.packages_area {
  position: relative;
  overflow: hidden; }
  .packages_area:before {
    content: '';
    position: absolute;
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 549px;
    z-index: -1; }
  .packages_area .packages_shape, .packages_area .packages_shape_2 {
    opacity: 0.05; }
  .packages_area .hero_section_title h1 {
    color: #ffffff;
    font-weight: 500; }
  .packages_area .col-md-4:last-child .packages_box {
    margin-bottom: 0; }
  .packages_area .packages_box {
    background: url("../images/packages/package-1.jpg") center center no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    z-index: 1;
    height: 400px;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    display: flex;
    align-items: flex-end;
    padding: 62px 60px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      .packages_area .packages_box {
        padding: 40px 35px; } }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .packages_area .packages_box {
        margin-bottom: 30px; } }
    @media (min-width: 481px) and (max-width: 767px) {
      .packages_area .packages_box {
        width: 65%;
        margin: auto auto 30px auto; } }
    @media only screen and (max-width: 320px), only screen and (max-width: 384px), only screen and (max-width: 480px) {
      .packages_area .packages_box {
        width: 100%;
        padding: 30px 30px; } }
    .packages_area .packages_box:before {
      content: '';
      background: #2f3437;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0.5;
      position: absolute;
      z-index: -1;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s; }
    .packages_area .packages_box h3 {
      color: #ffffff;
      font-size: 30px;
      font-weight: 500; }
    .packages_area .packages_box a {
      position: absolute;
      right: 30px;
      top: 30px;
      padding: 0;
      width: 65px;
      height: 65px;
      text-align: center;
      line-height: 65px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #ffffff;
      color: #2f3437;
      font-size: 24px; }
      .packages_area .packages_box a:hover {
        color: #ffffff; }
      .packages_area .packages_box a:before, .packages_area .packages_box a:after {
        background: #57b857; }
    .packages_area .packages_box:hover {
      -webkit-box-shadow: 0 0 30px rgba(47, 52, 55, 0.3);
      -ms-box-shadow: 0 0 30px rgba(47, 52, 55, 0.3);
      -o-box-shadow: 0 0 30px rgba(47, 52, 55, 0.3);
      -moz-box-shadow: 0 0 30px rgba(47, 52, 55, 0.3);
      box-shadow: 0 0 30px rgba(47, 52, 55, 0.3); }
      .packages_area .packages_box:hover a {
        color: #ffffff; }
        .packages_area .packages_box:hover a:before, .packages_area .packages_box:hover a:after {
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          opacity: 1;
          visibility: visible; }
      .packages_area .packages_box:hover:before {
        background: none;
        border-left: 2px solid #57b857;
        border-top: 2px solid #57b857;
        opacity: 1; }
  .packages_area .packages_box.bg_2 {
    background: url("../images/packages/package-1.jpg") center center no-repeat;
    background-size: cover; }
  .packages_area .packages_box.bg_3 {
    background: url("../images/packages/package-1.jpg") center center no-repeat;
    background-size: cover; }
  .packages_area .build_packages_area {
    margin-top: 120px;
    display: flex;
    align-items: center; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 320px), only screen and (max-width: 384px), only screen and (max-width: 480px) {
      .packages_area .build_packages_area {
        flex-direction: column;
        padding-top: 50px; } }
    @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 320px), only screen and (max-width: 384px), only screen and (max-width: 480px) {
      .packages_area .build_packages_area {
        padding: 50px 15px 0 15px; } }
    .packages_area .build_packages_area > * {
      flex: 1; }
    @media (min-width: 992px) and (max-width: 1200px) {
      .packages_area .build_packages_area .package_left img {
        width: 480px; } }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
      .packages_area .build_packages_area .package_left img {
        width: 100%; } }
    .packages_area .build_packages_area .package_right {
      padding: 50px 50px 50px 109px; }
      @media (min-width: 992px) and (max-width: 1200px) {
        .packages_area .build_packages_area .package_right {
          padding: 34px 50px 40px 55px; } }
      @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
        .packages_area .build_packages_area .package_right {
          padding: 50px 0 50px 0; } }
      .packages_area .build_packages_area .package_right h1 {
        font-size: 50px;
        font-weight: 500;
        line-height: 58px;
        margin-bottom: 17px; }
        @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
          .packages_area .build_packages_area .package_right h1 {
            font-size: 36px;
            line-height: 48px;
            margin-bottom: 25px; } }
      .packages_area .build_packages_area .package_right p {
        font-size: 20px;
        font-weight: 300;
        color: #7b8083;
        margin-bottom: 62px; }
        @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
          .packages_area .build_packages_area .package_right p {
            font-size: 16px;
            margin-bottom: 30px; } }
        .packages_area .build_packages_area .package_right p sub {
          font-size: 20px;
          font-weight: 300;
          color: #7b8083; }
          @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
            .packages_area .build_packages_area .package_right p sub {
              font-size: 16px; } }
        .packages_area .build_packages_area .package_right p span {
          font-size: 50px;
          font-weight: 400;
          color: #57b857; }
          @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
            .packages_area .build_packages_area .package_right p span {
              font-size: 40px; } }
      .packages_area .build_packages_area .package_right .default_btn:hover {
        color: #2f3437; }
      .packages_area .build_packages_area .package_right .default_btn:before, .packages_area .build_packages_area .package_right .default_btn:after {
        background: #ffffff; }

.feature_package_area {
  position: relative;
  padding-bottom: 0;
  overflow: hidden; }
  .feature_package_area .feature_package_box {
    padding-right: 15px; }
    @media only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .feature_package_area .feature_package_box {
        flex-direction: column;
        display: flex;
        align-items: center; } }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px) {
      .feature_package_area .feature_package_box {
        display: flex;
        align-items: center;
        justify-content: space-between; } }
    .feature_package_area .feature_package_box .package_box {
      margin-bottom: 33px;
      width: 155px;
      text-align: center;
      margin-left: auto; }
      @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .feature_package_area .feature_package_box .package_box {
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 0; } }
      @media only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .feature_package_area .feature_package_box .package_box {
          margin-bottom: 30px; } }
      .feature_package_area .feature_package_box .package_box:last-child {
        margin-bottom: 0; }
      .feature_package_area .feature_package_box .package_box:hover .package_icon svg {
        -webkit-box-shadow: 22px 22px 30px rgba(124, 183, 95, 0.1);
        -ms-box-shadow: 22px 22px 30px rgba(124, 183, 95, 0.1);
        -o-box-shadow: 22px 22px 30px rgba(124, 183, 95, 0.1);
        -moz-box-shadow: 22px 22px 30px rgba(124, 183, 95, 0.1);
        box-shadow: 22px 22px 30px rgba(124, 183, 95, 0.1); }
      .feature_package_area .feature_package_box .package_box:hover .package_icon .white_svg {
        opacity: 0; }
      .feature_package_area .feature_package_box .package_box:hover .package_icon i {
        color: #ffffff; }
      .feature_package_area .feature_package_box .package_box:hover .package_icon .green_svg {
        opacity: 1; }
      .feature_package_area .feature_package_box .package_box .package_icon {
        position: relative;
        width: 125px;
        height: 125px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        line-height: 125px;
        margin-left: auto;
        margin-right: auto; }
        .feature_package_area .feature_package_box .package_box .package_icon svg {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          height: 100%;
          -webkit-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          -moz-transition: 0.3s;
          transition: 0.3s;
          opacity: 0; }
        .feature_package_area .feature_package_box .package_box .package_icon .white_svg {
          opacity: 1; }
        .feature_package_area .feature_package_box .package_box .package_icon i {
          display: inline-block;
          position: relative;
          font-size: 50px;
          color: #57b857;
          width: 100%;
          height: 100%;
          -webkit-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          -moz-transition: 0.3s;
          transition: 0.3s; }
      .feature_package_area .feature_package_box .package_box p {
        font-weight: 400;
        margin-top: 10px; }
    .feature_package_area .feature_package_box .package_box.package_1 {
      margin-top: 18px; }
    .feature_package_area .feature_package_box .package_box.package_2 {
      margin-right: 61px; }
      @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .feature_package_area .feature_package_box .package_box.package_2 {
          margin-left: 0;
          margin-right: 0; } }
  .feature_package_area .feature_package_img img {
    width: 366px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      .feature_package_area .feature_package_img img {
        width: 100%;
        margin-top: 50px; } }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .feature_package_area .feature_package_img img {
        margin-top: 50px;
        margin-bottom: 50px; } }
    @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .feature_package_area .feature_package_img img {
        width: 100%; } }
  .feature_package_area .right_package {
    padding-left: 20px;
    padding-right: 0; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px) {
      .feature_package_area .right_package {
        margin-bottom: 100px; } }
    .feature_package_area .right_package .package_box {
      margin-left: 0;
      margin-right: auto; }
      @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .feature_package_area .right_package .package_box {
          margin-right: 0; } }
      .feature_package_area .right_package .package_box .package_icon {
        margin-left: auto;
        margin-right: auto; }
      .feature_package_area .right_package .package_box:last-child {
        margin-bottom: 90px; }
        @media (min-width: 481px) and (max-width: 767px) {
          .feature_package_area .right_package .package_box:last-child {
            margin-bottom: 0; } }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px) {
      .feature_package_area .right_package .package_box.package_1 {
        margin-top: 0; } }
    .feature_package_area .right_package .package_box.package_1 i {
      padding-left: 15px; }
    .feature_package_area .right_package .package_box.package_2 {
      margin-right: 0;
      margin-left: 61px; }
      @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .feature_package_area .right_package .package_box.package_2 {
          margin-left: 0; } }

.pricing_plans_2_area {
  padding-top: 120px; }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
    .pricing_plans_2_area {
      padding-top: 90px; } }
  .pricing_plans_2_area .pricing_plans_2_flex {
    display: flex; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
      .pricing_plans_2_area .pricing_plans_2_flex {
        flex-wrap: wrap; } }
    @media (min-width: 481px) and (max-width: 767px) {
      .pricing_plans_2_area .pricing_plans_2_flex {
        width: 65%;
        margin: auto; } }
    .pricing_plans_2_area .pricing_plans_2_flex .plans_box {
      flex: 1;
      border-top: 2px solid #f2f2f2;
      border-left: 2px solid #f2f2f2;
      padding: 55px 20px 49px 56px; }
      @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
        .pricing_plans_2_area .pricing_plans_2_flex .plans_box {
          border: 2px solid #f2f2f2;
          border-bottom: none; } }
      @media only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
        .pricing_plans_2_area .pricing_plans_2_flex .plans_box {
          padding: 30px 20px 30px 28px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .pricing_plans_2_area .pricing_plans_2_flex .plans_box {
          flex-basis: 50%;
          flex-wrap: wrap; } }
      @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 384px), only screen and (max-width: 320px), only screen and (max-width: 480px) {
        .pricing_plans_2_area .pricing_plans_2_flex .plans_box {
          flex-basis: 100%;
          flex-wrap: wrap; } }
      .pricing_plans_2_area .pricing_plans_2_flex .plans_box:last-child {
        border-right: 2px solid #f2f2f2; }
      .pricing_plans_2_area .pricing_plans_2_flex .plans_box h2 {
        font-size: 30px;
        font-weight: 700; }
      .pricing_plans_2_area .pricing_plans_2_flex .plans_box p {
        font-size: 18px;
        font-weight: 400;
        color: #57b857;
        margin: 30px 0 44px 0;
        line-height: 35px; }
      .pricing_plans_2_area .pricing_plans_2_flex .plans_box .plans_list li {
        position: relative;
        font-weight: 400;
        color: #7b8083;
        padding-left: 26px;
        margin-bottom: 21px; }
        .pricing_plans_2_area .pricing_plans_2_flex .plans_box .plans_list li:before {
          content: '';
          background: #57b857;
          position: absolute;
          width: 6px;
          height: 6px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          left: 0;
          top: 50%;
          margin-top: -3px; }
        .pricing_plans_2_area .pricing_plans_2_flex .plans_box .plans_list li:last-child {
          margin-bottom: 0; }
		  .triangle_shape, .triangle_shape_2 {
    left: 120px;
    position: absolute;
    top: -80px;
    opacity: .6;
}
.section_bg {
    background: #f2f2f2;
}
.triangle_shape_2 {
    left: auto;
    right: -120px;
}
/* ===========================
  #19 - Features
==============================*/
.feature_area .col-md-4:last-child .feature_box {
  margin-bottom: 0; }
.feature_area .feature_box {
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s; }
  @media (min-width: 768px) and (max-width: 991px) {
    .feature_area .feature_box {
      margin-bottom: 30px; } }
  @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
    .feature_area .feature_box {
      width: 65%;
      margin: auto auto 30px auto; } }
  @media only screen and (max-width: 320px), only screen and (max-width: 384px) {
    .feature_area .feature_box {
      width: 100%; } }
  .feature_area .feature_box .feature_box_details {
    border: 2px solid #f2f2f2;
    border-bottom: none;
    padding: 35px 35px 35px 40px;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s; }
    .feature_area .feature_box .feature_box_details h3 {
      font-size: 20px;
      line-height: 26px;
      font-weight: 700;
      margin-bottom: 15px; }
    .feature_area .feature_box .feature_box_details p {
      font-size: 16px;
      line-height: 30px;
      font-weight: 400;
      color: #7b8083; }
  .feature_area .feature_box .feature_img {
    position: relative;
    background: #57b857 url("../images/features/feature-1.jpg") center center no-repeat;
    background-size: cover;
    height: 195px;
    width: 100%; }
  .feature_area .feature_box .feature_img.bg_2 {
    background: #57b857 url("../images/features/feature-1.jpg") center center no-repeat;
    background-size: cover; }
  .feature_area .feature_box .feature_img.bg_3 {
    background: #57b857 url("../images/features/feature-1.jpg") center center no-repeat;
    background-size: cover; }
  .feature_area .feature_box a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    letter-spacing: 2px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 18px 40px;
    background: #f2f2f2;
    color: #7b8083; }
    .feature_area .feature_box a:hover {
      color: #ffffff; }
    .feature_area .feature_box a:after, .feature_area .feature_box a:before {
      background: #ed1c24; }
  .feature_area .feature_box:hover {
    -webkit-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
    -ms-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
    -o-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
    -moz-box-shadow: 0 0 30px rgba(52, 55, 58, 0.1);
    box-shadow: 0 0 30px rgba(52, 55, 58, 0.1); }
    .feature_area .feature_box:hover .feature_box_details {
      border-left: 2px solid #ed1c24;
      border-top: 2px solid #ed1c24;
      border-right: 2px solid #ffffff; }
    .feature_area .feature_box:hover a {
      color: #ffffff; }
      .feature_area .feature_box:hover a:after, .feature_area .feature_box:hover a:before {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        visibility: visible; }

.feature_action_area {
  position: relative; }
  .feature_action_area:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 916px;
    height: 100%;
    background: url("../images/feature-action-bg.png") center left no-repeat;
    background-size: cover;
    opacity: 0.15; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
      .feature_action_area:before {
        height: 500px;
        width: 100%; } }
  @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
    .feature_action_area .pl_0 {
      padding-left: 15px; } }
  .feature_action_area .feature_action_left {
    position: relative;
    margin-right: 35px; }
    @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .feature_action_area .feature_action_left {
        margin-right: 0; } }
    .feature_action_area .feature_action_left .img_box {
      background: url("../images/feature-action.jpg") center right no-repeat;
      background-size: cover;
      width: 470px;
      height: 506px;
      border-left: 2px solid #57b857;
      border-top: 2px solid #57b857; }
      @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .feature_action_area .feature_action_left .img_box {
          width: 100%; } }
    .feature_action_area .feature_action_left .activity_title {
      width: 328px;
      height: 120px;
      background: #2f3437;
      font-size: 24px;
      font-weight: 500;
      color: #ffffff;
      position: absolute;
      right: 0;
      bottom: -30px;
      padding: 30px 40px; }
      @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .feature_action_area .feature_action_left .activity_title {
          width: 100%;
          padding: 15px 30px; } }
      .feature_action_area .feature_action_left .activity_title span {
        color: #57b857; }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
    .feature_action_area .feature_action_right {
      margin-top: 80px; } }
  .feature_action_area .feature_action_right .hero_section_title h4:before {
    left: 0;
    margin-left: 0; }
  .feature_action_area .feature_action_right .hero_section_title h1 {
    font-weight: 500; }
  .feature_action_area .feature_action_right ul li {
    font-size: 18px;
    line-height: 30px;
    color: #7c7f82;
    font-weight: 300;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 30px; }
    .feature_action_area .feature_action_right ul li i {
      font-size: 28px;
      color: #57b857;
      margin-right: 15px; }
    .feature_action_area .feature_action_right ul li:last-child {
      margin-bottom: 0; }

@media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px) {
  .system_feature_area .system_feature_left {
    margin-bottom: 30px; } }
.system_feature_area .system_feature_left .system_feature_box {
  background: #ffffff;
  border: 2px solid #f2f2f2;
  padding: 34px 35px 30px 35px;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s; }
  .system_feature_area .system_feature_left .system_feature_box h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 15px; }
    .system_feature_area .system_feature_left .system_feature_box h3 a {
      color: #2f3437;
      text-decoration: none; }
  .system_feature_area .system_feature_left .system_feature_box p {
    line-height: 30px;
    color: #7b8083;
    font-weight: 400; }
  .system_feature_area .system_feature_left .system_feature_box:hover {
    border-left-color: #57b857;
    border-top-color: #57b857;
    -webkit-box-shadow: 0 0 30px rgba(47, 52, 55, 0.1);
    -ms-box-shadow: 0 0 30px rgba(47, 52, 55, 0.1);
    -o-box-shadow: 0 0 30px rgba(47, 52, 55, 0.1);
    -moz-box-shadow: 0 0 30px rgba(47, 52, 55, 0.1);
    box-shadow: 0 0 30px rgba(47, 52, 55, 0.1);
    border-right-color: #ffffff;
    border-bottom-color: #ffffff; }
    .system_feature_area .system_feature_left .system_feature_box:hover h3 a {
      color: #57b857; }
.system_feature_area .system_feature_middle img {
  width: 470px; }
  @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
    .system_feature_area .system_feature_middle img {
      width: 100%; } }
.system_feature_area .system_feature_right {
  background: #57b857;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 464px;
  padding: 42px 50px 50px 50px; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .system_feature_area .system_feature_right {
      padding: 42px 20px 50px 20px; } }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
    .system_feature_area .system_feature_right {
      padding: 37px 45px 30px 45px;
      margin-top: 20px;
      height: 295px; } }
  @media only screen and (max-width: 320px), only screen and (max-width: 320px) {
    .system_feature_area .system_feature_right {
      height: 330px; } }
  .system_feature_area .system_feature_right h1 {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500; }
  .system_feature_area .system_feature_right a {
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 13px; }
	.mb_20 {
    margin-bottom: 20px;
}
.system_right{
	position: relative;
    left: 120px;
}
/* =========================
  #22 - Installation
============================*/
.installation_area {
  position: relative;
  z-index: 1;
  overflow: hidden; }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
    .installation_area {
      padding-bottom: 500px; } }
  .installation_area:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 862px;
    height: 100%;
    background: url("../images/video-promotion-bg.jpg") center center no-repeat;
    background-size: cover; }
    @media (min-width: 1350px), (min-width: 992px) and (max-width: 1200px) {
      .installation_area:before {
        width: 50%; } }
    @media (max-width: 1920px) and (min-width: 1801px) {
      .installation_area:before {
        width: 862px; } }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .installation_area:before {
        width: 100%;
        top: auto;
        bottom: 0;
        height: 450px;
        left: 0; } }
  .installation_area .installation_shape {
    opacity: 0.03; }
  .installation_area .installation_left {
    position: relative; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .installation_area .installation_left {
        margin-bottom: 50px; } }
    .installation_area .installation_left .hero_section_title h4:before {
      left: 0;
      margin-left: 0; }
    .installation_area .installation_left .hero_section_title h1 {
      color: #ffffff;
      font-weight: 500; }
    .installation_area .installation_left p {
      font-size: 16px;
      line-height: 36px;
      color: #babdbf;
      font-weight: 300;
      margin-bottom: 52px;
      text-align: justify;
      }
    .installation_area .installation_left a:hover {
      color: #2f3437; }
    .installation_area .installation_left a:after, .installation_area .installation_left a:before {
      background: #ffffff; }

.video_doorbell {
  padding-bottom: 146px; }
  .video_doorbell:before {
    display: none; }
  .video_doorbell .installation_left .default_btn:hover {
    color: #ffffff; }
  .video_doorbell .installation_left .default_btn:before, .video_doorbell .installation_left .default_btn:after {
    background: #2f3437; }
  .video_doorbell .video_doorbell_right {
    position: relative;
    padding-top: 72px; }
    .video_doorbell .video_doorbell_right .img_box .img_bg {
      background: url("../images/video-doorbel-1.jpg") center center no-repeat;
      background-size: cover;
      width: 270px;
      height: 181px;
      right: 0;
      margin-left: auto; }
    .video_doorbell .video_doorbell_right .img_box .img_bg.img_2 {
      background: url("../images/video-doorbel-1.jpg") center center no-repeat;
      background-size: cover;
      margin-right: auto;
      margin-left: 0; }
    .video_doorbell .video_doorbell_right .img_box.bottom_img {
      margin-left: 90px; }
      @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .video_doorbell .video_doorbell_right .img_box.bottom_img {
          margin-left: 0 !important; } }
    .video_doorbell .video_doorbell_right .top_img {
      margin-right: 50px; }
      @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .video_doorbell .video_doorbell_right .top_img {
          margin-bottom: 100px; } }
    .video_doorbell .video_doorbell_right .cart_box {
      position: absolute;
      background: #ffffff;
      width: 237px;
      text-align: center;
      top: 0;
      left: 133px; }
      @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
        .video_doorbell .video_doorbell_right .cart_box {
          left: 0; } }
      .video_doorbell .video_doorbell_right .cart_box p {
        font-size: 18px;
        font-weight: 400;
        color: #2f3437;
        line-height: 25px;
        padding: 25px 30px; }
      .video_doorbell .video_doorbell_right .cart_box a {
        border-top: 1px solid #f2f2f2;
        display: block;
        padding: 5px;
        text-decoration: none; }
    .video_doorbell .video_doorbell_right .cart_box.cart_2 {
      top: 182px;
      z-index: 2;
      width: 320px;
      left: 223px;
      text-align: left;
      display: flex;
      align-items: flex-start;
      padding: 28px 30px 26px 30px; }
      @media only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .video_doorbell .video_doorbell_right .cart_box.cart_2 {
          top: 230px; } }
      @media (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
        .video_doorbell .video_doorbell_right .cart_box.cart_2 {
          left: 50%;
          margin-left: -160px; } }
      @media (min-width: 992px) and (max-width: 1200px) {
        .video_doorbell .video_doorbell_right .cart_box.cart_2 {
          left: 180px; } }
      .video_doorbell .video_doorbell_right .cart_box.cart_2 img {
        width: 21px;
        margin-right: 10px; }
      .video_doorbell .video_doorbell_right .cart_box.cart_2 .cart_right_details h5 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        margin-bottom: 8px; }
        .video_doorbell .video_doorbell_right .cart_box.cart_2 .cart_right_details h5 span {
          font-weight: 300;
          color: #7b8083; }
      .video_doorbell .video_doorbell_right .cart_box.cart_2 .cart_right_details p {
        padding: 0;
        font-weight: 300;
        color: #7b8083;
        margin-bottom: 8px;
        font-size: 16px; }
      .video_doorbell .video_doorbell_right .cart_box.cart_2 .cart_right_details a {
        line-height: 20px;
        padding: 0;
        border: none;
        font-weight: 300; }
    .video_doorbell .video_doorbell_right .cart_box.cart_3 {
      top: auto;
      left: auto;
      right: 0;
      width: 281px;
      bottom: -46px; }
      .video_doorbell .video_doorbell_right .cart_box.cart_3 h5 {
        font-size: 16px;
        line-height: 30px;
        font-weight: 500;
        margin-top: 20px; }
      .video_doorbell .video_doorbell_right .cart_box.cart_3 p {
        font-size: 16px;
        padding: 0 38px 30px 35px;
        line-height: 22px;
        font-weight: 300;
        color: #7b8083; }
      .video_doorbell .video_doorbell_right .cart_box.cart_3 .cart_btn_flex {
        display: flex;
        align-items: center; }
        .video_doorbell .video_doorbell_right .cart_box.cart_3 .cart_btn_flex > * {
          flex: 1;
          font-weight: 300; }
          .video_doorbell .video_doorbell_right .cart_box.cart_3 .cart_btn_flex > *:first-child {
            border-right: 1px solid #f2f2f2; }

.market_innovation:before {
  background: url("../images/innovation.jpg") center right no-repeat;
  background-size: cover;
  width: 863px; }
  @media (min-width: 1350px), (min-width: 992px) and (max-width: 1200px) {
    .market_innovation:before {
      width: 50% !important; } }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
    .market_innovation:before {
      width: 100%;
      left: 0; } }
.market_innovation .installation_left .innovation_list li {
  font-size: 18px;
  color: #babdbf;
  font-weight: 300;
  display: flex;
  align-items: center;
  margin-bottom: 12px; }
  .market_innovation .installation_left .innovation_list li i {
    color: #57b857;
    display: inline-block;
    margin-right: 19px;
    font-size: 16px; }
  .market_innovation .installation_left .innovation_list li:last-child {
    margin-bottom: 2px; }
.market_innovation .installation_left .default_btn {
  background: #ffffff;
  color: #2f3437; }
  .market_innovation .installation_left .default_btn:hover {
    color: #ffffff; }
  .market_innovation .installation_left .default_btn:after, .market_innovation .installation_left .default_btn:before {
    background: #57b857; }

.service_single_1 {
  overflow: hidden; }
  .service_single_1 .installation_left {
    padding-left: 59px; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
      .service_single_1 .installation_left {
        padding-left: 0; } }
    .service_single_1 .installation_left .hero_section_title h1 {
      color: #2f3437; }
    .service_single_1 .installation_left p {
      color: #7b8083;
      font-size: 18px; }
  .service_single_1:before {
    background: url("../images/services/service-single-1.jpg") center center no-repeat;
    background-size: cover;
    right: auto;
    left: 0;
    width: 50%; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .service_single_1:before {
        width: 100%; } }

.service_single_3 {
  overflow: hidden; }
  .service_single_3 .installation_left {
    padding-left: 59px; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-width: 384px) {
      .service_single_3 .installation_left {
        padding-left: 0; } }
    .service_single_3 .installation_left .hero_section_title h1 {
      color: #2f3437; }
    .service_single_3 .installation_left p {
      color: #7b8083;
      margin-bottom: 37px; }
      .service_single_3 .installation_left p:last-child {
        margin-bottom: 0; }
  .service_single_3:before {
    background: url("../images/services/service-single-1.jpg") center center no-repeat;
    background-size: cover;
    right: auto;
    left: 0;
    width: 50%; }
    @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
      .service_single_3:before {
        width: 100%; } }

.pro_installation:before {
  background: url("../images/pro_installation.jpg") center right no-repeat;
  background-size: cover;
  width: 870px; }
  @media (min-width: 1350px), (min-width: 992px) and (max-width: 1200px) {
    .pro_installation:before {
      width: 50%; } }
  @media (min-width: 768px) and (max-width: 991px), (min-width: 481px) and (max-width: 767px), only screen and (max-width: 480px), only screen and (max-width: 384px), only screen and (max-width: 320px) {
    .pro_installation:before {
      width: 100%; } }
.pro_installation .installation_left .installation_list li {
  position: relative;
  color: #babdbf;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  align-items: center;
  margin-bottom: 25px; }
  .pro_installation .installation_left .installation_list li i {
    color: #57b857;
    font-size: 28px;
    display: inline-block;
    margin-right: 15px; }
  .pro_installation .installation_left .installation_list li:last-child {
    margin-bottom: 0; }
.section_dark_bg {
    background: #2f3437;
}
.select-style{
    margin-bottom: 13px;
    height: 48px;
}
.col_style{
    padding-right: 0px;
    padding-left: 6px;
}
.blog-detail h6{
    letter-spacing: 1px;
    font-size: 16px;
}