/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
#page.boxed{
	box-shadow:none !important;
}
#main > .wf-wrap{
	padding:0px; 
	width:100%;
}
#main > .wf-wrap .content{
	max-width:1400px;
	margin:0 auto;
	position: relative;
}
.gradBorderStraight{
	width:2px;
	background-image: linear-gradient(#f48163, #f9a03a);
	height:200px;
	margin:0 auto;
}
.gradBorderStraightProduct{
	width: 2px;
    background-image: linear-gradient(#f48163, #f9a03a);
    height: 130px;
    bottom: -155px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 11;
}
.gradBorderStraightProductInner{
	    position: relative;
    z-index: 1;
}
.gradBorderanimated{
	z-index:99;
}
.gradBorderStraightProductInner .gradBorderStraight{
	position:absolute;
	  left: 0;
    right: 0;
    margin: auto;
	top:-50px;
	height:150px !important;
}
.gradBorderStraightProductInner.gradBorderLong .gradBorderStraight{
	height:625px !important;
}
#phantom.boxed{
	box-shadow: 0 15px 10px -10px rgba(0,0,0,0.07);
}
#phantom.full-width .ph-wrap.boxed{
	max-width: calc(100% - 80px) !important;
}
/*Home Hover Effect*/
.homeImageHover {
  width: 100%;
  height: 450px;
  position: absolute;
  top:0;
  left:0;
}
.homeImageHover .upb_row_bg{
	height:50% !important;
}
.homeImageHoverContainer {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: row;
  padding:0 15px;
}
.homeImageHoverContainer:hover .homeImageHoverBox {
  height: 90%;
  width: 50%;
  margin: 0px 5px !important;
}
.homeImageHoverContainer:hover .homeImageHoverBox:before {
  opacity: 0.4;
}
.homeImageHoverContainer:hover .homeImageHoverBox:hover {
  width: 500%;
  height: 100%;
}
.homeImageHoverContainer:hover .homeImageHoverBox:hover:before {
  opacity: 0;
}
.homeImageHoverBox {
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1);
  background-size: cover;
  background-attachment: auto;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: pointer;
  transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  margin: 0px 15px !important;
}
.homeImageHoverBox:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0;
  background-color: #000;
  transition: opacity 0.7s linear;
}

.homeImageHoverBox1 {
  background-image: url("../../uploads/2020/02/Global-Health-Worker.jpg");
  margin-left:0px !important;
}

.homeImageHoverBox2 {
  background-image: url("../../uploads/2020/02/Clinician.jpg");
}

.homeImageHoverBox3 {
  background-image: url("../../uploads/2020/04/Patient-Parent.jpg");
  margin-right:0px !important;
}

.homeImageHoverBox1:hover {
  background-image: url("../../uploads/2020/02/Global-Health-Worker-Expanded.jpg");
}

.homeImageHoverBox2:hover {
  background-image: url("../../uploads/2020/02/Clinician-Expanded.jpg");
}

.homeImageHoverBox3:hover {
  background-image: url("../../uploads/2020/04/Patient-Parent-Expanded.jpg");
}

.homeImageHoverBoxInfoArea {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 80%;
  overflow: hidden;
  transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.7s linear, padding 0.7s ease-out;
}
.homeImageHoverBoxInfoWrapper {
  width: 100%;
  height:100%;
  display: flex;
  align-items: stretch;
}
.hoverBoxInfoAreaLeftWrapper {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding:0 20px;
  height:94px;
}
.hoverBoxInfoAreaRightWrapper {
  background: rgba(139, 89, 164, 0.7);
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  width: 75%;
  padding:0 20px;
  height:94px;
}
.hoverBoxInfoAreaLeftWrapper h4 {
  margin: 0px 0px 10px 0px;
  white-space: nowrap;
  color: #282828;	
  font-family: Raleway;	
  font-size: 18px;	
  line-height: 21px;
}
.hoverBoxInfoAreaLeftWrapper h2 {
  margin: 0;
  white-space: nowrap;
  color: #282828;	
  font-family: Raleway;	
  font-size: 18px;	
  font-weight: bold;	
  letter-spacing: 2px;	
  line-height: 21px;
}
.hoverBoxInfoAreaRightWrapper h2 {
  margin: 0;
  color: #ffffff;
  font-family: Raleway;	
  font-size: 18px;	
  font-weight: 500;	
  line-height: 21px;
  white-space: nowrap;
}
.homeImageHoverContainer:hover .homeImageHoverBox:hover .homeImageHoverBoxInfoArea {
  width: 100%;
}
.homeImageHoverContainer:hover .homeImageHoverBox:hover .hoverBoxInfoAreaLeftWrapper {
  width: 325px;
}
.homeImageHoverContainer:hover .homeImageHoverBox:hover .hoverBoxInfoAreaRightWrapper {
  display: flex;
  width: 100%;
  transition: all 0.7s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.7s linear, padding 0.7s ease-out;
}
/*Home*/
.homeHoverTopSlider .active-rs-slide > .rs-parallax-wrap:hover{
	z-index:99 !important;
}
.homeHoverTopSlider .homeBannerGroup{
	overflow:hidden !important;
}
.homeHoverTopSlider .homeBannerGroup .hoverDisplayContent{
	visibility:hidden !important;
	opacity:0 !important;
}
.homeHoverTopSlider .homeBannerGroup:hover{
	overflow:visible !important;
} 
.homeHoverTopSlider .homeBannerGroup:hover .hoverDisplayContent{
	visibility:visible !important;
	opacity:1 !important;	
}
.homeHoverTopSlider .homeBannerGroup .hoverDisplayContent img{
	transition: transform .3s;
    transform: scale(0.5);
}
    
.homeHoverTopSlider .homeBannerGroup:hover .hoverDisplayContent img{
	max-width: 100% !important;
    max-height: 100% !important;
	transform: scale(1);
}
    
/* Button */
html body .fullBgBtn:hover {
  box-shadow: 0 0 14px rgba(202, 54, 148, 0.8) !important;
}
html body .learnMoreBtn{
	box-shadow:none !important;
	transition:none !important;
}
html body .learnMoreBtn:hover{
  color: #f48163 !important;
  border-color: #f48163 !important;
}
/* Header */
.header-elements-button-1 span {
  letter-spacing: 2px;
}
.mini-widgets a:hover {
  box-shadow: 0 0 14px rgba(202, 54, 148, 0.8) !important;
}
.sub-nav{
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
  box-shadow: 0 0 10px rgba(0,0,0,.15);
}
/*Section Shadow*/
.fullWidthShadow .upb_row_bg{
	-webkit-box-shadow: inset 0 -15px 30px -30px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -15px 30px -30px rgba(0, 0, 0, 0.2);
}
.fullWidthTBShadow .upb_row_bg{
	-webkit-box-shadow: inset 0 -15px 30px -30px rgba(0, 0, 0, 0.2), inset 0 15px 30px -30px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -15px 30px -30px rgba(0, 0, 0, 0.2), inset 0 15px 30px -30px rgba(0, 0, 0, 0.2);
}
/* Home Slider*/
#main-slideshow {
  padding: 30px 0px !important;
  background: #fff !important;
}

/* homeGetFeelixSection */
.homeGetFeelixSection {
  max-width: 700px;
  margin: 0 auto;
}
.homeGetFeelixSection h2 {
  padding: 0 30px !important;
}
.homeGetFeelixSection .dt-btn {
  color: #ffffff;
  font-family: Raleway;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 24px;
  text-align: center;
  padding: 16px 30px;
  border-radius: 36px;
  text-transform: uppercase;
}

/* homeAbnormalitySection */
.homeAbnormalitySection .dt-btn {
  color: #ca3694 !important;
  font-family: Raleway;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 24px;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 7px solid #ca3694;
  padding: 15px 0px;
}
/* Home Info Circle */
.homeInfoCircle .info-circle-icons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.imageHoverCircle{
overflow: visible !important;
}
.imageHoverCircle:hover:before{
  content: "";
  position: relative;
  left: -100%;
  top: -100%;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  border-radius: 300%;
  -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.imageHoverCircle:hover:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
          animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%,
 100% {
    opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
  }
  80%,
 100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
#imageHoverCircle1:hover:before{
	  background-color: #f9b12a;
}
#imageHoverCircle1:hover:after{
	 box-shadow: 0 0 8px rgba(249,177,42,0.3);
}
#imageHoverCircle2:hover:before{
	  background-color: #ea6e6f;
}
#imageHoverCircle2:hover:after{
	 box-shadow: 0 0 8px rgba(234,110,111,0.3);
}
#imageHoverCircle3:hover:before{
	  background-color: #9e4e9f;
}
#imageHoverCircle3:hover:after{
	 box-shadow: 0 0 8px rgba(158,78,159,0.3);
}
#imageHoverCircle4:hover:before{
	  background-color: #ac469b;
}
#imageHoverCircle4:hover:after{
	 box-shadow: 0 0 8px rgba(172,70,155,0.3);
}
#imageHoverCircle5:hover:before{
	  background-color: #f5865c;
}
#imageHoverCircle5:hover:after{
	 box-shadow: 0 0 8px rgba(245,134,92,0.3);
}
#imageHoverCircle6:hover:before{
	  background-color: #fac11c;
}
#imageHoverCircle6:hover:after{
	 box-shadow: 0 0 8px rgba(250,193,28,0.3);
}	
.hideCircleBorder{
	overflow:hidden !important;
}
.circlePopupBtnContainer .rs-layer:hover{
	box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
	border-radius:50% !important;
}
/* homeWeDoingSection */
.homeWeDoingSection{
	overflow:hidden;
}
.homeWeDoingSection .dt-btn {
  color: #ca3694 !important;
  font-family: Raleway;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 24px;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 7px solid #ca3694;
  padding: 15px 0px;
}
.homeWeDoingSection .upb_row_bg{
	-webkit-box-shadow: inset 0 -15px 30px -30px rgba(0, 0, 0, 0.2), inset 0 15px 30px -30px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -15px 30px -30px rgba(0, 0, 0, 0.2), inset 0 15px 30px -30px rgba(0, 0, 0, 0.2);
}
/*homeProductTableSection*/
.productInfoSection .ultb3-box {
  overflow: visible !important;
}
.productInfoSection h2 {
  padding: 40px 0 20px 0;
}
.productInfoSection .ultb3-desc {
  padding: 20px 0 50px 0;
}
.productInfoSection a {
  position: absolute !important;
  bottom: -29px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 150px;
  border-radius: 36px !important;
  color: #ffffff !important;
  font-family: Raleway !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: 2px;
  line-height: 24px !important;
  text-align: center !important;
  text-transform: uppercase;
  padding: 16px 30px !important;
}
.productInfoSection a:hover{
	box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.productInfoSection a i {
  top: 47% !important;
}
.productInfoSection .feelixPro a {
  background: #f9a03a;
}
.productInfoSection .feelix a {
  background: #f48163;
}
.productInfoSection .feelixhome a {
  background: #f3544b;
}
/*homePartnerSection*/
.homePartnerSection h2 {
  max-width: 580px;
  margin: 0 auto !important;
}
.homePartnerSection .vc_box_shadow_border {
  box-shadow: none !important;
}

/* homeCarouselSlider */
.homeCarouselSlider .vc_box_shadow_border {
  box-shadow: none !important;
}

/* Footer */
.footer .wf-wrap {
  margin: 0px;
  width: 100% !important;
}
.footer .widget {
  margin: 0px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .footerLogo{
	text-align:center;
}
.footer .widget.wf-1-4:first-child {
  background: #1f0633;
  padding: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .widget .textwidget {
  margin: 0px;
  width: 100%;
}
.footerAddress{
	text-align:center;
}
.footerAddress h1{
	margin:30px 0;
	color:#1f0633;
}
.footer .footerLink {
  padding: 80px 15px 80px 80px;
}
.footer .footerLink ul {
  width: 25%;
  float: left;
}
.footer .footerLink ul li {
  padding: 3px 15px;
}
.footer .footerLink ul li a {
  color: #4c4b4e;
}
.notice{
  display:none;
}
.titleBorderline{
	position: absolute !important;
    top: -75px;
    right: 0;
    left: 0;
    margin: auto;
}
.leftimgParallaxhigh .vc_column-inner{
	height:700px;
    background-attachment: fixed !important;
    background-position: 10vw 50% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.rightimgParallaxhigh .vc_column-inner{
	height:700px;
    background-attachment: fixed !important;
    background-position: 50vw 50% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
/*Product Image*/
.sonaviFeelixProProduct .headerProductBanner{
	width:100%;
	height:545px;
	background:#f8f8f8;
	position:relative;
}
.sonaviFeelixProProduct .headerProductBanner .headerProductBannerImage{
	position: absolute;
    width: 100%;
	max-width:1400px;
	height:590px;
	background: url("../../uploads/2020/02/FeelixPro-Video.jpg") no-repeat; 
	background-size:cover;
	top:50px;
	left:0;
	right:0;
	margin:auto;
	z-index: 0;
} 
.productBannertext{
	position: absolute;
    z-index: 10;
    top: -150px;
    max-width: 820px;
    margin: auto;
    left: 0;
    right: 0;
}
.productBannertextLength{
	max-width: 890px;
}
.productStaticFlow h1{
	max-width: 768px;
    margin: 0 auto !important;
}
.productStaticFlow .noMaxWidth h1{
	max-width:none;
}
.productStaticFlow .uvc-sub-heading{
	max-width:800px;
	 margin: 50px auto !important;
}
/*Feelix Pro*/
.feelixProInfoBox .aio-icon-img{
	height:70px;
	display:flex !important;
	align-items:center;
}
.feelixProInfoBox .aio-icon-img .img-icon{
	width: auto !important;
	max-width: none !important;
}
/*Feelix Home*/
.productFeelixHomeJrSection .uvc-sub-heading{
	max-width: 390px;
	margin: 0 auto;
}  
/*Application Page*/
.applicationBannertext{
	position: absolute;
    z-index: 10;
    top: -210px;
    max-width: 820px;
    margin: auto;
    left: 0;
    right: 0;
}
.applicationBannertext h2{
    text-transform: uppercase;
    letter-spacing: 2px;
}
.applicationGetFeelixSection{
    max-width: 840px;
    margin: auto;
}
 /*About US*/
 .ourMissionTopSection{
	 max-width: 815px;
	 margin:0 auto;
	 color: #4C4B4E;
  font-family: Raleway;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 42px;
  text-align: center;
 }
  .ourMissionTopSection p{
	  margin-bottom:50px;
  }
  .signTeamContainer .aio-icon-top{
	  height:158px;
  }
  .signTeamContainer .aio-icon-top div{
	  height:100%;
  }
  .signTeamContainer .aio-icon-img img{
	  max-width:100%;
	  max-height:100%;
	  display: inline-block;
  }
  .signTeamContainer .aio-icon-title{
	  letter-spacing:2px;
  }
  .signTeamContainer .aio-icon-description{
	      max-width: 330px;
  }
  .timeLineTitle h2{
	  text-transform:uppercase;
	  letter-spacing:2px;
  }
  .teamSectionListContainer {
	  position:relative;
  }
  .teamSectionListContainer .ultb3-box-overlay{
	  max-width:390px;
	  left:0;
	  right:0;
	  margin:auto;
  }
.teamSectionListContainer .ultb3-info{
	position: absolute;
    top: 445px !important;
    left: 0;
    right: 0;
}
.teamSectionListContainer .ultb3-info .ultb3-title{
	letter-spacing:2px;
}
.teamSectionListContainer .ultb3-info .ultb3-desc{
	margin: 11px 0 0 0;
}
 /*Contact Form*/
 .contactFromContainer .topRow, .contactFromContainer .middleRow, .contactFromContainer .bottomRow{
	display: flex;
	width:100%;
 }
  .contactFromContainer .topRow section, .contactFromContainer .middleRow section, .contactFromContainer .bottomRow section{
	width:100%;
 }
.contactFromContainer .topRow section, .contactFromContainer .bottomRow section{
	padding-left:30px;
	width:100%;
}
.contactFromContainer .topRow section:first-child, .contactFromContainer .bottomRow section:first-child{
	padding-left: 0px;
}
.contactFromContainer section .wpcf7-form-control{
	border:none !important;
	border-bottom: 2px solid rgba(56,16,89,.2) !important;
	background-color:transparent !important;
	padding:5px 0 20px 0;
}
.contactFromContainer section .wpcf7-form-control::placeholder{
	color: #381059;
	font-family: Raleway;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}
.contactFromContainer section textarea{
	height:50px !important;
	min-height:auto !important;
	overflow:hidden;
	resize:none;
	margin-top:50px;
}
.contactFromContainer section select{
    outline: none;
    cursor: pointer;
    margin-top: 54px;
    color: #381059;
    font-family: Raleway;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
 }
 .contactFromContainer .btnContainer{
	 text-align:center;
 }
  .contactFromContainer .btnContainer .wpcf7-form-control{
	height: 60px;
    width: 185px;
    color: #FFFFFF;
    font-family: Raleway !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: 2px;
    line-height: 24px !important;
    text-align: center;
    border-radius: 36px !important;
	margin:50px 0 0 0;
 }
 
 /*News*/
 .sonaviBlog .headerBlogBanner{
	width: 100%;
    height: 545px;
    background: #f8f8f8;
    position: relative;
 }
 .sonaviBlog .bgOverlay{
	 width:100%;
	 height:100%;
	 background:rgba(200,57,151,0.5);
 }
  .sonaviBlog .headerBlogBanner .headerBlogBannerImage{
	position: absolute;
    width: 100%;
    max-width: 1400px;
    height: 590px;
    background-size: cover !important;
    top: 50px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
	overflow:hidden;
  }
  .sonaviBlog .headerBlogBanner h2{
	  color: #FFFFFF;
  font-family: Raleway;
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 70px;
  text-align: center;
  position:absolute;
  width:100%;
  bottom: 0;
  max-width:645px;
      margin: auto;
    left: 0;
    right: 0;
	z-index:10;
  }
  .sonaviBlog .content{
	  margin-top: 150px !important;
	  
  }
  .postTimeline{
	  position:relative;
  }
  .postTimelineInner{
	  position:relative;
  }
  .postTimeline .postTimelineDrawLine{
	  position:absolute;
	  left:195px;
	  width:1px;
	  height:100%;
	  background:#F48261;
	  top:-75px;
	  
  }
  .postTimelineList{
	  padding:10px 10px 10px 225px;
	  position:relative;
	  margin:30px 0;
	      max-width: 595px;
		  overflow:hidden;
  }
  .postTimeCircleDraw{
	   height: 20px;
  width: 20px;
  border: 1px solid #F48261;
  background-color: #FFFFFF;
  border-radius:20px;
  position:absolute;
  left:184px;
  top:10px;
  }
  .postTimelineDate{
	  top:10px;
	  position:absolute;
	  left:10px;
	  color: #4C4B4E;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
  text-align: right;
  width:150px;
  }
  .postTimelineList .postCategory{
	  color: #F3544B;
  font-family: Raleway;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 21px;
  margin:0 0 20px 0;
  }
  .postTimelineList h2{
	  color: #1F0633;
  font-family: Raleway;
  font-size: 42px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 49px;
  margin:0 0 20px 0;
  word-break: break-word;
  }
  .postTimelineList p{
	  color: #4C4B4E;
  font-family: Raleway;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 42px;
  margin:0 0 20px 0;
	  text-align:justify;
	  
  }
  .postTimelineList .postTimelineBorder{
	  	  height: 1px;
  width: 100%;
  background: #381059;
  opacity: 0.2;
  position:absolute;
  bottom:0;
  }
  .postTimelineList .readMore {
  height: 33px;
  display:inline-block;
  width: 134px;
  color: #CA3694;
  font-family: Raleway;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 24px;
  text-decoration:none;
  border-bottom:5px solid #CA3694;
  cursor:pointer;
  margin:0 0 30px 0;
}
.lmb-container{
	text-align:center;
	    padding-left: 195px;
    width: 100%;
	    max-width: 595px;
}
.lmb-container .loadMoreBtn{
	color: #FFFFFF !important;
	text-decoration:none !important;
  font-family: Raleway;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 21px;
  text-align: center;
  padding:10px 25px;
  border-radius:30px;
  background: linear-gradient(135deg, #8B59A4 0%, #CA3694 100%);
  border:none;
  margin:0 0 30px 0;
  display:inline-block;
}
.customSingleBlog .content{
  margin-top: 150px !important; 
}
.customSingleBlogInner{
  max-width:605px;
  margin:0 auto;
  position: relative;
}
.customSingleBlogInner p{
  color: #4C4B4E;
  font-family: Raleway;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 30px;
}
.customSingleBlogInner .dateCat{
  margin:0 0 30px 0;
}
.customSingleBlogInner .dateCat span{
  color: #4C4B4E;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
  text-align: right;
}
.customSingleBlogInner .dateCat strong{
  color: #F3544B;
  font-family: Raleway;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 21px;
}
.customSingleBlogInner .customSingleBlogInnerContent{

}
.customSingleBlogInner .customSingleBlogInnerContent hr{
  height: 1px;
  width: 100%;
  background: #381059;
  opacity: 0.2;
  margin:30px 0;
}
.customSingleBlogInner .btnContainer{
  text-align:center;
  margin:0 0 30px 0;
}
.customSingleBlogInner .btnContainer a{
  color: #CA3694;
  font-family: Raleway;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 24px;
  text-decoration: none;
  cursor:pointer;
}
.customSingleBlogInner  .addtoany_share_save_container{
  position: absolute;
  top: 0;
  left: -50px;
}
.customSingleBlogInner .a2a_kit{
  display: flex;
  flex-direction: column;
}
.customSingleBlogInner .a2a_kit a {
  cursor: pointer;
  margin: 0 0 20px 0;
}
 /*Temp*/
 .Circle_Image_Hover .rev-btn, .displayNone{
	 display:none;
 }
 
 .wpcf7-form .wpcf7-validation-errors{
		background: none !important;
		padding: 0;
		margin: 15px 0;
	}
	.wpcf7-form .wpcf7-validation-errors .wpcf7-not-valid-tip-text{
		color:#f00 !important;
	}
 
/*Responsive*/
@media (min-width: 1200px){
/*homeParallaxRightImg*/
.homeParallaxRightImg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
    overflow: hidden;
}
.homeParallaxRightImg .wpb_wrapper{
	width:100%;
	height:100%;
}
.homeParallaxRightImg .wpb_wrapper .vc_single_image-wrapper{
	width:100%;
	height:100%;
	background: url("../../uploads/2020/05/iStock-1062564746.jpg") no-repeat;
	background-position: top right;
	background-size:contain;
	background-attachment:fixed;
}
.homeParallaxRightImg .wpb_wrapper .vc_single_image-wrapper img{
	display:none;
}
.postTimeline{
	padding:0 150px;
}
}
@media (min-width: 992px){
	
.contactFromContainer .bottomRow section:first-child{
	max-width:32%;
}
	
}

@media (min-width: 768px){
	
	/* About US*/
  .timeLineContainer .timeline-line{
	  border:none;
	  width: 2px;
	background-image: linear-gradient(#fad904, #8b58a3);
  }
  .timeLineContainer .timeline-line span{
	  display:none;
  }
  .timeLineContainer .timeline-wrapper{
	  padding:50px 0 150px 0 !important;
  }
  .timeLineContainer .timeline-wrapper .timeline-block{
	  border:none !important;
	  background:none;
  }
  .timeLineContainer .timeline-wrapper .timeline-block .timeline-header{
	      max-width: 515px;
  }
  .timeLineContainer .timeline-wrapper .timeline-post-left .timeline-header{
	  float:right;
	  padding-right: 110px;
  }
  .timeLineContainer .timeline-wrapper .timeline-post-right .timeline-header{
	  padding-left: 110px;
  }
	.footer .wf-container{
	display:flex;
}
.timeLineContainer .timeline-wrapper .timeline-dot{
	width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    border: 2px solid #f58b56; 
}
.timeLineContainer .timeline-wrapper .timeline-block.firstChildTimeline .timeline-dot{
	border: 2px solid #fad904 !important; 
}
.timeLineContainer .timeline-wrapper .timeline-block.secondChildTimeline .timeline-dot{
	border: 2px solid #f7934b !important;
}
.timeLineContainer .timeline-wrapper .timeline-block.lastBeforeChildTimeline .timeline-dot{
	border: 2px solid #ee7769 !important;
}
.timeLineContainer .timeline-wrapper .timeline-block.lastChildTimeline .timeline-dot{
	border: 2px solid #cb3892 !important;
}

.timeLineContainer .timeline-wrapper .timeline-post-left .timeline-dot{
	 right: -30px;
}
.timeLineContainer .timeline-wrapper .timeline-post-right .timeline-dot{
	 left: -28px;
}
.timeLineContainer .timeline-wrapper .ult-timeline-arrow i, .timeLineContainer .timeline-wrapper .ult-timeline-arrow s{
	display:none;
}
.timeLineContainer .timeline-post-left .ult-timeline-arrow{
	right: -1px;
}
.timeLineContainer .timeline-post-right .ult-timeline-arrow{
	left: -1px;
}
.timeLineContainer .timeline-wrapper .ult-timeline-arrow{
	position: absolute;
    height: 2px;
    width: 100px;
    background: #f9a03a;
    top: 40px !important;
}
}
@media (max-width:1400px){
		#main > .wf-wrap .content{
	padding:30px;
}
}
@media (max-width: 991px) {
  .homeGetFeelixSection h2 {
    padding: 0px !important;
  }
  .homeWeDoingSection{
	  padding-top:50px;
  }
  .sonaviFeelixProProduct .headerProductBanner .headerProductBannerImage{
	  background-position:center center !important;
  }
  .productBannertext{
	  top:-350px !important
  }
  .page-template-sonavi-products .homeWeDoingSection .vc_column-inner{
	  padding-top:25px !important;
	  padding-bottom:25px !important;
  }
}
@media (max-width: 767px) {

  .titleBorderline{
		top:-15px;
	}
	.contactFromContainer .topRow, .contactFromContainer .middleRow, .contactFromContainer .bottomRow{
		display:block;
	}
	.contactFromContainer section{
		padding:0px !important;
		margin: 0 0 20px 0 !important;
	}
	.contactFromContainer section textarea, .contactFromContainer section select{
		margin:10px 0 0 0 !important
	}
	.leftimgParallaxhigh .vc_column-inner, .rightimgParallaxhigh .vc_column-inner{
		background-position: center !important;
		background-size:cover !important;
		height:300px;
		background-attachment: initial !important;
	}
	.page-template-sonavi-blog .content{
		margin:50px 0 0 0 !important;
	}
	.postTimeline .postTimelineDrawLine{
		display:none;
	}
	.postTimelineList{
		padding:20px !important;
	}
	.postTimelineDate{
		position:static;
		display:block;
		text-align:left;
	}
	.postTimeCircleDraw{
		display:none;
	}
	.postTimelineList .postCategory{
		margin: 20px 0;
	}
	.lmb-container{
		padding:0px !important;
	}
	.customSingleBlog .content{
		padding: 0 30px 0 75px;
	}
	.ult-just-icon-wrapper .aio-icon-img{
		justify-content:center;
	}
	.productBannertext h2, .sonaviBlog .headerBlogBanner h2{
		font-size: 40px !important;
		line-height: 55px !important;
	}
}


