html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible}@font-face {
font-family: 'BebasNeue';
src: url(https://blog.sf.education/fonts/ofontru_Bebas_Neue_B_700.WOFF) format('woff');	
font-display: swap;
}
@font-face {
font-family: 'ALSSector';
src: url(https://blog.sf.education/fonts/als-sector-bold.ttf);
font-display: swap;
}
.f-block{
margin-bottom:30px;	
}
.fr{
text-align:center;
}
body{
font-family: Inter !important;
}
* {
box-sizing:border-box;
}
#comments-anchor {
border: 1px solid #C0C0C0;
border-radius: 5px;
width: 200px;
padding: 3px;
text-align: center;
}
.grid-container-author {
padding-top: 0 !important;
}
#author {
margin-top: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
width: 100%;
font-family: Helvetica, sans-serif;
}
#author .author-background {
background: rgba(25, 131, 223, 0.85);
}
#author div.avatar {
position: relative !important;
z-index: auto !important;
left: 0 !important;
margin: auto !important;
width: 205px !important;
height: 205px !important;
padding: 20px !important;
}
#author div.avatar a {
border: 0 !important;
height: 100%;
}
#author div.avatar .avatar_offset {
padding-top: 100px;
}
#author .author-name {
padding: 35px 30px 0 !important;
margin-top: 0 !important;
font-family: Helvetica, sans-serif;
font-size: 35px;
font-weight: 550;
}
#author p {
padding: 0 30px 0;
line-height: 1.4;
font-weight: 540;
}
#author .author-experience {
width: 50%;
margin-left: auto;
margin-right: auto;
line-height: 1.2;
padding-bottom: 15px;
}
#author div.social {
margin-top: 5px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-bottom: 15px !important;
}
#author div.social a {
border-radius: 50%;
background-color: #fff; 
color: #1983df !important;
height: 38px;
width: 38px;
margin: 3px !important;	
}
@media screen and (max-width: 980px) {
#author .author-experience {
width: 95%;
}
#author p {
padding: 0;
}
}
@media screen and (max-width: 767px) {
[class^="grid-container-author"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
#author p {
width: 75%;
margin: auto;
}	
}
#footer {
width: 65%;
}
.course-img {
position: relative;
max-width:795px;
}
.course-img img {
width: 100%;
}
.course-img div.text {
position: absolute;
top: 50%;
transform: translateY(-60%);
left: 8%;	
width: 50%;
font-family: ALSSector;
font-style: normal;
font-weight: normal;
font-size: 60%;
line-height: 100%;
}
.course-img div.text p.course {
margin: 0 0 -10px;
padding: 0;
}
.course-img div.text p.course-name {
font-family: BebasNeue;
font-size: 200%;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
padding: 0 0 10px;
}
@media screen and (max-width: 767px) {
.course-img div.text p.course-name {
padding: 0;
font-size: 170%;
}
}
.course-img div.white {
color: white;
}
.course-img div.black {
color: black;
}
.course-img a {
position: absolute;
display: block;
}
.main{
max-width: 1220px;
margin: auto;
}
.breadcrumbs{
list-style: none;
font-size: 15px;
padding: 0;
margin: 30px 0;
}
.breadcrumbs ul li{
display: inline-block;
}
.breadcrumbs ul li:last-child:after{
display: none;
}
.breadcrumbs ul li:after{
content: ' /';
}
.breadcrumbs a, .np a{
color: #0082FF;
}
#wrapper .np .text a{
color: #0082FF;
}
.breadcrumbs a{
text-decoration: none;
}
.breadcrumbs a:hover{
text-decoration: underline;
}
.np h1{
font-size: 50px;
font-weight: bold;
}
.np{
font-size: 20px;
}
.ratio-16x9 {
--bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio {
position: relative;
width: 100%;
border-radius: 10px;
overflow: hidden;
margin: 35px 0;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.np .bot{
margin: 30px 0;
}
.np .tags a{
text-decoration: none;
}
.np .tags a:hover{
text-decoration: underline;
}
.tk {
padding: 60px 0;
box-sizing: border-box;
}
.tk .title, .pv .title{
font-weight: bold;
font-size: 40px;
margin-bottom: 35px;
line-height:normal;
}
.tk a{
display: inline-block;
border-radius: 10px;
background: #0082FF;
color: #fff;
text-decoration: none;
font-size: 20px;
padding: 10px 20px;
margin-bottom: 5px;
margin-right:8px;
}
.pv{
padding: 0 0 60px;
}
.pv .row, .fb .row{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
box-sizing: border-box;
}
.img-fluid{
max-width: 100%;
display: block;
}
.pv .row .col{
width: 33.333333333%;
padding: 0 15px;
box-sizing: border-box;
}
.pv .block a{
text-decoration: none;
line-height:normal;
display:block;
}
.pv .block img{
border-radius: 10px;
margin-bottom: 15px;
}
.pv .block .tit{
font-weight: bold;
color: #000;
font-size: 20px;
margin-bottom: 5px;
}
.pv .block .tags{
color: #ACACAC;
display:block !important;
line-height:normal;
}
.pv .block .tags span{
display:inline;
color: #ACACAC;
background:none;
padding:0;
margin:0;
font-weight:normal;
font-size:14px;
font-family: "Inter";
line-height:normal;
}
.fb *{
box-sizing: border-box;
}
.fb{
background: #333;
padding: 50px 0;
}
.fb .title{
color: #fff;
font-size:50px;
font-weight: bold;
margin-bottom: 10px;
line-height:normal;
}
.fb .sub{
color:#FFF;
margin-bottom:40px;
font-size:18px;
}
.fb .title span{
color: #0082FF;
}
.fb img{
border-radius: 10px;
}
.fb .row{
margin:0 -12px;
}
.fb .row .col{
width: 25%;
padding: 0 12px;
box-sizing: border-box;
}
.fb input[type="text"], .fb input[type="email"], .fb input[type="tel"]{
display: block;
width: 100%;
border-radius: 10px;
background: #EEE;
font-size: 20px;
height: 50px;
padding: 0 20px;
margin-bottom: 15px;
border:none;
}
.fb input[type="submit"]{
display: block;
width: 100%;
font-size: 20px;
border-radius: 10px;
background: #FFE400;
border:none;
height: 50px;
cursor: pointer;
font-weight: 500;
}
.fb{
margin-bottom: 60px;
}
.n-title{
padding: 50px;
background: #051C2C url(https://blog.sf.education/wp-content/themes/breek-child/images/title.png) bottom right no-repeat;
background-size: auto 100%;
border-radius: 10px;
color: #fff;
}
.n-title h1{
font-size: 60px;
font-weight: bold;
line-height: normal;
margin: 0;
margin-bottom: 30px;
color:#fff;
}
.n-title .sub{
font-size: 20px;
max-width: 800px
}
.n-search{ }
.n-search input[type="text"]{
border-radius: 10px;
background: #EEE url(https://blog.sf.education/wp-content/themes/breek-child/images/lp.svg) left 10px center no-repeat;
height: 50px;
border:none;
width: 100%;
display: block;
font-size: 20px;
padding: 0 20px;
padding-left: 40px;
background-size: 22px auto;
font-family: "Inter";
font-weight: 500;
box-sizing: border-box;
color:#000;
}
.n-search ::-webkit-input-placeholder { color:    #000 !important;
opacity: 1 !important;
}
.n-search :-moz-placeholder { color:    #000 !important;
opacity: 1 !important;
}
.n-search ::-moz-placeholder { color:    #000 !important;
opacity: 1 !important;
}
.n-search :-ms-input-placeholder { color:    #000 !important;
opacity: 1 !important;
}
.n-cat .tk{
padding-top: 30px;
padding-bottom: 40px;
}
.n-cat .pv .block{
margin-bottom: 30px;
}
.n-cat .pv {
padding-bottom:0;
}
#b1{
background: url(https://blog.sf.education/wp-content/themes/breek-child/images/b1-new.png) top right no-repeat ; background-size: auto 100%;
color: #333;
border-radius: 10px;
padding: 60px 0;
margin-top:50px;
margin-bottom:40px;
}
#b1 h1.title{
font-size: 70px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 0;
color:#333;
line-height:normal;
}
.content.mt-3{
margin-top:0px;
}
.articles.row{
display:flex;
flex-wrap:wrap;
margin:0 -12px;
}
.articles .col{
width:33.333333333%;
padding:0 12px;
box-sizing:border-box;
}
.articles-wrap{
padding-bottom:40px;
}
.articles.row .block{
margin-bottom:12px;
}
.articles.row .block a{
display:block;
border-radius:10px;
overflow:hidden;
position:relative;
min-height:360px;
}
.articles.row .block a img{
height:360px;
object-fit:cover;
display:block;
max-width:100%;
}
.articles.row .block .bot{
padding:20px;
position:absolute;
left:0;
right:0;
bottom:0;
background:rgba(255,255,255,0.9);
border-radius:10px 10px 0 0;
line-height:normal;
}
.articles.row .block .bot .cats{
color:#808080;
font-size:16px;
}
.articles.row .block .bot .tit{
font-weight:bold;
color:#333;
font-size:28px;
line-height:normal;
margin:5px 0 15px;
}
.articles.row .block .bot .date{
color:#0082FF;
}
.button.blue{
background:#0082FF;
margin-top:20px;
color:#fff;
display:block;
text-align:center;
border-radius:10px;
font-size:20px;
font-weight:bold;
padding:15px;
border:none;
}
.button.blue:hover, .curs .block .but1:hover, .tk a:hover{
color:#333;
background:#E2E2E2;
}
#b1 .sub{
font-size: 35px;
max-width: 500px;
margin-bottom: 50px;
line-height:normal;
}
#b1 .btns{
max-width:50%;
}
#b1 .btns a{
border-radius: 10px;
background: #0082FF;
display: inline-block;
font-size: 20px;
color: #fff;
padding: 5px 15px;
text-align: center;
margin: 5px;
white-space:nowrap;
transition:0.3s all;
}
#b1 .btns a:hover{
background:#E2E2E2;
color:#333333;
}
#b2 .sidebar .tit, .filter .tit{
font-size: 25px;
font-weight: 500;
margin-bottom: 15px;
}
#b2 .sidebar ul, .filter ul{
padding: 0;
margin: 0;
list-style: none;
line-height:normal;
}
#b2 .sidebar .wrap{
margin-bottom: 40px;
}
#b2 .sidebar ul li, .filter ul li{
margin-bottom: 7px;
}
#b2 .sidebar ul li a, .filter ul li a{
text-decoration: none;
color: #000;
display: inline-block;
position: relative;
padding-left: 35px;
}
#b2 .sidebar ul li a:before, .filter ul li a:before{
content: '';
display: block;
width: 20px;
height: 20px;
border-radius: 3px;
background: #eee;
position: absolute;
left: 0;
top: 0;
}
#b2 .sidebar .last a{
border-radius: 10px;
background: #0082FF;
color: #fff;
min-height: 40px;
text-align: center;
text-decoration: none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 10px;
margin-bottom: 10px;
line-height:normal;
}
#b2 .sidebar .last a span{
margin: auto;
}
#b2 .row{
display:flex;
flex-wrap:wrap;
}
#b2 .col{
padding:0 20px;
box-sizing:border-box;
}
#b2 .left{
width:30%;
}
#b2 .right .content{
margin:0;
}
#b2 .right{
width:70%;
}
#b2 .articles.columns-3 > article > .article-wrapper.block{
border-radius:10px;
}
.pv.dark{
border-radius: 10px;
background: #051C2C;
color: #fff;
padding: 50px;
}
.pv.dark .title{
color:#fff;
}
.pv.dark .block .tit{
color: #fff;
}
.pv.dark .block .tags span{
color: #0082FF;
}
.pv.dark .button{
display: block;
margin-top: 40px;
text-align: center;
color: #000;
border-radius: 10px;
background: #FFC300;
text-decoration: none;
padding: 15px;
font-size: 18px;
font-weight: 500;
}
.main.new .articles.columns-3 > article:nth-child(3) .post-format-image{
display:block;
}
.main.new .articles.columns-3 > article:nth-child(2), .main.new .articles.columns-3 > article:nth-child(3){
width:33.333333% !important;
background:#fff !important;
color:#333 !important;
}
.main.new .articles.columns-3 > article{
border-radius:10px;
}
.main.new .articles.columns-3 > article:nth-child(3) > .article-wrapper.block{
background:#fff !important;
color:#333 !important;
}
.main.new .articles.columns-3 > article > .article-wrapper.block{
border-radius:10px;
}
.main.new div.articles article div.post-excerpt{
padding-bottom:0;
}
.main.new .right .articles.columns-3 > article:nth-child(3), .main.new .right .articles.columns-3 > article:nth-child(4){
width:50% !important;
}
.main.new .right .articles.columns-3 > article:nth-child(2){
width:33% !important;
}
.main.new .right .articles.columns-3 > article:nth-child(1){
width:67% !important;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block{
display:flex;
padding:0;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block .l{
width:30%;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block .r{
width:70%;
padding:10px 15px;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block .post-format-wrapper{
margin:0;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block .author-meta{
padding:0;
padding-top:10px;
margin:0;
}
.main.new .right div.articles article div.post-excerpt{
line-height:normal;
font-size:14px;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block .l *{
height:100%;
display:block;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block .l img{
width:100%;
object-fit:cover;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block:first-child{
margin-bottom:15px;
}
.main.new .right .articles.columns-3 > article:nth-child(2) .block .post-format-image{
display:none;
}
.main.new .right .articles.columns-3 > article:nth-child(2) .block{
background: #051C2C;
color:#fff;
height:calc(100% - 15px);
}
.main.new #b2 .right .content-wrapper{
margin:0 -12px;
}
.main.new .content-wrapper.grid-posts.content{
margin-left:-12px;
margin-right:-12px;
}
.button{
font-family: Inter !important;
text-decoration:none !important;
}
footer.new{
background: #333;
color:#fff;
padding:60px 0 30px;
font-size:22px;
font-weight:500;
}
footer a{
color:#fff;
}
footer .ob{
text-transform:uppercase;
text-decoration:none;
border: 1px solid #FFF;
padding:5px 10px;
display:inline-block;
color:#fff !important;
font-weight:500;
margin-bottom:40px;
}
footer .top{
}
footer ul li a{
color: #ACACAC;
}
footer .bottom{
font-size:12px;
color: #ACACAC;
text-align:center;
margin-top:50px;
}
footer .bottom a{
color: #ACACAC;
text-decoration:underline;
}
footer .row{
display:flex;
margin:0 -20px;
flex-wrap:wrap;
}
footer .row>div{
padding:0 20px;
}
footer .col:first-child{
width:100%;
margin-bottom:40px;
}
footer ul{
padding-left:100px;
margin:0;
}
footer ul li{
margin-bottom:10px;
}
footer ul li:last-child{
margin-bottom:0;
}
#single > .center.content{
margin-top:15px;
}
.skol{
margin:15px 0;
}
.skol img{
display:block;
margin-bottom:5px;
}
#b1 .p{
max-width:400px;
text-align:center;
font-size:18px;
}
#b1 .button{
display:block;
font-size:20px;
border-radius: 10px;
background: #FFC300;
font-weight:500;
color:#000;
margin-top:10px;
}
#ras *{
box-sizing:border-box;
}
#ras{
border-radius: 3px;
background: #051C2C;
max-width:400px;
padding:30px 20px;
color: #fff;
text-align: center;
display:none;
}
#ras .tit{
font-weight: bold;
font-size: 20px;
margin-bottom: 30px;
line-height:normal;
}
#ras .tit span{
color: #0082FF;
}
#ras input[type="text"]{
display: block;
width: 100%;
border-radius: 3px;
background: #EEE;
height: 36px;
boder:none;
padding: 0 15px;
margin-bottom: 12px;
}
#ras .button {
border-radius: 3px;
background: #FFC300;
border:none;
display: block;
width: 100%;
font-size: 16px;
font-weight: 500;
}
#ras .pol{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
text-align: left;
gap:10;
font-size: 12px;
color: #959595;
margin-top: 15px;
line-height:normal;
}
#ras .pol>div:first-child{
padding-right:10px;
}
#ras .pol a{
color: #0082FF;
}
@media(max-width:1200px){
.fb input[type="submit"]{
margin-top:30px;
}
.np p{
margin-bottom:1% !important;
line-height:1.5 !important;
}
}
@media(max-width:992px){
footer ul{
padding-left:0;
}
.np h1{
font-size:40px;
}
.np{
font-size:18px;
}
.tk .title, .pv .title, .fb .title{
font-size:35px;
}
.tk a{
font-size:18px;
padding:8px;
}
.pv .block .tit{
font-size:18px
}
.n-title{
padding:40px;
}
.n-title h1{
font-size:45px;
}
#b2 .left{
order:2;
width:100%;
}
#b2 .right{
order:1;
width:100%;
}
.main.new .articles.columns-3 > article:nth-child(1){
width:33.33333% !important;
}
#b1 .sub{
font-size:20px;
}
#b1{
padding:40px;
}
#b1 .btns a{
font-size:16px;
width:110px;
}
}
@media(max-width:768px){
footer .col:first-child img{
width:250px;
}
footer ul li a{
font-size:18px;
}
footer .ob{
font-size:20px;
}
footer .soc img{
width:40px;
}
footer .bottom{
line-height:normal;
font-size:10px;
}
footer .col:first-child{
margin-bottom:30px;
}
footer ul li{
margin-bottom:0;
}
footer .top, .skol{
font-size:18px;
}
.breadcrumbs{
margin:15px 0;
font-size:14px;
}
.np h1{
line-height:normal;
margin-bottom:15px;
font-size:35px;
}
.np p, .np{
font-size:16px;
}
.np .bot{
margin-bottom:0;
}
.tk, .pv, .fb{
padding:50px 0; 
}
.tk .title, .pv .title, .fb .title{
margin-bottom:25px;
font-size:30px;
}
.tk a {
font-size: 15px;
padding: 5px 10px;
}
.pv .row .col{
width:50%;
margin-bottom:30px;
}
.pv .row .col:last-child{
margin-bottom:0;
}
.fb{
padding:40px;
}
.fb input[type="text"], .fb input[type="tel"], .fb input[type="email"], .fb input[type="submit"]{
height:40px;
}
.tk{
padding-bottom:0;
}
.n-title .sub{
font-size:16px;
}
.n-search{
padding-bottom:0;
}
.n-search input[type="text"]{
margin-bottom:0;
font-size:16px;
height:40px;
}
.n-cat .pv{
padding-top:20px;
}
.n-cat .tk{
padding-bottom:20px;
}
.n-cat .pv .row .col{
margin-bottom:0;
}
.main.new .right .articles.columns-3 > article:nth-child(1){
width:100% !important;
}
.main.new .right .articles.columns-3 > article:nth-child(2){
width:50% !important;
}
#b1{
margin-top:30px;
}
.main.new .tk{
padding-top:30px;
padding-bottom:30px;
}
.main.new .n-search{
padding-bottoM:30px;
}
#b1 h1.title{
font-size:50px;
}
.main.new div.articles{
margin:0;
}
.pv.dark .button{
padding:10px;
font-size:16px;
}
.pv.dark{
padding:20px;
}
.main.new .articles.columns-3 > article:nth-child(1), .main.new .articles.columns-3 > article:nth-child(2), .main.new .articles.columns-3 > article:nth-child(3) {
width: 50% !important;
background: #fff !important;
color: #333 !important;
}
.main.new div.articles{
align-items:start !important;
}
.main.new div.articles{
margin:0 -12px;
}
#b2 .sidebar .last a{
min-height:1px;
}
#b2 .sidebar .wrap{
margin-bottom:20px;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block .r, .main.new .right .articles.columns-3 > article:nth-child(1) .block .l{
width:auto;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block{
display:block;
width:50%;
}
.main.new .right .articles.columns-3 > article:nth-child(1){
display:flex;
}
.main.new .right .articles.columns-3 > article:nth-child(2) .block .post-format-image{
display:block;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block:first-child{
margin-right:12px;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block:last-child{
margin-left:12px;
}
.main.new #b2 div.articles{
margin:0;
}
#b2 .sidebar .tit{
font-size:20px;
margin-bottom:10px;
}
.main.new .content-wrapper.grid-posts.content{
margin-left:0;
margin-right:0;
}
}
footer .s2{
display:none;
}
@media(max-width:576px){
footer .s1{
display:none;
}
footer .s2{
display:block;
}
footer .col{
width:100%;
}
footer .ob{
margin-bottom:30px;
}
footer .top{
margin-bottom:20px;
font-size:16px;
}
.skol{
font-size:16px;
}
.skol img{
width:100px;
}
footer ul li a{
font-size:16px;
}
footer ul{
margin-bottom:20px;
}
.np h1, .n-title h1{
font-size:30px;
}
.tk .title, .pv .title, .fb .title{
font-size:25px;
}
.tk a{ margin-right:0;
}
.pv .row .col{
width:auto;
}
.pv .block .tit{
font-size:16px;
}
.pv .block .tags span{
font-size:14px;
}
.fb{
padding:20px;
}
.fb .row .col{
width:100%;
}
.fb input[type="text"], .fb input[type="tel"], .fb input[type="email"]{
margin-bottom:10px;
}
.fb input[type="submit"]{
margin-top:10px;
}
.fb img{
margin-bottom:15px;
}
.n-title{
padding:20px;
}
.n-title h1{
margin-bottom:10px;
}
.n-title .sub{
font-size:14px;
}
.main.new .articles.columns-3 > article:nth-child(1), .main.new .articles.columns-3 > article:nth-child(2), .main.new .articles.columns-3 > article:nth-child(3) {
width: 100% !important;
background: #fff !important;
color: #333 !important;
}
.main.new .right .articles.columns-3 > article:nth-child(2), .main.new .right .articles.columns-3 > article:nth-child(3), .main.new .right .articles.columns-3 > article:nth-child(4){
width:100% !important;
}
.main.new .right .articles.columns-3 > article:nth-child(1){
display:block;
}
.main.new .right .articles.columns-3 > article:nth-child(1) .block{
width:auto;
margin:0 !important;
margin-bottom:20px !important;
}
#b1{
padding:20px;
}
#b1 .btns a{
width:auto;
font-size:14px;
padding:3px 10px;
}
#b1 .sub{
margin:30px 0 20px;
}
}
.np h1{
line-height:normal;
}
.title, div.text h1, div.text h2, div.text h3, div.text h4, div.text h5, div.text h6, #header nav ul.menu > li > a, input[type="submit"], #single #comments.hosted nav.pagination a, .epcl-button{
font-family: Inter !important;
}
.f-block .row{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:30px;
}
.f-block .row>div{
padding:0 20px;
}
.f-block .row .b2{
display:none;
}
.f-block .title{
font-weight:bold;
font-size:40px;
line-height:normal;
margin-bottom:0;
}
@media(max-width:992px){
.f-block .title{
font-size:35px;
}
.f-block .filter{
display:block;
position:relative;
}
.f-block .row .b2{
display:block;
}
.f-block .filter .top{
cursor:pointer;
background: #051C2C;
padding:7px 15px;
border-radius:3px;
color: #fff;
font-size:18px;
}
.f-block .filter .wrap{
position:absolute;
background:#fff;
top:50px;
right:0;
z-index:10;
box-shadow:0 3px 3px #ccc;
padding:15px;
padding-top:0;
white-space:nowrap;
display:none;
}
.f-block .filter .wrap .tit{
font-size:16px;
margin-bottom:5px;
margin-top:10px;
}
.fil{
display:none;
}
}
@media(max-width:768px){
.f-block .filter .top{
font-size:16px;
padding: 6px 15px;
}
.f-block .row{
margin-bottom:15px;
}
.f-block .title{
font-size:30px;
}
#b1 .p, #b1 .sub{
max-width:60%;
}
#b1 .sub{
margin-bottom:15px;
}
#b1 .p{
font-size:14px;
}
#b1 .button{
font-size:16px;
margin-top:5px;
}
#b1{
background-size:50% auto, auto auto;
background-position:bottom right, top left;
padding:20px;
}
}
@media(max-width:576px){
.f-block .filter .top{
font-size:13px;
padding: 7.5px 6px;
}
.f-block .filter .top svg{
position:relative;
top:3px;
}
.n-search input[type="text"]{
font-size:13px;
}
.f-block .title{
font-size:25px;
}
#b1 .btns{
max-width:120px;
}
#b1 .btns a{
display:block;
border-radius:3px;
margin-bottom:3px;
}
#b1 h1.title{
font-size:40px;
}
#b1 h1.title img{
width:25px;
}
#b1 .sub{
font-size:16px;
max-width:50%;
}
#b1{
padding:15px;
}
.fb input[type="text"], .fb input[type="tel"], .fb input[type="email"]{
font-size:18px;
font-weight:normal;
}
.fb input[type="submit"]{
padding:10px; 
height:auto;
}
#b2 .sidebar .wrap {
margin-bottom: 20px;
padding: 20px 0;
}
.main.new{
display:flex;
flex-wrap:wrap;
}
.main.new>div{
width:100%;
}
.main.new>div:nth-child(1){
order:1;
}
.main.new>div:nth-child(2){
order:2;
}
.main.new>div:nth-child(3){
order:2;
}
.main.new>div:nth-child(4){
order:3;
}
.main.new>div:nth-child(5){
order:4;
}
.main.new>div:nth-child(6){
order:5;
}
.main.new>div:nth-child(7){
order:8;
}
.main.new>div:nth-child(8){
order:7;
margin-top:30px;
margin-bottom:0 !important;
}
.main.new>div:nth-child(9){
order:9;
}
.main.new>div:nth-child(10){
order:10;
}
#b1{
background: url(https://blog.sf.education/wp-content/themes/breek-child/images/b1-m-new.png) top right no-repeat, linear-gradient(281deg, #0082FF 3.86%, rgba(0, 128, 251, 0.00) 66.22%);
background-color:#051C2C;
background-size:auto 100%, auto auto;
background-position:bottom right, top left;
}
#b1 .p{
line-height:normal;
}
}
@media(max-width:470px){
#b1 .p{
font-size:10px;
line-height:normal;
text-align:left;
}
#b1 .sub{
margin: 5px 0 10px;
font-size:14px;
}
#b1 .button{
font-size:14px;
border-radius:3px;
text-align:center;
}
}
body, .epcl-button, .pagination div.nav a, .pagination div.nav > span, div.epcl-download a, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="submit"], input[type="url"], textarea, select, select.custom-select, button, label, .wpcf7 label, #header nav ul.sub-menu li a, .nice-select .list li, .woocommerce button.button, .woocommerce a.button {
font-family: Inter !important;
}
#wpcf7-f16158-o1 .screen-reader-response{
display:none !important;
}
#wpcf7-f16158-o1 .wpcf7-form-control-wrap:first-child{
margin-top:0 !important;
}
.pv.dark .button{
font-family: Inter;
font-size:20px;
}
p.wp-block-heading{
font-size:24px;
}
#block-21 .wp-block-heading {
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 0;
}
#sidebar .default-sidebar .widget, #sidebar .default-sidebar .widget#block-7, #sidebar .default-sidebar section.widget#block-14{
padding:0;
margin-bottom:30px;
}
#sidebar .default-sidebar .widget#block-21{
margin-bottom:0;
}
#sidebar .default-sidebar section.widget#block-14{
margin-bottom:30px !important;
}
#single #pp div.articles article:first-child{
flex: 1;
background: #fff;
margin: 20px 10px 0;
-webkit-box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05);
box-shadow: 0 3px 12px -1px rgba(7,10,25,0.05), 0 22px 27px -20px rgba(7,10,25,0.05);
padding: 0;
}
#pp .articles.columns-3 > article:nth-child(3) .post-format-image{
display:block;
}
#single #pp div.articles article:first-child .article-wrapper {
padding:0 20px 20px;
position: static;
transform: translate(0, 0%);
text-align:left;
}
#single #pp div.articles article:first-child .article-wrapper a {
font-weight: bold;
color: #333;
}
#single #pp div.articles article:first-child{
color: #333;
}
#pp{
padding:40px 0;
}
@media(max-width:980px){
#single #pp  .articles.columns-3 > article:nth-child(3) {
width: auto !important;
}
#single #pp div.articles article:first-child {
margin-bottom:24px !important;
}
}
div.tags {
display: none !important;
}
.curs{
padding: 40px 0;
}
.category-title{
font-size:45px !important;
margin-top:35px;
margin-bottom: 35px;
line-height: normal;
font-weight:800;
}
.curs .title {
font-weight: bold;
font-size: 40px;
margin-bottom: 35px;
line-height: normal;
}
.curs .row{
margin:0 -12px;
display:flex;
}
.curs .col{
width:33.33333333%;
padding:0 12px;
}
.curs .block{
border-radius:10px;
background:#F6F6F6;
margin-bottom:12px;
line-height:normal;
}
.curs .block .wrap{
padding:20px;
}
.curs .block img{
max-width:100%;
border-radius:10px;
}
.curs .block .tit{
font-size:20px;
font-weight:600;
margin-bottom:10px;
}
.curs .block .text{
margin-bottom:20px;
}
.curs .block .text ul{
font-size:16px;
margin-left:10px;
}
.curs .block .text ul li{
margin-bottom:0;
padding:0;
}
.curs .block .but1{
display:block;
text-decoration:none;
text-align:center;
font-size:18px;
font-weight:600;
border-radius:10px;
background:#FFE400;
color:#333;
margin-bottom:12px;
padding:8px 15px;
}
.curs .block .but2{
display:block;
text-decoration:none;
text-align:center;
font-size:18px;
font-weight:600;
border-radius:10px;
border:1px solid #0082FF;
color:#0082FF;
margin-bottom:12px;
padding:8px 15px;
}
.curs .block .bot{
color:#777777;
font-size:12px;
}
.inter{
padding:40px 0;
}
.inter .row{
margin:0 -12px;
}
.inter .row .col{
padding:0 12px;
}
.inter .wrap{
background:#f6f6f6;
padding:20px;
border-radius:10px;
}
.inter .block .tit{
font-weight:normal;
font-size:18px;
line-height:1.3;
color:#333;
}
@media(max-width:1200px){
#b1{
padding:40px 0;
background-position: bottom right;
background-size:auto 90%;
margin:30px 0;
}
#b1 .sub{
font-size:25px;
margin-bottom:30px;
}
#b1 .title{
font-size:40px;
}
#b1 .btns a{
font-size:16px;
}
#b1 .btns a{
width:auto;
}
.articles.row .block .bot .tit{
font-size:20px;
}
.button.blue{
padding:10px;
font-size:18px;
}
.articles.row .block .bot .cats{
font-size:14px;
}
.curs .block .but2{
font-size:16px;
}
.fb input[type="submit"]{
margin-top:0;
}
}
@media(max-width:992px){
#b1{
margin-top:0;
background-size:auto 90%;
}
#b1 .title, #b1 .sub{
max-width:80%;
}
#b1 h1.title{
font-size:35px
}
#b1 .sub{
font-size:18px;
}
#b1 .btns{
max-width:60%;
}
#b1 .btns a{
font-size:14px;
padding:4px 10px;
margin:3px;
}
.articles.row .block .bot{
padding:15px;
}
.articles.row .block .bot .tit{
font-size:17px;
}
.articles.row .block a{
min-height:260px
}
.articles.row .block a img{
height:260px
}
.curs .owl-carousel .owl-prev span, .curs .owl-carousel .owl-next span{
display:none;
}
.curs{
padding:20px 0;
}
.curs .owl-carousel .owl-prev{
width: 30px;
height:30px;
background:url(//blog.sf.education/wp-content/themes/breek-child/images/ar-left.svg) center center no-repeat !important;
background-size:100% auto !important;
}
.curs .owl-carousel .owl-next{
width: 30px;
height:30px;
background:url(//blog.sf.education/wp-content/themes/breek-child/images/ar-right.svg) center center no-repeat !important;
background-size:100% auto !important;
}
.inter .block .tit{
font-size:16px;
}
.fb input[type="text"], .fb input[type="email"], .fb input[type="tel"] {
display: block;
width: 100%;
border-radius: 10px;
background: #EEE;
font-size: 16px;
height: 50px;
padding: 0 10px;
margin-bottom: 15px;
border: none;
font-weight:normal;
}
.fb input[type="submit"] {
display: block;
width: 100%;
font-size: 16px;
border-radius: 10px;
background: #FFC300;
border: none;
height: 50px;
cursor: pointer;
font-weight: normal;
padding: 0 10px;
}
}
@media(max-width:768px){
#b1 .btns a{
font-size:12px;
}
.articles .col{
width:50%;
}
.button.blue{
font-size:16px;
}
.curs .title{
margin-bottom: 25px;
font-size: 30px;
}
.category-title{
margin:20px 0 !important;
font-size:30px !important;
}
.curs .block .text ul{
font-size:14px;
}
.curs .block .tit{
font-size:18px;
}
.fb .row .col{
width:50%;
}
.fb .title{
margin-bottom:15px;
}
.fb .sub{
margin-bottom:20px;
}
}
@media(max-width:576px){
#b1 {
background:none;
margin-bottom:0;
}
#b1 .title, #b1 .sub {
max-width: 100%;
}
#b1 h1.title{
font-size:30px;
}
#b1 .sub {
font-size:16px;
margin-bottom:20px;
}
#b1 .btns{
max-width:100%;
}
#b1 .btns a{
width:auto;
display:inline-block;
border-radius:8px;
}
.articles .col{
width:100%;
}
.curs .title{
font-size:25px;
}
.fb .sub{
font-size:16px;
}
.fb .row .col{
width:100%;
}
.fb {
padding:30px 0;
}
.fb input[type="text"], .fb input[type="email"], .fb input[type="tel"]{
margin-bottom:10px;
}
.fb p{
margin:0 !important;
}
}
.header-wrapper{
background:#0082FF !important;
}
#header nav ul.menu li.menu-item-has-children:after{
top:10px !important;
}
#single.standard .featured-image img{
max-height:372px;
object-fit:cover;
}
#single.standard .featured-image{
max-height:99999px !important;
}
.n-article{
padding:40px 0;
}
.n-article .title{
font-size: 70px;
font-weight: bold;
margin-bottom: 30px;
margin-top: 0;
color: #333;
line-height: 1.1;
}
.top-article{
display:flex;
flex-wrap:wrap;
box-sizing:border-box;
}
.top-article * {
box-sizing:border-box;
}
.top-article .left{
width:70%;
padding-right:24px;
}
.top-article .right{
width:30%;
}
.top-article .ct{
margin-bottom:30px;
}
.top-article .ct .row{
margin:0 -12px;
display:flex;
align-items:center;
}
.top-article .ct .row .col{
padding:0 12px;
font-size:17px;
}
.top-article .ct img{
height:20px;
vertical-align:middle;
margin-right:10px;
margin-top:-4px;
}
.top-article .rt-reading-time{
font-size:0;
}
.top-article .rt-reading-time .rt-time{
font-size:17px;
margin-right:5px;
}
.top-article .right .block{
border-radius:10px;
background:#F6F6F6;
padding:20px;
line-height:normal;
}
.top-article .right .block .tit{
font-size:22px;
font-weight:bold;
margin-bottom:10px;
}
.top-article .right .block .w{
display:flex;
margin:0 -10px;
}
.top-article .right .block .w .l{
width:35%
}
.top-article .right .block .w>div{
padding:0 10px;
}
.top-article .right .block.b1{
margin-bottom:15px;
}
.top-article .right .block .button, .cfa .button, .crs .button{
margin-top:10px;
background:#FFE400;
border-radius:10px;
font-weight:700;
color:#333;
border:none;
font-size:18px;
display:block;
text-align:center;
padding:10px;
letter-spacing:0;
}
.top-article .right .block img{
border-radius:10px;
max-width:100%;
}
.text-article {
line-height: 1.5;
font-size: 18px;
}
.text-article p:nth-child(2){
font-size: 30px;
}
.text-article>img:first-child{
float: right;
width: 30%;
border-radius: 10px;
margin:0 0 15px 15px;
}
.text-article  .lwptoc{
max-width:68%;
}
.text-article  .lwptoc-light .lwptoc_i {
color: #333;
background: #E2F1FF;
display:block;
}
.text-article .lwptoc_toggle{
display:none;
}
.text-article .lwptoc_title{
font-size:30px;
font-weight:bold;
}
.text-article .lwptoc-light .lwptoc_i A{
color:#0082FF;
}
.text-article .lwptoc_item_number{
display:none;
}
.text-article .lwptoc_item_label{
}
.text-article .lwptoc_itemWrap{
margin:0 !important;
}
.text-article .lwptoc_item:before{
content:"●";
}
.text-article .lwptoc_items{
padding-left:30px;
}
.text-article .lwptoc_title:before {
content: "";
display: inline-block;
width: 28px;
height: 36px;
background: url(//blog.sf.education/wp-content/themes/breek-child/images/lst.svg) center center no-repeat;
background-size: cover;
position: relative;
top: 5px;
margin-right: 12px;
}
.text-article h2{
font-size:30px;
font-weight:bold;
margin-bottom:15px;
margin-top:20px;
}
.text-article h3{
font-size:28px;
font-weight:bold;
margin-bottom:15px;
margin-top:20px;
}
.text-article a{
text-decoration:underline;
}
.text-article h4{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
margin-top:15px;
}
.text-article ul{
list-style:disc;
padding-left:40px;
}
.text-article ol{
padding-left:40px;
list-style:numeric;
}
.text-article li{
margin-bottom:5px;
}
.text-article p{
margin-bottom:15px;
}
.text-article img{
border-radius:7px;
display:block;
margin:auto;
max-width:100%;
margin-bottom:15px;
}
.cfa{
padding:30px 50px;
background: url(//blog.sf.education/wp-content/themes/breek-child/images/cfa-bg2.svg) left center no-repeat, url(//blog.sf.education/wp-content/themes/breek-child/images/cfa-bg.jpg) top center no-repeat;
background-size:auto 90%, cover;
color:#fff;
border-radius:10px;
line-height:normal;
margin:30px 0;
padding-left:100px;
}
.cfa .row, .crs .row{
display:flex;
align-items:center;
margin:0 -12px;
justify-content:space-between;
}
.cfa .col, .crs .col{
padding: 0 12px;
}
.cfa .top{
color:#0082FF;
font-weight:600;
font-size:14px;
}
.cfa .bot{
font-size:30px;
font-weight:800;
}
.cfa .button{
width:300px;
}
.crs{
margin 30px 0;
}
.crs .row{
align-items:start;
}
.crs .block{
background:#0082FF;
color:#fff;
border-radius:10px;
padding:30px;
}
.crs .col:first-child{
width:70%;
}
.crs .col:last-child{
width:30%;
}
.crs .block .button{
display:inline-block;
width:auto;
padding:10px 30px;
text-decoration:none !important;
}
.crs .tit{
font-size:22px;
margin-bottom:10px;
line-height:normal;
}
.crs .b1{
display:flex;
flex-wrap:wrap;
}
.crs .b1 .left{
width:62%;
padding-right:20px;
}
.crs .b1 .right{
width:38%;
}
.crs .b1 img{
border-radius:10px;
margin-bottom:0;
}
.crs .text{
font-size:16px;
line-height:normal;
max-width:500px;
}
.crs .b1 .tit{
margin-bottom:20px;
}
.crs .b1 .text{
margin-bottom:25px;
}
.l-posts {
margin:30px 0;
}
.l-posts .row{
margin:0 -12px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.l-posts .col{
width:33.33333333%;
padding:0 12px;
}
.l-posts .block{
border-radius:10px;
padding:20px;
background:#F6F6F6;
font-weight:bold;
color:#333;
font-size:16px;
line-height:normal;
min-height:100%;
display:flex;
}
.l-posts .block a{
text-decoration:none;
}
.l-posts .block img{
margin:0;
margin-top:10px;
}
.l-posts .block.b2 img{
float:right;
}
.l-posts .share img{
display:inline-block;
margin:0;
width:35px;
}
.l-posts .block .tit{
clear:both;
}
.l-posts .share{
text-align:center;
vertical-align:middle;
margin:auto;
}
.l-posts .share a{
margin: 0 10px;
}
.top-article .right .block.b2{
margin-bottom:15px;
}
@media(max-width:1200px){
.n-article .title{
font-size:50px;
}
.top-article .right .block{
padding:15px;
font-size:14px;
}
.top-article .right .block .tit{
font-size:16px;
margin-bottom:5px;
}
.top-article .right .block .button{
font-size:12px;
padding:5px 15px;
}
.top-article .right .block.b1{
margin-bottom:5px;
}
}
@media(max-width:992px){
.n-article .title{
font-size:35px;
margin-bottom:20px;
}
.top-article .ct{
margin-bottom:20px;
font-size:14px;
}
.top-article .ct .row .col{
font-size:14px;
}
.top-article .ct img {
height: 15px;
vertical-align: middle;
margin-right: 5px;
margin-top: -2px;
}
.top-article .left {
width: 100%;
padding-right: 0;
}
.top-article .right {
width: 100%;
display: flex;
gap: 12px;
margin-bottom: 30px;
}
.top-article .right .block.b1 {
margin-bottom: 0;
}
.top-article .right .block .tit {
font-size: 16px;
margin-bottom: 10px;
}
.top-article .right .block {
padding: 15px;
font-size: 14px;
}
.top-article .right .block.b2 {
margin-bottom: 0;
}
.text-article p:nth-child(2) {
font-size: 20px;
}
.cfa .button {
width: 200px;
}
.crs .block {
background: #0082FF;
color: #fff;
border-radius: 10px;
padding: 20px;
}
.crs .b1 .text {
margin-bottom: 34px;
}
.crs .block .button {
display: inline-block;
width: auto;
padding: 10px 30px;
font-size: 15px;
}
.crs .b1 {
}
.crs .tit {
font-size: 18px;
margin-bottom: 10px;
line-height: normal;
}
.l-posts .share a {
margin: 0 2px;
}
.top-article .rt-reading-time .rt-time{
font-size:14px;
}
.crs .b1 .tit{
margin-bottom:10px;	
}
.crs .b1 .text{
margin-bottom:5px;	
}
}
@media(max-width:768px){
.text-article h2{
font-size:25px;
}
.text-article h3{
font-size:20px;
}
.text-article h4{
font-size:18px;
}
.text-article{
font-size:16px;
}
.cfa {
padding: 30px;
background: url(//blog.sf.education/wp-content/themes/breek-child/images/cfa-bg.jpg) top center no-repeat;
background-size: cover;
}
.cfa .bot{
font-size:20px;
}
.cfa .button{
font-size:14px;
}
.crs .row {
align-items: start;
display: block;
}
.crs .col:first-child {
width: 100%;
}
.crs .b1 {
margin-bottom: 10px;
}
.crs .b1 .tit {
margin-bottom: 10px;
}
.crs .b1 .text {
margin-bottom: 14px;
}
.crs .col:last-child {
width: 100%;
}
.crs .block .button {
display: inline-block;
width: auto;
padding: 10px 30px;
font-size: 15px;
}
.l-posts .block {
border-radius: 10px;
padding: 15px;
background: #F6F6F6;
font-weight: bold;
color: #333;
font-size: 14px;
line-height: normal;
min-height: 100%;
display: flex;
}
.l-posts .share img {
display: inline-block;
margin: 0;
width: 29px;
}
}
@media(max-width:576px){
.n-article .title {
font-size: 25px;
margin-bottom: 20px;
}
.top-article .right .block.b1 {
margin-bottom: 0;
font-size: 12px;
margin-bottom: 5px;
}
.text-article > img:first-child {
float: none;
width: auto;
border-radius: 10px;
margin: 0;
margin-bottom: 15px;
}
.text-article p:nth-child(2) {
font-size: 16px;
}
.text-article .lwptoc_items {
padding-left: 0;
}
.text-article .lwptoc {
max-width: 100%;
}
.cfa .top {
color: #0082FF;
font-weight: 600;
font-size: 14px;
margin-bottom: 10px;
}
.cfa {
padding: 15px;
background: url(//blog.sf.education/wp-content/themes/breek-child/images/cfa-bg.jpg) top center no-repeat;
background-size: cover;
}
.l-posts .row {
margin: 0 -12px;
display: block;
flex-wrap: wrap;
}
.l-posts .col {
width: 100%;
padding: 0 12px;
}
.l-posts .block {
border-radius: 10px;
padding: 15px;
background: #F6F6F6;
font-weight: bold;
color: #333;
font-size: 14px;
line-height: normal;
min-height: 100%;
display: flex;
margin-bottom: 5px;
}
.top-article .right .block.b2 {
margin-bottom: 0;
font-size: 12px;
}
.top-article .right {
width: 100%;
display: block;
gap: 12px;
margin-bottom: 30px;
}
.cfa .row, .crs .row {
display: block;
align-items: center;
margin: 0 -12px;
justify-content: space-between;
}
.crs .b1{
}
.crs .b1>div{
width:100% !important;
padding:0 !important
}
.crs .b1 .right{
order:1;
margin-bottom:15px;
}
.crs .b1 .left{
order:2;
}
}
#modal-1{
max-width:500px;
margin: auto;
background: #0082FF;
padding: 50px;
color: #fff;
box-sizing: border-box;
}
#modal-1 *{
box-sizing: border-box;
}
#modal-1 .title{
font-size: 30px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
line-height:normal;
color:#fff;
}
#modal-1 input[type="text"]{
width: 100%;
display: block;
border:none;
border-radius: 8px;
height: 40px;
padding: 15px;
margin-bottom: 10px;
}
#modal-1 .button{
display: block;
width: 100%;
border-radius: 10px;
border:none;
background: #FFE400;
padding: 10px;
font-size:18px;
}
#modal-1 .pol{
margin-bottom: 10px;
}
@media(max-width:500px){
#modal-1 .title{
font-size: 20px;
margin-bottom:15px;
}
#modal-1{
padding:30px 15px;
}
#modal-1 .button{
font-size:16px;
}
}
#modal-getcourse-1.fancybox__content{
background-color: #0082FF; 
align-items: center;
}
#modal-getcourse-1.fancybox__content #ltForm3042385 {
background-color: #0082FF; 
width: 85%;  
text-align: center;   
height: 350px;
}
#modal-getcourse-1 .title {
color: #FFFFFF;
margin-bottom: 5px !important;
width: 85%;  
text-align: center 
}
#modal-getcourse-1 input { 
margin-bottom: 0px !important;
background: #FFFFFF;
border: 2px solid #FFFFFF;
}
#modal-getcourse-1  button{
width: 100%; 
padding: 9px 0; 
border-radius: 5px; 
}
.f-button.is-close-btn {
justify-content: flex-end !important;
}
footer ul{
padding:0;
}
footer .row{
justify-content:space-between;
}
@media(max-width:1450px){
footer ul{
font-size:16px;
}
}
.table-responsive{
margin-bottom:20px;
overflow-x:auto;
}
.table-responsive table{
width:100%;
}
.table-responsive table td, .table-responsive table th{
border:1px solid #ccc;
padding:10px;
line-height:1.4 !important;
}
.bnr .row{
display:flex;
flex-wrap:wrap;
margin:0 -12px;
align-items:center;
}
.bnr .row .col{
padding:0 12px;
}
.bnr .row .col:first-child{
width:70%
}
.bnr .row .col:last-child{
width:30%
}
.bnr .tit{
font-size: 22px;
line-height: 1.3;
}
.bnr .button {
background: #FFE400;
border-radius: 10px;
font-weight: 700;
color: #333;
border: none;
font-size: 18px;
display: block;
text-align: center;
padding: 10px;
letter-spacing: 0;
}
.bnr .button {
display: block;
width: auto;
padding: 10px 30px;
text-decoration: none !important;
}
.bnr {
background: #0082FF;
color: #fff;
border-radius: 10px;
padding: 30px;
margin-bottom: 20px;
}
.bnr2{
background:#333333;
}
.bnr2 .button{
color:#333;
}
.bnr2 .tit strong{
background:#fff;
color:#333;
border-radius:8px;
padding:3px 8px;
}
.bnr1 {
background:#FFE400;
color:#333;
}
.bnr1 .button{
background:#fff;
}
.bnr1 .tit{
}
.bnr1 .text{
font-size:16px;
line-height:normal;
}
.cats ul{
padding-left:40px;
font-size:25px;
list-style:disc;
}
.cats ul li a{
text-decoration:underline;
}
.cats{
margin-bottom:40px;
}
@media(max-width:992px){
.bnr .tit {
font-size: 18px;
margin-bottom: 10px;
line-height: normal;
}
.bnr{
padding: 20px;
}
.bnr .button {
padding: 10px 30px;
font-size: 15px;
}
}
@media(max-width:650px){
.title.cp{
margin-top:30px !important;
}
.cats ul{
font-size:18px;
padding-left:30px;
}
.bnr .col{
width:100% !important;
}
.bnr .tit{
margin-bottom:10px;
}
.bnr1 .text{
margin-bottom:10px;
font-size:14px;
}
.bnr2 .tit strong{
background:none;
padding:none;
color:#fff;
}
}
footer ul li a:hover{
color:#fff !important;
}
.wpcf7-response-output{
display:none;
}
#header .grid-container:after, #header .grid-container:before{
display:none;
}
#header div.border{
display:none;
}
#header .grid-container{
display:flex;
align-items:center;
}