@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700;900&display=swap');
body.oss .top_header {
 background: #fff;
 color: #353535;
 text-align: left;
 margin-bottom: 50px;
 font-family: 'Work Sans', sans-serif;

}body{

 font-family: 'Work Sans', sans-serif;

}
.top_header {
   background: url("../img/p4.jpg") no-repeat center center;
   background-size: cover;
   color: #fff;
   margin-bottom: 0rem;
}
.button {
	position: relative;
	font-size: 19px;
	-webkit-transition-duration: 0.3s;
	font-weight: 700;
	transition-duration: 0.3s;
	background: #ffe950;
	margin-top: 19px;
	transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	line-height: 22px;
	text-align: center;
	border-radius: 0px;
	transition-delay: 0s;
	box-shadow: 0 0 14px #000000c4;
	color: #11040e;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding: 17px 25px;
}
.top{
	font-size: 19px;
	line-height: 24px;
}
h1{
	font-size: 3.6rem;
	line-height: 5rem;
	font-weight: 700;
	max-width: 600px;
	text-align: center;
	margin: 0px auto;
	margin-bottom: 20px;
	margin-top: 80px;
}a.button:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

span.shared_content {
    font-size: 19px;
    line-height: 27px;
}
span.shared_content a{
    color: #ffde2b;
}
a.nonblock {
    font-weight: 700;
    color: #ffffff;
    font-size: 1.3rem;
}
.container {
    max-width: 1100px;
}.topdown {
    text-align: center;
}section {
    padding: 60px 0;
}

section.download {
    text-align: center;
}

h2 {
    text-align: center;
}

section.download h2 {
   display: block;
   font-weight: 500;
   font-size: 1.3rem;
   line-height: 1.4;
   margin-bottom: 40px;
}

section.download p {
    display: block;
    font-size: 17px;
}section.download.icons h3 { margin-bottom: 20px;}
section.download h3 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 14px;
}p.ptow {
    font-size: 20px !important;
}p.ptow {
    font-size: 1.3rem !important;
    text-align: center;
    margin: 20px 0 5px;
}

.icons {
    color: #941b67;
    /* height: 91px; */
    font-size: 47px;
    margin-bottom: 10px;
}.un {
   border: 6px solid #ededed;
   margin: 15px 0px;
   padding: 10px 28px;
   min-height: 245px;
   box-shadow: 0 0 10px #0000003d;
}

section.fre {
    background: url(../img/p5-2.jpg);
    text-align: center;
    line-height: 19px;
    color: #fff;
    background-position: center center;
    background-size: cover;
}

section.fre h3 {
    padding-bottom: 9px;
    line-height: 19px;
    font-size: 19px;
    color: #ffde2b;
}section.jumbotron2 {
    background: #f5f5f5;
}

p.titl {
    font-size: 34px;
    font-weight: 700;
}

hr {
    color: #000;
    border-top: 1px solid rgb(33 31 31 / 55%);
}section.about {
    text-align: center;
}

section.about p {
    font-size: 20px;
    margin-bottom: 20px;
}

section.contact {
    text-align: center;
    background: #F5F5F5;
}

.foot {
    background: #242424;
    padding: 25px 0;
    color: #fff;
    text-align: center;
}

section.vers p.titl {
    color: #fff;
    margin: 0px auto;
    line-height: 38px;
    margin-bottom: 40px;
}

p.op {
    color: #fff;
    font-size: 20px;
    margin-bottom: 40px;
}

section.vers p.titl span {
    color: #ffde2b;
}

section.vers {
    background-image: url(../img/p3.jpg);
    text-align: center;
    background-position: center center;
    background-size: cover;
}p.titl {
    font-size: 34px !important;
    /* margin: 0 auto !important; */
    text-align: center;
}

section.contact p {
    font-size: 20px;
    max-width: 750px;
    margin: 20px auto 30px;
}

::before {}

a.tg, a.mail {
    background: #ffde2b;
    font-size: 33px;
    padding: 6px 15px;
    transition-delay: 0s;
    color: #000;
    transition-timing-function: ease;
    margin: 10px;
    box-shadow: 0px 3px 0px rgba(0,0,0,0.15);
}

a.tg:hover, a.mail:hover {
    background: #ffffff;
}.one {}

.foot a {
    color: #fff;
}

.foot a:hover {
    text-decoration: none;
}

.foot span {
    color: #ffde2b;
}
section.about p.titl {
	
    margin-bottom: 20px !important;
}
@media (max-width: 768px) {
	body.faq .top_header {
		padding-bottom: 20px !important;
	}
	.col-md-4.left {
    order: 1;
    text-align: center !important;
}.col-md-4.right {
    order: 2;
    text-align: center !important;
}
	section.fre p{
	font-size: 1.5rem;}
	body.faq h1 {
		margin-top: 60px !important;
		font-size: 2rem !important;
	}body.inst h1{font-size: 2.0rem !important;line-height: 2rem;}
	h1{font-size: 2.0rem;line-height: 2rem;}
	img.logo {width:40px !important;margin: 5px !important;}
a.nav-link {margin: 3px 5px !important;padding: 0 !important;}
	.button {
	}
	.top_header {
    margin: 0;
    padding: 1.3rem 0rem 0 !important;
}
img.headimg {
    max-width: 100%;
}.un {
    margin-bottom: 15px;
}
	img.teaimg {
    max-width: 285px !important;
    text-align: center !important;
    float: none !important;
}.col-md-6.tea {
    text-align: center !important;
}
	img.teaimg {
    max-width: 285px !important;
    text-align: center !important;
    float: none !important;
}
	.un {
    margin-bottom: 15px;
}
	img.headimg {
		max-width: 100%;
		}.top_header {margin:0;padding: 1.3rem 0rem 0 !important;}
	.polit {
    text-align: left;
    margin-top: 10px;
}
	p.titl{font-size: 30px !important;line-height: 35px;}
	section {
    padding: 40px 0;
}img.topimg {
    text-align: center;
    margin: 0px auto;
    display: block;
    max-width: 300px;
}
}img.logo {
    width: 64px;
    float: left;
    margin: 5px 0 5px 25px;
}
.top_header {
    border-radius: 0;
    padding: 5.3rem 2rem 0;
    text-align: center;
}


.soc {
    text-align: right;
    padding-top: 10px;
    font-size: 1.5rem;
}
img.headimg {
    text-align: center;
    margin: 20px auto 0;
    display: block;
}i.fab.fa-android {
    color: #000;
}

a.button:hover {
    background: #fff;
}section.download h2 span {
    color: #FC9D35;
}

h2 {
    font-size: 2.6rem;
}section.fre h2 {
    display: block;
    width: 100%;
    font-weight: 700;
    margin-bottom: 3rem;
}

img.teaimg {
    text-align: right;
    float: right;
    max-width: 300px;
}

p.tea {
    text-align: left;
    font-weight: 700;
    margin-bottom: 30px;
}.col-md-6.tea {
    text-align: left;
    font-weight: 500;
    max-width: 450px;
    line-height: 1.5rem;
}

.icontea {
    color: #FC9D35;
    font-size: 2rem;
}

section.vers .button {
    margin-bottom: 10px;
}

p.versbot {
    color: #fff;
    margin-bottom: 0.6rem;
}

p.versbot span {
    color: #FC9D35;
    font-weight: 700;
}

section.reviews p.titl {
    margin-bottom: 2rem;
}

.video {
    max-width: 650px;
    margin: 0px auto;
    box-shadow: 0px 11px 17px 0px #00000038;
}

img.footerlogo {
    display: block;
    margin: 5px auto 10px;
}a.soc {
    padding: 0px 5px;
    color: #FC9D35;
}

a.soc:hover {
    color: #ffffff;
}.col-md-6.col-xs-6 {
    width: 50%;
}/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky foot method. */

main > .container {
  padding: 60px 15px 0;
}


.foot > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}nav.navbar {
    background-color: #2c2c2c;
    padding: .2rem 1rem;
    box-shadow: 0px 8px 11px #66648e94;
}
ul.navbar-nav.mr-autor {
    margin-left: auto!important;
    padding-right: 15px;
}


a.nav-link {
    color: #ebebeb;
    font-weight: 700;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin: 0px 15px;
    text-transform: uppercase;
}

a.nav-link:hover {
    color: #ca5aa1;
}

a.nav-link:active {
    color: #fff;
}section.fre h2 {
    display: block;
    width: 100%;
    font-weight: 700;
    margin-bottom: 2rem;
}section.fre p {
    text-align: center;
    margin: 5px auto 15px;
    font-size: 1.3rem;
    line-height: 1.7rem;
}.foot img.logo {
    margin: 15px auto !important;
    display: block;
    float: none;
}.col-md-4.left {
    text-align: left;
}

.col-md-4.right {
    text-align: right;
}.foot a {
    font-weight: 500;
    text-transform: none;
}span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

button.navbar-toggler.collapsed {
    color: rgba(255,255,255,.5);
    border-color: rgb(255 255 255 / 52%);
}body.inst .top_header {
    background: #fff;
    color: #404040;
    margin-bottom: 80px;
}

body.inst p.ptow {
    font-size: 1.2rem !important;
    max-width: 750px;
    margin: 25px auto;
}

body.inst h1 {
    font-size: 3.2rem;
    max-width: 100%;
}section.no.red {
    background: #941b67;
    background: rgb(212,43,43);
    background: -moz-linear-gradient( rgba(212,43,43,1) 0%, rgba(148,27,103,1) 42%);
    background: -webkit-linear-gradient( rgba(212,43,43,1) 0%, rgba(148,27,103,1) 42%);
    background: linear-gradient( rgba(212,43,43,1) 0%, rgba(148,27,103,1) 42%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d42b2b",endColorstr="#941b67",GradientType=1);
}

section.no {
    text-align: center;
    color: #fff;
    padding: 0px 0px 80px 0;
}

section.no h2 {
    font-size: 1.8rem;
    margin: 2.5rem;
}

section.no p {
    font-size: 1.2rem;
    max-width: 800px;
    margin: 0 auto;
}section.no.blue {
   background: #941b67;
   box-shadow: inset 0 -4px 5px #00000096;
   background: rgb(212,43,43);
   background: -moz-linear-gradient( rgba(212,43,43,1) 0%, rgba(148,27,103,1) 42%);
   background: -webkit-linear-gradient( rgba(212,43,43,1) 0%, rgba(148,27,103,1) 42%);
   background: linear-gradient( rgba(212,43,43,1) 0%, rgba(148,27,103,1) 42%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d42b2b",endColorstr="#941b67",GradientType=1);
}

section.no.purp {
    background: #941B67;
    background: rgb(73,12,141);
    background: -moz-linear-gradient(0deg, rgba(73,12,141,1) 0%, rgba(212,43,43,1) 64%);
    background: -webkit-linear-gradient(0deg, rgba(73,12,141,1) 0%, rgba(212,43,43,1) 64%);
    background: linear-gradient(0deg, rgba(73,12,141,1) 0%, rgba(212,43,43,1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#490c8d",endColorstr="#d42b2b",GradientType=1);
}

section.no.rose {
    background: rgb(73,12,141);
background: -moz-linear-gradient( rgba(73,12,141,1) 0%, rgba(148,27,103,1) 42%);
background: -webkit-linear-gradient( rgba(73,12,141,1) 0%, rgba(148,27,103,1) 42%);
background: linear-gradient( rgba(73,12,141,1) 0%, rgba(148,27,103,1) 42%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#490c8d",endColorstr="#941b67",GradientType=1);}body.faq .top_header {
    background: #fff;
    text-align: left;
    color: #000;
}

body.faq h1 {
    text-align: left;
    max-width: 100%;
    margin-top: 95px;
}

body.faq h2 {
    text-align: left;
    margin: 50px 0 30px;
}body.faq .top_header {
    background: #fff;
    text-align: left;
    color: #3c3c3c;
    padding-bottom: 50px;
}

body.faq h1 {
    text-align: left;
    max-width: 100%;
    margin-top: 95px;
    margin-bottom: 30px;
    font-size: 3rem;
}

body.faq h2 {
    text-align: left;
    padding: 100px 0 0px;
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 1.8rem;
    position: relative;
    margin-top: -50px;
    z-index: 2;
}

.gradient {
    background: -webkit-gradient(linear, top center, top center, from(#941B67),color-stop(100%, #490C8D));
    background: -webkit-linear-gradient(top,#941B67 ,#490C8D 100%);
    background: linear-gradient(to top,#941B67 ,#490C8D 100%);
    float: left;
    padding: 10px 35px;
    z-index: 999;
}

.gradient a {
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
    z-index: 999;
    position: relative;
    display: block;
    margin: 5px 0px;
}body.faq p {
    font-size: 1.1rem;
    color: #333;
}

body.faq p span {
    color: #490c8d;
    display: block;
    margin-top: 30px;
    font-weight: 600;
}

body.faq a.nonblock {
    color: #000;
}.foot a.nav-link {
    padding: .5rem 0;
    margin: 0;
}body.faq .h3 {}

body.faq .h3, h3 {
    font-size: 1.5rem;
    margin-top: 25px;
}body.oss h1 {
    text-align: left;
    margin-bottom: 55px;
    max-width: 100%;
}

body.oss h2 {
    text-align: left;
    font-weight: 900;
}

body.oss p {
    font-size: 1.1rem;
    margin-bottom: 30px;
}

body.oss a.nonblock {
    color: #000;
}