@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  src: url('../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.eot');
  src: url('../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Light'),
       local('Open-Sans-300'),
       url('../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.woff2') format('woff2'),
       url('../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.woff') format('woff'),
       url('../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.ttf') format('truetype'),
       url('../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url('../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.eot');
  src: url('../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-regular'),
       url('../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'),
       url('../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'),
       url('../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'),
       url('../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  src: url('../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.eot');
  src: url('../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Semibold'),
       local('Open-Sans-600'),
       url('../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.woff2') format('woff2'),
       url('../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.woff') format('woff'),
       url('../../assets/help/assets/css/../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.ttf') format('truetype'),
       url('../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  src: url('../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.eot');
  src: url('../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Bold'),
       local('Open-Sans-700'),
       url('../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.woff2') format('woff2'),
       url('../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.woff') format('woff'),
       url('../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.ttf') format('truetype'),
       url('../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  src: url('../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.eot');
  src: url('../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Extrabold'),
       local('Open-Sans-800'),
       url('../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.woff2') format('woff2'),
       url('../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.woff') format('woff'),
       url('../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.ttf') format('truetype'),
       url('../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: italic;
  src: url('../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.eot');
  src: url('../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Light Italic'),
       local('Open-Sans-300italic'),
       url('../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.woff2') format('woff2'),
       url('../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.woff') format('woff'),
       url('../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.ttf') format('truetype'),
       url('../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  src: url('../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.eot');
  src: url('../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Italic'),
       local('Open-Sans-italic'),
       url('../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.woff2') format('woff2'),
       url('../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.woff') format('woff'),
       url('../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.ttf') format('truetype'),
       url('../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: italic;
  src: url('../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.eot');
  src: url('../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Semibold Italic'),
       local('Open-Sans-600italic'),
       url('../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.woff2') format('woff2'),
       url('../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.woff') format('woff'),
       url('../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.ttf') format('truetype'),
       url('../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: italic;
  src: url('../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.eot');
  src: url('../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Bold Italic'),
       local('Open-Sans-700italic'),
       url('../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.woff2') format('woff2'),
       url('../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.woff') format('woff'),
       url('../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.ttf') format('truetype'),
       url('../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 800;
  font-style: italic;
  src: url('../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.eot');
  src: url('../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Extrabold Italic'),
       local('Open-Sans-800italic'),
       url('../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.woff2') format('woff2'),
       url('../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.woff') format('woff'),
       url('../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.ttf') format('truetype'),
       url('../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Merriweather';
  font-weight: 300;
  font-style: normal;
  src: url('fonts/Merriweather-300/Merriweather-300.eot');
  src: url('fonts/Merriweather-300/Merriweather-300.eot?#iefix') format('embedded-opentype'),
       local('Merriweather Light'),
       local('Merriweather-300'),
       url('fonts/Merriweather-300/Merriweather-300.woff2') format('woff2'),
       url('fonts/Merriweather-300/Merriweather-300.woff') format('woff'),
       url('fonts/Merriweather-300/Merriweather-300.ttf') format('truetype'),
       url('fonts/Merriweather-300/Merriweather-300.svg#Merriweather') format('svg');
}

@font-face {
  font-family: 'Merriweather';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Merriweather-regular/Merriweather-regular.eot');
  src: url('fonts/Merriweather-regular/Merriweather-regular.eot?#iefix') format('embedded-opentype'),
       local('Merriweather'),
       local('Merriweather-regular'),
       url('fonts/Merriweather-regular/Merriweather-regular.woff2') format('woff2'),
       url('fonts/Merriweather-regular/Merriweather-regular.woff') format('woff'),
       url('fonts/Merriweather-regular/Merriweather-regular.ttf') format('truetype'),
       url('fonts/Merriweather-regular/Merriweather-regular.svg#Merriweather') format('svg');
}

@font-face {
  font-family: 'Merriweather';
  font-weight: 700;
  font-style: normal;
  src: url('fonts/Merriweather-700/Merriweather-700.eot');
  src: url('fonts/Merriweather-700/Merriweather-700.eot?#iefix') format('embedded-opentype'),
       local('Merriweather Bold'),
       local('Merriweather-700'),
       url('fonts/Merriweather-700/Merriweather-700.woff2') format('woff2'),
       url('fonts/Merriweather-700/Merriweather-700.woff') format('woff'),
       url('fonts/Merriweather-700/Merriweather-700.ttf') format('truetype'),
       url('fonts/Merriweather-700/Merriweather-700.svg#Merriweather') format('svg');
}

@font-face {
  font-family: 'Merriweather';
  font-weight: 900;
  font-style: normal;
  src: url('fonts/Merriweather-900/Merriweather-900.eot');
  src: url('fonts/Merriweather-900/Merriweather-900.eot?#iefix') format('embedded-opentype'),
       local('Merriweather Black'),
       local('Merriweather-900'),
       url('fonts/Merriweather-900/Merriweather-900.woff2') format('woff2'),
       url('fonts/Merriweather-900/Merriweather-900.woff') format('woff'),
       url('fonts/Merriweather-900/Merriweather-900.ttf') format('truetype'),
       url('fonts/Merriweather-900/Merriweather-900.svg#Merriweather') format('svg');
}

@font-face {
  font-family: 'Merriweather';
  font-weight: 300;
  font-style: italic;
  src: url('fonts/Merriweather-300italic/Merriweather-300italic.eot');
  src: url('fonts/Merriweather-300italic/Merriweather-300italic.eot?#iefix') format('embedded-opentype'),
       local('Merriweather Light Italic'),
       local('Merriweather-300italic'),
       url('fonts/Merriweather-300italic/Merriweather-300italic.woff2') format('woff2'),
       url('fonts/Merriweather-300italic/Merriweather-300italic.woff') format('woff'),
       url('fonts/Merriweather-300italic/Merriweather-300italic.ttf') format('truetype'),
       url('fonts/Merriweather-300italic/Merriweather-300italic.svg#Merriweather') format('svg');
}

@font-face {
  font-family: 'Merriweather';
  font-weight: 400;
  font-style: italic;
  src: url('fonts/Merriweather-italic/Merriweather-italic.eot');
  src: url('fonts/Merriweather-italic/Merriweather-italic.eot?#iefix') format('embedded-opentype'),
       local('Merriweather Italic'),
       local('Merriweather-italic'),
       url('fonts/Merriweather-italic/Merriweather-italic.woff2') format('woff2'),
       url('fonts/Merriweather-italic/Merriweather-italic.woff') format('woff'),
       url('fonts/Merriweather-italic/Merriweather-italic.ttf') format('truetype'),
       url('fonts/Merriweather-italic/Merriweather-italic.svg#Merriweather') format('svg');
}

@font-face {
  font-family: 'Merriweather';
  font-weight: 700;
  font-style: italic;
  src: url('fonts/Merriweather-700italic/Merriweather-700italic.eot');
  src: url('fonts/Merriweather-700italic/Merriweather-700italic.eot?#iefix') format('embedded-opentype'),
       local('Merriweather Bold Italic'),
       local('Merriweather-700italic'),
       url('fonts/Merriweather-700italic/Merriweather-700italic.woff2') format('woff2'),
       url('fonts/Merriweather-700italic/Merriweather-700italic.woff') format('woff'),
       url('fonts/Merriweather-700italic/Merriweather-700italic.ttf') format('truetype'),
       url('fonts/Merriweather-700italic/Merriweather-700italic.svg#Merriweather') format('svg');
}

@font-face {
  font-family: 'Merriweather';
  font-weight: 900;
  font-style: italic;
  src: url('fonts/Merriweather-900italic/Merriweather-900italic.eot');
  src: url('fonts/Merriweather-900italic/Merriweather-900italic.eot?#iefix') format('embedded-opentype'),
       local('Merriweather Black Italic'),
       local('Merriweather-900italic'),
       url('fonts/Merriweather-900italic/Merriweather-900italic.woff2') format('woff2'),
       url('fonts/Merriweather-900italic/Merriweather-900italic.woff') format('woff'),
       url('fonts/Merriweather-900italic/Merriweather-900italic.ttf') format('truetype'),
       url('fonts/Merriweather-900italic/Merriweather-900italic.svg#Merriweather') format('svg');
}

@font-face {
  font-family: 'Ruda';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Ruda-regular/Ruda-regular.eot');
  src: url('fonts/Ruda-regular/Ruda-regular.eot?#iefix') format('embedded-opentype'),
       local('Ruda'),
       local('Ruda-regular'),
       url('fonts/Ruda-regular/Ruda-regular.woff2') format('woff2'),
       url('fonts/Ruda-regular/Ruda-regular.woff') format('woff'),
       url('fonts/Ruda-regular/Ruda-regular.ttf') format('truetype'),
       url('fonts/Ruda-regular/Ruda-regular.svg#Ruda') format('svg');
}

@font-face {
  font-family: 'Ruda';
  font-weight: 700;
  font-style: normal;
  src: url('fonts/Ruda-700/Ruda-700.eot');
  src: url('fonts/Ruda-700/Ruda-700.eot?#iefix') format('embedded-opentype'),
       local('Ruda Bold'),
       local('Ruda-700'),
       url('fonts/Ruda-700/Ruda-700.woff2') format('woff2'),
       url('fonts/Ruda-700/Ruda-700.woff') format('woff'),
       url('fonts/Ruda-700/Ruda-700.ttf') format('truetype'),
       url('fonts/Ruda-700/Ruda-700.svg#Ruda') format('svg');
}

@font-face {
  font-family: 'Ruda';
  font-weight: 900;
  font-style: normal;
  src: url('fonts/Ruda-900/Ruda-900.eot');
  src: url('fonts/Ruda-900/Ruda-900.eot?#iefix') format('embedded-opentype'),
       local('Ruda Black'),
       local('Ruda-900'),
       url('fonts/Ruda-900/Ruda-900.woff2') format('woff2'),
       url('fonts/Ruda-900/Ruda-900.woff') format('woff'),
       url('fonts/Ruda-900/Ruda-900.ttf') format('truetype'),
       url('fonts/Ruda-900/Ruda-900.svg#Ruda') format('svg');
}

html {
    max-width: 100%;
    overflow-x: hidden;
}

:root {
  --primary-color: #3a1c71;
  --primary-btn: #7b4bd2;
  --hover-color: #875cd6;
  --shadow-color: #bc99f8;
}

/*LOGIN CONFIGURATION PAGE*/
.form-login {
    font-family: 'Ruda', sans-serif;
	max-width: 370px;
	margin: 0 auto 0;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.form-login h2.form-login-heading {
	margin: 0;
	padding: 25px 20px;
	text-align: center;
	background: #68dff0;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
}
.login-wrap {
	/* padding: 20px; */
}
.login-wrap .registration {
	text-align: center;
}
.login-wrap input {
    margin-bottom:4%;
}
.btn-theme {
  color: rgba(255,255,255,.7);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
/* Bootstrap Modifications */
.signup-modal-header {
	background: var(--primary-color);
}

.signup-modal-title {
	color: rgb(255, 255, 255);
}

.btn-round {
	border-radius: 20px;
	-webkit-border-radius: 20px;
}

.accordion-heading .accordion-toggle {
	display: block;
	cursor: pointer;
	border-top: 1px solid #F5F5F5;
	padding: 5px 0px;
	line-height: 28.75px;
	text-transform: uppercase;
	color: #1a1a1a;
	background-color: #ffffff;
	outline: none !important;
	text-decoration: none;
}
.modal-body {
    font-family: 'Ruda', sans-serif;
}
.monthly_plans  {
position: relative;
left:14em;
}

.yearly_plans {
position: relative;
left:21em;
}

.feature {
background: var(--primary-color) none repeat scroll 0 0;
    border-bottom: 2px solid red;
    color: #f1f1f1;
    font-size: 16px;
    padding: 15px 24px;
}

.feature:hover {
    background:  #e5a253;
	cursor:pointer;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.fa.fa-check {
    color: #2cc14f;
}
.fa.fa-times {
    color: #BA5340;
}
.fa{
	font-size:16px;
}
.form-control:focus {
  border-color: var(--primary-color);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--shadow-color);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--shadow-color);
}