body{
    font-family: 'Roboto';
    font-size: 16px;
}

a, a:link {
  text-decoration: none;
  color: #337AB7;
}

p{
    padding-bottom: 4px;
}


button, input[type=button], input[type=submit]{
    background-color: #1A4C6C;
    color: white;
    padding: 12px 40px;
}

img{
    display: inline;
}

.wrapper{
    margin: 0 auto;
    max-width: 1232px;
}

.wrapper-form{
    background-color: #1A4C6C;
    color: white;
    margin: 40px 0;
    padding-bottom: 20px;
}

.wrapper-form .button{
    border-color: white;
    cursor: pointer;
}

.wrapper-form .form-actions{
    text-align: right;
}

.wrapper-form h2{
    color: white !important;
    
}

.brend{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0;
    align-items: center;
}

.brend img {
    vertical-align: middle;
    margin-right: 5px;
}


.brend__info{
    height: 70px;
    border-left: 2px solid #7294C7;
    padding: 0 18px;
    text-align: center;
    margin: 15px;
}


#block-sibindopro-topheader{
    padding: 7px 20px;
    background-color: #1A4C6C;
    color: white;
}

#block-sibindopro-topheader a,
#block-sibindopro-topheader a:link,
#block-sibindopro-topheader a:visited{
    color: white;
}

#zakaz-call-btn{
    display: inline-block;
    padding: 7px;
    font-weight: bold;
}

.site-branding__name{
    display: flex;
}

.site-branding__info{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.site-branding__name a{
    font-family: 'Roboto Medium';
    font-size: 28px;
    color: #1A4C6C;
    text-decoration: none;
    line-height: 32.81px;
}

.site-name{
    max-width: 495px;
    margin-left: 18px;
}

#block-glavnoemenyu{
    background-color: #2D5F80;
}

#block-glavnoemenyu>ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0;
}

#block-glavnoemenyu>ul>li{
    flex-grow: 1;
    display: flex;
    background-color: #1A4C6C;
    border: 1px solid #2D5F80;
}

#block-glavnoemenyu>ul>li a{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  color: white;
  font-size: 18px;
  padding: 20px 29px;
}


#block-glavnoemenyu>ul>li a:hover {
  background-color: #1A3039;
}



.top-programms{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}



.top-programms .views-field-field-image{
    height: 272px;
    overflow: hidden;
    vertical-align: middle;
}

.top-programms .views-field-field-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0;
}

.footer{
    background-color: #1A4C6C;
    padding: 70px 0;
    color: white;
}

.footer a, .footer a:link{
    color: white;
}

#block-dopolnitelnoemenyu>ul{
    display: flex;
    list-style: none;
    text-align: center;
    justify-content: center;
    padding: 0;
}

#block-dopolnitelnoemenyu>ul>li{
    margin: 0 15px;
}

#block-sibindopro-sibindopro-block-5>div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#footer-contact{
    display: flex;
    flex-wrap: wrap;
}

#footer-contact>div{
    margin-right: 15px;
}

#footer-social a{
    display: inline-block;
    margin-left: 20px; 
}

#block-sibindopro-local-tasks>ul{
    list-style: none;
    display: flex;
    padding: 0;
}

#block-sibindopro-local-tasks>ul>li{
    padding: 0 15px;
}

.button-link, button{
    padding: 15px 45px;
    background-color: #1A4C6C;
    color: white !important;
}

.footer-icon a{
    display: block;
    padding: 15px 45px;
    background-color: #1A4C6C;
    color: white;
}

.footer-icon a:last-child{
    background-color: white;
    color: #1A4C6C;
    border: 3px solid #1A4C6C;
}

.footer-icon{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.top-programms .views-row{
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top-programms form{
    grid-column: 1/3;
}

.top-programms form>div{
    display: inline-block;
    margin-right: 10px;
}

.top-programms .views-field-nothing{
    padding: 50px;
    flex-grow: 1;
}


.header-pg{
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 32px;
    flex-grow: 1;
}

.header-pg>div:first-child{
    font-weight: bold;
    font-size: 18px;
    line-height: 140%;
    color: #1A4C6C;
    padding-right: 20px;
}

.header-pg>div:last-child{
    font-weight: bold;
    font-size: 12px;
    line-height: 130%;
    color: #9B51E0;
    display: flex;
    align-items: center;
}

#block-webform h2,
#block-webform-2 h2,
#block-dokumenty h2,
#block-priemuschestvaobucheniyaunas h2,
#block-sibindopro-page-title h1,
#block-views-block-populyarnye-programmy-block-1 h2{
    font-size: 36px;
    line-height: 42px;
    color: #1A4C6C;
    padding: 30px 0;
}


.main-docs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.prog-demiter{
    min-width: 4px;
    margin: 0 7px;
    background-color: rgba(26, 76, 108, 0.3);
}


.pager{
    grid-column: 1/3;
}

.pager .pager__items{
    display: flex;
    justify-content: center;
}

.pager .pager__items>li{
    padding: 2px;
}

.min-price{
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 30px;
    font-weight: bold;
}

span.newprice{
    color: red;
    display: inline-block;
    transform: translate(-70px,-25px);
}
span.oldprice{
    
    text-decoration: line-through;
    
}


.image-course{
    height: 450px;
    overflow: hidden;
    vertical-align: middle;
}

.image-course img{
    width: 100%;
}

.content-column{
    display: flex;
}

.content-column>div{
    flex-grow: 1;
    flex-basis: 50%;
    padding-right: 30px;
}

.first-column>div>div:first-child{
    font-weight: bold;
}

.first-column>div>div{
    padding-bottom: 20px;
}

.button-wrapper{
    margin: 30px 0;
    text-align: center;
}


#payment-form{
    display: flex;
    flex-wrap: wrap;
}

.pay-column1{
    max-width: 490px;    
}



.pay-column2{
    max-width: 750px;   
}

.payment-text{
    border-left: 2px solid #1A4C6C;
    padding: 23px;
    font-weight: 400;
    line-height: 140%;
    
}

input[type=text],
input[type=text]:focus,
input[type=email],
input[type=email]:focus,
input[type=tel],
input[type=tel]:focus,
input[type=number], textarea, select{
    border: 3px solid #1A4C6C;
    outline: none;
}

.pay-column1 input[type=text],
.pay-column1 input[type=number]{
    width: 300px;
    display: block;
}

.pay-column1 .form-text{
    display: block;
} 

.payment-text-row2{
    margin-top: 40px;
    display: flex;
    vertical-align: middle;
}

.payment-text-row2-col1{
    border: 2px solid #1A4C6C;
    color: #1A4C6C;
    padding: 23px;
    margin-right: 30px;
    line-height: 27px;
    
    
}

.payment-text-row2-col1 p{
    display: block;
}

.payment-text-row2-col1 a,
.payment-text-row2-col1 a:link{
    color: #1A4C6C;
    font-size: 20px;
    margin-top: 10px;
    display: block;
    
}

.payment-text-row2-col1 img{
    width: 27px;
}

.payment-text-row2-col1 a i{
    color: red;
}

.payment-text-row2-col2{
    padding: 40px 0;
}

.pay-column1 #edit-submit1{
    padding: 15px 60px
}


#webform-submission-zayavka-na-obuchenie-add-form select{
    width: 100%;
    padding: 14px;
}

#webform-submission-zayavka-na-obuchenie-add-form textarea{
    width: 100%;
}



#webform-submission-zayavka-na-obuchenie-add-form .form-item{
    margin-bottom: 10px;
}

#webform-submission-zayavka-na-obuchenie-add-form label:not(.option), #webform-submission-zayavka-na-obuchenie-add-form .fieldset-legend{
    font-weight: bold;
}


#webform-submission-zayavka-na-obuchenie-add-form .form-actions{
    text-align: center;
    margin: 30px;
}


.icon-layout{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.ourplus-wrapper{
    border: 3px solid #1A4C6C;
    padding: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;

}

.ourplus{
    display: flex;
    padding: 15px;
}


.ourplus-icon{
    padding-right: 17px;
    min-width: 45px;
    text-align: right;
}

.ourplus-icon img{
    height: 20px;
    width: auto;
}

.more-link{
    grid-column: 1 / 3;
    text-align: center;
}

.more-link a{
    padding: 15px 45px;
    border: 3px solid #1A4C6C;
    color: #1A4C6C;
    
}

.ui-dialog{
    margin: 0;
    padding: 0;
    z-index: 101;
}

.ui-dialog-titlebar{
    position: absolute !important;
    top: 0;
    right: 0;
    background: none;
    border: none;
    z-index: 1000;
}

.ui-dialog-title{
    display: none;
}

#drupal-modal{
    padding: 0;
}

#drupal-modal .form-wrapper{
    margin: 0;
}

#drupal-modal .js-form-item{
    margin-bottom: 15px;
}

#drupal-modal h2{
    font-weight: bold;
    font-size: 24px;
    line-height: 130%;
    text-align: center;
    color: #1A4C6C;
    margin-top: 66px;
    margin-bottom: 22px;
}

#drupal-modal input{
    padding: 12px;
}

.ui-icon-closethick{
    background-image: none !important;
}

.ui-dialog .ui-dialog-titlebar-close{
    width: 38px;
    height: 38px;
    margin: 0;
}

.ui-dialog .ui-dialog-titlebar button{
    background: none;
    border: none;
    background-image: url(/themes/sibindopro/images/close-form.png); 
}

.ui-dialog-buttonpane{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1000;
    border: none;
}


#block-formapoiska input[type=search]{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

#block-formapoiska input[type=image]:focus{
    display: inline-block;
}


.top-programms .views-exposed-form label{
    display: block;
}

.zachiclenie{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.datezach{
    flex-basis: 300px;
    background-color: #1A4C6C;
    color: white;
    padding: 40px;
}

.prices{
    padding: 40px 60px;
    border: 3px solid #1A4C6C;
    flex-grow: 1;
}

.z-price{
    display: flex;
    flex-wrap: wrap;
}

.z-price>div{
    margin: 10px;
}

span.z-newprice{
    color: #9B51E0;
    font-weight: bold;
}

span.z-oldprice{
    text-decoration: line-through;
    font-weight: bold;
}


/*.search-block-form form{
    position: relative;
}

.search-block-form .brend__info:nth-child(3){
    filter: opacity(1)!important;
}

#block-formapoiska input[type=search]{
    transition: .4s;
    filter: opacity(1)!important;
    padding: 5px;
    border: 0;
    border-radius: 5px;
    background-color: #bce3fa;
    width: 500px;
}*/

#views-exposed-form-search-2-page-1{
    display: flex;
    flex-wrap: nowrap;
}

#views-exposed-form-search-2-page-1>div:last-child{
    margin-left: 5px; 
}

.content-courses img{
    display: block;
    width: 100%;
    height: auto;
/*    position: relative;
    top: -30%;*/
}

.content-courses div{
    height: 400px;
    overflow: hidden;
    
}

.top-programms .views-field-field-image>div{
    height: 100%;
}

#payment-form{
    display: block;
}

#payment-form .form-item{
    margin-bottom: 5px;
}

.beautiful-table{
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 12px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.beautiful-table thead tr {
    background-color: #337AB7;
    color: #ffffff;
    text-align: left;
}

.beautiful-table th,
.beautiful-table td {
    padding: 12px 15px;
    border: 1px solid #337AB7;
}

.beautiful-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.beautiful-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.beautiful-table tbody tr:last-of-type {
    border-bottom: 2px solid #337AB7;
}


/*Хлебные крошки*/
#block-sibindopro-breadcrumbs{
    background-color: #f3f3f3;
    padding: 10px;
}

#block-sibindopro-breadcrumbs nav ol{
    list-style: none;
    margin: 0;
    padding: 0;
    
}

#block-sibindopro-breadcrumbs nav ol>li{
    display: inline-block;
    padding-right: 10px;
}

#block-sibindopro-breadcrumbs nav ol>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

details.noarrow > summary {
    list-style: none;
}