body {
  background: #fff;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  position: relative;
  line-height: 1.4;
}
.site-footer svg path {
    fill: #9263a4;
}
#content-wrap {
    min-height: 530px;
}


a {
  color: #9361A6;
}
a:hover {
  color: #000;
  text-decoration: none;
}

p {
  margin: 0 0 16px 0;
}
.block {
  margin: 0 0 30px 0;
}
ul, ol {
  margin: 0 0 12px 18px;
  padding: 0;
}
img {
  height: auto;
  max-width: 100%;  
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
   font-family: 'Roboto', sans-serif;
  line-height: 1;
      font-weight: 300;

  margin: 0 0 20px 0;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 18px;
  margin: 0 0 16px 0;
}
h3 {
  font-size: 16px;
  margin: 0 0 14px 0;
}
h4 {
  font-size: 14px;
  margin: 0 0 12px 0;
}
h5,
h6 {
  font-size: 14px;
  margin: 0 0 12px 0;
}

h1 a,
h2 a,
h1 a:hover,
h2 a:hover {
  color: #5387ce;
}
.left {
  float: left;
}
.right {
  float: right;
}
.nopadding {
  padding: 0!important;
}

#page-wrapper {
  position: relative;
}

#logo {
  float: left;
  font-size: 24px;
  margin: 15px 15px 7px 15px;
}
#logo a {
  color: #5387ce;  
}

#main {
  margin: 20px 0 40px 0;
}
#main .node-teaser {
  margin: 0 0 20px;
}

#sidebar {
  padding-bottom: 30px;
  padding-top: 25px;
}

#breadcrumbs {
  background: url('../images/line2.png') left bottom no-repeat;
  font-size: 12px;
  margin: 0 0 25px 0;
  padding: 0 0 8px 0;
}
#breadcrumbs a {
  text-decoration: none;
}
.breadcrumb {
  background: none;
  margin-bottom: 0; 
  padding: 0;
}
.breadcrumb > li + li:before {
  content: "»";
  color: #666;
}

/*-------------------------------------------*
/* Slidebox
/*-------------------------------------------*/
#slidebox {
  margin: 0 0 40px 0;
  position: relative;	
  zoom: 1;
}
.navbar-static-top {
    z-index: 999;
width: 100%;
position: fixed;}
.flex-direction-nav a {
  background: url(../images/arrows.png) no-repeat;
  border-color: initial;
  border-image: initial;
  border-style: initial;
  border-width: 0px;
  display: block;
  height: 30px;
  margin: -15px 0 0;
  text-indent: -9999px;
  width: 30px;
}
.flex-direction-nav .flex-prev {
  left: 15px;
}
.flex-direction-nav .flex-next {
  right: 15px;
}
.flexslider:hover .flex-next:hover, 
.flexslider:hover .flex-prev:hover {
  background-position-y: 0;
}
.overlay {
  background: url(../images/overlay.png);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 100;    
}
.flex-caption {
  color: #fff;
  left: 50%;
  margin-left: -350px;
  position: absolute;
  text-align: center;
  top:28%;
  width: 700px;  
  z-index: 101;
} 
.flex-caption h2 {
  color: #fff;
  font-size: 36px;
  text-transform: uppercase;
}
.flex-caption h2 a:link, 
.flex-caption h2 a:visited {
  color: #fff;
}
.flex-caption p {
  font-size: 16px;
}
.flex-caption a.readmore {
  background: rgba(255,255,255,0.2);
  border: 1px solid #fff;
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 20px auto;
  padding: 10px 0px;
  text-transform: uppercase; 
  width: 150px;
}
.zapschool {
    width: 300px;
    margin: 0 auto;
    border: 1px solid #9361a6;
    padding: 13px;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 10px;

}
.form-select {
    padding-left: 10px;
}
.form-item-vash-navchalniy-zaklad- label {
    display: block;
}
#Вчитель {
    display: block !important;
}
#Батьки {
    display: none;
}
.form-item-vash-navchalniy-zaklad- {
    width: 620px;
    margin: 0 auto !important;
    text-align: center;
}
#edit-vash-navchalniy-zaklad--shs-0-0, #edit-vash-navchalniy-zaklad--shs-0-1, #edit-vash-navchalniy-zaklad--shs-0-2, #edit-vash-navchalniy-zaklad--shs-0-3 {
    height: 50px;
    width: 350px;
    padding-left: 10px;
    margin: 20px;
}


/*-------------------------------------------*
/* Content Top
/*-------------------------------------------*/
#content_top {
  margin: 0 0 30px;
  overflow: hidden;
}
.path-frontpage .feed-icon{
  display: none;
}

/*-------------------------------------------*
/* Top Columns
/*-------------------------------------------*/
#top-columns {
  background: url(../images/line.png) bottom center no-repeat;
  margin: 30px auto 20px auto;
  padding: 0 0 30px;
}

/*-------------------------------------------*
/* Bottom Columns
/*-------------------------------------------*/
#bottom-columns {
  margin: 20px 0 30px 0;
}

/*-------------------------------------------*
/* Footer
/*-------------------------------------------*/
footer.site-footer {

  font-size: 14px;
  position: relative; 
}
footer.site-footer h2 {
  color: #5c5c5c;
  font-size: 14px;
  font-weight: bold;
}
#footer-columns {
  margin: 0 0 20px;
}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/
ul.primary {
  border-bottom: 1px solid #bbb;
  margin: 0 0 15px 0;
  padding: 0;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background: none;
  border: none;
  border-radius: 4px 4px 0 0;
  display: block;
  float: left;
  margin: 0;
  padding: 0 1em;
  margin-right: 5px;
}
ul.primary li a:hover, ul.primary li a.is-active {
  background: #666;
  border: none;
  color: #fff;
}
ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: 1px solid #bbb;
  margin: 0 0 15px 0;
  clear: both;
  padding: 0;
}
ul.secondary li {
  display: inline;
  border-right: none;
}
ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  padding: 0 1em;
}
ul.secondary li a:hover, ul.secondary li a.is-active {
  background: #888;
  color: #fff;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: none;
}

ul.inline, ul.links.inline {
  margin-left: 0;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style: none;
  margin: 0 2px;
  padding: 0;
}

/*-------------------------------------------*
/* Tags
/*-------------------------------------------*/
article .meta {
  font-size: 12px;
  color: #8a8a8a;
  margin: 0 0 12px;
}
.links li a {
  background-color: #eee;
  border-radius: 4px;
  color: #666;
  padding: 4px 5px;
}
.links li a:hover {
  background-color: #ddd;
}
.field--name-field-tags {
  margin: 0 0 12px;
}
.field--name-field-tags ul.inline {
  display: inline;
}

/*-------------------------------------------*
/* Comments
/*-------------------------------------------*/
section.comments {
  margin-top: 30px;
}
article.comment {
  border-bottom: 1px solid #ebebeb;
  margin: 0 0 20px 0;
  overflow: hidden;
  padding: 0 0 10px 0;
}
.indented {
  margin-left: 25px;
}
.comment-side {
  float: left;
  margin: 0 20px 0 0;
}
.comment-side img {
  border: 1px solid #ebebeb;
  float: left;
  margin: 0 0 12px 0;
  padding: 4px;
}
.comment-side .comment-time {
  font-size: 11px;
}
.comment-side .comment-permalink,
.comment-form .filter-wrapper {
  display: none;
}

/*-------------------------------------------*
/* Search block
/*-------------------------------------------*/
.search-block-form {
  border: 1px solid #d0d0d0;
  height: 36px;
  border-radius: 4px;
  margin: 0 0 30px 0;
  max-width: 280px;
}
.search-block-form h2 {
  display: none;
}
.search-block-form input[type='search'] {
background: url(/img/lupa.png) 5px no-repeat;
    background-size: 25px;
    border: none;
  color: #8a8a8a;
  font-size: 13px;
  padding: 8px 12px 8px 35px;
  width: 100%;
}
.search-block-form .form-item-keys {
  float: left;
  width: 73%;
}
.search-block-form .form-actions .form-submit {
    border: none;
    cursor: pointer;
    display: block;
    height: 34px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 120px;
    border-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background: url(/img/sbeck.png) no-repeat #9361a6 top;
background-size: 75px;
background-position-y: center;
    margin-right: -1px;
}

.search-block-form input[type="submit"]:hover {
    
  background: url(/img/sbeck.png) no-repeat #9361a6 top!important;
    background-size: 80px!important;
background-position-y: center!important;
    
}
/*.f-left, 
article img.align-left,
#top-columns img, 
#bottom-columns img, 
.path-frontpage #content_top img,
.path-frontpage #content-wrap article img {
  background: #fff;
  border: 1px solid #ebebeb;
  float: left;
  margin: 5px 15px 10px 0;
  padding: 5px;
}
.f-right,
article img.align-right {
  background: #fff;
  border: 1px solid #ebebeb;
  float: right;
  margin: 5px 0 10px 15px; 
  padding: 5px; 
} */

.views-field-changed {
  font-size: 12px;
  color: #8a8a8a;
  margin: 0 0 12px;
}

.views-row,
.views-element-container,
#block-userlogin {
  margin: 0 0 30px;
}
.form-item, .form-actions {
  margin: 0 0 15px 0;
}
.form-item input[type='text'],
.form-item input[type='password'],
.form-item input[type='email'] {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  color: #8a8a8a;
  height: 36px;
  padding: 8px 12px 8px 12px;
}
textarea {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  color: #8a8a8a;
  padding: 8px 12px 8px 12px;
}
.form-actions input[type='submit'] {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  height: 36px;
  padding: 8px 20px 8px 20px;
}

div[aria-label="Status message"] {
  color: #155724;
  background-color: #d4edda;
  margin: 12px 0;
  padding: 10px 20px;
  border: 1px solid #c3e6cb;
}
div[aria-label="Warning message"] {
  color: #856404;
  background-color: #fff3cd;
  margin: 12px 0;
  padding: 10px 20px;
  border: 1px solid #ffeeba;
}
div[aria-label="Error message"] {
  color: #721c24;
  background-color: #f8d7da;
  margin: 12px 0;
  padding: 10px 20px;
  border: 1px solid #f5c6cb;
}
div[aria-label="Status message"] a,
div[aria-label="Warning message"] a,
div[aria-label="Error message"] a {
  color: #0b2e13;
}

table th,
table td {
  padding: 3px 10px;
  border: 1px solid #ccc;
}
#main #content {
    width: 90%!important;
   margin: 0 auto;
}

#toolbar-administration, #toolbar-administration * {
  z-index:1000!important;
}
#block-privet {
  display:none;
}
#highlighted-block {
    padding-top: 100px;
}
#block-poshukovaforma {
  display:none;
    position: absolute;
    background: #fff;
    max-width: 455px;
    margin-bottom: 0;
    margin-left: 240px;
    z-index: 9;
    width: 455px;
    border: 2px solid #9361a6;
border-radius: 20px;
overflow: hidden;
}

body {
    min-width: 1280px;
}
#main {
    min-height: 500px;
}
#block-search {
  float: right;
}

#block-search a {
  width: 70px;
float: right;
margin-top: -15px;}

/*#edit-actions--2 {
    position: absolute;
    right: 0;
} */
#block-likable-breadcrumbs, article .meta {
    display: none;
}
.navbar-nav a.is-active, .navbar-nav a.active-trail, .navbar-nav a:hover {
    background-color: #fff;
    border-bottom: 4px solid #9361A6;
    padding-bottom: 6px !important;
}
a.is-active, .bef-link--selected {
  color: rgba(146, 97, 165, 0.35) !important;
}
.navbar .row {
    width: 920px;
    margin: 0 auto;
}
#bfoot td {
    border: 0;
    width: 25%;
}
#block-fbsiteheader {
    display: inline-block;
    width: 45%;
    font-size: 12px;
    margin-left: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #FAF0FE;
padding-bottom: 10px;
}
a#but, .form-actions input[type="submit"] {
    color: #9361A6;
    font-weight:700;
    border: 2px solid #9361A6;
    border-radius: 20px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 19px;
    margin: 0 auto;
    width: 250px;
    height:50px;
    display: block;
    background:#fff;
    
}

#block-kabinet {
    float: right;
}
#block-kabinet a {
    padding-left: 23px;
}
#but:hover, .form-actions input[type="submit"]:hover {
    color: #fff;
    background: #9361A6;
}

footer.site-footer {
  border:none;
  color:#fff;
padding-bottom: 0;
}
.site-footer .container {
    background: #9263a4;
    width: 100%!important;
    margin-top: -7px;
}
#footer-columns {
    margin: 0 auto;
    width: 1000px;
    background-image: url(/img/footerperc.png);
background-repeat: no-repeat;
background-position: bottom right;
background-position-x: 550px;
}
.site-footer ul {
    list-style: none;
    margin: 0;
    line-height: 30px;
}
.site-footer a {
  color:#fff;}

footer.site-footer h2 {
    color: #fff;
    font-size: 19px;
          text-transform: uppercase;
    font-family: Pribambas;
font-weight: 100;
letter-spacing: 0.5px;
}
    
    #credl {
    display: inline;
 margin-right: 25px;
}
#cred {
    display: inline;
    
}
#block-footerbot {
    border-top: 1px solid #fff;
    width: 1000px;
    margin: 0px auto;
    padding: 30px 0px;
}
#block-batkam, #block-lyubivchiteli {
    width: 50%;
    margin: 0 auto;
}
#block-batkam h2, #block-lyubivchiteli H2 {
    margin-top: 30px;
    font-size:36px;
}
#zag {
    font-size:36px;
    font-weight:300;
    line-height:36px;
    margin-bottom: 40px;
}
.more-link a {
    font-size: 22px;
    color: #9263a4;
    border: 2px solid #9263a4;
 padding: 7px 49px;
border-radius: 20px;
font-weight: 700;
}
.more-link a:hover {
  color:#fff;
  background:#9263a4;
}
.more-link {
    margin: 0 auto;
    width: 260px;
}
.ui-dialog {
    width: 60% !important;}
    
    .user-login-form .description {
    display: none;
}
.user-login-form label {
    display: block;}
    
    .footer-block.col-sm-3 h2 {
    text-align: left;
    margin: 0 0 40px 0;

}
#tel {
  font-size:24px;
  margin-bottom: 10px;
  
}

#fbez {
  margin-bottom: 10px;
}
#block-kontakti img {
  width: 100px;
  margin-left: -10px;
}
#fsm {
    font-size: 12px;
}

#block-fbbut {
    position: fixed;
    top: 150px;
    z-index: 999;
    left: 30px;
}
#block-fbbut img {
    border: 7px solid #fff;
    border-radius: 40px;
    box-shadow: 0px 6px 10px rgba(146, 97, 165, 0.15);
}
.pager li > a, .pager li > span {
    border: 0;
    background: none;
    font-weight: 700;
}
.pager__item.pager__item--next a, .pager__item.pager__item--previous a {
    border: 1px solid #9361a6;
    border-radius: 50px;
    padding: 5px 12px;
}


.pager li > a:focus, .pager li > a:hover, .pager__item.pager__item--next a:hover, .pager__item pager__item--previous a:hover {
    text-decoration: none;
    background-color: #9361a6;
    color:#fff;
}
.pager li > a, .pager li > span {
 
    border-radius: 22px;
}
.pager__items.js-pager__items {
    margin-bottom: 50px;
}

#block-gobackblock a, #block-gobackblock-2 a {
    font-weight: 700;
    width: 150px;
    display: block;
    text-transform: uppercase;
    float: left;
    margin-bottom: 20px;
    text-align: right;
}
#block-gobackblock-2 {
    margin-top: 30px;
}
#block-gobackblock a::before, #block-gobackblock-2 a::before {
    content: "";
    background-image: url(/img/arrow.png);
    width: 90px;
    height: 50px;
    position: absolute;
    background-repeat: no-repeat;
    background-position-y: 31px;
    background-size: 30px;
    transform: rotate(-180deg);
    background-position-x: 39px;
    margin-left: -60px;
}
div[role=contentinfo] {
width: 600px;
margin: 30px auto 10px auto;
font-size: 16px;
border-radius: 20px;
padding: 10px;
text-align: center;
color: #fff;
background: #9361a6;
}
#zagi2 {
    text-align: center;
    font-size: 32px;
    width: 60%;
    margin: 30px auto;
}
#edit-field-klass-value {

    margin-bottom: 20px!important; }

#edit-field-klass-value li a {
   
    padding: 0 42px!important;}
#user-pass {
    width: 700px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #eee;
    padding: 50px;
    border-radius: 20px;
}
 .navbar-toggle {
     padding-top: 30px!important;}


/* FROM LOGIN PAGE */


#block-likable-local-tasks {
  display:none;
}
.social-auth.auth-icon {
    width: 55px;
}

#block-socialauthlogin {
   width: 40%;
float: right;
margin-top: -420px;
}
#block-registerforgot {
    display: block;
margin-left: 30%;
margin-top: -130px;
}
#block-registerforgot a {
    padding-right: 70px;
}

#block-socialauthlogin a {
    display: block;
    margin-bottom: 20px;
}

    #bottom-columns {
   
    margin-bottom: -90px !important;
    display: flex;
    padding-bottom: 40px;
}
#edit-submit-metodichki-ta-zoshiti {
    display: none;
}

.metodbut.views-field.views-field-nothing.views-align-right:hover {
    background: none;
   
}
.metodbut.views-field.views-field-nothing:hover a {
    color: #9361a6;
}
#metodfile:hover {
    background: #9361a6;
    color: #fff;
    padding: 20px;
    border-radius: 20px;
}
/* MEDIA */
@media screen and (max-width: 768px) {

body {
    min-width: 100%;
}

    #block-fbsiteheader {margin: 0!important;}   
.nav.navbar-nav {
    width: 300px;
}
.planyur .views-field-nothing a {
        font-size: 17px;}
    
    div[role="alert"] {
    text-align: center;
        top: -20px !important;}
    .wrong span, .correctly {
        width: 100%;}
    .wrong, .correctly {
       margin-top: -400px !important;
padding-top: 400px;}
    #block-kabinet {
    float: none;
    margin-top: 160px;
}
    
    #block-kabinet a {
    padding-left: 0;
}

    #block-views-block-webformstat-block-1 {
    width: 100%;
    margin-left: 0;
}
    .views-field.views-field-webform-id {
    min-width: 110px;
}
    
    
    #webform-submission-vidguk-pro-programu-batki-add-form, #webform-submission-vidguk-pro-programu-vchiteli-add-form, #edit-3-scho, #edit-1-chi-other, #edit-2-vasha-other, #edit-1-chi legend, #edit-2-vasha-select, #block-navigaciyabatki, #block-navigaciyavchiteli, div[role="contentinfo"], #edit-2-vasha legend,  #block-likable-content, .uf, #user-form, #user-form #edit-submit, #ptest h3, #ptestvc h3, #edit-vash-variant, .webform-submission-form, .webform-progress, .mater img, #webform-submission-forma-zvorotnogo-zv-yazku-add-form, #webform-submission-zapit-priednannya-add-form, #edit-nazva-temi, #edit-vash-varian, #edit-povidomlennya, #user-pass, #edit-name {
        width: 100%;}
    #edit-actions-submit, .ptest, #ptestvc a {
        width: 90%;}
   #user-form .form-item input {
       width: 100% !important;}
    .statti a {
    font-size: 17px!important;
}
    #edit-field-klass-value {
    height: auto;
    margin-bottom: 0;
    text-align: center;
}
    #edit-actions-wizard-next {
        margin-left: 0;
    }
    #edit-field-klass-value li {
        padding-right: 0;
        display: block;
    }
       #user-form .form-item #edit-field-quest1 input {
    width: 20px !important;
} 
   #footer-columns {
    background-position-x: 40px!important;
}
    #zag {
    margin-top: 20px;
    font-size: 27px;
}
 
    #block-totopbut #myBtn {
    width: 20px;
}
    
    #block-fbsharebottom {
    margin-bottom: 0px;
}
    
 
#edit-field-teg-target-id li {
    display: inline-block!important;
    margin-right: 10px!important;
    margin-bottom: 5px;
}
    #bfoot td {
    width: 49%;
    display: inline-block;
}
    .site-footer a.is-active {
    color: #fff !important;
    font-weight: bold;
}

    #zagi {
    width: 100%!important;
    margin-left: 0!important;
    float: none!important;
    text-align: center;
}
    
    .js-form-type-email {
    float: none;
    }
    #user-register-form {
    width: 100%;
    border: 0;
    box-shadow: none;
}
    fieldset#edit-group-11  {
    min-width: 100%;
}
    

#edit-field-name-wrapper, #edit-field-prizvische-wrapper, #edit-field-po-batkovi-wrapper, #edit-field-posada-wrapper, #edit-field-kilkist-ditey-wrapper, #edit-field-oblast-wrapper, #edit-field-misto-wrapper, #edit-field-nomer-klass-wrapper, #edit-field-phone-0-value {
    display: block;
}
    #edit-field-yak-bude-vvedena-programa-, .js-form-item.form-item.js-form-type-select.form-item-field-yak-bude-vvedena-programa-.js-form-item-field-yak-bude-vvedena-programa-, #edit-field-yak-vi-ocinyuete-riven-kha, #edit-field-yak-vi-ocinyuete-riven-kha-wrapper, .form-item-field-reestruyuchis-vi-pogodzhue-value, #edit-field-nazva-zakladu-0-target-id, #edit-field-yak-bude-vvedena-programa-, #edit-field-yak-vi-ocinyuete-riven-kha, #edit-field-u-yakomi-klasi-navchaetsya, #edit-field-skilki-u-ditey-vid-6-do-10, #edit-field-nazva-zakladu-shs-0-2, #edit-field-name-0-value, #edit-field-prizvische-0-value, #edit-field-po-batkovi-0-value, #edit-field-posada, #edit-field-misto, #edit-field-oblast, #edit-field-nomer-klass, #edit-field-kilkist-ditey-0-value, #edit-field-phone-0-value, #edit-mail, #edit-pass-pass1, #edit-pass-pass2, #edit-field-nazva-zakladu-shs-0-0, #edit-field-nazva-zakladu-shs-0-1, #edit-field-nazva-zakladu-shs-0-2 {
    width: 100%;
}
#block-novinikheder h2, #gd, #gl, .views-field.views-field-title,  #block-views-block-gotuemo-razom-block-1, #block-views-block-block-news-block-1
    {
        width: 100%;    }
    
    #block-views-block-gotuemo-razom-block-1 .views-field.views-field-title, #block-views-block-block-news-block-1 .views-field.views-field-title {
        min-height: 100px;
        
    }

    
    .news .views-field-title a {
        font-size: 19px;}
    
    #block-pleaseregister a {
    float: none!important;
        margin-top:20px!important;
      margin-right:auto !important;
    }
    
#navbar-main {
    width: 100%;
    margin-bottom: 20px;
}
.blg .views-field-field-image {
    width: 100%;
    min-height: auto;
}
    .blg .views-field-title {
    width: 100% !important;
    min-height: 155px;
}
    
.navbar-nav a.is-active, .navbar-nav a.active-trail, .navbar-nav a:hover {
    border-bottom: 0;
    padding-bottom: 0!important;
}

#block-footerbot {
    border-top: 1px solid #fff;
    width: 100%;}
    
.footer-block.col-sm-3 {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
}
 
  #footer-columns {
    width: 100%;
    background-position-x: 290px;} 
    

   .views-view-grid .views-col {
    width: 46% !important;
    margin: 8px;
} 
.viur .views-field-field-image img {
height: auto !important;}

    .hotyemo.views-col, .statti.views-col .views-field-title {
    min-height: 160px;
}
  
  
  .navbar .row, .nav.navbar-nav {
    width: 100%;
    margin:0;
}
.navbar-toggle {
    margin-top: 12px;
}
#navbar-main {
    width: 100%;
    height: 700px!important;
    text-align: center;
}

#navbar-main nav > ul
{
   margin: 0!important;
}

#login {
   
    margin: 0 auto;
}
#block-search {
  float: none;
    width: 70px;
    margin: -125px auto 0 auto;
}
#block-poshukovaforma {
    margin-left: 0;
    width: 90%;
    bottom: 375px;
}
.search-block-form .form-actions .form-submit {
    width: 80px;
    background-size: 60px;
}
#navbar-main nav > ul > li > a {
    padding-bottom: 20px;
        padding-top: 20px;

}
#block-fbbut {
    bottom: 30px;
    top: auto;
}
}
@media screen and (max-width: 500px) {
.views-view-grid .views-col {
    width: 97% !important;}
    
    .hotyemo.views-col, .statti.views-col .views-field-title {
    min-height: auto;
}
}
@media screen and (max-width: 375px) {
    div#nextpage, div#nextpage div {width: 100%}
    div#pass {
        float: none;}
.change {
    margin-right: 0!important;
    font-size: 15px;
}
    
    .webform-element-help.js-webform-element-help {width: 150px;}
}

@media screen and (max-width: 700px) {
  #edit-field-klass-value li a {
    font-size: 20px!important;
    padding: 0 !important;}
    #zagi2 {
    font-size: 22px;
    width: 100%;}
    #edit-field-klass-value li {
    padding-right: 5px!important;
}
a#but, .form-actions input[type="submit"] {
  margin-bottom: 80px;
}
  .flex-caption {
    display: none;
  }
  #block-batkam, #block-lyubivchiteli {
    width: 75%;

}}

#views-exposed-form-video-uroki-block-3 {
  display: none;
}

#apop{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);border:1px solid #ccc;padding:50px 20px 30px 20px;border-radius:20px;box-shadow:0px 10px 20px rgba(0,0,0,.25);max-width:500px;width:95%;margin:0 auto;box-sizing:border-box;background:#ffffff;z-index:999}
#apop .clo{position:absolute;right:20px;top:20px;cursor:pointer;transition:.2s}
#apop .clo:hover{transform:scale(1.1)}
#apop p{color:#000;font-family:"Roboto",sans-serif;font-size:16px;font-weight:500;position:relative;line-height:1.4;text-align:center;margin:0 auto;margin-bottom:30px}
#apop a{font-family:"Roboto",sans-serif;text-decoration:none;width:320px;height:50px;margin:10px auto;display:block;background:#9263a4;border-radius:6px;color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:.2s}
#apop a:hover{transform:scale(1.05)}
@media all and (max-width: 768px){#apop a{width:100%}}
#views-exposed-form-block-news-block-1, #views-exposed-form-gotuemo-razom-block-1 {display:none!important}
.new-header .container .right .soc a img {
    height: 16px;
}
@media (max-width: 900px) {
    .mob-overlay .soc a img {
        height: 16px;
    }
}

.gdoc-field {
	margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 500px;
}

/* Mobile 12.2023 added */
@media (max-width: 768px) {
	 #bottom-columns .container .row {
		 margin: 0;
	}
	 .views-slideshow-controls-bottom {
		 display: none !important;
	}
	 #block-views-block-novini-blok-block-1 .views-field-title {
		 border-bottom: none;
		 overflow: hidden;
		 width: 100% !important;
	}
	 #block-views-block-novini-blok-block-1 .views-field-title .field-content {
		 display: block;
	}
	 #block-views-block-novini-blok-block-1 .views-field-title .field-content a {
		 display: block;
	}
	 #block-views-block-novini-blok-block-1 footer {
		 width: 100% !important;
		 height: inherit;
	}
	 #block-views-block-novini-blok-block-1 #pall {
		 height: inherit !important;
	}
	 #block-views-block-novini-blok-block-1 {
		 height: inherit;
	}
	 .js-view-dom-id-8e0cd846ac70c8fa5bd71d9514eab8ad1cb026e574f71c2a002edbd8ad11487a {
		 background: #fff3e9;
		 border-radius: 20px;
		 padding: 30px;
	}
	 #p2 {
		 padding: 0 20px;
	}
	 #block-forparents {
		 margin-bottom: 80px;
		 box-sizing: border-box;
	}
	 #block-views-block-gotuemo-block-block-1, #block-views-block-gotuemo-block-statti {
		 height: inherit;
	}
	 #block-views-block-gotuemo-block-statti .views-field.views-field-field-image {
		 float: unset;
		 width: 100% !important;
	}
	 .views-row {
		 display: flex;
		 flex-direction: column;
		 align-items: center;
	}
	 .views-field.views-field-field-image img {
		 margin: 0 auto;
		 display: block;
		 margin-bottom: 30px;
	}
	 #block-views-block-gotuemo-block-statti .views-field-body, #block-views-block-gotuemo-block-block-1 .views-field-body {
		 width: 100% !important;
		 padding: 0 30px !important;
		 margin: 0 !important;
	}
	 .views-element-container, .block-likable-content, #block-forparents, #block-forteachers, .views-element-container {
		 overflow: hidden;
	}
	 .views-row:last-child {
		 margin-bottom: 0;
	}
	 .mob-overlay ul {
		 margin: 0;
	}
	 .views-field.views-field-title {
		 min-height: inherit;
		 width: 100%;
	}
	 #block-totopbut #myBtn {
		 width: inherit;
	}
	 .lk-content .container .top {
		 flex-direction: column-reverse;
		 align-items: flex-end;
	}
	 .lk-content .container .top .btn-vyhid {
		 margin-bottom: 10px;
	}
	 .dialog-off-canvas-main-canvas {
		 overflow: hidden;
	}
	 .lk-content .container .content .item form .left::before {
		 display: none;
	}
	 #block-navigaciyabatki li, #block-navigaciyavchiteli li {
		 margin-right: 10px;
		 padding-right: 10px;
	}
	 #block-navigaciyabatki li:last-child, #block-navigaciyavchiteli li:last-child {
		 margin-right: 0;
		 padding-right: 0;
	}
	 #webform-submission-forma-zvorotnogo-zv-yazku-add-form, #webform-submission-zapit-priednannya-add-form, #edit-nazva-temi, #edit-vash-varian, #edit-povidomlennya {
		 margin: 0;
	}
	 #edit-im-ya, #edit-prizvische, #edit-nomer-telefonu, #edit-el-poshta {
		 width: 100%;
	}
	 .form-item-im-ya, .form-item-prizvische, .form-item-el-poshta, .form-item-nomer-telefonu {
		 width: 100% !important;
		 margin: 10px 0 !important;
	}
	 .items-list--item {
		 align-items: center;
	}
	 a.is-active, .bef-link--selected {
		 color: #fff !important;
		 text-decoration: underline !important;
	}
}

.new-header .container .right .search {
	margin-right: 0;
}
.new-header .container .right .soc {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 70px;
}
.new-header .container .right .soc a:not(:last-child) {
	margin-right: 5px;
}
.new-index-banner .close {
	opacity: 1;
}

#block-totopbut #myBtn {
	float: none;
	margin-right: 0;
	margin-left: auto;
}

@media (min-width: 1024px) {
	#block-fbsharebottom {
		margin-bottom: -33px!important;
	}
}