/* Ultra large desktops */

@media (min-width: 1280px) {
    .container {
        width: 1240px;
    }

    .slogan {
        padding-top: 332px;
        display: block;
    }

    .advantages,.direction {
        /*display: none;*/
    }
    .rightItems {
/*        width: initial; */
    }
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    .lang {
        /*float: right;*/
    }

    .topMenu .navbar-nav > li {
        padding: 0 20px;
    }
}

/* Portrait/landscape tablets and medium/small desktops */
@media (max-width: 1199px) {
    .topMenu .menu > li {
    	padding: 0;
    }

    .work {
	margin: 15px 0 auto;
    	background: url(../imgs/bgball.png) no-repeat 73px 0;
    }

    .work li, .work li.nohover, .work li.hover, .work li:last-of-type {
	width: 100%;	
	height: auto;
	display: block; 
	background: none;
	padding: 10px 20px;
    }

    .work .number, .work .title {
	font: 22px Roboto;
    	display: inline-block;
    }

    .work .title {
	text-decoration: none;
	border-bottom: 1px dotted #232438;
    }

    .work li, .work li.nohover {
	background: url(../imgs/ball.png) no-repeat 71px -20px;
    }

    .work li.hover {
	background: url(../imgs/ball.png) no-repeat 71px 32px;
    }

    .work li.hover .title {
	text-decoration: none;
	border-bottom: 1px dotted #3d57b8;
    }

    .work .icon, .work li.hover .icon {
	top: 10px;
	width: 24px;
	opacity: 1;
    }

    .work .number {
	margin-left: 90px;
    }

    .work li.hover .number, .work li.hover .title {
    	font: 22px Roboto;
	color: #3d57b8;
    }

    .work .number span {
	display: inline;
    }

    .work li.nohover {
    	width: 100%;
    }

    .work .description {
    	font: 16px Roboto;
	margin-left: 90px;	
	margin-top: 12px;
	height: 0;
    }

    .description.visible {
	margin-top: 12px;
	height: auto;
    }

    .rightItems .inBox {
        padding: 60px 30px;
        padding-top:115px;
    }
    .rightItems .devider {
        margin-left:30px;
    }
}

/* меньше 1000 - меню в 2 ряда */
@media (max-width: 999px) {
    .topMenu .menu {
	width: 768px;	
    }

    .topMenu .menu.second {
	border-top: 1px solid rgba(255, 255, 255, .5);
    }

    .section7 div.container {
    	padding: 30px 0 0 0;
	margin: 0;
	width: 100%;
    }

  .section7 .menu a.footer_chapter {
	margin-top: 1px;
  }

  .section7 .menu a, .section7 .menu span, .section7 .menu li {
	font-weight: 700;
  	background: #ebeef5;
	text-align: center;
	font-size: 16px;
	color: #232438;
	display: block;
	width: 100%;
	padding: 15px 0;
	margin-top: 1px;
  }

  .section7 .menu ul {
  	margin: 0;
	padding: 0;
	background: #fff;
  	padding: 0 30px;
	display: block;
	width: 100%;
  }

  .section7 .menu ul li {
	width: auto;
	display: inline-block;
	border-bottom: none;
	background: #fff;
	padding: 10px 0 11px 0;
	margin: 0;
  }

  .section7 .menu ul li a {
	padding: 0;
	display: inline;
	font: 16px Roboto;
	font-weight: 400;
	color: #232438;
	background: #fff;
	border-bottom: 1px dotted #232438;
	text-decoration: none;
  }

  .section7 .menu ul li.current span {
	color: #3d57b8;
	text-decoration: none;
	border-bottom: 1px dotted #3d57b8;
  }

  .section7 .menu li.current:before {
		display: none;
  }

  .section7 .menu li:after {
		position: relative;
		display: inline-block;
		width: 3px;
		padding: 6px 20px 6px 19px;
		height: 3px;
		content: '•';
		color: #232438;
  }

  .section7 .menu li:last-of-type:after {
		display: none;
  }

  .noPad.footer, .noPad.footer .menu {
  	padding: 0;
	width: 100%;
  }

  .phone div.facebook span {
  	display: none;
  }
}

/* Направления и отрасли для узкого экрана */
@media (min-width: 768px) and (max-width: 1024px) {

    /* #intro {
    	overflow: hidden;
    } */

    .rightItems .addText p {
		font-size: 20px;
    }

    .rightItems .addText, .rightItems .inBox .beg {
    	padding-top: 20px;
    }

    .slogan {
    	padding: 0;
    }

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

/* phones */
@media (max-width: 767px) {
     .intro {
	    height: calc(100% - 51px);
     }

    .phoneline {
	width: 100%;
	height: 51px;
	color: #ffffff;
	background-color: #232438;
    	display: block;
    }

    #panel, #topInfo {
    	display: none;
    }

    .section2 div.text1 {
    	font-size: 18px;
	padding: 25px 0 0 0;
	line-height: 26px;
    }

    #intro {
	width: 100%;
    }

    .slogan span {
    	font-size: 22px;
	line-height: 26px;
	text-align: center;
    }

    div.slogan.slide {
    	position: absolute;
	z-index: 10;
    }

    .slogan-inner {
	position: absolute;
	margin: 0;
    	right: 183px;
    }

    div.slogan.slide>div.angl {
	margin: 0;
    }

    .slogan div.angl {
    	padding: 10px 30px 10px 15px;
    }

    #intro div.slogan-inner div.chg.angl {
    	margin-top: 3px;
	padding: 10px 30px 10px 15px;
    }

   .navbar.navbar-top .topMenu {
   	padding: 10px;
	margin: 0;
	left: 0;
	background: #232438;
	z-index: 10000;
	position: absolute;
   }

    .topMenu .menu {
	width: 100%;
	margin: 0 auto;
    }

    .topMenu .menu li {
	width: 100%;
    }

    .topMenu .menu.second {
    	border: none;
    }

    .navbar-top .container {
	margin: 15px 15px;
	height: 25px;
    	background: url('/assets/imgs/logo-white.png') no-repeat right top;
    }

    .navbar-toggle {
    	float: left;
	margin: 0 0 15px 0;
	border: 0;
	width: 28px;
	height: 21px;
	padding: 0;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    	background: none;
    }

    .navbar-toggle .icon-bar {
    	width: 28px;
	height: 3px;
	background-color: #fff;
    }

    .navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
    }

    .phoneline .lang {
	display: block;
	padding: 0 0 0 15px;
	font-size: 13px;
	line-height: 51px;
    }

    .phoneline .phone {
	padding: 0 15px 0 0;
	font-size: 16px;
	line-height: 51px;
	display: block;
	float: right;
    }

    .container {
    	padding-right: 10px;
	padding-left: 10px;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: none;
        box-shadow: none;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

/* Преимущества */

    .titleBox {
    	font-size: 24px;
	line-height: 36px;
    }

   .boxGrey {
	padding: 25px 0 0 0;
   }

   .titleBox {
   	text-align: center;
   }

   .boxShow .leftItems .item .text {
   	padding-left: 23px;
	font-size: 16px;
	line-height: 18px;
   }

   .advantages, .direction {
   	display: none;
   }

   .advantages h2.titleBox, .direction h2.titleBox, .section3 h2.titleBox {
   	margin-bottom: 25px;
   }

   .boxShow {
   	display: block;
	width: 100%;
	overflow: hidden;
   }

   .boxGrey .container {
   	padding: 0;
   }

   .leftItems {
   	width: 100%;
   }
   .rightItems {
	margin-top: 0;
   	width: 100%;
	height: 297px;
   }

   .rightItems.active_mobile {
	display: block;
	background-size: cover !important;
   }

   .rightItems .inBox .beg, .rightItems .devider {
   	display: none;
   }

   .rightItems .inBox {
	width: 100%;
	padding: 0;
   }

   .rightItems .addText {
	text-align: center;
   	padding: 50px;
   }

   .rightItems .addText, .rightItems .addText p {
   	font-size: 16px;
	line-height: 22px;
   }

/* ------------- */

   .section3 {
   	margin-top: 20px;
   }

   .section3 .listBox {
   	display: block;
	width: 100%;
	margin-bottom: 30px;
   }

   .section3 .listBox .box1, .section3 .listBox .box2, .section3 .listBox .box3, 
   .section3 .listBox .box4, .section3 .listBox .box5, .section3 .listBox .box6 {
 	background: #ebeef5;
   }

   .section3 .listBox .item {
	width: calc(100% - 20px);
	margin: 0 10px;
	padding: 20px;
	display: none;
   }

   .section3 .listBox .i1 {
	display: block;
   }

   .listBox .item .date {
	padding: 0;
   	font-size: 12px;
	color: #747f91;
	line-height: 34px; 
   }

   .listBox .item a.btn {
   	background: #3d57b8;
	color: #fff;
   }

   .listBox .item a.txt {
   	color: #232438;
	font-size: 16px;
	line-height: 22px;
   }

   .section4 .titleBox {
  	margin-bottom: 25px;
  }

   .direction .leftItems .item {
    	height: auto;
	overflow: visible;
  }

  .work {
  	background: url(../imgs/bgball.png) no-repeat 60px 0;
  }

  .work li, .work li.nohover, .work li.hover, .work li:last-of-type {
  	padding-left: 70px;
	padding-right: 0;
  }

  .work .number, .work .title, .work li.hover .number, .work li.hover .title {
  	font-size: 16px;
	display: inline;
  }

  .work .number {
	margin-left: 0;
  }

  .work li {
  	background: url(../imgs/ball.png) no-repeat 58px -10px;
  }

  .work li.hover {
  	background: url(../imgs/ball.png) no-repeat 58px 18px;
  }

  .description.visible {
  	margin-left: 5px;
  }

  .section6 {
  	padding-bottom: 36px;
	min-height: 550px;
  }

  .section6 .titleBox7, .section6  .content {
  	margin-left: 0;
  }

  .section6 .titleBox7 {
	padding-bottom: 24px;
  }

  .section6 .titleBox7 span {
  	font-size: 17px;
	padding-bottom: 10px;
  }

  .section6 div.title {
  	padding-left: 10px;
	padding-right: 25px;
  }

  .section6 .inner {
  	margin-top: 30px;
  }

  .section6 .content p {
  	font-size: 18px;
	line-height: 24px;
	margin-bottom: 36px;
  }

   .section6 .content p.next {
   	height: 0;
   }

  .section6 .but {
	height: auto;
	text-align: center;
	width: 100%;
  }

  .section6 .more {
	padding: 15px 70px;
	float: none;
	margin: 0 auto;
  }

  .section7 .menu ul {
	display: none; /* Отключили меню второго уровня в футере */
  }

  .copyright {
  	height: auto;
	overflow: visible;
	padding-bottom: 25px;
  }

  .copyright .copy {
  	float: none;
	text-align: center;
	font-size: 14px;
	padding-top: 23px;
  }

  .copyright .creator {
  	font-size: 24px;
	text-align: center;
	float: none;
	line-height: 40px;
  }

  .section7 div.container {
  	padding-top: 0;
  	padding-bottom: 0;
  }

  .copyright {
  	position: relative;
  }

  .phone div.facebook {
	position: relative;
    margin: 10px auto;
	bottom: 0px;
	right: 0px;
  }

  .phone div.social_links {
	display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: row-reverse;
  }
}