.flex{display:flex}
.active-sub-nav{color: #3d59e8;}
.swiper-slide .button{
	border-radius: 35px!important;
    padding: 10px 40px!important;
}
#features-on-slider{
 margin-top:-130px;
}
.d25-m100-wrapper{
  width:100%;
  /*box-shadow: 0 2px 32px 20px rgba(216, 216, 216, 0.24);*/
}
.d25-m100{
  width:33.33%;
  float:left;
  /*font-family:Avenir;*/
  padding:30px 0;
  background:#fff;
}
.d25-m100:nth-child(1){
	border-radius: 4px 0 0 4px;
}
.d25-m100:nth-child(3){
	border-radius: 0 4px 4px 0;
}
.d25-m100 .fa{
 font-size:2.15em;
}
.border-right{
 border-right:1px solid rgba(0,0,0,0.6);
}
.d25-m100 .icon-div{
 margin-bottom:10px;
}
.justify-content-center{
  justify-content:center!important;
  text-align:center;
}
/**/
.vertical-slider-wrapper img{
 width: 490px;
 height: 634px;
 object-fit: contain;
}
.vertical-slide{
 padding:0 75px;
 /*height:100vh;*/
 display: flex;
}
.fixed-slide{
	position: fixed;
	top: 0;
}
.align-items-center{
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.vertical-steps{
 position: fixed;
 top: 40%;
 left: 43%;
}
.vertical-slide-img{
	float: left;
}
.vertical-slide-description{
  width: 55%;
  margin-left: 20%;
}
.circle {position: relative; border: 2px solid #e0e0e0; border-radius: 100%; width: 30px; height:30px; line-height: 30px; text-align: center; margin-top: 50px; background-color: #e0e0e0; z-index: 2;}
.circle-active{
  background-color: #3d59e8;
  box-shadow: 0 2px 23px 10px rgba(0, 0, 0, 0.13);
}
.circle-active-large{
	width: 38px;
	height: 38px;
	margin-left: -4px;
}
.circle:first-child {margin-top: 0;}
.circle:before {position: absolute; border: 0.5px solid #e0e0e0; width: 2px; height: 50px; display: block; content: ''; left: 50%; z-index: 1; top: -52px; margin-left: -1px;}
.circle:first-child:before {display: none;}
.vertical-slide-desc-number{
  color:rgba(0,0,0,0.19);
  font-size: 66px;
  font-weight: 600;
  margin:0;
}
.vertical-slide-desc-number:after{
 background-color:rgba(0,0,0,0.19);
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 85px;
}
.outside{
 opacity: 0;
 visibility: hidden;
}
/**/
#vertical-spinner-row{
 background:linear-gradient(245deg, #3d59e8, #7081d6 48%, #3d59e8 87%, #3d59e8);
}
.vertical-spinner-wrapper{
 display: flex;
 height:100vh;
 padding:0 100px;
}
.white-text{
 color:#fff;
}
.spinner-div{
 height:100vh;
}
.spinner-card{
  width: 100%;
  /*height: 350px;*/
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 2px 30px 16px rgba(162, 162, 162, 0.46);
  position:absolute;
  margin-top:17.5px;
  z-index:0;
  cursor:pointer;
}
.spinner-img{
 width:45%;
 height:100%;
 border-radius:8px 0 0 8px;
 /*background:url('../../../../wp-content/uploads/dronaImg/kfo.jpg');
 background-size:cover;*/
}
.spinner-img img{
	width:100%;
}
.spinner-text{
 padding:30px 20px;
 height:100%;
 width:55%;
 text-align:justify;
 position:relative;
}
.spinner-text p{
 padding-right:20px;
 color:#2e2d2d;
 letter-spacing:0.6px;
}
.spinner-card-details{
 display: none;
 height:70px;
 width:100%;
 padding:0 20px;
 position:absolute;
 left:0;
 bottom:30px;
}
.spinner-card-details img{
 height:70px;
 width:70px;
}
.spinner-card-details-name{
 padding:0 15px;
}
.spinner-card-details-name h5{
 margin:0;
}
.spinner-card-active{
 z-index:3;
 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.spinner-card-up{
 -ms-transform: scale(0.81);
 -webkit-transform: scale(0.81);
 transform: scale(0.81);
 margin-top:-13%;
 z-index:2;
 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.spinner-card-down{
 -ms-transform: scale(0.8);
 -webkit-transform: scale(0.8);
 transform: scale(0.8);
 margin-top:18%;
 z-index:1;
 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.spinner-card-hide{
 -ms-transform: scale(0);
 -webkit-transform: scale(0);
 transform: scale(0);
 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/**/
.home-bottom-msg{
 padding:125px 0 0;
}
.home-bottom-msg h2{
 letter-spacing: 0.1px;
  text-align: center;
  color:#4a4a4a; 
}
.home-bottom-msg span{
 padding:10px 15px;
 background:#3d59e8;
 box-shadow: 0 2px 4px 0 rgba(107, 101, 243, 0.5);border-radius: 21.5px;color:#fff;
 margin-top:30px;
 cursor:pointer;
}

/*SPARES*/

/*RESPONSIVE*/
@media (min-width: 1025px) {
	.vertical-slide{
		height: 100vh;
	}
}
@media (max-width: 1024px) and (min-width: 769px){
	.shortcode_getbowtied_slider{
    	height: 50vh;
    }
    .shortcode_getbowtied_slider .swiper-slide .slider-content{
    	text-align: left!important;
    	display: block;
    	width: 70%;
    	margin-top: 50px;
    }
    .shortcode_getbowtied_slider .swiper-slide h1{
    	text-align: left;
    	/*text-shadow: 1px 1px #fff;*/
    }
    .shortcode_getbowtied_slider .swiper-slide p{
    	text-align: left;
    }

    .vertical-slide{
		padding: 0 100px;
		margin-top: 25px;
		display: block;
	}
	.vertical-slide-img {
	    float: left;
	    width: 40%;
	}
	.vertical-slider-wrapper img{
		width: 60%;
		height: auto;
	}
	.vertical-slide-description {
	    width: 60%;
	    margin-left: 0;
	    float: left;
	}
	.vertical-slide-description h2{
	    text-align: left;
	}
	.vertical-spinner-wrapper{
		height: 45vh;
	}
	.vertical-steps{
		display: none;
	}
}
@media (max-width: 768px) and (min-width: 678px){
	.shortcode_getbowtied_slider{
    	height: 50vh;
    }
    .shortcode_getbowtied_slider .swiper-slide .slider-content{
    	text-align: left!important;
    	display: block;
    	width: 65%;
    	margin-top: 50px;
    	margin-left: 35px;
    }
    .shortcode_getbowtied_slider .swiper-slide h1{
    	text-align: left;
    	margin: 0;
    	/*text-shadow: 1px 1px #fff;*/
    }
    .shortcode_getbowtied_slider .swiper-slide p{
    	text-align: left;
    }

    .vertical-slide{
		padding: 0 100px;
		margin-top: 25px;
		display: block;
	}
	.vertical-slide-img {
	    float: left;
	    width: 40%;
	}
	.vertical-slider-wrapper img{
		width: 60%;
		height: auto;
	}
	.vertical-slide-description {
	    width: 60%;
	    margin-left: 0;
	    float: left;
	}
	.vertical-slide-description h2{
	    text-align: left;
	}
	.vertical-spinner-wrapper{
		height: 45vh;
	}
	.vertical-steps{
		display: none;
	}
	.spinner-img{
		display: none;
	}
	.spinner-text{
		padding: 10px 10px;
        width: 100%;
	}
	.spinner-card-down{
		margin-top: 23%;
	}
}
@media (max-width: 676px) {
	body{
		font-size: .8125em;
	}

    .shortcode_getbowtied_slider{
    	height: 50vh;
    }
    .shortcode_getbowtied_slider .swiper-slide .slider-content{
    	text-align: left!important;
    	display: block;
    	width: 70%;
    	margin-top: 20px;
    }
    .shortcode_getbowtied_slider .swiper-slide h1{
    	font-size: 1.2em!important;
    	margin: 0;
    	text-align: left;
    	/*text-shadow: 1px 1px #fff;*/
    }
    .shortcode_getbowtied_slider .swiper-slide p{
    	text-align: left;
    	/*text-shadow: 1px 1px #fff;*/
    	font-size: 1em;
    }
	.d25-m100{
		padding: 15px 0;
		height: 105px;
	}
	#features-on-slider {
	    margin-top: 0;
	}
	.border-right {
    	border-right: 1px solid rgba(0,0,0,0.6);
	}

	.vertical-slide{
		padding: 0;
		/*height: auto;*/
		margin-top: 25px;
		display: block;
	}
	.vertical-slide-desc-number{
		font-size: 30px;
	}
	.vertical-slide-description{
		margin-left: 0;
	}
	.vertical-steps{
		display: none;
	}
	.vertical-slide-img{
		float: right;
		width: 45%;
	}
	.vertical-slide-even .vertical-slide-img, .vertical-slide-even .vertical-slide-description{
		float: left;
	}

	.vertical-slider-wrapper img{
		height: auto;
	}

	.vertical-spinner-wrapper{
		padding: 0 15px;
		display: block;
		height:auto;
	}
	.vertical-spinner-wrapper h2{
		padding-top: 20px;
		text-align: center;
	}
	.spinner-card{
		width: 92.5%;
    	height: auto;
	}
	.spinner-card-down{
		margin-top: 23%;
	}
	.spinner-img{
		display: none;
	}
	.spinner-text{
		padding: 10px 10px;
        width: 100%;
	}
	.spinner-text p{
		padding-right: 0;
		padding-bottom: 40px;
	}
	.spinner-card-details{
		height: 40px;
	    padding: 0 10px;
	    bottom: 10px;
	}
	.spinner-card-details img {
	    height: 40px;
	    width: 40px;
	}
	.spinner-div{
		height:350px;
	}

	.home-bottom-msg{
		padding: 50px 0 0;
	}
	#site-footer {
	    padding: 20px 0 30px;
	}
}




