@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,800&subset=cyrillic-ext');
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font-family: Open Sans;
	font-size:12px;
	font-weight:400;min-width:500px;
	height: 100%;
}
.wrapper {
	min-width: 400px;
	max-width: 1920px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
    background: #fff
}


/* Middle
-----------------------------------------------------------------------------*/
.content {
}




/* Footer
-----------------------------------------------------------------------------*/
.footer {
        display: table;
    background: #008fbe;
    position: relative;
    color: #fff;    padding: 0 5%;
    box-sizing: border-box;width: 100%;
}

.header .logo {
      background: url(/img/logo.png) no-repeat;
    width: 290px;
    height: 80px;
    margin: 10px 0 0 5%;
    background-size: 100%;
    float: left;
}

.address {
  float: right;
    font-size: 30px;
    font-weight: 700;
    text-align: right;
    line-height: 16px;
    margin: 30px 5% 0 0;
    color: #343434;
}
.address .mail {
    font-size: 15px;
    color: #008fbe;	
}
.address span {
    font-size: 13px;	
}
.clearleft {
	    clear: left;    width: 100%;
}
.menu {
	    width: 100%;
    padding: 0px 5% 0;box-sizing: border-box;
    display: table;
    background: #008fbe;
    margin-top: 20px;
}
.menu li {
	    float: left;
    list-style: none;margin-right: 1px;
}
.menu li a {
font-size: 17px;
    color: #008fbe;
	background:#fff;    text-align: center;
    text-decoration: none;
    padding: 5px 20px;
    box-sizing: border-box;
    display: block;    font-weight: 600;
}
.menu li a:hover {
	background: #008fbe;
    color: #fff;
}
.menu li .active {
	background: #008fbe;
    color: #fff;
}
.callibri_header1 {     text-decoration: none;
color: #343434; }

.section1 {
    width: 100%;
    display: table;
    background: #008fbe;
    padding: 30px 5%;	
	box-sizing: border-box;
}
h1 {
    text-align: center;
    font-size: 32px;
    color: #fff;	
}

.howwork {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0;
}
.howwork div {
	width: 25%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
    padding: 12% 1% 10px;
    min-width: 300px;
}
.howwork div:nth-child(1) {
	background: url(/img/3.png) no-repeat;
    background-size: 60%;
    background-position: center top;
}
.howwork div:nth-child(2) {
	background: url(/img/4.png) no-repeat;
    background-size: 64%;
    background-position: center top;
}
.howwork div:nth-child(3) {
background: url(/img/2.png) no-repeat;
    background-size: 60%;
    background-position: center top;	
}
.howwork div:nth-child(4) {
	background: url(/img/1.png) no-repeat;
    background-size: 62%;
    background-position: center top;
}
.section11 {
	text-align: center;
    position: relative;
}
.section11 img {
	    width: 100%;
    max-width: 1180px;
    margin: 25px 0;
}
.section11 a {     display: block;}


.section2 {
	background: #008fbe;
    box-sizing: border-box;
    padding: 40px 5% 1px;
}
.section2 h1 {
	
}
.section2 h2 {
	    color: #000;
    text-align: center;
    font-size: 17px;
    width: 100%;
    max-width: 900px;
    margin: 20px auto;
}
.section2 .fix {
	    display: flex;
    width: 100%;
    flex-wrap: wrap;
        justify-content: space-between;
    margin: 45px 0;
}
.section2 .fix div {
	    width: 30%;
    box-sizing: border-box;
    padding: 0 1% 0 0;
    padding-left: calc(1% + 55px);
    color: #fff;
    font-size: 15px;
    position: relative;
}
.section2 .fix div:nth-child(1):before {
	    content: '1';
    border-radius: 100px;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 1%;
    background: #fff;
    color: #343434;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section2 .fix div:nth-child(2):before {
	    content: '2';
    border-radius: 100px;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 1%;
    background: #fff;
    color: #343434;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section2 .fix div:nth-child(3):before {
	    content: '3';
    border-radius: 100px;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 1%;
    background: #fff;
    color: #343434;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section2 div span {
    display: block;
    font-weight: 700;
    font-size: 20px;	
}
.section2 input[type="phone"] {
	    padding: 15px 10px;
    color: #008fbe;
    font-size: 17px;
    width: 100%;
    max-width: 400px;
    border: none;
}
.section2 input[type="submit"] {
	    background: #343434;
    border: none;
    color: #fff;
    padding: 10px 20px;
    width: 100%;cursor:pointer;
    max-width: 300px;
    font-weight: 700;font-size: 18px;
    margin-left: 10px;
}
.section2 input[type="submit"]:hover {
background:#fff;color:#008fbe;	
}
.section2 input[type="checkbox"] {
	
}
.section2 label {
    width: 100%;
    max-width: 700px;
    margin: 15px 0;
}
.section2 form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0;	
}
.section10 {
    color:#000;
}

.section3 {
padding:40px 5% 65px;
    box-sizing: border-box;
    width: 100%;	
}
.section3 .effect {
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 45px 0 0;
}
.section10 h1 {
	    color: #343434;
}
.section3 .effect div {
	    width: 30%;
    font-size: 15px;
    padding: 15px 15px 90px;
    box-sizing: border-box;
    box-shadow: 3px 3px 5px #d0d0d0;
    border-radius: 3px;
    position: relative;
}
.section3 .effect div i{
	font-size: 14px
}
.section3 .effect div span {
font-weight: 700;
    font-size: 20px;
    display: block;
    text-align: center;	
}
.section3 .effect div:nth-child(1) {
	background: #d9da6a;
}
.section3 .effect div:nth-child(2) {
	    background: #6bc0dc;
}
.section3 .effect div:nth-child(3) {
	    background: #ff9595;
}
.section3 .effect ul li {
	padding: 5px 0 5px 0px;
    margin-left: 25px;
}
.section3 .effect div strong {
    padding: 20px 0 7px;
    display: block;
    text-align: center;
    font-size: 20px;
	}
price {
	background: #fff;
    margin: 20px auto 15px auto;
    width: 50%;
    display: block;
    text-align: center;
    padding: 14px 0;
    font-weight: 700;
    position: absolute;
    bottom: 10px;
    left: 25%;
}

.footer .addressf {
    float: left;
    width: 30%;
    font-size: 14px;
    text-align: left;
    margin: 20px 0 0 0;
    line-height: 25px;
    color: #fff;
}
.footer .links {
    float: left;
    width: 70%;
    display: flex;
    height: 130px;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    align-content: center;	
}
.footer .links a{
	    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
}
.footer .addressf a {     font-size: 14px;
color: #fff;}


.section10 .port {
margin: 55px 0 0;	
}


.slider {
	position: relative;
    width: calc(100% - 200px);
    overflow: hidden;
    margin: 65px auto 30px auto;
}
	
	.slides {
		height: 100%;
		
		/* Simple clear fix */
		overflow: hidden;
		
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide1 {
			height: 100%;
    float: left;
    clear: none;
    box-sizing: border-box;
    padding: 0 45px;list-style: none;
		}


	.slider-arrows {}

		.slider-arrow {
			position: absolute;
			display: block;
			margin-bottom: -20px;
			padding: 20px;
		}

			.slider-arrow--right { bottom: 50%;
    right: -5px;
    background: url(/img/blog-arrows.jpg) no-repeat;
    width: 20px;
    height: 29px;
    padding: 0;
    background-position: -15px 0px;  text-indent: -9999px;}
			.slider-arrow--left {bottom: 50%;
    left: -5px;
    background: url(/img/blog-arrows.jpg) no-repeat;
    width: 20px;
    height: 29px;
    padding: 0;
    background-position: 5px 0px;
    text-indent: -9999px;}


	.slider-nav {
		position: absolute;
		bottom: 30px;
		display:none;
	}

		.slider-nav__item {
			width: 12px;
			height: 12px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: #fff;
		}

				.slider-nav__item:hover { background: #ccc; }
				.slider-nav__item--current { background: #ccc; }



.section10 .name {
    float: left;
    font-size: 15px;	
}
.section10 .logo {
background: url(/img/portfolio/brg.png) no-repeat;
    width: 150px;
    height: 150px;
    background-size: 100%;
    float: right;
	}
.section10 .text {
    font-size: 14px;
    margin: 25px 0 0 0;	
}
.section10 .podr {
    font-size: 19px;
    color: #343434;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 0 1px;
    margin: 20px 0 0 0;
}
	
	
	
.section4 {
	    background: #008fbe;
    padding: 40px 5%;
    box-sizing: border-box;
}
.section4 h2 {
    text-align: center;
    width: 100%;
    max-width: 1000px;
    margin: 15px auto 0 auto;
    font-size: 17px;
}
.section4 .uspeh {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 45px 0;
}
.section4 .uspeh div {
    width: 30%;
    box-sizing: border-box;
    padding: 0 1% 0 0;
    padding-left: calc(1% + 55px);
    color: #fff;
    font-size: 15px;
    position: relative;
}
.section4 .uspeh  div:nth-child(1):before {
	    content: '1';
    border-radius: 100px;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 1%;
    background: #fff;
    color: #343434;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section4 .uspeh  div:nth-child(2):before {
	    content: '2';
    border-radius: 100px;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 1%;
    background: #fff;
    color: #343434;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section4 .uspeh  div:nth-child(3):before {
	    content: '3';
    border-radius: 100px;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 1%;
    background: #fff;
    color: #343434;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section4 .uspeh div span {
    display: block;
    font-weight: 700;
    font-size: 20px;
}

.section5 {
    padding: 40px 5%;
    width: 100%;
    box-sizing: border-box;
}
.section5 h1 {
color:#343434;	
}
.section5 .vozm {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 45px 0;
}
.section5 .vozm div {
    width: 30%;
    box-sizing: border-box;
    padding: 0 1% 0 0;
    padding-left: calc(1% + 55px);
    color: #343434;
    font-size: 15px;
    position: relative;
}
.section5 .vozm div:nth-child(1):before {
	    content: '1';
    border-radius: 100px;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 1%;
    background: #008fbe;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section5 .vozm div:nth-child(2):before {
	    content: '2';
    border-radius: 100px;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 1%;
    background: #008fbe;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section5 .vozm div:nth-child(3):before {
	    content: '3';
    border-radius: 100px;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 1%;
    background: #008fbe;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section5 input[type="phone"] {
	    padding: 15px 10px;
    color: #008fbe;
    font-size: 17px;
    width: 100%;
    max-width: 400px;
        border: 1px solid #008fbe;
}
.section5 input[type="submit"] {
	    background: #008fbe;
    border: none;
    color: #fff;
    padding: 10px 20px;
    width: 100%;cursor:pointer;
    max-width: 300px;
    font-weight: 700;font-size: 18px;
    margin-left: 10px;
}
.section5 input[type="submit"]:hover {
background:#343434;color:#fff;	
}
.section5 input[type="checkbox"] {
	
}
.section5 label {
        width: 100%;
    max-width: 700px;
    margin: 3px 0 0 20px;
}
.section5 form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0;	
}
.section5 .callback {
    margin: 10px 0 30px;
    display: block;	
}
.section5 h2 { text-align: center; }

#header2 {
	display:none;
	position: fixed;
    background: #fff;
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    z-index: 99999;
    box-shadow: 0 0 1px #343434;
}
#header2 img {
width: 180px;
    float: left;
    margin: 3px 0;	
}
#header2 .menu2 {
    float: left;
    margin: 0 0 0 70px;
    display: table;	
}
#header2 .menu2 a{
	float: left;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    background: #008fbe;
    margin: 13px 9px 0;
    padding: 15px 15px 16px;
    line-height: 0;
    border-radius: 3px;
}
#header2 .menu2 a:hover, #header2 .menu2 .active {
	color: #008fbe;
    background: #fff;
}
#header2 .address2 {
	    float: right;
    font-size: 25px;
    margin: 10px 0 0 0;
}
.fix {
	margin: 0;
    padding: 0;
    display: flex;
    position: fixed;z-index:99999;
    justify-content: center;
    border-bottom: 1px solid #fff;
}
.fix li {
	    width: 35%;
    margin: 0;
}


.section3 .callback {
    margin: 15px 0 30px;
    display: block;	
}
.section3 input[type="phone"] {
	    padding: 15px 10px;
    color: #008fbe;
    font-size: 17px;
    width: 100%;
    max-width: 400px;
        border: 1px solid #008fbe;
}
.section3 input[type="submit"] {
	    background: #008fbe;
    border: none;
    color: #fff;
    padding: 10px 20px;
    width: 100%;cursor:pointer;
    max-width: 300px;
    font-weight: 700;font-size: 18px;
    margin-left: 10px;
}
.section3 input[type="submit"]:hover {
background:#343434;color:#fff;	
}
.section3 input[type="checkbox"] {
	
}
.section3 label {
    width: 100%;
    max-width: 700px;
    margin: 20px 0 0 20px;
}  
.section3 form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0 20px;	
}


.section3 h1 { color: #343434; }


.section-box-sale{
    padding: 50px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.section-box-sale .section__bitrix-box{
    /* display:flex; */
    margin: 0 auto;
    justify-content: center;
}

.section-box-sale .section__bitrix-box .title{

    text-align: center;
    padding: 10px;
	font-size: 22px;
}

.section-box-sale .section__bitrix-box .wrap__bitrix-box{
  padding: 20px;
  display: flex;
    flex-direction: row;
    
}

.section-box-sale .section__bitrix-box .wrap__bitrix-box .bitrix-box__lisp{

    width: 655px;
}

.section-box-sale .section__bitrix-box .wrap__bitrix-box div ul{
    list-style-type: disc;
}

.section-box-sale .section__bitrix-box .wrap__bitrix-box div ul div{
    display: flex;
    flex-direction: row;
    padding: 5px;
}
   

.section-box-sale .section__bitrix-box .wrap__bitrix-box div ul li{

    padding: 5px 0 5px 0px;
    margin-left: 25px;
    font-size: 15px;
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: none;
}
 

.section-box-sale .section__bitrix-box .price{

    background: #fff; 
    margin: 0px auto;
	weight: 100%;
    max-width: 183px;
    text-align: center;
    padding: 20px 50px;
    font-weight: 700;
    left: 25%;
    font-size: 15px;
    border: solid 1px;
    align-items: center;
}

.section-box-sale .section__bitrix-box .wrap__bitrix-box .bitrix-box__wrap_img img{
	 
	height: 127%;
	margin-right: 156px;
}
@media (max-width: 576px) {
    .section-box-sale  {
        padding: 0;
    }
    .section__bitrix-box {
        max-width: 100%;
    }
    .section-box-sale .section__bitrix-box .wrap__bitrix-box {
        padding: 0;
        flex-direction: column;
    }
    .bitrix-box__wrap_img img {
        width: 100%;
        height: auto!important;
        margin-right: 0!important;
    }
    .section-box-sale .section__bitrix-box .wrap__bitrix-box .bitrix-box__lisp {
        width: auto;
    }
}