@white: #ffffff;
@blue: #2e69ff;
@gray: #f5f5f5;

body {
  font-family: 'Open Sans', sans-serif;
}

a{
  &:hover{
    opacity: .7;
  }
}

.modal{
  .wpcf7-submit{
    background-color: #2e69ff;
    color: @white;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    padding: 18px 40px;
    border-radius: 4px;
    }
}



header {
  padding: 25px 0;
  background: url("../images/header.jpg") no-repeat center top @gray;
  /*-webkit-background-size: cover;
  background-size: cover;*/

  .top_header {

  }

  .middle_header {
    padding-top: 10px;
  }

  .lower_header {
    padding-top: 20px;
  }
  .container {
    // padding-top: 24px;
  }
  .header_block {
    padding-bottom: 45px;
    .logo {
      a{
        &:hover{
          opacity: 1;
        }
      }
    }
    .widget_login_logout{
      ul{
        padding: 0;
        list-style: none;
        li{
          &.item_welcome{
            color:@white;
          }
          a{

            color: @white;
            &:hover{
              
            }
          }
        }
      }
    }
    .search {
      .widget_search {
        .main_search {
          //background: url("../images/for_search.png");
        }
        .input_block {
          position: relative;
          .romb {
            width: 18px;
            height: 18px;
            background: url("../images/for_search.png");
            position: absolute;
            right: 7px;
            top: 25%;
          }
        }

        #searchsubmit {
          background: none;
          border: none;
          color: @white;
          font-size: 18px;
          padding: 7px;
        }
      }
    }
  }

  .navigation {
    //padding-bottom: 24px;
    .main_manu {
      li {
		padding: 5px 0px;
        &:first-child {
          a {
            padding-left: 0;
          }
        }
        &:last-child {
          a {
            padding-right: 0;
          }
        }
        a {
          color: @white;
          font-weight: bold;
          text-transform: uppercase;
		  padding: 0px;
          &:hover {
            background-color: transparent;
          }
          &:focus {
            background-color: transparent;
          }
        }
      }
	  .sub-menu {
		position: absolute;
		top: 30px;
		left: 0px;
		list-style: none;
		padding: 0px 0px 10px 0px;
		z-index: 2;
		display: none;		
		width: 300px;
		/*background: url("http://nyani.pro/wp-content/themes/custom-twentyseventeen/images/plashka.png");*/
		background-color: #2e2e2e;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		li{
			padding: 5px 15px;
			a{
				text-transform: none;
				}
			a:hover{
				text-decoration: none;				
				}
			}
		}		
	.sub-menu::before {
		content: '';
		width: 0px;
		height: 0px;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #2e2e2e;
		position: absolute;
		top: -5px;
		left: 10px;
		}		
	  .menu-item:hover .sub-menu {
		display: block;
		}		
    }
	.menu-verhnee-container{
		ul{
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-grow: 1;
		}
	}
  }
  hr {
    border-top: 1px solid #606e79;
    /* margin-top: 20px;
     margin-bottom: 0;
     padding: 20px 0 20px 0;*/
  }

  .main_form {
    background-color: @white;
    //margin-bottom: 30px;
    border-radius: 4px;
    .main_form__hearer {
      border-radius: 4px 4px 0 0;
      background: @blue;
      h3 {
        color: @white;
        text-align: center;
        margin: 0;
        padding: 24px 0;
        font-weight: bold;
      }
    }
    .main_form__body {
      padding: 15px 13px;
      input {
        height: 45px;
      }
      textarea {
        height: 75px;
      }
    }

    .wpcf7-submit {
      color: @white;
      background-color: @blue;
      border: none;
      width: 100%;
      //padding: 20px 0px;
      border-radius: 4px;
      font-weight: bold;
      text-transform: uppercase;
    }
    .ajax-loader {
      display: none !important;
    }
  }

  .counter {
    text-align: center;
    h2 {
      text-transform: uppercase;
      color: @white;
      margin-bottom: 28px;
    }
    .counter__number {

      span {
        font-size: 95px;
        color: @blue;
        font-weight: bold;
        background-color: @white;
        min-width: 180px;
        display: inline-block;
        border-radius: 4px;
      }
    }
  }

  .news {

    .news__block {
      padding-top: 85px;
      padding-bottom: 85px;
      text-align: center;
      a {
        display: inline-block;
        padding: 17px 24px;
        background: url("../images/plashka.png");
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        color: @white;
        &:hover {
          text-decoration: none;
        }
        span {
          color: @blue;
        }
      }
    }
    .parents {
      background: url("../images/parents.jpg") no-repeat center;
    }
    .educators {
      background: url("../images/educators.jpg") no-repeat center;
    }
    .entrepreneurs {
      background: url("../images/entrepreneurs.jpg") no-repeat center;
    }
  }
}

section {
  h3{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 50px;
  }
  .our_proj {
    padding: 50px 0;

    img{
      width: 100%;
      -webkit-border-radius: 4px;
              border-radius: 4px;
        
    }
    p{
      margin-bottom: 0;
    }
    .desc{
      color: #ffffff;
      background: url(../images/plashka_slider.png);
      padding: 10px;
      border-radius: 4px;
      margin-top: -80px;
      position: relative;
      

      h4{
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        height:20px;
        overflow: hidden;
        font-size:15px;
      }
      a{
        color:@white;
      }
      
    }
  }

  .team{
    padding: 50px 0;
    background-color: @gray;

    .bxslider{
      background-color: transparent;
      .slide{
        text-align: center;
        position: relative;
        img{

        }
        a{
          text-decoration: none;
        }
        p{
          padding-top:21px;
          padding-bottom: 21px;
          margin: -62px 0 0;
          background: url("../images/plashka_slider.png");
          color:@white;
          position: relative;
        }
		.expert_title{
          padding-top:21px;
          padding-bottom: 21px;
          margin: -62px 0 0;
          background: url("../images/plashka_slider.png");
          color:@white;
          position: relative;
		  font-weight: bold;		  
		}
		.expert_short_des{
			background-color: #2e69ff;
			width: 100%;
			padding: 5px 5px;
			display: flex;
			height: 75px;
			align-items: center;
			overflow: hidden;	
			color: #FFF;
			font-size: 11px;
		}
        a.btn__slider{
          display: inline-block;
          background-color: @blue;
          width:100%;
          padding-top:18px;
          padding-bottom:18px;
          color: white;
          text-transform: uppercase;
          font-weight: bold;
          cursor: pointer;
          &:hover{
            text-decoration: none;
          }
        }
      }
    }
  }

  .partners {
    padding: 50px 0;
    text-align: center;

    .partner__blocks{
      .partner__block{
        display: table-cell;
        .image{
          width: 200px;
          height: 200px;
          margin:auto;
          line-height: 200px;
          img{

          }
        }
      }
    }
    .btn{
      background-color: @blue;
      color:@white;
      border-radius: 4px;
      display: inline-block;
      padding:18px 54px;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 40px;
    }
  }

  .reviwers {
    padding: 60px 0;
    background-color: @gray;

    .full_comment {
      margin-bottom: 50px;
      .photo {
        text-align: center;
        border-radius: 4px;
      }
      .comment {
        position: relative;
        background-color: #dadada;
        border-radius: 4px;
        h5 {
          font-weight: bold;
        }
        p {

        }
        .romb_rev {
          position: absolute;
          top: 25px;
          left: -12px;
        }
      }
    }
    .about_block{
      position: absolute;
      bottom: -95px;
      .about{
        text-align: center;
        background-color: #dadada;
        border-radius: 4px;
        padding-top: 15px;
        padding-bottom:5px;
        -webkit-box-shadow: 0px 1px 5px #dadada;
        -moz-box-shadow: 0px 1px 5px #dadada;
        box-shadow: 0px 1px 5px #dadada;
        p{

        }
      }
    }


  }
  &.expert {
    .left-block {
      .image {
        img {
          max-width: 100%;
          height: auto;
          width: 100%;
        }
      }
      .question {
        margin-top: 20px;

        a {
          display: inline-block;
          background-color: #2e69ff;
          width: 100%;
          padding-top: 18px;
          padding-bottom: 18px;
          color: white;
          text-transform: uppercase;
          font-weight: bold;
          cursor: pointer;
          text-decoration: none;
          text-align: center;
        }
      }
    }
    .right-block {
      .name {
        //font-size: 30px;
        margin-bottom: 25px;
        margin-top: 0;

        .first-name {

        }
        .last-name {
          text-transform: uppercase;
        }
      }
      .content {

      }
    }
  }
  &.news {
    margin-bottom: 50px;

    h1 {
      margin-bottom: 20px;
    }

    .blocks {
      margin-bottom: 20px;

      .left-block {
        padding-left: 0;
        text-align: center;

        img {
          width: auto;
          height: auto;
          max-height: 200px;
          max-width: 100%;
        }
      }
      .right-block {
        padding-right: 0;

        h2 {
          margin-top: 0;
          font-size: 21px;
          line-height: 24px;
          margin-bottom: 25px;

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

        a {
          color: #000;
        }
      }
    }
    .paginate {
      text-align: center;
      font-size: 20px;

      a {
        text-decoration: none;
      }
    }
  }
  &.posts {
    margin-bottom: 50px;
    line-height: 24px;

    h1 {
      margin-bottom: 25px;
    }
    .image {
      float: left;
      margin-right: 25px;
      margin-bottom: 15px;
      width: 250px;

      img {
        width: 100%;
        height: auto;
      }
    }
    .gallery {
      ul {
        li {
          width: inherit !important;

          .image {
            width: 150px;

            img {
              width: 100%;
              height: auto;
            }
          }
        }
      }
    }
  }
  blockquote {
    font-size: 14px;
  }
  .home-news{
	.news-img {height: 200px;overflow: hidden;margin-bottom: 10px;border-radius: 4px;		
		img{max-width: 100%;width: 100%;height: 100%;}
		}
	.news-title{font-weight:bold;color: #333;height: 60px;overflow: hidden;;margin-bottom: 10px;}
	.news-desc{color: #333;height: 80px;overflow: hidden;;margin-bottom: 10px;}
  }
}

.page-template-page-experts {
  .item-expert {
    text-align: center;
    position: relative;
    margin-bottom: 15px;
    img{
      max-width: 100%;
    }
    a{
      text-decoration: none;
    }
    p{
      padding-top:21px;
      padding-bottom: 17px;
      margin: -62px 0 0;
      background: url("../images/plashka_slider.png");
      color:@white;
      position: relative;

    }
    a.btn__slider{
      display: inline-block;
      background-color: @blue;
      width:100%;
      padding-top:18px;
      padding-bottom:18px;
      color: white;
      text-transform: uppercase;
      font-weight: bold;
      cursor: pointer;
      &:hover{
        text-decoration: none;
      }
    }
  }
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}

article.page,
article.expert {
    margin-bottom: 50px;
    margin-top: 20px;
    line-height: 24px;
}

footer {
  padding: 60px 0 44px;
  background-color: @blue;
  .foot_menu {
    margin-bottom: 40px;
    li {
      &:first-child {
        a {
          padding-left: 0;
        }
      }
      &:last-child {
        a {
          padding-right: 0;
          padding-left: 39px;
        }
      }
      a {
        color: @white;
        padding: 0 40px 0;
        font-weight: bold;
        text-transform: uppercase;
        &:hover {
          background-color: transparent;
        }
        &:focus {
          background-color: transparent;
        }
      }
    }
  }

  .site-info-text {
    margin-top: 15px;
    color: @white;
     a {
       color: @white;
     }
  }

  .copy {
    color: @white;
    .left_copy {
      text-align: left;
    }
    .right_copy {
      text-align: right;
      a{
        color:@white;
      }
    }
  }
}
.logo-text{
	color:#b8b8b8;
	font-size:12px;
	line-height:15px;
	padding:8px 0 0;
}
.logo-text p{
	margin:0;
	padding:0;
	text-transform:uppercase;
	letter-spacing:3.3px;
	font-weight:bold;
	color:#fff;
}
.screen-reader-text{
	color:red;
}