body {
	font-family:'Montserrat', sans-serif;
	background:#ebf1f7;
	font-size:14px;
	color:#1f2d38;
	font-size:16px;
}

a, a:hover {
    color: #2dab65;
}

.header-top {
	background: #1e2024 url(images/bg_full.png) no-repeat center bottom;
    padding: 20px 0px 0px;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    background-size: cover;
}

.header-top2 {
	background: #1e2024 url(images/bg_full.png) no-repeat center top;
}

.btn-outline-white:hover, .btn-outline-primary:hover {
	background:#272930;color:white;
}

.header-top span {
    color: #223d4a;
}


.text-muted {

    color: #909fad !important;
}

.header-top p {
    font-size: 16px;
    color: white;
    text-transform: none;
    font-weight: 400;
}

.btn-secondary {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d63b58+50,f0607b+50 */
	background: linear-gradient(45deg, #d63b58 50%,#f0607b 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:0px;
	font-weight:700;
}

.btn-secondary:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#de4763+50,f0607b+50 */
	background: linear-gradient(45deg, #de4763 50%,#f0607b 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
} 
.btn-big {
    padding: 15px 36px;
}
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        line-height: 30px;
    }

.way {
	text-align:center;
	border:2px solid #aac3d2;
	border-radius:16px;
	padding:25px;
	margin-bottom:20px;
}

.way h3 {
	font-size:18px; 
	font-weight:500;
}

.header-top img {margin-right:6px;}

.wrapper {
	background:url("images/bg.png") no-repeat center top;
}

.statistics {
    background: url(images/stats-bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 3rem 0px;
    color: white;
    text-align: center;
	}


.statistics h4 {
	font-size:30px;
	color:white;
}

.statistics figure {margin-bottom:0px;}

.statistics p {
    color: #ffffff;
    text-transform: none;
    font-size: 16px;
    font-weight: 500;
}

.benefit {
    background: white;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0px 0px 20px #00000038;
    text-align: center;
    margin-bottom:30px;
    
    
}


.benefit h2 {
	font-size:30px;
	color:#1f3195;
	text-transform:uppercase;
	font-weight:700;
	
}

.benefit h2 span {
	color:#f13309;
	font-size:24px;
	display:block;
}


.benefit ul li {
	color:#6d7f91;
	font-size:12px;
	font-weight:500;
	line-height:25px;
	text-align:left;
	list-style:none;
	padding-left:30px;
	background: #ffffff url(images/check.png) no-repeat left center;
}

.banner-middle {
    padding: 100px 0px 0px;
    text-align: center;
}

.banner-middle figure {margin-bottom:0px;}

.banner-middle h2 {
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 44px;
}
.banner-middle h2 span {
	color:#ef495c;
}

.banner-middle h3 {font-size:24px; margin-bottom:20px;}	

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.nav-link:hover {
	color:#5c7fe2;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #232a28;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

h5.modal-title {
    font-size: 1rem;
    color: white;
}

.btn {

    border-radius: 36px;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-warning {
    color: #fff;
    background: #FEA03F;
    border-color:#FEA03F;
}

.btn-warning:hover {
	color: #fff;
	background:#FEB93F;
}

.btn-outline-primary {
    color: #198563;
    border-color: #198563;
}

.btn-outline-primary:hover {
    color: #23a77d;
    border-color: #23a77d;
}

.navbar-expand-lg .navbar-nav .btn {
    padding-right: 1rem;
    padding-left: 1rem;
    color: white;
    border: 2px solid;
}

.navbar-expand-lg .navbar-nav .btn-outline-primary {
	border-color:#f0607b;
}

.navbar-expand-lg .navbar-nav .btn:hover {color:white;}

.navbar-expand-lg .navbar-nav .nav-item {
	margin:0px 3px;
}
.menu {
	text-align:right;
	margin-top:20px;
}

.menu a {padding-left:10px; text-transform:uppercase;
font-weight:600; font-size:13px;}

.footer {
    background: url(images/footer-bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 3rem 0px;
    color: white;
}


.footer ul {
    padding-left: 0px;
}

.footer ul li {
	list-style:none;
	line-height:30px;
}

.footer ul li a {color:white;}

.footer a {
    color: #16a787;
}

.footer h4 {
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
	color:white;
	margin-bottom:0px;
}


.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #393e4c;
    border-color: #393e4c;
}

.btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show {
    color: #fff;
    background-color: #393e4c;
    border-color: #fff;
}

.login-top {text-align:center;}

.card h1 {text-align:center; color:#198d74;}

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    background-color: #4f5a68;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #62788f;
    border-radius: 0.25rem;
    transition: border-color 0.15sease-in-out, box-shadow 0.15sease-in-out;
    appearance: none;
}

.btn-info {

    background-color: #5a8eda;
    border-color: #5a8eda;
}

.btn-info:hover {
	color: #fff;
	background:#71a1e8;
}


.option p {color:white; text-align:left; line-height:30px; margin-bottom:0px; padding-left:20px;}


.page-login {
	background: url(images/bg.png) no-repeat center top;
	background-size:cover;
	padding:20px 0px;
}

.home-btn {
	text-transform:uppercase;
	font-weight:700;
    font-size: 14px;
    padding: 0.6rem 2rem;
    border:0px;
}



.row-top .option img {
	display:block;
	margin:5px auto;

}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 18px;
    height: 18px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #82cb6b;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity 0.6s ease;
    border-radius: 100%;
}

.carousel-indicators .active {
    background-color: #FFB45D;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 722px;
}

.auth-container {
	 background: linear-gradient(45deg, #1a2d76 0%, #2539b9 100%);
    padding: 30px;
}

.dropdown-item {
display: block;
    width: 100%;
    padding: 0.2rem 0.8rem;
    clear: both;
    font-weight: 400;
    color: #ffffff;
    text-align: inherit;
    text-decoration: none;
    white-space: normal;
    background-color: #171d1e;
    border: 0;
    font-size: 13px;
    text-transform: none;
}

.dropdown-item:hover {background:#ef495c; color:white;}

.dropdown-item:focus {
	background:#ef495c;
	color:white;
}


.dropdown-dash .dropdown-item {
	white-space: normal;
}

.middle-account {
    background: #202e39;
    background-attachment: fixed;
    padding: 10px 20px 30px;
}


.middle-account .card {
	    background: #1e2024;
    border-radius: 6px;
    color:white;
}

.user-info {
	background:#1e2024;
	border-radius:6px;
	padding:10px 15px;
	margin-bottom:10px;
	color:white;
}

.user-text h3 {
	font-size: 1.25rem;
	margin-top:10px;
}

.lead {
    font-size: 1rem;
    font-weight: 300;
    color: #168c72;
}

.info-block {
	    background: #1e2024;
    border-radius: 6px;
    padding: 10px 15px;
    margin-bottom: 10px;
    color: white;
}

.info-block h4 {
    font-size: 14px;
    padding: 6px 0px;
    border-bottom: 1px solid #ffffff30;
}

.info-block p {font-size:12px; margin-bottom:5px; }

.info-block p span  {float:right; color:#ef495c; font-weight:700;} 

.ads-stats p {
	line-height:24px;
}

.sidenav.navbar .navbar-nav .nav-item .nav-link:hover {
    background-color: rgb(2 138 64 / 15%);
    color: #36ad92 !important;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        right: 0px;
                background: #171d1e;
    }
}

.feature {

	background: linear-gradient(45deg, #1a2d76 0%, #2539b9 100%);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;

}

.feature p {
	color:#ffffff;
	margin-bottom:0px;
}

.feature p span {
	display:block;
	font-size:18px;
	font-weight:700;
}

.benefits {
    padding: 30px 0px 50px;
    background: url(images/base.png) no-repeat center 300px;
}
.benefits h3 {
	text-align:center;
	font-family: 'Koulen', sans-serif;
    color: #334c7e;
    font-size: 60px;
    line-height: 60px;
}

.benefits h3 span {
	color:#ffae5b;
}

.feature figure {margin-bottom:0px;}

.bg-dark {
    background: linear-gradient(45deg, #d63b58 50%, #f0607b 50%);
}

.features {
    background: #f6f7fa;
    padding: 30px 0px 50px;
}

.ads-page .card {
	    background-color: #1e2729;
}

.text-primary {

    color: #198d74!important;
}



.feature-block {
    border: 2px solid #9bbbf4;
    border-radius: 6px;
    padding: 20px;
    background: #E3EBFF url(images/base.png) no-repeat center 200px;
    text-align: center;
    font-size: 14px;
    background-size: 200%;
    margin-bottom:10px;
}

.feature-block h2 {
	color:#3870c5;
	font-size:30px;
	font-family: 'Koulen', sans-serif;
	margin:10px 0px;
}

.feature-block h2 span{
	color:#f9a13c;
}

.feature-block ul {padding:0px; margin:0px;}

.feature-block ul li {
	list-style:none;
	border-bottom:1px solid #9bbbf4;
	line-height:30px;
	
}

.investment {
    background: #3c4442 url(images/plan-bg2.jpg) repeat center;
    padding: 40px 0px 50px;
}

.investment h2 {
	color:#ffffff;
	font-size:60px;
	font-family: 'Koulen', sans-serif;
	margin:10px 0px;
	text-align:center;
}

.features h3 {
	font-size:48px;
	text-align:center;
	font-weight:600;
	color:#334c7e;
}

.features h3 span {
	color:#f9a13c;

}

.plan {
    background: #208fb8 url(images/plan-bg1.png) no-repeat left -17px;
    border-radius: 6px;
    color: white;
    box-shadow: 0px 10px 20px #05204236;
    margin-bottom:10px;
}
.plan2 {
    background: #3da966 url(images/plan-bg2.png) no-repeat left -17px;	
}

.plan3 {
    background: #fea03f url(images/plan-bg3.png) no-repeat left -17px;	
}

.plan-top  h2 {font-size:36px; text-align:left;}
.plan-top  h2 span {font-size:30px; 	display:block;}


.plan-top {
	padding:15px 20px;
}

.plan-top figure {margin-bottom:0px;}

.plan ul {margin:0px; padding:0px 30px 20px;}

.plan ul li {
	background:  url(images/list.png) no-repeat left center;
	padding-left:24px;
	list-style:none;
	font-size:14px;
	line-height:26px;
}

.plan ul li span {
	color:#ffffff;
	font-weight:600;
}


.plan2 ul li span, .plan3 ul li span {color:white;}

.nav-pills .nav-link {
    background: #ffffff;
    border: 0;
    border-radius: 36px;
    color: #ef495c;
    padding: 0.5rem 0.8rem;
    margin: 5px;
    font-size: 12px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #36ad92;
}

.navbar-nav .list-unstyled {
	
    border-radius: 6px;
    padding: 10px;
}

.bg-primary {
	    background: #ef495c!important;
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 1.8rem;
    }
}

.processors {
	background:white;
	padding:20px 0px;
	    box-shadow: 0px 5px 5px #00000021;
}

.footer {
	padding:30px 0px;
	font-size:14px;
}

.footer-menu a {
	color:#5c6989;
	text-transform:uppercase;
}

.footer-menu {text-align:right;}

.page-inner {

	padding:50px 0px;
}

.page-inner .display-6 {
	text-align: center;
    font-family: 'Koulen', sans-serif;
    color: #334c7e;
    font-size: 60px;
    line-height: 60px;
    font-weight:400!important;
}


.card-footer {
    padding: 1rem 1rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid #ecebf1;
    font-size: 16px;
}


.shadow {
    box-shadow: 0 12px 12px rgb(0 0 0 / 12%) !important;
}

.form-control, .form-select {
	    font-size: 0.8rem;
}

.btn-primary {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#198d74+50,27a489+50,27a489+50 */
background: linear-gradient(45deg, #198d74 50%,#27a489 50%,#27a489 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:0px;
	font-weight:700;
}

.btn-primary:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#198d74+50,32ba9d+50 */
background: linear-gradient(45deg, #198d74 50%,#32ba9d 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
} 

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 0px;
    border-radius: 0.45rem;
    box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 15%) !important;
}

.login {
	color: #223d4a;
	background:white;
	box-shadow: 0px 12px 12px 12px rgb(0 0 0 / 15%) !important;
}



.card-header {
	padding: 0.8rem 1rem;
    background: #ef495c;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: white;
    border-bottom:0px;

}

.alert-info {
    color: #ffffff;
    background-color: #168c72;
    border-color: #168c72;
}

.alert-info  a {color:white;}

.bg-secondary, 
.card-header.bg-secondary {
	 background: #168c72!important;
}

.alert-info .text-danger, .alert-info .text-success  {
	background:white;
	font-size:12px;
	font-weight:700;
	padding:4px 8px;
	border-radius:6px;
}



.card-header a {color:white;}

.form-label {
    margin-bottom: 0.5rem;
    font-size: 16px;
    color: #223d4a;
}

.middle-account .card 
.form-label {color:white;}


.sidenav.navbar .navbar-nav .nav-item .nav-link {
    font-size: 12px;
    text-transform: none;
    padding: 0.1rem 0 0.1rem 0.7rem;
    font-weight: 400;
    color: white;
}

.sidenav.navbar .navbar-nav {padding: 1rem;
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 20px;

}

.sidenav.navbar {
    background-color: #1e2024;
    border-radius: 0.5rem;
    padding: 6px;
    border-top: 0px;
}

.sidenav.navbar .navbar-nav .active > .nav-link {
    color: #36ad92 !important;
}

.nav-link:hover, .nav-link:focus {
    color: #df616c;
}

.feature-block h4 {
	        background: linear-gradient(to bottom, #f22b00 0%, #cb1c00 100%);
	    border-radius:6px;
	    padding:8px 10px;
	    color:white;
	    text-transform:uppercase;
	    font-size:14px;
}

.page-inner .home-btn {font-size:20px;}

.page-inner .feature-block {
	background:white;
	text-align:left;
}

.sidenav.navbar .navbar-header {
      color: #36ad92;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 0.2rem;
    padding: 0.3rem 0.4rem;
    text-transform: uppercase;
}


.page-inner .feature-block span {

    color: #FEA03F;
    text-align: right;
    display: block;
    font-weight: 600;
}



.page-inner .feature {
    background: #f7f7f7;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0px 5px 0px #00000021;
    margin-bottom: 20px;
}

.page-inner .feature p span {
    display: block;
    color: #fea03f;
    font-size: 30px;
    font-family: 'Koulen', sans-serif;
}

.card-body h3 {
		color:#3870c5;
	font-size:30px;
	font-family: 'Koulen', sans-serif;
	margin:10px 0px;
}

h4, .h4 {
    font-size: 1.2rem;
    color: #168c72;
}
.accordion-item {
    background-color: #F5F4F8;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 10px;
    font-size: 16px;
}

.table > :not(caption) > * > * {
    padding: 0.5rem 0.4rem;
    font-size: 13px;
}

.middle-account .table > :not(caption) > * > * {
    padding: 0.5rem 0.4rem;
    color: white;
    font-size: 13px;
    border-bottom: 1px solid #ffffff1f;
    background: #1e2024;
}

.alert-warning {
    color: #ffffff;
    background-color: #d19c4d;
    border-color: #d19c4d;
}

.alert-warning a, .alert-warning a:hover {
    color: #64420c;

}

.card-header-tabs {margin-bottom:0px;}

.nav-tabs .nav-link {
    margin-bottom: 0px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-radius: 36px;
}

.nav-tabs .nav-link:hover {color:white;}

.card-header-tabs .nav-link.active:hover {color:#ef495c;}
    
.most span {
    display: block;
    font-size: 11px;
    background: #FEA03F;
    color: white;
    text-align: center;
    line-height: 12px;
    padding: 6px 5px;
    border-radius: 6px;
    text-transform: uppercase;
}


.upgrade-table td, .upgrade-table th {text-align: center;
    font-size: 13px;}  

.upgrade-table td.left {
    text-align: left;
    background: #e3f1ed;
    padding-left: 20px;
}
.upgrade-table th.most {
	background:#FFF3D9;
}

.upgrade-table th {
    color: #ffffff;
    background: #49bf76;
    border-top: 1px solid #49bf76;
}

.price {
	color:#5a8eda;
	font-size:30px;
	font-family: 'Koulen', sans-serif;
}


.title {padding:40px 0px; text-align:center;}

.title h2 {
	color:#2c3d8b;
	font-size: 36px;
	font-weight:700;
	margin-bottom:30px;
}

.title p {
	font-size:18px;
	color:#403b3b;
}

.advantages {
	padding:2rem 0px;
	text-align:center;
}

.advantages h3, .opportunities h3 {
	color:#223d4a;
	font-size:42px;
	text-transform:uppercase;
	font-weight:800;
	padding:20px 0px;
	text-align:center;
}

.advantages h2 {
	color:#223d4a;
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	padding:10px 0px;
}

.advantages h3 span {
	color: #ef495c;
}



.text {
	text-align:left;
}

.text h2 {
	color:#27a489;
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
}



.opportunities {background:white; 	padding:2rem 0px; }

.opportunities h3 span {
	color: #198d74;
}

.opportunities p {
	color:#223d4a;
	font-size: 16px;
	line-height:30px;
}

.opportunities ul {padding-left:0px; margin-left:0px;}

.opportunities ul li {
	color:#223d4a;
	font-size:16px;
	line-height:36px;
	list-style:none;
	background:  url(images/check.png) no-repeat left center;
	padding-left:35px;
	
}

.adv {margin:20px 0px;}

@media (max-width:812px) {
	.carousel-inner {height:auto;}
	
    .banner-middle {
        padding-top: 50px;
    }

    .banner-middle h2 {
        font-size: 28px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 36px;
    }
    
    .banner-middle h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.statistics h4 {
    font-size: 24px;
    color: white;
}

.statistics {padding:20px;} 

.statistics figure img {
    max-width:80px;
}
	
 }