@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700');

body {font-family: 'Poppins', sans-serif;}
a{transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;}

/*Navbar CSS Start*/
.navbar{padding:1rem;}
.nav-item a{color:#666666; font-size:15px; font-weight:500; padding:0; margin-left:10px;}
.nav-item a:hover,.nav-item a:focus{color:#2b5d97;}
a.signup-btn{background:transparent; color:#22528a; font-size:15px; text-transform:uppercase; border-radius:100px; padding:12px 40px; border:1px solid #22528a; margin-right:0;}
a.signup-btn:hover, a.signup-btn:focus{background:#2d62a0; text-decoration:none; border:1px solid #2d62a0; color:#fff;}
a.login-btn{background:#22528a; color:#fff; font-size:15px; text-transform:uppercase; border-radius:100px; padding:12px 40px; border:1px solid #22528a;}
a.login-btn:hover, a.login-btn:focus{background:#2d62a0; text-decoration:none; border:1px solid #2d62a0; color:#fff;}
.navbar.navbar-shrink{padding:.5rem 1rem;}
  #mainNav.navbar-shrink { border-bottom: 1px solid rgba(33, 37, 41, 0.1);
    background-color:rgba(255, 255, 255, 1);}


/*Header CSS Start*/
/*We have reduce padding for masthead 10rem to 8rem Cware */
.masthead{padding:10rem 1rem 2rem 1rem;}
.masthead.pricing,.masthead.about-us,.masthead.benefit_1,.masthead.benefit_2,.masthead.benefit_4,.masthead.benefit_3,.masthead.benefit_5{padding:2rem 1rem 2rem 1rem;}
/*.masthead{padding:10rem 1rem 2rem 1rem;}*/
.header-text{text-align:left;}
.header-text h2{color:#0e2947; font-size:45px; padding:0; margin:0 0 15px 0; font-weight:300;} /*Resmoved this line for setting the line height of h2 tag "line-height:65px;" */
.header-text h2 span{ font-weight:600;}
/*In below line we have added .header-text li to make constancy in fonts  */
.header-text p, .header-text li{color:#515151; font-size:14px; padding:0 5% 0 0; line-height:26px; margin:0; text-align:left;margin-bottom:15px;}
/*We have removed margin for fixed scroll view of page*/
.header-text a{background:#22528a; color:#fff; font-size:15px; text-transform:uppercase; border-radius:100px; padding:12px 30px; border:1px solid #22528a; display: inline-block; margin:30px 0px;}/*This css "margin-top:28px" is removed from  a tag on date 07 Aug 2019*/
 /*.header-text a:hover, .header-text a:focus{background:#2d62a0; text-decoration:none; border:1px solid #2d62a0;}
*/
#benefits-section{
  position:relative; 
  overflow:hidden;
 /* padding:5.2rem 1rem;*/
padding:2rem 1rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-color:rgba(249, 249, 251, 1);
  background-size: cover;}
#benefits-section h2{color:#0e2947; font-size:35px; padding:0; margin:0 0 55px 0; font-weight:500;}
.benefits-image{margin-bottom:25px; text-align:left;}
.benefits-box h3{color:#0e2947; font-size:18px; padding:0; margin:25px 0 10px 0; font-weight:500; text-align:left;}
/*In below line we have added .benefits-box li to make constancy in fonts  */
.benefits-box li {color:#515151; font-size:14px; padding:0 5% 0 0; line-height:26px; text-align:left;}
.benefits-box p{color:#515151; font-size:14px; padding:0 5% 0 0; line-height:26px; margin:0 0 20px 0; text-align:left;margin-bottom:15px;}


#simplify-section{padding:5px 0; text-align:center; }
#simplify-section h2{color:#0e2947; font-size:35px; padding:0; margin:0 0 50px 0; font-weight:500;}
#simplify-section ul li{display:inline-block; margin:0 15px;}
#simplify-section ul li a{background:#22528a; color:#fff; font-size:15px; text-transform:uppercase; border-radius:100px; padding:12px 28px; border:1px solid #22528a}
#simplify-section ul li a i{padding-right:8px;}
#simplify-section ul li a:hover, #simplify-section ul li a:focus{background:#2d62a0; text-decoration:none; border:1px solid #2d62a0}

.header-text a.ref {padding:0px;border:none;border-radius:0px;}
#left-sticky { position: fixed;}
#left-sticky ul li { padding: 12px 0; border-bottom: 1px dashed #e1e1e3;}
#left-sticky ul li a{
	background-color: transparent;
    border: 0;
    color: #4f5057;
    font-size: 1.143em;
    padding: 20px 0px;
}
/* pricing style */ 
#pricing  .header-text h2{margin:0 0 30px 0; line-height:85px;}

#pricing .tier-container{
	border-left: 1px dashed #e1e1e3;
	padding-left: 40px;
}
#pricing .tier-container .chart-list {
    padding: 30px 0px 30px 0;
	list-style-position: inside;
}
#pricing .tier-container .ee-price{
	display: inline;
}
#pricing .tier-container .span-block-md{display: block;}
#pricing .tier-container h4 { padding: 15px 0 0;}
/*Footer CSS Start*/
#footer-box{padding:1rem;}
#footer-box hr{border-top:2px solid #e9e9e9;);}
.social-icons{margin:20px 0 0 0; text-align:center;}
.social-icons ul li{display:inline-block; margin:0 12px 0 0;}
.social-icons ul li a {padding:0;}
.social-icons ul li a:hover {text-decoration:none;}
.social-icons ul li a i {transition: all 0.9s ease 0s;  -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s;  -o-transition: all 0.9s ease 0s;}
.social-icons ul li a i:hover{color:#fff; background:#666666; text-decoration:none; transition: all 0.9s ease 0s; border:1px solid #666666; 
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;}
.social-icons .iconRounded{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -khtml-border-radius:50%; width:32px; height:32px; line-height:30px !important; display:block; color: #666666;  border:1px solid #666666; text-align: center; font-size:16px !important; background:#fff;}

.footer-links{display:inline-block; float:right; margin:22px 0 25px 0;}
.footer-links ul li{display:inline-block; margin:0 0 0 20px}
.footer-links ul li a{color:#666666; font-size:12px;}
.copyright_text{color:#666666; font-size:12px; padding:0; margin:25px 0 0 0;}

@media (min-width:1500px) {
#benefits-section{padding:17rem 1rem;}
}

@media (max-width:991px) {
#simplify-section{padding:60px 0;}
.copyright_text{text-align:center;}
.social-icons{text-align:center;}
.footer-links{float:none; text-align:center; margin:22px auto 25px auto; display: table;}
.footer-links ul li{margin:0 20px}
.benefits-box h3{text-align:center;}
.benefits-image{text-align:center;}
.benefits-box p{text-align:center; padding:0;}
.masthead {padding:8rem 0 2rem 0;}
#benefits-section{padding:6rem 0;}
.header-text h2{font-size:30px; line-height:45px;}
.header-text a{margin-top:15px;}
.navbar-light .navbar-toggler{color: #f78030; border:2px solid #f78030; padding:10px 15px}
.nav-item{display:block; margin:10px 0;}
#navbarResponsive{background:#fff;  padding:1.5rem 1rem;}
.nav-item a{margin-left:0;}
.nav-item a{text-align:center; color:#22528a!important; text-transform:uppercase;}
a.signup-btn{margin-right:0; display:block; margin-bottom:5px; text-align:center;}
a.login-btn{margin-right:0; display:block; margin-bottom:5px; text-align:center; color:#fff!important; }
.header-text p{padding:0;}
.header-text{margin-bottom:40px;}
#footer-box{padding:1rem 0;}
.benefits-box{margin-bottom:60px;}

.sticky {display:none;}
}

@media (max-width:767px) {
.header-text{margin-bottom:0; margin-top:40px;}
	.header-text .container-fluid:first-child{
				padding-top: 6rem !important;
	}
}

@media (max-width:480px) {
#benefits-section{padding:6rem 0 4rem 0;}
#simplify-section{padding:40px 0 20px 0;}
#simplify-section ul li a{margin-bottom:20px; display:inline-block;}
#simplify-section h2, #benefits-section h2{font-size:25px; margin:0 0 30px 0;}
.benefits-box{margin-bottom:40px; }
}

@media (max-width:455px) {
.navbar-brand {width:70%;}
.navbar-brand img  {width:100%;}
.header-text .container-fluid:first-child{
				padding-top: 2rem !important;
}
}
/*Css Added by Cware */
.paddingTop4rem {
	padding-top:8rem;
}
.header-text .container-fluid {
	padding-top:2rem;
	position:relative;
}
.header-text .container-fluid:first-child{
	padding-top:8rem;
}
.paddingTop30 {
	padding-top:30px;
}
.benefits-box a {
	margin-bottom:50px;
}
.header-text p+p{
	padding-top:10px;
}

.header-text h3,.header-text h4, .header-text h5, .header-text h6 {
    color: #0e2947;
}
.header-text h3{
	margin:25px 0 10px 0;
}
/*This below css is added for change default bootstrap Modal dimension */
@media (min-width: 576px){
	.modal-dialog {
		max-width: 70% !important;
	}
}
.modal-body{
	background-color:#fff;
}
.modal-content {
	background-color: transparent;
	border: none;
}
/* Below css is added for make responsive svg file, Rahul khan, 14_dec_2018*/
.ie9 img[src$=".svg"] {
  width: 100%; 
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}
/*End css related for svg file*/

/*This below css is added for youtube video popup */
.embed-container{
	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; 
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}
/*End css for youtube video popup */
/*This css is added for design changes of Enjoy the Benefits button on home page  */
.btn-warning.cware-button {
	color: #ffffff;
	background-color: #f9a137;
	border-color: #f9a137;
}
.btn-warning.cware-button:active {
	color: #ffffff;
	background-color: #f9a137;
	border-color: #f9a137;
}
@media screen and (min-width: 992px) {
	.benefits-box a.cware-button {
		bottom: 0px;
		position: absolute;
	}
}

p.below-get-start {
	margin-top:50px;
}
p.below-get-start a{
	color: #007bff;
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border: none;
    margin-top: 0px;
    text-transform: none;
}
p.below-get-start a:hover{
	color: #007bff;
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border: none;
    margin-top: 0px;
    text-transform: none;
}
/*This below css is added for subscribe POP UP */
.modal-newsletter {	
		color: #999;
		width: 625px;
		font-size: 15px;
	}
	.modal-newsletter .modal-content {
		padding: 30px;
		border-radius: 0;		
		border: none;
		background-color: #fff;
	}
	.modal-newsletter .modal-header {
		border-bottom: none;   
        position: relative;
		border-radius: 0;
		
		border-bottom: 1px solid
	}
	.modal-newsletter h4 {
		color: #000;
		font-size: 30px;
		margin: 0;
		font-weight: bold;
	}
	.modal-newsletter .close {
		position: absolute;
		top: -15px;
		right: -15px;
		text-shadow: none;
		opacity: 0.3;
		font-size: 24px;
	}
	.modal-newsletter .close:hover {
		opacity: 0.8;
	}
	.modal-newsletter .icon-box {
		color: #7265ea;		
		display: inline-block;
		z-index: 9;
		text-align: center;
		position: relative;
		margin-bottom: 10px;
	}
	.modal-newsletter .icon-box i {
		font-size: 110px;
	}
	.modal-newsletter .form-control, .modal-newsletter .btn {
		min-height: 46px;
		border-radius: 0;
	}
	.modal-newsletter .form-control {
		box-shadow: none;
		border-color: #dbdbdb;
	}
	.modal-newsletter .form-control:focus {
		border-color: #f95858;
		box-shadow: 0 0 8px rgba(249, 88, 88, 0.4);
	}
    .modal-newsletter .btn {
        color: #fff;
		background: #22528a;
		text-decoration: none;
		transition: all 0.4s;
        line-height: normal;
		padding: 6px 20px;
		min-width: 150px;
        border: none;
    }
	.modal-newsletter .btn:hover, .modal-newsletter .btn:focus {
		box-shadow: 0 0 8px rgba(249, 88, 88, 0.4);
		background: #f9a137;
		outline: none;
	}
	.modal-newsletter .input-group {
		margin-top: 30px;
	}
	.hint-text {
		margin: 100px auto;
		text-align: center;
	}
	
/*End Css is addesd for  */
.benefits-box ul {
	padding-left:15px;
}
#subscribe .message{
	text-align: center;
    font-size: 18px;
}
.margintop25 {
	margin-top:25px;
}
.header-text .container-fluid a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    padding: 0px;
    border: none;
    margin-top: 0px;
    text-transform: none;
}
h1, h2 {
	font-size:1.75rem !important;
	color:#0e2947;
}
.cw-none-listing-style {
	list-style:none;
	padding-left: 0;
}
.cw-none-listing-style li {
	max-width:450px;
	line-height:26px;
}
.navbar {
	background-color: white;
}
.cw-state {
	font-size:18px;
}
.marginbotton0 {
	margin-bottom:0px !important;
}
.margintop2rem{
	margin-top:2rem;
}

/*This below css is added for changing the home page header image in jpg formate */
.header-image{
	display:block;
	width:100%;
}
.header-image img{
	width:inherit;
}
/*End Css here added for home page header image JPG */

/* Css for About Us page */
.team{
	margin-top:20px;
}
.wewisps-team img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wewisps-team p{
text-align: justify;
}
.team-content{
text-align: justify;
margin:auto;
}
.row-team{
	margin-top:20px;
}
.below-team{
	margin-top: 80px;
	font-size: 12px;
}
.below-team p{
line-height: 2px;
}
.wewisps-team h5{
margin: 0px 0px 20px 0px;
}

@media (min-width:990px) {
.footer-nav{
display: none;
}
}

@media (max-width:991px) {
.footer-nav{
display: block;
text-align: center;
margin: 40px 0px 0px 0px;
}
.footer-nav a{
width: 100%;
border: 1px solid #e4e4e4 !important;
border-radius: 5px;
color: #4f5057 !important;
padding: 10px !important;
margin: 10px auto;
}
.below-team-footer{
margin: 20px 0px;
}
.below-team-footer p {
line-height: 15px;
text-align: center;
font-size: 12px;
line-height: 7px;
}
}
@media (max-width:575px) {
.wewisps-team h5{
margin: 20px auto;
}
}	


/*This below css is added for Test Drive POP UP */
.modal-TestDrive {	
		color: #999;
		width: 625px;
		font-size: 15px;
		border-color: #999;
		position:relative; 

		overflow:hidden;
		padding:5.2rem 1rem;
		background:url("../img/benefits-background.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: scroll;
		background-size: cover;
	}
	.modal-TestDrive .modal-content {
		padding: 30px;
		border-radius: 1;		
		border: none;
		background-color: #fff;
	}
	.modal-TestDrive .modal-header {
		border-bottom: none;   
        position: relative;
		border-radius: 0;		
		border-bottom: 1px solid;
		top: -15px;
	}
	.modal-TestDrive h4 {
		color:#2B4985;
		font-size: 30px;
		margin: 0;
		font-weight: bold;
		top: -15px;
	}
	.modal-TestDrive .close {
		position: absolute;
		top: -15px;
		right: -15px;
		text-shadow: none;
		opacity: 0.3;
		font-size: 24px;
	}
	.modal-TestDrive .close:hover {
		opacity: 0.8;
	}
	.modal-TestDrive .icon-box {
		color: #7265ea;		
		display: inline-block;
		z-index: 9;
		text-align: center;
		position: relative;
		margin-bottom: 10px;
	}
	.modal-TestDrive .icon-box i {
		font-size: 110px;
	}
	.modal-TestDrive .form-control, .modal-TestDrive .btn {
		min-height: 46px;
		border-radius: 0;
	}
	.modal-TestDrive .form-control {
		box-shadow: none;
		border-color: #dbdbdb;
	}
	.modal-TestDrive .form-control:focus {
		border-color: #f95858;
		box-shadow: 0 0 8px rgba(249, 88, 88, 0.4);
	}
    .modal-TestDrive .btn {
        color: #fff;
		background: #22528a;
		text-decoration: none;
		transition: all 0.4s;
        line-height: normal;
		padding: 6px 20px;
		min-width: 150px;
        border: none;
    }
	.modal-TestDrive .btn:hover, .modal-TestDrive .btn:focus {
		box-shadow: 0 0 8px rgba(249, 88, 88, 0.4);
		background: #f9a137;
		outline: none;
	}
	.modal-TestDrive .input-group {
		margin-top: 30px;
	}
	.modal-TestDrive .inner-content{
		padding-left: 30px;
	}
	
/*  Poop up code closes here*/

.input-small{
	height: 30px;
    padding: 2px 5px;
    font-size: 14px;
}

.episode1Text{
	font-size: 13px;
	text-align:justify;
}

.clear{
	padding:4px;
}

/*  CSS by Dhamender for Episode 1 page*/

.episode1Text-1 img{
	width: 80%;
    margin-bottom: 10px;
    margin-top: 5px;
}
.episode1Text-img{
	padding: 0;
}

/*  CSS by Dhamender for Service page*/
.services-text h3{
color:#f9a137;
}
.services-text #ref6{
	padding-top: 4px;
}

/* CSS for youtube iframe */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom: 15px;
	}
	
	.video-container iframe,
	.video-container object,
	.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
.image-bottom1 b{
  font-size: 18px;
}
.image-bottom1 ol,.image-bottom1 p{
  font-size: 16px;
}	
.image-bottom1 .episode1Text a{
 font-size: 16px !important;	
}

@media (min-width:991px) {
.bottom-btn{	
	margin: 40px auto;
	}
}		

/*   Separate css for episode1ImageBottom1 page */

.image-bottom2 b{
	font-size: 18px;
  }

.episode1LeftText{
	font-size: 18px;
	text-align:justify;
}

.episode1RightText{
	font-size: 14px;
	text-align:justify;
}

.episode1BottomText{
	font-size: 14px;
	text-align:justify;
}

.leftSpacing{
	padding-left: 20px;
}

.rightSpacing{
	padding-right: 20px;
}

/* CSS for Responsive Popups */
@media (min-width: 786px){
	.modal-TestDrive .modal-content{
	width: 500px;
    margin: 0px auto;
	}
}
@media (max-width: 575px){
	.modal-TestDrive{
	width: 100%;
    margin: 0px auto;
	}
}

/*  CSS by Dhamender for At A glance page*/
.glance-text h3 {
	font-size: 1.25rem;
}
.glance-text ol {
	margin-bottom: 0px;
}
.glance-text #ref10 a{
	margin: 0px;
}
 #ref10 .header-text p+p{
	margin: 0px;
}
/*Added css for home page */
.index section,.index #simplify-section{
	padding:3rem 1rem 4rem 1rem;
}
.marginleft15{
	margin-left:15px;
}
.index section:nth-child(even) {background-color: rgba(249, 249, 251, 1);}
.index section:nth-child(odd),.index section:last-child {background: #FFF}
.index p:not(.margintop25){
	color: #515151;
    font-size: 14px;
    padding: 0 5% 0 0;
    line-height: 26px;
    margin: 0;
    text-align: left;
}
p,li{
margin-bottom:10px !important;
}
.preload {
	width: 100%;
    height: 100%;
    position: fixed;
    /* top: 50%; */
    /* left: 50%; */
    z-index: 2000;
    background: rgba(255, 255, 255, 0.5);
	}
.preload img {
	position: fixed;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
}