body {
  padding-top: 100px;
  background: #fff;
  font-family: open sans,sans-serif;
  font-weight: 400;
  color: #282828;
  line-height: 26px;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}
a {
  color: #F940AD;
  -webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #F940AD;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.gradiant {
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
.gradiant-horizontal {
  background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
}
.section-header p{
text-align:center;
}
.section-header .section-title {
  font-size: 40px;
  color: #3e3e3e;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;  

  border-bottom: 1px solid #E7E7E7;

  display: block;
  text-align: center;
}
    .section-header .section-title>i {
        color:#F940AD;
    }
.section-header .section-title:before {
  /* content: "";
  position: absolute;
  width: 140px;
  bottom: -5px;
  right: 0;
  width: 30px;
  background: rgb(231, 231, 231);
  border-radius: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 10px; */
}

.btn {
  border-width: 0;
  border-radius: 0;
}
.btn.btn-primary {
  background: #F940AD;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background: #F44D4D;
}
.listarrow{
padding:0px;
}
.listarrow li{
list-style:none;
margin:0px;
padding:0px;
}
.listarrow li i{
padding-right:15px;
color: #F940AD;
}
.heroText{
    background: #020202;
    padding: 25px 0;
    color: #fff;
}
.heroBtn {
    float: right;
    margin: 24px 0;
}
.heroBtn a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    padding: 0px 26px;
    height: 40px;
    line-height: 40px;
    display: table;
    border: 2px solid #FFF;
    border-radius: 3px;
}
.column-title {
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  position: relative;
}
.column-title:after {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 40%; 
}
ul.nostyle {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}
ul.nostyle i {
  color: #45aed6;
}
.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/*************************
*******Header******
**************************/

#main-nav.navbar-default {background: #fff;}
 

@media only screen and (min-width: 768px) {
  #main-nav.navbar-default { 
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26);
  }
  #main-nav.navbar-default .navbar-nav > li > a {
      padding:24px 16px;
}
  #main-nav.navbar-default .navbar-nav > li.active > a,

  #main-nav.navbar-default .navbar-nav > li.open > a,
  #main-nav.navbar-default .navbar-nav > li:hover > a {
    background-color: #2db1f4;
    color: #FFF;
}
  #main-nav.navbar-default .dropdown-menu {
    padding: 0 20px;
    min-width: 220px;
    background-color: rgba(26, 28, 40, 0.9);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-clip: inherit;
  }
  #main-nav.navbar-default .dropdown-menu > li {
    border-left: 3px solid transparent;
    margin-left: -20px;
    padding-left: 17px;
    -webit-transition: border-color 400ms;
    transition: border-color 400ms;
  }
  #main-nav.navbar-default .dropdown-menu > li > a { 
    padding: 15px 0;
    color:#A8A8A8; 
  }
  #main-nav.navbar-default .dropdown-menu > li:first-child > a {
    border-top: 0;
  }
  #main-nav.navbar-default .dropdown-menu > li.active,
  #main-nav.navbar-default .dropdown-menu > li.open,
  #main-nav.navbar-default .dropdown-menu > li:hover {
    border-left-color: #45aed6;
  }
  #main-nav.navbar-default .dropdown-menu > li.active > a,
  #main-nav.navbar-default .dropdown-menu > li.open > a,
  #main-nav.navbar-default .dropdown-menu > li:hover > a {
    color: #2db1f4;
    background-color: transparent;
  }
}

#hero-banner {
    overflow: hidden;
    height: 700px;
    /*background: #F940AD url("../images/banner/banner.jpg");*/
    background-size: cover;
    color: #fff;
    padding-top: 70px;
    position: relative;
    background: linear-gradient(-45deg, #1ed760, #8edca9, #ddf4e5, #23d5ab) top center;
    background-size: 400% 400%;
}
@media (max-width: 768px) {
  #hero-banner {
    height: unset;
  }
}
#hero-banner::before {
    position:absolute;
    z-index:1;
    content:"";
    opacity:0.3;
    width:100%;
    height:100%;
    display:block;
    background:#3c3c3c;
    background-image: repeating-linear-gradient(to left bottom, #8d70ff 0%, #d044d2 100%);
}
#hero-banner.item {
  height: 558px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
#hero-banner .banner-inner {
  position:relative;
  z-index:2;
  width: 100%;
  height: 100%;
  color: #000;
}
#hero-banner h2 {
    margin-top: 120px;
    font-size: 25px;
    line-height: 40px;
    text-align: left;
}
#hero-banner p {
    font-size: 14px;
    margin: 20px 0px;
    line-height: 25px;
    text-align: left;
    font-weight: normal;
}
#hero-banner #bannerImg {
    display: none;
}
#hero-banner .get-it {
    text-align: left;
    /*text-align: center;*/
    /*width: 150px;*/
    /*display: block;*/
    /*background: #fff;*/
    /*border-radius: 30px;*/
    /*font-weight: 600;*/
    /*color: #F940AD;*/
    /*border-bottom: 3px solid #ddd;*/
    /*padding: 10px 0px;*/
    /*box-shadow: 0px 2px 16px -2px rgba(218, 64, 121, 0.5);*/
    /*transition: all .3s ease;*/
}
#hero-banner a>i {
    opacity:0;
    display:inline-block;
    overflow:hidden;
    width:0px;
    transition:all .3s ease;
    vertical-align:middle;
}
#hero-banner a:hover {
    box-shadow: 0px 20px 30px 0px rgba(102, 194, 237, 0.4);
}
#hero-banner a:hover>i {
    opacity:1;
    transform:translateX(0px);
    margin-right:5px;
    width:20px;
}
 
#hero-text {
  padding: 50px 0;
  border-top: 1px solid #FFFFFF;
}
#hero-text h2 {
  margin-top: 0;
}
#hero-text .btn {
  margin-top: 40px;
}
#cta2 {
  background: #45b1da;
  color: #fff;
  padding-top: 70px;
}
#cta2 .btn {
  margin-top: 10px;
}
#cta2 h2 {
  color: #fff;
  font-size: 44px;
  line-height: 1;
}
#cta2 h2 > span {
  color: #45aed6;
}
#features h2, #operation p{ color: #4A4A4A;}
#features {
  padding: 100px 0;
  background: #FFFFFF;
  color: #000;
}

#features .media.service-box:first-child {
  margin-top: 80px;
}
#services, #features {
  padding: 100px 0 75px;
}
.media.service-box {
  margin: 25px 0 36px;
  padding: 20px;
  padding-left: 100px;
  position: relative;
  border: 1px solid #ccc;
  box-shadow:0px 1px 7px #999;
  -webkit-box-shadow:0px 1px 7px #999;
  box-sizing: content-box;
  background: #f7f7f7;
}
.media.service-box .pull-left {
  margin-right: 20px;
}
.media.service-box .pull-left > img {
  width: 56px;
  height: 56px;
  transition: background-color 400ms, background-color 400ms;
  position: absolute;
  left:23px;
  top: 50px;
  vertical-align: middle;
  border-radius: 50% 0 0 50%;
}
.media.service-box .media-body p {height:150px; border-bottom:1px solid #ddd;}
#operation {
  padding: 100px 0;
  background: #FFFFFF;
}
#operation .portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0 0 50px;
  display: inline-block;
}
#operation .portfolio-filter > li {
  float: left;
  display: block;
}
#operation .portfolio-filter > li a {
  display: block;
  padding: 7px 15px;
  margin:0px 2px;
  color:#666 ;
  position: relative;
  border-bottom: 2px solid #F940AD;
  font-weight:600;
}
#operation .portfolio-filter > li a:hover {
  background: #F2F2F2;
}
#operation .portfolio-filter > li a.active {
  background: #F940AD;
  color: #FFFFFF;
}
#operation .portfolio-items {
    margin: -20px;
    display: none;
}
#operation .portfolio-item {
  width: 20%;
  float: left;
  padding: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#operation .portfolio-item.menuPrice { width:100%;}
#operation .portfolio-item .portfolio-item-inner {
  position: relative;
  height:200px;
  line-height:14px;
  padding:0px;
  font-size:13px;
  color:#FFF;
}
#operation .portfolio-item.menuPrice .portfolio-item-inner {
    height: auto !important;
    padding: 0px;
}
#operation .portfolio-item .portfolio-item-inner > h3 {
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    padding: 2px 0px 5px;
    font-size: 14px;
    line-height:18px;
    text-align: left;
    color: #FFF;
    margin: 0;
    width: 100%;
    padding:8px;
    margin-bottom: 5px;
    background:rgba(255,255,255,0.2);
    height:60px;
}
#operation .portfolio-item .portfolio-item-inner>div {
    height: 115px;
    padding:0px 8px;
    width: 100%;
    overflow: hidden;
    font-size:14px;
    line-height:16px;
}
#operation .portfolio-item.menuPrice .portfolio-item-inner>p.list-title{
     width:100%; text-align:center; font-size:30px; color:#3c3c3c; padding:20px 0px; font-weight:bold; border-top:1px solid #ddd; margin-top:15px;
}
#operation .portfolio-item.menuPrice .portfolio-item-inner>p>a {
    font-size:14px;
    line-height:18px;
    display:block;
	width:100%;
    padding:12px 16px;
    background:#f84d4e;
    margin-bottom:4px;
	color:#FFF;
    transition:all .3s ease;
}
#operation .portfolio-item.menuPrice .portfolio-item-inner>p>a [data-whb-get] {
  background-color: #fff;
  color: #000;
}
#operation .portfolio-item.menuPrice .portfolio-item-inner>p>a:hover{
    background:#9283e0;
    color: #fff;
    box-shadow:0px 5px 16px -5px rgba(0,0,0,0.2);
}
#operation .portfolio-item.menuPrice .portfolio-item-inner>p>a .number{
    display:block;
    color:#FFF;
    -webkit-transition: color 400ms, background-color 400ms;
    -moz-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
}
#operation .portfolio-item.menuPrice .portfolio-item-inner>p>a:hover .number{
	color: #fff;
}
#operation .portfolio-item .portfolio-item-inner .portfolio-info {
  opacity: 0;
  transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 30px 10px 10px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  height:100%;
  line-height:16px;
}
#operation .portfolio-item .portfolio-item-inner .portfolio-info h3 {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  margin-bottom:10px;
  color: #fff;
}
#operation .portfolio-item .portfolio-item-inner .portfolio-info .preview { 
  width: 36px;
  height: 36px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  display:block;
  text-align: center;
  margin: 15px auto;
  font-size: 36px;
  border: 0;
}
#operation .portfolio-item:hover .portfolio-info {
  opacity: 1;
}
#operation .portfolio-item:hover .portfolio-item-inner>h3 {
    cursor:default;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
line-height: 1.42857143;
border: 1px solid #ddd;
border-radius: 0px;
padding:0px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-bottom: 15px;
}
#testimonial {
  background: #222222;
  background-size: cover;
  padding: 100px 0;
  color: #fff;
}
#testimonial h2{
color:#fff;
}
#testimonial h4 {
  color: #fff;
  margin-bottom: 8px;
}
#testimonial small {
  display: block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.7);
}
#testimonial .btns {
  margin-top: 10px;
}
#carousel-testimonial a.btn.btn-primary.btn-sm {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
margin: 0 8px;
}
#about {
  padding: 0 0 40px;
}
#about h2 {
    background: #FFF;
    padding: 32px;
    border-radius: 24px;
    animation-name: fadeInDown;
    box-shadow:0px 12px 32px -5px rgba(0,0,0,0.1);
    margin-bottom:64px;
}
#about h2.section-title:before {
    display:none;
}
/*Team*/ 
#our-team {
  padding: 100px 0;
}
#our-team .team-member {
  padding: 0;  
}
#our-team .team-member .team-img {
  margin: 0;
}
#our-team .team-member .team-info {
  background: #F940AD;
  color: #ffffff;
  padding: 7px 0;
} 
#our-team .team-member:hover .social-icons > li > a {
  color: #F940AD;
}
 
#our-team .social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-transition: height 1s; /* For Safari 3.1 to 6.0 */
  transition: height 1s;
  border: #000 dashed 1px;
  padding: 6px 0 6px;
}
#our-team .social-icons > li {
  display: inline-block;
}
#our-team .social-icons > li > a {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #222222;
  background: #E5E5E5;
  border-radius: 3px;
  border: 1px solid #E5E5E5;
  margin: 5px 10px;
}
/*Testimonial Area*/

.testimonial-area{
	padding-bottom:60px;
}
.single-testimonial{
	margin-bottom:30px;
}
.single-testimonial blockquote{
	padding:15px 20px;
	margin-bottom: 0;
	position:relative;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
	font-size: 14px;
	background: rgba(52, 52, 52, 1);

	color: #919191;
line-height: 22px;

	border-radius: 25px 25px 0 0;
	border: 0;
}
 
.single-testimonial blockquote:after{
	/* position:absolute; */
	/* bottom:-19px; */
	/* left:45px; */
	content:"";
	/* border-top: 19px solid rgba(255, 255, 255, 0.29); */

	/* border-right: 22px solid transparent; */
}
.single-testimonial img{
	border-radius: 0px 0 50% 50%;
}
.single-testimonial h5{
	padding: 8px 0 0px;
	font-size: 16px;
	color: #F940AD;
}
 
.progress {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #eeeeee;
}
.progress .progress-bar.progress-bar-primary {
  background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.nav.main-tab {
  background: #eee;
  border-bottom: 3px solid #222534;
  border-radius: 3px 3px 0 0;
}
.nav.main-tab > li > a {
  color: #272727;
}
.nav.main-tab > li.active > a {
  background: #222534;
  color: #45aed6;
}
.nav.main-tab > li:first-child > a {
  border-radius: 3px 0 0 0;
}
.nav.main-tab > li:last-child > a {
  border-radius: 0 3px 0 0;
}
 .navbar-nav {margin: 0;/* border-right: 1px solid #E6E6E6; */}
.tab-content {
  border: 1px solid #eee;
  border-top: 0;
  padding: 20px 20px 10px;
  border-radius: 0 0 3px 3px;
}
.panel-default {
  border-color: #eee;
}
.panel-default > .panel-heading {
  background-color: #fff;
  border-color: #eee;
}
.panel-default > .panel-heading .panel-title {
  font-size: 14px;
  font-weight: normal;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eee;
}

#updates { padding:100px 0px; }
#updates .new-vchg { position:relative; }
#updates .new-vchg::after { clear:both; content:''; display:block; }
#updates .new-vchg>div { display:inline-block; text-align:center; width:45%; }
#updates .new-vchg>div>img { width:100%; border-radius:32px; border:12px solid #FFF; box-shadow:0px 8px 40px -8px rgba(0, 0, 0, 0.35); }
#updates .new-vchg>div>div { margin-top:16px; font-weight:600; font-size:20px; font-family:Arial; }
#updates .new-vchg>i { display:block; position:absolute; left:50%; top:50%; width:64px; height:64px; line-height:64px; margin-top:-36px; text-align:center; margin-left:-32px; font-size:40px; color:#e6e6e6; transition:all .3s ease; }
#updates .new-content::before { content:""; display:block; clear:both; }
#updates .new-single { margin-top:64px; padding-bottom:16px; }
#updates .new-single>.col-md-5 { background:#FFF; padding:36px; margin-top:40px; box-shadow:0px 8px 40px -8px rgba(0, 0, 0, 0.35); z-index:1; }
#updates .new-single>.col-md-5.new-left { border-radius:50px 0px 0px 10px; }
#updates .new-single>.col-md-5.new-right { border-radius:0px 50px 10px 0px; float:right; }
#updates .new-single>.col-md-7 { padding:0px; z-index:2; background:#FFF; min-height:420px; }
#updates .new-single::after { content:""; display:block; clear:both; }
#updates .new-single h6 { background:#F940AD; color:#FFF; font-weight:600; font-size:36px; display:inline-block; border-radius:0px; padding:16px 25px; border-radius:5px; margin-top:0; margin-bottom:16px;}
#updates .new-single>.new-left h6 { border-radius:20px 5px; }
#updates .new-single>.new-right h6 { border-radius:5px 20px; }
#updates .new-single h6>small { color: #ffacdd; margin-right: 10px; }
#updates .new-single .new-tit { font-weight:600; font-size:22px; line-height:26px; margin-bottom:10px; }
#updates .new-single .new-des { color:#666; line-height:20px; }
#updates .new-single .new-des>div { position:relative; margin-bottom:10px; }
#updates .new-single img { width:100%; cursor:pointer; display:block; transition:all .3s ease; border:10px solid #F8F8F8; }
#updates .new-single img:hover { transform:scale(1.05); box-shadow:0px 8px 40px -8px rgba(0, 0, 0, 0.35); }
@media only screen and (max-width:992px) {
    #updates .new-vchg>div { display:block; width:100%; float:none; }
    #updates .new-vchg>div:last-child { margin-top:100px;}
    #updates .new-vchg>i { transform:rotateZ(90deg); }
    #updates .new-single>.col-md-5 { border-radius:50px 10px 0px 0px !important; float:none !important; }
    #updates .new-single>.col-md-7 { min-height:unset; }
    #updates .new-single h6 { border-radius:20px 5px !important; }
}

#business-stats {
    /*position: relative;*/
    /*background-size: cover;*/
    /*color: #fff;*/
    /*background: #F940AD url("../images/banner/banner.jpg");*/
    /* background: linear-gradient(-45deg, #b2bcdb, #cbbbdb, #bdb9d7, #b0b9d1) top center; */
    /* background-size: 400% 400%; */
    /* color: #000; */
}
#business-stats::before {
    /*position: absolute;*/
    /*z-index: 1;*/
    /*content: "";*/
    /*opacity: 0.5;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*display: block;*/
    /*color: #000;*/
    /*!*background: #3c3c3c;*!*/
    /*!*background-image: repeating-linear-gradient(to left bottom, #8d70ff 0%, #d044d2 100%);*!*/
    /*background: linear-gradient(-45deg, #1ed760, #8edca9, #ddf4e5, #23d5ab) top center;*/
    /*background-size: 400% 400%;*/
}
#business-stats>div {
    position:relative;
    z-index:2;
    padding:80px 0px;
}
/* #business-stats h1,
#business-stats h2,
#business-stats h3,
#business-stats h4, #business-stats .wa-stype.wa-glass > li.wa-header, #business-stats .wa-stype.wa-glass > li > a {
  color: #000 !important;
} */
#business-stats .section-header .section-title:before {
    background-color: #000;
}
#business-stats .section-header .section-title {
    border-bottom-color: #000;
}
#business-stats strong {
  display: block;
  margin-bottom: 30px;
}
.business-stats {
  display: inline-block;
  width: 140px;
  height: 140px;
  font-size: 24px;
  line-height: 140px;
  border: 4px solid #F940AD;
  border-radius: 100px;
  margin-bottom: 20px;
}
#pricing {
  padding: 50px 0 0;
}
#pricing ul.pricing {
  list-style: none;
  padding: 0;
  margin: 70px 0 30px;
  padding: 15px;
  text-align: center;
  background: #ffffff;
  border: 1px dashed;
}
#pricing ul.pricing li {
  display: block;
  padding: 10px;
}
#pricing ul.pricing li.plan-header {
  /* background: #EFEFEF; */
  margin: -15px -15px 10px;
  padding: 15px 15px 30px;
  border: 0;
  color: #fff !important;
}
#pricing ul.pricing li.plan-header .price-duration {
  position: relative;
  margin-top: 15px;
  top: -10px;
  display: inline-block;
  width: 116px;
  height: 116px;
  color: #222;
  background-color: #ffffff;
  border-radius: 50%;
}
#pricing ul.pricing li.plan-header .price-duration > span {
  display: block;
  line-height: 1;
}
#pricing ul.pricing li.plan-header .price-duration > span.price {
  font-size: 24px;
  font-weight: 700;
  margin-top: 35px;
}
#pricing ul.pricing li.plan-header .price-duration > span.duration {
  margin-top: 5px;
}
#pricing ul.pricing li.plan-header .plan-name {
  margin-top: 10px;
  font-size: 24px;
  color: #222222;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
#pricing ul.pricing.featured {
  background: #222222; 
  border: 0;
  color: #FFF;
}
#pricing ul.pricing.featured  li.plan-header .price-duration{color: #f24e4e;}
#pricing ul.pricing.featured li.plan-header {
  /* background: #F940AD; */
}
#pricing ul.pricing.featured li.plan-header .plan-name {
  color: #F940AD;
}
#contact-us {
  padding: 100px 0 10px;
}
#contact-us h1,
#contact-us h2 {
}
/*Contact*/
 .contact-info{
 padding:60px 0;
 }
.contact-info address {
margin-bottom: 20px;
font-style: normal;
line-height: 27px;
font-size: 15px;
}
.contact-info .form-control { 
padding: 6px 12px;
border-radius: 0;
}
 .business-stats:before {
content: '';
margin: 17px;
display: block;
border: currentcolor;
height: 100px;
border-radius: 50%;
position: absolute;
width: 100px;
}

/***********************
********* Footer ******
************************/
#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  background: #222222;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #48B1DF;
}
#footer ul {
  list-style: none;
}
/**** Menu***/
#pricing ul.menuPrice {
	margin:0;
	padding:0;
}
#pricing ul.menuPrice li {
    list-style: none;
    padding: 0;
    padding: 0px;
    color: #000;	
}
#pricing ul.menuPrice li a{
    display:block;
	  width:100%;
    padding: 10px;
    background: rgb(49,56,85);
    margin-bottom: 6px;
	  color:#efefef;
    -moz-transition: none;
    -o-transition: none;
    transition:none;
    -moz-transition:  background .4s ease;
    -o-transition:  background .4s ease;
    transition: background .4s ease;
    cursor: auto;
    border-radius: 5px;
    transition: 0.3s;
}
#pricing ul.menuPrice li a:hover{
  background: rgb(37,49,112);
  transform: scale(1.05);
}
#pricing ul.menuPrice li a span{
  transition: 0.3s;
}
#pricing ul.menuPrice li a span:hover{
  background: rgb(206,96,96);
}
/* #pricing ul.menuPrice li a:hover{
	background: #F940AD;
	color: #fff;
}
#pricing ul.menuPrice li a:hover *{
	color: #fff !important;
} */
#pricing ul.menuPrice li a::after{
    content:"";
    clear:both;
    width:0px; 
    height:0px;
    display:block;
}
#pricing ul.menuPrice li a .number{
    -moz-transition: none;
    -o-transition: none;
    transition:none;
}
#pricing ul.menuPrice li a>div{
    color:#aaa;
    line-height:16px;
}
#pricing ul.menuPrice li a:hover>div{
    color:#fff;
}
#pricing ul.menuPrice li .number{
	float:right;
    color:#aaa;
    -webkit-transition: color 400ms, background-color 400ms;
    -moz-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
}
/* #pricing ul.menuPrice li  a:hover .number{
	color: #fff;
} */
.help-block ul {
 padding:0;
}
.help-block ul li {
    list-style: none;
    color: red;
}

#hero-banner #bannerImg img { cursor:pointer; }
@media only screen and (min-width: 768px) {
    #hero-banner #bannerImg {
        display: block;
        margin-top: 125px;
    }

    #hero-banner #bannerImg img {
        box-shadow: 0px 0px 10px #FFF;
        border-radius: 5px;
        display: block;
        width: 100%;
        border:8px solid #FFF;
        border-radius:20px;
    }

    #footer .social-icons {
        float: right;
    }
}
.form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
}
@media only screen and (max-width: 480px) {
#hero-banner h2 {
margin-top: 20px;
font-size: 31px;
line-height: 40px;
padding: 10px;
}
#hero-banner p {
font-size: 18px;
padding: 10px;
}
#operation .portfolio-filter {
list-style: none;
padding: 0;
margin: 0 0 12px;
}
#operation .portfolio-filter > li a {
display: block;
padding: 7px 15px;
margin: 5px 2px;
}
#operation .portfolio-item {
width: 48.9%;
padding: 8px;
}
#operation .portfolio-item .portfolio-item-inner .portfolio-info .preview {
width: 28px;
height: 24px;
line-height: 24px; 
margin: 9px auto;
}
#operation .portfolio-item .portfolio-item-inner .portfolio-info {
padding: 7px 0 0;
}
.column-title{ margin-top:15px;}
}

#formCustomW input, #formCustomW textarea { background:#FFF; border:none; border-radius:5px; box-shadow: 0px 5px 16px -2px rgba(0,0,0,0.2); padding: 10px 16px; color: #666; outline:none; transition:all .3s ease;}
#formCustomW input:focus, #formCustomW textarea:focus { box-shadow: 0px 5px 16px -2px rgba(236, 27, 123, 0.4); }
#formCustomW #subCustom { padding:16px 50px; color:#F940AD; font-weight:600; margin-top:16px; box-shadow: 0px 5px 16px -2px rgba(0,0,0,0.2); }

@media (max-width: 768px) {
    .navbar-brand>img {
        max-width: 246px;
        padding-top: 8px;
    }
    #btnDiscount {
        display: none;
    }
}
.hero__app ul li {
  display: inline-block;
  margin-right: 20px;
  list-style: none;
}
@media (max-width: 575px) {
  .hero__app ul li {
    margin-bottom: 30px;
  }
}
.hero__app ul li a {
  cursor: pointer;
  height: 60px;
  text-align: center;
  padding: 0 24px;
  border: 2px solid #2196f3;
  background-color: #2196f3;
  border-radius: 6px;
}
.hero__app ul li a:hover {
  background-color: #158eef;
  border-color: #158eef;
  box-shadow: 0px 20px 30px 0px rgb(33, 150, 243, .4);
}
.hero__app ul li a.active {
  background-color: #65c2ed;
  border-color: #65c2ed;
  box-shadow: 0px 20px 30px 0px rgba(183, 200, 207, 0.2);
}
.hero__app-icon {
  margin-right: 15px;
}
.hero__app-icon i {
  font-size: 24px;
  color: #ffffff;
}
.hero__app-content h5 {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;
}
.hero__app-content span {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
.d-flex {
  display: flex!important;
}
.align-items-center {
  align-items: center!important;
}
#more {
  padding-top: 40px;
}
#more > ul {
  padding: 0;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-110 {
  /* margin-bottom: 110px; */
}
.section__title {
  font-size: 40px;
  font-weight: 800;
  color: #070337;
  margin-bottom: 25px;
}
.testimonial__item {
  position: relative;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 50px 40px;
}
@media (max-width: 575px) {
  .testimonial__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.testimonial__item::before {
  position: absolute;
  content: "";
  left: 10px;
  right: 10px;
  width: calc( 100% - 20px);
  height: 100%;
  bottom: -20px;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  z-index: -1;
  background: linear-gradient(90deg, rgba(25, 35, 58, 0.3) 0%, rgba(48, 58, 81, 0.3) 100%);
}
.testimonial__item-3 {
  padding: 30px 30px;
  padding-bottom: 57px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
}
.testimonial__item-5 {
  padding: 45px 68px;
  padding-bottom: 50px;
  background: #ffffff;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__item-5 {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__item-5 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .testimonial__item-5 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.testimonial__item-5 p {
  font-size: 24px;
  line-height: 36px;
  color: #011224;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__item-5 p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__item-5 p {
    font-size: 18px;
    line-height: 1.5;
  }
}
@media (max-width: 575px) {
  .testimonial__item-5 p {
    font-size: 18px;
    line-height: 1.5;
  }
}
.testimonial__thumb img {
  width: 70px !important;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__text p {
  font-size: 18px;
  line-height: 28px;
  color: #dae0f5;
}
.testimonial__text-3 p {
  color: #0a0030;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}
.testimonial__text-4 p {
  color: #57556a;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 32px;
}
.testimonial__author h3 {
  font-size: 20px;
  color: white;
  margin-bottom: 0;
}
.testimonial__author span {
  font-size: 14px;
  color: #57556a;
}
.testimonial__author-3 h4 {
  font-size: 18px;
  color: #0a0030;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}
.testimonial__author-3 span {
  font-size: 12px;
  color: #625e6e;
  line-height: 1;
}
#evaluate .section__title {
  /* padding-top: 40px; */
  text-align: center;
}
.panel-integration {
  /* padding: 0 0 64px; */
}
.panel-integration p + p {
  margin-top: 16px;
}
.panel-integration h1 {
  margin: 0 0 32px;
  font-size: 30px;
}
.panel-integration h2 {
  margin: 0 0 24px;
  font-size: 24px;
}
.panel-integration p {
  margin: 0;
}

.image-responsive {
  max-width: 100%;
}
#wrapper {
  width: 100%;
  position: relative;
}
#content {
  position: relative;
  z-index: 4;
}
.block-back {
  position: relative;
  background: none transparent;
  padding-bottom: 70px;
  transition: all 1s;
}
.section-item {
  position: relative;
}
.section-header {
  font-size: 20px;
  padding: 40px 0;
  text-transform: uppercase;
  font-weight: 700;
}
#wrapper {
  overflow: hidden;
}
.big-block {
  padding: 20px 0 0;
  -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: perspective(600px) rotateX(-70deg);
	-moz-transform: perspective(600px) rotateX(-70deg);
	-ms-transform: perspective(600px)rotateX(-70deg);
	-o-transform: perspective(600px) rotateX(-70deg);
	transform: perspective(600px) rotateX(-70deg);
	-webkit-transition: all0.6s;
	-moz-transition: all .6s;
	transition: all .6s;
	opacity: 0
}
.bbl-show.big-block {
  transform: rotateX(0deg);
  opacity: 1;
}
@media (max-width: 768px) {
  .big-block {
    transform: rotateX(0deg) !important;
    opacity: 1 !important;
  }
}
#content > .big-block:nth-child(even) {
  background-color: #f2fbff;
}
#content > .big-block:nth-child(odd) {
  background-color: #f9f8fe;
}
.content_title {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
}
.content_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.content_list > li + li {
  margin-top: 12px;
}
.content_list_item {
  color: #666666;
}
.content_list_item > i {
  display: inline-block;
  margin-right: 4px;
  padding: 4px;
  background-color: #4caf50;
  color: #fff;
  border-radius: 50%;
}
.content_list_item > span {
  font-size: 16px;
  word-wrap: break-word;
}
.content_list_item a {
  cursor: pointer;
  text-decoration: underline;
  color: #4caf50;
}
.cd_form_div {
  margin: 40px 0;
  padding: 40px 60px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0px 40px 70px 0px rgba(10, 0, 48, 0.2);
  -moz-box-shadow: 0px 40px 70px 0px rgba(10, 0, 48, 0.2);
  box-shadow: 0px 40px 70px 0px rgba(10, 0, 48, 0.2);
  background-image: url(../images/cta-3-bg.jpeg);
  color: #fff;
}
#faq .row {
  display: flex;
  flex-wrap: wrap;
}
#faq .row > div {
  margin-bottom: 24px;
}
.pl-md-4 > h4 {
  font-size: 18px;
}
.pl-md-4 > p {
  font-size: 16px;
  color: #677788;
}
#content img {
  max-width: 250px;
}
#VPS_Cloud_Version_root {
  margin-bottom: 40px;
}
#VPS_Cloud_Version_root .pricing-content {
  margin-bottom: 20px;
  padding: 10px;
  height: 100%;
}
#VPS_Cloud_Version_root .pricing-content .pricing-border {
  display: block;
  padding: 12px;
  border: 1px solid #e3e3e3;
}
.pricing-border .priceBtns-none {
  border: none;
  height: auto;
  padding-bottom: 0;
}
.priceBtns > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
  white-space: normal;
  margin-top: 8px;
  background-color: #2db1f4;
  color: #fff;
}
.priceBtns > a:hover {
  background-color: #2694cc;
}
#VPS_Cloud_Version_root .row {
  /* display: flex; */
  flex-wrap: wrap;
}
.pricing-border h4 > div {
  min-height: 40px;
  overflow: hidden;
  font-weight: bold;
  color: rgb(68,176,242);
  font-size: 21px;
}
@media (max-width: 768px) {
  .pricing-border h4 > div {
    min-height: unset;
    overflow: unset;
    word-break: break-word;
  }
  #VPS_Cloud_Version_root .row {
    display: unset;
  }
}
.pricing-large h4 > div {
  /* font-size: 16px; */
}
@media (max-width: 768px) {
  .pricing-large h4 > div {
    font-size: inherit;
  }
}
.column-title.text-center {
  font-weight: bold;
}




#whatsapp {
	  position: fixed;
	  bottom: 240px;
	  right: 10px;
	  z-index: 1060;
	  background-color: #6fcb3e;
	  width: 46px;
	  height: 46px;
	  border-radius: 50%;
	  background-image: url("https://spinnerchief.com/assets/img/whatsapp.svg");
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: 46px 46px;
	  box-shadow: 0 8px 17px 0 rgb(0, 0, 0, 0.2), 0 6px 20px 0 rgb(0, 0, 0, 0.2);
	}
	#telegram {
	  position: fixed;
	  bottom: 170px;
	  right: 10px;
	  z-index: 1060;
	  background-color: #009dfe;
	  width: 46px;
	  height: 46px;
	  border-radius: 50%;
	  background-image: url("https://spinnerchief.com/assets/img/telegram.svg");
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: 32px 32px;
	  box-shadow: 0 8px 17px 0 rgb(0, 0, 0, 0.2), 0 6px 20px 0 rgb(0, 0, 0, 0.2);
	}
	
	#email_us {
	  position: fixed;
	  bottom: 100px;
	  right: 10px;
	  z-index: 1060;
	  background-color: #373778;
	  width: 46px;
	  height: 46px;
	  border-radius: 50%;
	  background-image: url("https://aiostream.com/images/email.png");
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: 46px 46px;
	  box-shadow: 0 8px 17px 0 rgb(0, 0, 0, 0.2), 0 6px 20px 0 rgb(0, 0, 0, 0.2);
	}
	#email_us .cd-btn { background-color:transparent;}
	#email_us .cd-btn:hover { background-color:transparent;}
	/*.cd-modal-action .cd-btn {
	  display: none !important;
	}*/

@media (max-width: 768px) {
  /*.cd-modal-action .cd-btn {
    display: none !important;
  }*/
  .btnDiscount {
    top: unset !important;
    left: auto !important;
    right: 10px !important;
    bottom: 250px !important;
  }
  #btnDiscount {
    width: 96px !important;
    height: 96px !important;
    border-radius: 50% !important;
    box-shadow: 0 8px 17px 0 rgb(0, 0, 0, 0.2), 0 6px 20px 0 rgb(0, 0, 0, 0.2) !important;
    border: 1px solid #666;
  }
  #btnDiscount {
    width: 48px !important;
    height: 48px !important;
  }
}
	
	@media only screen and (max-width: 768px){
	/*.cd-modal-action {
		display:none;
	}*/
	}
	
	
/*----------------------------------------*/
/*  08. FEATURES CSS START
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__item {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__item {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__item {
    padding-left: 0px;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__item {
    margin-bottom: 60px;
    padding-left: 0px;
  }
}
@media (max-width: 575px) {
  .features__item {
    margin-bottom: 60px;
    padding-left: 0px;
  }
}
.features__item:hover .features__icon span {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.features__icon span {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 66px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.features__icon span i {
  color: #ffffff;
  font-size: 25px;
}
.features__title {
  font-size: 22px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__title {
    font-size: 20px;
  }
}
.features__list ul li {
  padding-left: 35px;
  font-size: 15px;
  color: #474554;
  font-weight: 600;
  position: relative;
  margin-bottom: 15px;
}
.features__list ul li::after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  color: #11b50d;
  background: rgba(17, 181, 13, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-weight: 500;
}
.features__list ul li:hover {
  color: #11b50d;
}
.features__list ul li:hover::after {
  background: #11b50d;
  color: #ffffff;
}
.features__shape img {
  position: absolute;
  z-index: -1;
}
.features__shape img.features-circle-1 {
  left: 4%;
  top: 29%;
}
.features__shape-2 img {
  position: absolute;
  z-index: -1;
}
.features__shape-2 img.features-2-dot {
  left: 2%;
  top: 24%;
  -webkit-animation: features-dot-1 4s linear 0s infinite alternate;
  -moz-animation: features-dot-1 4s linear 0s infinite alternate;
  -o-animation: features-dot-1 4s linear 0s infinite alternate;
  animation: features-dot-1 4s linear 0s infinite alternate;
}
.features__shape-2 img.features-2-dot-2 {
  right: 5%;
  top: 23%;
  -webkit-animation: features-dot-2 4s linear 0s infinite alternate;
  -moz-animation: features-dot-2 4s linear 0s infinite alternate;
  -o-animation: features-dot-2 4s linear 0s infinite alternate;
  animation: features-dot-2 4s linear 0s infinite alternate;
}
.features__shape-2 img.features-2-dot-3 {
  bottom: 2%;
  right: 12%;
  -webkit-animation: features-dot-1 4s linear 0s infinite alternate;
  -moz-animation: features-dot-1 4s linear 0s infinite alternate;
  -o-animation: features-dot-1 4s linear 0s infinite alternate;
  animation: features-dot-1 4s linear 0s infinite alternate;
}
.features__shape-2 img.features-2-triangle-1 {
  top: 17%;
  left: 19%;
  -webkit-animation: features-triangle-1 5s linear infinite;
  -moz-animation: features-triangle-1 5s linear infinite;
  -o-animation: features-triangle-1 5s linear infinite;
  animation: features-triangle-1 5s linear infinite;
}
.features__shape-2 img.features-2-triangle-2 {
  left: 10%;
  top: 55%;
  -webkit-animation: features-triangle-1 5s linear infinite;
  -moz-animation: features-triangle-1 5s linear infinite;
  -o-animation: features-triangle-1 5s linear infinite;
  animation: features-triangle-1 5s linear infinite;
}
.features__shape-2 img.features-2-triangle-3 {
  right: 10%;
  bottom: 18%;
  -webkit-animation: features-triangle-1 5s linear infinite;
  -moz-animation: features-triangle-1 5s linear infinite;
  -o-animation: features-triangle-1 5s linear infinite;
  animation: features-triangle-1 5s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__more {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__more {
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .features__more {
    margin-top: 0;
  }
}
.features__tab .nav-tabs {
  display: block;
  border-bottom: none;
}
.features__tab .nav-tabs .nav-item {
  margin-bottom: 30px;
}
.features__tab .nav-tabs .nav-item .nav-link {
  padding: 30px 25px;
  border: none;
  background: #ffffff;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #070337;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__tab .nav-tabs .nav-item .nav-link {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.features__tab .nav-tabs .nav-item .nav-link i {
  font-size: 20px;
  padding-right: 12px;
}
.features__tab .nav-tabs .nav-item .nav-link.pink-bg {
  background: #fff6fa;
}
.features__tab .nav-tabs .nav-item .nav-link.pink-bg i {
  color: #fe0c7d;
}
.features__tab .nav-tabs .nav-item .nav-link.blue-bg {
  background: #cdedff;
}
.features__tab .nav-tabs .nav-item .nav-link.blue-bg i {
  color: #03a6ff;
}
.features__tab .nav-tabs .nav-item .nav-link.yellow-bg {
  background: #fff9ed;
}
.features__tab .nav-tabs .nav-item .nav-link.yellow-bg i {
  color: #fbad26;
}
.features__tab .nav-tabs .nav-item .nav-link img {
  margin-right: 18px;
}
.features__tab .nav-tabs .nav-item .nav-link.active {
  color: #ffffff;
}
.features__tab .nav-tabs .nav-item .nav-link.active i {
  color: #ffffff;
}
.features__tab .nav-tabs .nav-item .nav-link.active.pink-bg {
  background: #fe0c7d;
}
.features__tab .nav-tabs .nav-item .nav-link.active.blue-bg {
  background: #03a6ff;
}
.features__tab .nav-tabs .nav-item .nav-link.active.yellow-bg {
  background: #fbad26;
}
.features__thumb-inner {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__thumb-inner {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__thumb-inner {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .features__thumb-inner {
    margin-top: 50px;
  }
}
.features__thumb-inner img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.12);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.12);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.12);
  -webkit-animation: features-thumb-animation 2s linear infinite alternate;
  -moz-animation: features-thumb-animation 2s linear infinite alternate;
  -o-animation: features-thumb-animation 2s linear infinite alternate;
  animation: features-thumb-animation 2s linear infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__thumb-inner img.fea-thumb {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__thumb-inner img.fea-thumb {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__thumb-inner img.fea-thumb {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .features__thumb-inner img.fea-thumb {
    width: 100%;
  }
}
.features__thumb-inner img.fea-sm {
  position: absolute;
  left: 125px;
  bottom: -50px;
  -webkit-animation: features-thumb-sm-animation 4s linear infinite alternate;
  -moz-animation: features-thumb-sm-animation 4s linear infinite alternate;
  -o-animation: features-thumb-sm-animation 4s linear infinite alternate;
  animation: features-thumb-sm-animation 4s linear infinite alternate;
}
@media (max-width: 575px) {
  .features__thumb-inner img.fea-sm {
    left: -10px;
  }
}
.features__thumb-inner img.fea-sm-2 {
  position: absolute;
  right: -45px;
  top: 95px;
  -webkit-animation: features-thumb-sm-2-animation 2s linear infinite alternate;
  -moz-animation: features-thumb-sm-2-animation 2s linear infinite alternate;
  -o-animation: features-thumb-sm-2-animation 2s linear infinite alternate;
  animation: features-thumb-sm-2-animation 2s linear infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__thumb-inner img.fea-sm-2 {
    right: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__thumb-inner img.fea-sm-2 {
    right: -20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__thumb-inner img.fea-sm-2 {
    right: -20px;
  }
}
@media (max-width: 575px) {
  .features__thumb-inner img.fea-sm-2 {
    right: 20px;
  }
}
.features__thumb-inner img.fea-2-shape {
  position: absolute;
  right: -287px;
  top: -55px;
  opacity: 0.1;
  z-index: -1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .features__thumb-inner img.fea-2-shape {
    width: 100%;
    right: -85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__thumb-inner img.fea-2-shape {
    width: 100%;
    right: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__thumb-inner img.fea-2-shape {
    width: 100%;
    right: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__thumb-inner img.fea-2-shape {
    width: 100%;
    right: -20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__thumb-inner img.fea-2-shape {
    width: 100%;
    right: -20px;
  }
}
@media (max-width: 575px) {
  .features__thumb-inner img.fea-2-shape {
    width: 100%;
    right: 0px;
  }
}
.features__list ul{list-style:none; padding:0px;}





/* gradient backgrounds */
.gradient-pink {
  background-image: -moz-linear-gradient(90deg, #fe0c7d 0%, #ff58a8 53%, #ffa4d2 100%);
  background-image: -webkit-linear-gradient(90deg, #fe0c7d 0%, #ff58a8 53%, #ffa4d2 100%);
  background-image: -ms-linear-gradient(90deg, #fe0c7d 0%, #ff58a8 53%, #ffa4d2 100%);
  background-image: linear-gradient(90deg, #fe0c7d 0%, #ff58a8 53%, #ffa4d2 100%);
  -webkit-box-shadow: 0px 20px 16px 0px rgba(254, 12, 125, 0.16);
  -moz-box-shadow: 0px 20px 16px 0px rgba(254, 12, 125, 0.16);
  box-shadow: 0px 20px 16px 0px rgba(254, 12, 125, 0.16);
}

.gradient-blue {
  background-image: -moz-linear-gradient(90deg, #023cfd 0%, #0372fe 53%, #03a7ff 100%);
  background-image: -webkit-linear-gradient(90deg, #023cfd 0%, #0372fe 53%, #03a7ff 100%);
  background-image: -ms-linear-gradient(90deg, #023cfd 0%, #0372fe 53%, #03a7ff 100%);
  background-image: linear-gradient(90deg, #023cfd 0%, #0372fe 53%, #03a7ff 100%);
  -webkit-box-shadow: 0px 20px 16px 0px rgba(2, 60, 253, 0.16);
  -moz-box-shadow: 0px 20px 16px 0px rgba(2, 60, 253, 0.16);
  box-shadow: 0px 20px 16px 0px rgba(2, 60, 253, 0.16);
}

.gradient-blue-2 {
  background: linear-gradient(90deg, #07408e 20%, #2f80ed 100%);
}

.gradient-yellow {
  background-image: -moz-linear-gradient(90deg, #e69303 0%, #f3b704 53%, #ffda04 100%);
  background-image: -webkit-linear-gradient(90deg, #e69303 0%, #f3b704 53%, #ffda04 100%);
  background-image: -ms-linear-gradient(90deg, #e69303 0%, #f3b704 53%, #ffda04 100%);
  background-image: linear-gradient(90deg, #e69303 0%, #f3b704 53%, #ffda04 100%);
  -webkit-box-shadow: 0px 20px 16px 0px rgba(246, 157, 3, 0.16);
  -moz-box-shadow: 0px 20px 16px 0px rgba(246, 157, 3, 0.16);
  box-shadow: 0px 20px 16px 0px rgba(246, 157, 3, 0.16);
}

.gradient-purple {
  background-image: -moz-linear-gradient(90deg, #6a2fff 0%, #8c3dff 53%, #ae4aff 100%);
  background-image: -webkit-linear-gradient(90deg, #6a2fff 0%, #8c3dff 53%, #ae4aff 100%);
  background-image: -ms-linear-gradient(90deg, #6a2fff 0%, #8c3dff 53%, #ae4aff 100%);
  background-image: linear-gradient(90deg, #6a2fff 0%, #8c3dff 53%, #ae4aff 100%);
  -webkit-box-shadow: 0px 20px 16px 0px rgba(106, 47, 255, 0.16);
  -moz-box-shadow: 0px 20px 16px 0px rgba(106, 47, 255, 0.16);
  box-shadow: 0px 20px 16px 0px rgba(106, 47, 255, 0.16);
}

.circle-animation {
  border: 1px solid rgba(113, 39, 234, 0.14);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
.circle-animation span {
  display: block;
  position: absolute;
  content: "";
  top: calc(50% - 1px);
  left: 50%;
  width: 50%;
  height: 1px;
  background: transparent;
  transform-origin: left;
  -webkit-animation: circle-animation 3s linear infinite;
  -moz-animation: circle-animation 3s linear infinite;
  -o-animation: circle-animation 3s linear infinite;
  animation: circle-animation 3s linear infinite;
}
.circle-animation span::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: -4px;
  right: -4px;
}
.circle-animation.testimonial {
  top: 21%;
  left: 11%;
  border: 1px solid rgba(113, 39, 234, 0.14);
  width: 270px;
  height: 270px;
}
.circle-animation.testimonial span::before {
  background: #7127ea;
}
.circle-animation.features {
  top: -5%;
  right: -440px;
  border: 1px solid rgba(34, 34, 34, 0.2);
  width: 560px;
  height: 560px;
}
.circle-animation.features span {
  -webkit-animation: circle-animation 5s linear infinite;
  -moz-animation: circle-animation 5s linear infinite;
  -o-animation: circle-animation 5s linear infinite;
  animation: circle-animation 5s linear infinite;
}
.circle-animation.features span::before {
  background: transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #30edfe;
  top: -12px;
  right: -12px;
}
.circle-animation.cta-1 {
  top: -77%;
  left: 0%;
  border: 1px solid rgba(18, 129, 255, 0.14);
  width: 270px;
  height: 270px;
}
.circle-animation.cta-1 span {
  -webkit-animation: circle-animation 5s linear infinite;
  -moz-animation: circle-animation 5s linear infinite;
  -o-animation: circle-animation 5s linear infinite;
  animation: circle-animation 5s linear infinite;
}
.circle-animation.cta-1 span::before {
  background: transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fe238b;
  top: -10px;
  right: -10px;
}
.circle-animation.cta-1.cta-2 {
  top: -23%;
  left: 8%;
}
.circle-animation.cta-1.cta-2 span {
  -webkit-animation: circle-animation 12s linear infinite;
  -moz-animation: circle-animation 12s linear infinite;
  -o-animation: circle-animation 12s linear infinite;
  animation: circle-animation 12s linear infinite;
}
.circle-animation.cta-1.cta-2 span::before {
  background: transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #1281ff;
  top: -10px;
  right: -10px;
}
.circle-animation.cta-3 {
  top: -29%;
  right: 13%;
  border: 1px solid rgba(18, 129, 255, 0.14);
  width: 270px;
  height: 270px;
}
.circle-animation.cta-3 span {
  -webkit-animation: circle-animation 6s linear infinite;
  -moz-animation: circle-animation 6s linear infinite;
  -o-animation: circle-animation 6s linear infinite;
  animation: circle-animation 6s linear infinite;
}
.circle-animation.cta-3 span::before {
  background: #f1b004;
  width: 16px;
  height: 16px;
  top: -8px;
  right: -8px;
}

.basic-pagination ul li {
  display: inline-block;
}
.basic-pagination ul li:first-child {
  margin-right: 5px;
}
.basic-pagination ul li:not(:first-child) {
  margin: 0 5px;
}
@media (max-width: 575px) {
  .basic-pagination ul li {
    margin-bottom: 10px;
  }
}
.basic-pagination ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f2f7ff;
  color: #6a727f;
  font-weight: 700;
  font-size: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.basic-pagination ul li a:hover {
  background: #1c7df8;
  color: #ffffff;
}
.basic-pagination ul li.active a {
  background: #1c7df8;
  color: #ffffff;
}