.screen-reader-response, .wpcf7-response-output, .wpcf7-not-valid-tip{
display: none !important;
}
.wpcf7-not-valid {
background-color: #FCC !important;
border: 1px solid #ef2f2f !important;
}
.blog-post img{
height: auto;
max-width: 100%;
}
.blog h1{
text-align: center;
}
.cont-tov-news {
display: inline-flex;
flex-wrap: wrap;
}
.cont-tov {
padding-top: 1px;
padding-left: 1px;
width: 96%;
margin: 20px 2%;
display: inline-flex;
flex-flow: row wrap;
}
.block-tov {
display: inline-block;
width: 33.33%;
max-width: 33.33%;
border: 1px solid #e0e0e0;
margin-top: -1px;
margin-left: -1px;
vertical-align: top;
text-align: center;
white-space: normal;
position: relative;
}
.block-tov .a {
text-decoration: none;
width: 100%;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
}
.block-tov .a>div:last-child {
padding-bottom: 10%;
}
.block-tov .a>div {
position: relative;
padding: 50px 10% 0 10%;
}
.block-tov .bt-img {
display: inline-block;
width: 300px;
overflow: hidden;
max-width: 100%;
text-align: center;
position: relative;
}
.block-tov .bt-img {
opacity: 1;
transform: scale(1,1);
transition-property: opacity, transform;
transition-duration: 0.1s, 0.1s;
}
.block-tov .bt-img img {
margin: 0 !important;
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
}
.cont-tov-news .block-tov .bt-name {
font-weight: normal;
height: auto;
max-height: 3.3em;
display: block;
font-size: 1.625em;
line-height: 1.1em;
color: #fff;
margin: 10px 0;
text-align: left;
}
.block-tov .bt-text {
display: block;
font-size: 0.875em;
color: #fff;
text-align: left;
}
.block-tov .bt-link{
display: block;
text-align: left;
margin-top: 10px;
}
.block-tov .bt-link a{
text-decoration: none;
}
.block-tov .bt-link a:hover{
text-decoration: underline;
color: #ef2f2f;
}
.block-tov .bt-date-name{
display: block;
text-align: left;
margin: 8px 0;
}
.block-tov .bt-name a {
color: #fff;
text-decoration: none;
}
.block-tov .bt-name a:hover {
color: #ef2f2f;
text-decoration: none;
}
@media screen and (max-width: 1024px) {
.block-tov {
width: 100% !important;
max-width: 100% !important;
border: 0 !important;
border-radius: 10px;
margin: 0 0 10px 0 !important;
background-color: #000;
}
.block-tov .bt-img {
width: 100% !important;
}
.block-tov .bt-text {
font-size: 1.1875em !important;
margin: 15px 0px !important;
}
}
.pagination{
display: block;
text-align: center;
width: 100%;
margin-top: 30px;
}
.pagination ul {
display: inline-block;
font-size: 0;
}
.pagination li {
display: inline-block;
margin-right: 2px;
vertical-align: middle;
text-align: center;
}
.pagination li .current {
color: #FFF;
background-color: #ef2f2f;
font-weight: 600;
}
.pagination li .page-numbers {
display: inline-block;
box-sizing: content-box;
padding-right: 5px;
padding-left: 5px;
min-width: 22px;
height: 34px;
color: #ffffff;
font-weight: 600;
font-size: 14px;
line-height: 34px;
transition: all .2s ease;
}
.pagination a {
text-decoration: none;
}
a.course-link{
text-transform: uppercase;
color: #ec1b23;
font-size: 1rem;
font-weight: 800;
letter-spacing: 1.8px;
text-decoration: none;
cursor: pointer;
padding: .5rem 1rem;
margin-left: -1rem;
transition: .3s;
}
a.course-link:hover {
background-color: #ec1b23;
color: #FFF;
transition: .3s;
}
.ui-tooltip.myClass{
border: none !important;
max-width: initial !important;
padding: 0 !important;
}
li.has-tooltip{
cursor: pointer;
}
@media screen and (max-width: 1024px) {
.ui-tooltip.myClass{
left: 0 !important;
max-width: 90%;
}
.ui-tooltip.myClass img{
width: 100%;
height: auto;
}
}
.about-info{
max-height: 40rem;
overflow: hidden;
}
.about-info iframe{
max-width: 100% !important;
}
.about-info .text-wrapper{
text-indent: 20px;
} .frame-comments{padding: 0 3%; margin-top: 0; margin-bottom: 30px;}
.blog .frame-comments{padding: 0;}
.comment-list, .children{list-style:none;}
ul.children {list-style:none;padding-left:0px; margin-left:0px;}
.comment-wrap { border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 50px; position:relative; }
.comments-area h2{ margin-bottom: 30px; }
.comment-wrap .comments-title{padding-top:60px;}
.comment-wrap .comment-img { float: left; margin-right: 20px; padding-bottom:25px; display: none;}
.comment-author {text-align:left;}
.comment-reply {position:absolute;top:0px;right:0px;font-style:italic; padding:5px 5px;}
.comment-author,.comment-author a{font-size: 14px;text-transform: uppercase; letter-spacing: 2px;margin-bottom:2px;}
.comment-date{font-size: 10px;text-transform: uppercase; letter-spacing: 2px;font-style:italic;display:block;padding-bottom:7px;}
.depth-2 .comment-wrap {padding-left:30px;}
.depth-3 .comment-wrap {padding-left:60px;}
.depth-4 .comment-wrap {padding-left:90px;}
.depth-5 .comment-wrap {padding-left:120px;}
.depth-6 .comment-wrap {padding-left:150px;}
.depth-7 .comment-wrap {padding-left:180px;}
.depth-8 .comment-wrap {padding-left:210px;}
.depth-9 .comment-wrap {padding-left:240px;}
.depth-10 .comment-wrap {padding-left:270px;}
#commentform p{display: block; width: 50%;}
#commentform #comment,#commentform #author,#commentform #email,#commentform #url{display:block; width: 100%;}
#commentform input[type="submit"]{background-color: #ef2f2f; font-weight: 100; letter-spacing: 1.3px; font-size: 11px; color: #FFF; border: 0; text-transform: uppercase; white-space: nowrap; cursor: pointer; outline: 0; transition: .3s; padding: 1rem 2rem;}
#commentform input[type="submit"]:hover {background: #bc1d20;}
.title-line{border-top: 1px dotted #ccc;display: block;max-width: 30%;margin: 0 auto 25px;} @media (max-width: 767px) {
.comment-list, .children { padding-left: 0px; }
.comment-wrap .comment-img { float: none;margin: 0px;width: 100%;padding-bottom: 0px; }
.comment-img>img { display: block;margin: 0px auto; }
.comment-author, .comment-author a, .comment-date { text-align:center; }
.depth-2 .comment-wrap,.depth-3 .comment-wrap,.depth-4 .comment-wrap,.depth-5 .comment-wrap,.depth-6 .comment-wrap,.depth-7 .comment-wrap,.depth-8 .comment-wrap,.depth-9 .comment-wrap,.depth-10 .comment-wrap {padding-left:0px;}
.comment-reply { position: relative; text-align: center; display: block; margin-top: 25px;}
#commentform p{width: 100%;}
}
.breadcrumbs-wrap{
width: 100%;
text-align: left;
padding: 0 4%;
margin-bottom: 30px;
line-height: 15px;
}
.breadcrumbs-wrap img{
width: 47px;
height: auto;
}
.breadcrumbs-wrap .hidden{
display: none;
}
.breadcrumbs-wrap *{
color: white;
display: inline-block;
vertical-align: middle;
padding: 0 2px;
}
.breadcrumbs-wrap a:hover{
color: white;
text-decoration: none;
}
.blog .breadcrumbs-wrap{
padding: 0;
}
.blog-index .breadcrumbs-wrap{
padding: 0 2%;
}
.blog-single .blog-post {
padding: 2% 0;
}
.rental .breadcrumbs-wrap{
padding: 0;
margin-bottom: auto;
}
.rental .breadcrumbs-wrap .logo-wrap{
display: inline-block;
}
@media screen and (max-width: 1024px){
.rental .frame-curs .section {
padding: 8% 4% 0 4% !important;
}
}
@media screen and (max-width: 375px){
.rental .frame-curs .section {
padding: 20% 4% 0 4% !important;
}
}
.grecaptcha-badge{
display: none !important;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//prodjschool.com.ua/wp-content/themes/prodj/assets/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
form label{
font-family: Segoe UI,Arial,sans-serif;
font-size: 0.9em;
}
.style-wrap{
margin-top:10px;
}   @media screen and (max-width: 768px) {
.frame-curs .curs {
width: 100% !important;
}
.topmenu .order {
display: none!important;
}   
.frame-intro .order {
display: block !important;
}
.frame-intro .order button {
width: 100%!important;
text-align: center!important;
padding: 1rem!important;
}
.footer .footer1 .invite p span {
width: 100% !important;
margin: .5rem 0;
clear:both;
display:block!important;
}
.frame-intro {
flex-flow: column!important;
}
.frame-curs .curs.info>span .text {
max-width: 80%;
margin: 0 auto;
}
.footer .footer1 .contacts>div {
width: 100%!important;
margin: 0!important;
}
.contacts {
white-space: normal !important;   
}
.frame-text .left .header {
font-size: 1.83rem !important;
font-weight: 600 !important;
line-height: 2.5rem !important;
}
.frame-intro h1 {
font-size: 1.83rem !important;
font-weight: 600 !important;
}
.frame-text .left {
display: block!important;
}
}
@media screen and (min-width: 1025px) {
#section1 .curs:nth-child(2) {
margin-left: -4px;
}
#section2 .curs:nth-child(2) {
margin-left: -4px;
}
#section3 .curs:nth-child(2) {
margin-left: -4px;
}    
#section2 .info {
margin-left: -4px;
}
.frame-curs .curs {
margin-top: -6px !important;
}
}
.wpcf7-list-item {
margin-top: 25px;
display: block;
}
.wpcf7-list-item input[type="checkbox"] {
float: left;
width: 21px;
}
.wpcf7-list-item span {
display: block;
width: 98%;
padding-left: 32px;
text-align: left;
}
.footer .footer1 .contacts a,
.footer .footer1 .contacts a:hover {
color: #fff;
text-decoration: none;
}
.fat-nav .contacts a,
.fat-nav .contacts a:hover {
color: #fff;
text-decoration: none;
}
.privacy_div {
margin-top:20px;
}
.footer .footer1 .invite {
padding-top:6%!important;
}
@media screen and (max-width: 768px) {
.privacy_div a{
display: block;
}
.footer .footer1 .invite {
padding-top:0%!important;
}   
.ui-widget-content {
max-width:100%!important;
}
.footer .footer1 .contacts p:first-child {
font-size: 1.67rem;
font-weight: 800;
line-height: 2rem;
margin-bottom: 0;
}
.footer .footer1 .contacts p:nth-child(2) {
margin-bottom: 1rem;
}
.privacy_div {
margin-top:0!important;
}
.ajax-loader {
display: none!important;
}
.frame-reviews .cont_info {
width: 100% !important;
}
.cont_info .name {
margin-top:10px;
}
.footer .footer1 .invite {
margin-top: 3%;
}
.footer .footer1 .invite button {
margin: 0 5px 0 0!important;
}
}