/* Start:/local/templates/dweb/fonts/roboto.css?1777448202516*/
@font-face {
	font-family: 'Roboto';
	src: local('Roboto Light'), local('Roboto-Light'), url('/local/templates/dweb/fonts/robotolight.woff2') format('woff2'), url('/local/templates/dweb/fonts/robotolight.woff') format('woff'), url('/local/templates/dweb/fonts/robotolight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: local('Roboto Medium'), local('Roboto-Medium'), url('/local/templates/dweb/fonts/robotomedium.woff2') format('woff2'), url('/local/templates/dweb/fonts/robotomedium.woff') format('woff'), url('/local/templates/dweb/fonts/robotomedium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
/* End */


/* Start:/local/templates/dweb/js/arcticmodal/jquery.arcticmodal-0.3.css?17774482029474*/
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(/local/templates/dweb/js/arcticmodal/loading.gif) no-repeat 50% 50%; }
.modal { display: none; }
/*.modal-wrap { display: none; }*/
.projects-modal>div { display: none; }
.projects-modal .show { display: block; }
.modal-window { position: relative; width: 100%; }
.modal-window-close { position: absolute; width: 26px; height: 26px; cursor: pointer; opacity: 0.6;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.modal-window-close:before,
.modal-window-close:after { content: ""; position: absolute; top: 50%; left: 0%; margin-top: -1px;  width: 100%; height: 1px; transform: rotate(45deg); background: #fff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.modal-window-close:after { transform: rotate(-45deg); }

.modal-window .modal-window-close { top: 20px; right: 20px; }
.form-wrap .modal-window-close { top: 30px; right: 30px; }
.modal-window { max-width: 800px; background: #fff; }
.modal-window .form-wrap { position: relative; padding: 72px 30px 78px 30px; background: #0077b3; color: #fff; }
.modal-window .modal-title { text-align: center; font: 36px/1.6 'Roboto', sans-serif; font-weight: 300; margin: 0; }
.modal-window .modal-subtitle { margin-bottom: 48px; text-align: center; font-size: 16px; }
.modal-window .form-field { display: inline-block; width: 100%; position: relative; margin-bottom: 18px; }
.modal-window .form-field input { display: block; width: 100%; height: 52px; line-height: 50px; font-size: 14px; padding: 0 18px; color: #000; border: 1px solid rgba(255,255,255, 0.25); color: rgba(255,255,255, 1); }
.modal-window .form-field input.error { border-color: rgba(255,0,0, 0.5); }
.modal-window .form-field input + label span {  }
.modal-window .form-field input + label { cursor: text; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 52px; padding: 0 18px; line-height: 52px; font-size: 16px; color: rgba(255,255,255, 0.6); }
.modal-window .form-field input:focus { border-color: rgba(255,255,255, 1); color: rgba(255,255,255, 1); }
.modal-window .form-field input:focus + label { display: none !important; }
.modal-window textarea { display: block; width: 100%; font-size: 14px; height: 102px; padding: 18px; color: rgba(255,255,255, 0.6); border: 1px solid rgba(255,255,255, 0.25); resize: none; }
.modal-window textarea:focus { border-color: rgba(255,255,255, 1); }
.modal-window input[type="submit"] { display: block; margin: 0 auto; width: 210px; height: 48px; line-height: 48px; cursor: pointer; background: #fff; color: #1f2426; }
.modal-window .table { display: inline-block; width: 100%; }
.modal-window .table .tc { display: inline-block; width: 50%; padding-right: 9px; }
.modal-window .table .tc:last-child { padding-left: 9px; padding-right: 0; }

.modal-window input::-webkit-input-placeholder {color: rgba(255,255,255, 0.6);}
.modal-window input::-moz-placeholder          {color: rgba(255,255,255, 0.6);}
.modal-window input:-moz-placeholder           {color: rgba(255,255,255, 0.6);}
.modal-window input:-ms-input-placeholder      {color: rgba(255,255,255, 0.6);}

.modal-window input:focus::-webkit-input-placeholder {color: transparent}
.modal-window input:focus::-moz-placeholder          {color: transparent}
.modal-window input:focus:-moz-placeholder           {color: transparent}
.modal-window input:focus:-ms-input-placeholder      {color: transparent}

.modal-window textarea::-webkit-input-placeholder {color: rgba(255,255,255, 0.6);}
.modal-window textarea::-moz-placeholder          {color: rgba(255,255,255, 0.6);}
.modal-window textarea:-moz-placeholder           {color: rgba(255,255,255, 0.6);}
.modal-window textarea:-ms-input-placeholder      {color: rgba(255,255,255, 0.6);}

.modal-window textarea:focus::-webkit-input-placeholder {color: transparent}
.modal-window textarea:focus::-moz-placeholder          {color: transparent}
.modal-window textarea:focus:-moz-placeholder           {color: transparent}
.modal-window textarea:focus:-ms-input-placeholder      {color: transparent}

/*модальное окно с текстом*/
.text-modal { margin: 36px 0; }
/*.text-modal > div { display: none; }*/
.text-modal .modal-head { position: relative; padding: 18px 30px; background: #0077b3; }
.text-modal .modal-window-close { top: 50%; margin-top: -13px; right: 30px; }
.text-modal .modal-title { font-size: 24px; text-align: left; color: #fff; }
.text-modal .modal-descr { color: #666666; }
.text-modal .modal-body { padding: 30px 30px 48px; }

.fixed-slick-arrow { position: fixed; z-index: 1001; top: 50%; overflow: hidden; margin-top: -19px; width: 19px; height: 39px; cursor: pointer; opacity: 1; transition: all 0.2s linear; }
.fixed-slick-prev { left: 50%; margin-left: -450px; }
.fixed-slick-next { right: 50%; margin-right: -470px;  }

.fixed-slick-arrow:after { content: ""; position: absolute; width: 100px; height: 1px; background: #fff; top: 0; right: 0; transform: rotate(-45deg); transform-origin: right top; }
.fixed-slick-arrow:before { content: ""; position: absolute; width: 100px; height: 1px; background: #fff; bottom: 0; right: 0; transform: rotate(45deg); transform-origin: right bottom; }

.fixed-slick-next:after { left: 0; transform: rotate(45deg); transform-origin: left top; }
.fixed-slick-next:before { left: 0; transform: rotate(-45deg); transform-origin: left bottom; }

/*��������� ���� ��������*/
.cert-modal { max-width: 740px; width: 100%; background: none; }
.cert-modal>div { display: none; }
.cert-modal .image img { display: inline-block; }
.cert-modal .modal-window-close { top: -36px; right: -36px; }
.cert-modal .modal-window-close:active { margin-top: 1px; }


@media screen and (min-width: 1030px){
	.arcticmodal-container { max-width: none; margin: 0 -20px 0 0; }
	.modal-window-close:hover:before { transform: rotate(135deg); }
	.modal-window-close:hover:after { transform: rotate(45deg); }

	.modal-window input[type="submit"]:hover { opacity: 0.9; }
	.modal-window textarea:hover { border-color: #fff; }
	.modal-window input[type="text"]:hover { border-color: #fff; }
}

@media screen and (max-width: 1300px){

	.modal-window .form-wrap { padding: 48px 30px; }
	.modal-window .modal-title { font-size: 30px; }
	.modal-window .modal-subtitle { margin-bottom: 42px; font-size: 14px; }

	.text-modal { margin: 30px 0; }

}

@media screen and (max-width: 1030px){

	.form-wrap .modal-window-close { top: 24px; right: 24px; }
	
	.modal-window .form-wrap { padding: 36px 24px; }
	.modal-window .modal-title { font-size: 24px; }
	.modal-window .modal-subtitle { margin-bottom: 30px; }

	.fixed-slick-prev { left: 50%; margin-left: -440px; }
	.fixed-slick-next { right: 50%; margin-right: -440px; }

	.text-modal { margin: 24px 0; }
	.text-modal .modal-head { padding: 12px 24px; }
	.text-modal .modal-window-close { top: 50%; margin-top: -13px; right: 24px; }
	.text-modal .modal-title { font-size: 22px; }
	.text-modal .modal-descr { color: #666666; }
	.text-modal .modal-body { padding: 24px 24px 30px; }

	.cert-modal .modal-window-close { right: 0; top: -30px; }
}

@media screen and (max-width: 800px){
	.form-wrap .modal-window-close { top: 18px; right: 12px; }

	.modal-window .form-wrap { padding: 30px 12px; }
	.modal-window .modal-title { font-size: 24px; }
	.modal-window .modal-subtitle { margin-bottom: 24px; }

	.modal-window .form-field { margin-bottom: 12px; }
	.modal-window .table .tc { padding: 0; display: block; width: 100%; }
	.modal-window .table .tc:last-child { padding: 0; }
	.modal-window .form-field input[type="text"] { height: 42px; line-height: 40px; padding: 0 12px; font-size: 14px; }
	.modal-window textarea { font-size: 14px; margin: 0; padding: 12px; }
	.modal-window input[type="submit"] { width: 200px; height: 48px; line-height: 48px; font-size: 14px; }
	.modal-window .form-field input + label { height: 42px; line-height: 40px; padding: 0 12px; font-size: 14px; }

	.text-modal { margin: 12px 0; }
	.text-modal .modal-head { padding: 12px; }
	.text-modal .modal-window-close { top: 50%; margin-top: -13px; right: 12px; }
	.text-modal .modal-title { font-size: 20px; }
	.text-modal .modal-body { padding: 12px 12px 18px; }

}

@media screen and (max-width: 600px){
/*	.modal-window .modal-window-close { width: 30px; height: 30px; top: 19px; right: 10px; }
	.modal-window .modal-window-close:before,
	.modal-window .modal-window-close:after { background: #000; }
	.modal-window .modal-title { font-size: 20px; padding-right: 30px; }
	.modal-window .modal-title:after { margin-top: 6px; }*/
	.modal-window .form-wrap { padding: 18px 12px 24px 12px; }
	.modal-window .form-field input { height: 46px; line-height: 46px; }
	.modal-window .form-field input + label { height: 46px; line-height: 46px; }
}

@media screen and (max-width: 500px){

}
/* End */


/* Start:/local/templates/dweb/js/slider/slick.css?17774482021729*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/dweb/template_styles.css?178040836761346*/
* {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
*:focus { outline: none; }

html,
body { min-width: 320px; margin: 0; overflow-x: hidden !important; }
body { position: relative; font: 14px/1.4 'Roboto', sans-serif; min-width: 320px; font-weight: 300; color: #000; background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

h1 { font: 42px/1.6 'Roboto', sans-serif; font-weight: 300; margin: 0 0 0.8em; color: #1f2426; }
h2 { font: 24px/1.6 'Roboto', sans-serif; font-weight: 300; margin: 0 0 1.4em; color: #1f2426; }
h3 { font: 22px/1.6 'Roboto', sans-serif; font-weight: 500; margin: 0 0 1.4em; color: #1f2426; }
h4 { font: 20px/1.6 'Roboto', sans-serif; font-weight: 500; margin: 0 0 1.4em; color: #1f2426; }
h5 { font: 18px/1.6 'Roboto', sans-serif; font-weight: 500; margin: 0 0 1.4em; color: #1f2426; }
h6 { font: 18px/1.6 'Roboto', sans-serif; font-weight: 300; margin: 0 0 1.4em; color: #1f2426; }

p { font: 14px/1.6 'Roboto', sans-serif; margin: 0 0 1.4em; font-weight: 300; }
* > p:last-child  { margin: 0; } 

a { text-decoration: none; color: #0096ff; transition: all 0.3s linear; }

ul, ol { margin: 0; padding: 0; }

img { border: 0; vertical-align: middle; }

.input, .textarea, .button { font: 16px/1 'Roboto', sans-serif; font-weight: 300; color: #fff; border: 0; border-radius: 0; margin: 0; padding: 0; background: none; overflow: hidden; resize: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

input::-webkit-input-placeholder {color: #000;}
input::-moz-placeholder          {color: #000;}
input:-moz-placeholder           {color: #000;}
input:-ms-input-placeholder      {color: #000;}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder          {color: transparent}
input:focus:-moz-placeholder           {color: transparent}
input:focus:-ms-input-placeholder      {color: transparent}

textarea::-webkit-input-placeholder {color: #000;}
textarea::-moz-placeholder          {color: #000;}
textarea:-moz-placeholder           {color: #000;}
textarea:-ms-input-placeholder      {color: #000;}

textarea:focus::-webkit-input-placeholder {color: transparent}
textarea:focus::-moz-placeholder          {color: transparent}
textarea:focus:-moz-placeholder           {color: transparent}
textarea:focus:-ms-input-placeholder      {color: transparent}

.clearfix:before,
.clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

.page-width { max-width: 1300px; margin: 0 auto; padding: 0 30px; }
.real-page-width { max-width: 1300px; margin: 0 auto; }

/*фиксы битрикса*/
.header-wrap .page-width > div[id*="bx_"] { display: inline-block; }

header { position: relative; z-index: 1000; background: #0077b3; }
.header-wrap { display: inline-block; width: 100%; height: 102px; line-height: 102px; }
.header-wrap.transparent { position: absolute; top: 0; left: 0; right: 0; }
header .logo { display: inline-block; }
header .logo a { transition: opacity 0.2s linear; }
header .logo a:active { position: relative; top: 1px; }
header .logo img { display: inline-block; }
header .head-phone { display: inline-block; float: right; font-size: 22px; color: #fff; transition: all 0.3s linear; }
header .head-phone span { opacity: 0.4; }
.menu { display: inline-block; padding-left: 36px; list-style-type: none; }
.menu > li { position: relative; display: inline-block; margin: 0 12px; }
.menu > li > a { position: relative; display: inline-block; padding: 0 6px; font-size: 16px; color: #fff; }
.menu > li > a:before { content: ""; position: absolute; top: 0; left: 50%; right: 50%; height: 2px; background: #fff; transition: all 0.2s linear; }
.menu > li > a:after { content: ""; position: absolute; top: 0; right: 50%; left: 50%; height: 2px; background: #fff; transition: all 0.2s linear; }
.menu > li > a.active:before { left: 0; }
.menu > li > a.active:before { right: 0; }
.show-menu { float: right; display: none; }
.menu li ul { display: none; position: absolute; top: 100%; margin-top: -1px; left: -24px; max-width: none; padding: 18px 0; line-height: 42px; background: #161f21; }
.menu .submenu { position: relative; }
.menu .submenu:before { display: none; content: ""; position: absolute; left: 50%; margin-left: -12px; bottom: 0; width: 0; height: 0; border-bottom: 12px solid #161f21; border-left: 12px solid transparent; border-right: 12px solid transparent; }
.menu li ul li { display: block; }
.menu li ul li a { display: inline-block; width: 100%; white-space: nowrap; padding: 0 30px; color: #fff; }

.main { position: relative; height: 900px; overflow: hidden; background: url("/local/templates/dweb/./images/banner-back.jpg") center center / cover no-repeat; }
#particles-js { position: absolute; z-index: 20; top: -10%; left: -10%; width: 120%; height: 120%; max-width: none; }
.main-wrapper { position: relative; z-index: 50; padding-top: 60px; }

.awesome-bg { position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; }
.awesome-bg:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(135deg, rgba(0, 0, 255, 0.7), rgba(0, 255, 0, 0.7));
	-webkit-animation: hotspot 5s infinite;
	animation: hotspot 5s infinite; }
.awesome-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(135deg, rgba(0, 255, 0, 0.7), rgba(0, 0, 255, 0.7));
	-webkit-animation: hotspot 5s 2.5s infinite;
	animation: hotspot 5s 2.5s infinite; }

@keyframes hotspot {
  50% {
    opacity: 0;
  }
}

@-webkit-keyframes hotspot {
  50% {
    opacity: 0;
  }
}

#main-slider { position: relative; margin: 0 auto; padding: 0 180px; }
#main-slider div { max-width: none; }
#main-slider .slide-wrap { display: table; table-layout: fixed; }
#main-slider .slide { display: table-cell; vertical-align: middle; height: 840px; }
#main-slider .slide-text { position: relative; max-width: 700px; width: 100%; margin: 0 auto; text-align: center; color: #fff; }
#main-slider .main-title { margin-bottom: 30px; font-size: 16px; text-transform: uppercase; color: #fff; opacity: 0.5; }
#main-slider .slide-text .title { margin-bottom: 30px; font-size: 42px; line-height: 1.1em; }
#main-slider .slide-text .descr { margin-bottom: 50px; font-size: 18px; }
#main-slider .slide-text .more { position: relative; display: inline-block; width: 210px; height: 50px; line-height: 50px; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 16px; color: #fff; }
#main-slider .slide-text .more:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); transition: all 0.3s ease; }
/*#main-slider .slide-text .more:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #fff; transition: all 0.3s linear; }
#main-slider .slide-text .more:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background: #fff; transition: all 0.3s linear; }*/
#main-slider .slick-arrow { position: absolute; z-index: 50; top: 50%; width: 160px; height: 11px; padding: 12px 0; cursor: pointer; transition: all 0.3s linear; }
#main-slider .slick-arrow span { position: absolute; display: block; transition: all 0.3s linear; bottom: 24px; opacity: 0; font-size: 12px; color: #fff; width: 160px; }
#main-slider .slick-arrow .arrow { width: 75px; transition: all 0.3s linear; }
#main-slider .slick-prev { right: 100%; margin-right: -160px; }
#main-slider .slick-prev span { left: unset; right: 0; text-align: right; }
#main-slider .slick-prev .arrow { float: right; }
#main-slider .slick-next { left: 100%; margin-left: -160px; }

.mobile-menu-wrap { display: none; }

.arrow { width: 100%; height: 1px; background: #fff; position: relative; }
.arrow:before{ content: ""; position: absolute; top: -5px; height: 11px; width: 6px; }
.arrow.right:before{ right: 0px; background: url("/local/templates/dweb/./images/icons/arrow.png") 0 0 repeat-x; }
.arrow.left:before{ left: 0px; background: url("/local/templates/dweb/./images/icons/arrow.png") 100% 0 repeat-x; }

.index-about-wrapper { display: table; table-layout: fixed; width: 100%; }
.index-about-wrapper > div { display: table-cell; width: 50%; }
.index-about-wrapper .left { width: 50%; padding-left: 30px; border-bottom: 1px solid #e6e6e6; }
.index-about-wrapper .right { width: 50%;  position: relative; background: url("/local/templates/dweb/./images/about-back.jpg") left center / cover no-repeat; }
.index-about-wrapper .right:after { content: ""; position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.2; background: url("/local/templates/dweb/./images/icons/bg_overlay_px.png") repeat; }
.index-about { width: 620px; padding: 100px 40px 100px 0; float: right; }
.index-about .text { border-left: 1px solid #2996cc; padding: 20px 0 18px 40px; }
.index-about .index-title { margin-bottom: 18px; text-transform: uppercase; color: #999999; }
.index-about .title { margin-bottom: 40px; font-size: 36px; color: #2f363b; }
.index-about p { font-size: 16px; color: #666666; }
.index-about ul { list-style-type: none; text-align: justify; padding-right: 40px; }
.index-about ul:after { content: ""; display: inline-block; width: 100%; height: 0; line-height: 0; }
.index-about li { display: inline-block; text-transform: uppercase; color: #999999; }
.index-about li:before { content: url("/local/templates/dweb/./images/icons/check-big.png"); display: block; margin: 0 auto 18px; width: 76px; height: 76px; line-height: 88px; text-align: center; border: 1px solid #d9d9d9; border-radius: 50%; }

.index-services { padding: 100px 0; }
.index-services .index-title { margin-bottom: 12px; text-transform: uppercase; text-align: center; color: #999999; }
.index-services .title { margin-bottom: 78px; font-size: 36px; text-align: center; color: #2f363b; }
.index-services .list { max-width: none; margin: 0 -15px; }
.index-services .item-wrap { display: inline-block; width: 25%; vertical-align: top; }
.index-services .item { margin: 0 15px; }
.index-services .image { margin-bottom: 30px; }
.index-services .image img {  }
.index-services a { display: inline-block; margin-bottom: 12px; font-size: 18px; color: #1f2426; }
.index-services .text { font-size: 16px; color: #666666; }

.index-consultation { padding: 60px 0; background: url("/local/templates/dweb/./images/icons/form-pattern.png") center center / cover no-repeat #f7f7f7; }
.index-consultation .consultation { display: table; table-layout: fixed; width: 100%; }
.index-consultation .col { display: table-cell; vertical-align: middle; }
.index-consultation .col:first-child { font-size: 24px; width: 290px; }
.index-consultation .col:last-child {  }
.index-consultation button { display: inline-block; position: relative; float: right; width: 212px; height: 46px; line-height: 46px; margin-right: -212px; right: 212px; text-align: center; font-size: 16px; color: #f5f5f5; background: #0077b3; transition: all 0.3s linear; cursor: pointer; }
.index-consultation .input-wrap { margin-right: 210px; }
.index-consultation input { float: left; display: block; width: 100%; padding: 13px; font-size: 16px; border: 1px solid #d9d9d9; background: #fff; }

.index-consultation input::-webkit-input-placeholder {color: #999999;}
.index-consultation input::-moz-placeholder          {color: #999999;}
.index-consultation input:-moz-placeholder           {color: #999999;}
.index-consultation input:-ms-input-placeholder      {color: #999999;}

.index-consultation input:focus::-webkit-input-placeholder {color: transparent}
.index-consultation input:focus::-moz-placeholder          {color: transparent}
.index-consultation input:focus:-moz-placeholder           {color: transparent}
.index-consultation input:focus:-ms-input-placeholder      {color: transparent}

.index-projects { display: table; table-layout: fixed; width: 100%; background: #0077b3; }
.index-projects > div { display: table-cell; width: 50%; vertical-align: middle; }
.index-projects .left { width: 50%; padding-left: 30px; }
.index-projects .text { border-left: 1px solid #fff; padding: 20px 0 20px 40px; }
.index-projects .index-title { margin-bottom: 18px; text-transform: uppercase; color: #fff; opacity: 0.5; }
.index-projects .title { margin-bottom: 40px; font-size: 36px; color: #fff; }
.index-projects .left .wrapper { float: right; max-width: 620px; width: 100%; padding: 100px 40px 100px 0; }
.index-projects .left .item { margin-bottom: 24px; }
.index-projects .left .item:last-child { margin-bottom: 0; }
.index-projects .left .date { margin-bottom: 8px; font-size: 13px; text-transform: uppercase; color: #fff; opacity: 0.5; }
.index-projects .left .text a { font-size: 18px; color: #fff; border-bottom: 1px dotted transparent; }

.index-projects .left .more { position: relative; display: inline-block; margin-top: 40px; padding-right: 48px; font-size: 16px; color: #fff; }
.index-projects .left .more:before { content: ""; position: absolute; display: block; width: 30px; height: 1px; right: 0; top: 11px; background: #fff; transition: all 0.125s linear; }
.index-projects .left .more:after { content: ""; position: absolute; display: block; width: 8px; height: 8px; right: 1px; top: 7px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(-45deg); transition: all 0.125s linear; }

.index-projects .right { width: 50%; padding: 0 24px; position: relative; background: url("/local/templates/dweb/./images/projects-back.jpg") center center / cover no-repeat; }
.index-projects .right:after { content: ""; position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.2; background: url("/local/templates/dweb/./images/icons/bg_overlay_px.png") center repeat; }
#index-projects-slider { position: relative; z-index: 10; }
#index-projects-slider div { max-width: none; }
#index-projects-slider .item { display: inline-block; vertical-align: middle; width: 33.3333%; padding: 50px 24px; text-align: center; }
#index-projects-slider .item img { display: inline-block; width: auto; }

.index-news { padding: 100px 0; text-align: center; }
.index-news .index-title { margin-bottom: 12px; text-transform: uppercase; text-align: center; color: #999999; }
.index-news .title { margin-bottom: 78px; font-size: 36px; text-align: center; color: #2f363b; }
.index-news .list { max-width: none; margin: 0 -15px; }
.index-news .item-wrap { display: inline-block; width: 33.3333%; vertical-align: top; }
.index-news .item { margin: 0 15px; text-align: left; }
.index-news .date { margin-bottom: 24px; font-size: 16px; color: #989898; }
.index-news .date img { display: inline-block; margin-right: 18px; margin-top: -4px; }
.index-news .name { display: inline; font-size: 18px; color: #2f363b; border-bottom: 1px dotted transparent; }
.index-news .text { max-height: 66px; overflow: hidden; margin: 12px 0 36px; font-size: 16px; color: #666666; }
.index-news .see-all { position: relative; display: inline-block; margin: 0 auto; padding-right: 48px; font-size: 16px; color: #0077b3; }
.index-news .see-all:before { content: ""; position: absolute; display: block; width: 30px; height: 1px; right: 0; top: 11px; background: #66add1; transition: all 0.125s linear; }
.index-news .see-all:after { content: ""; position: absolute; display: block; width: 8px; height: 8px; right: 1px; top: 7px; border-bottom: 1px solid #66add1; border-right: 1px solid #66add1; transform: rotate(-45deg); transition: all 0.125s linear; }

/*модальные окна со слайдерами*/
#news-modal { opacity: 0; }
#projects-modal { opacity: 0; }
#reviews-modal { opacity: 0; }
.modal-slider-wrap { overflow: hidden; transition: all 0.5s ease-in-out; }
.modal-slider-wrap div { max-width: none; }
/*.modal-slider-wrap .slick-track:before,
.modal-slider-wrap .slick-track:after { display: none; }*/
.modal-slider-wrap .date { margin-bottom: 24px; font-size: 16px; color: #989898; }
.modal-slider-wrap .date img { display: inline-block; margin-right: 18px; margin-top: -4px; }
.modal-slider-wrap .title { font-size: 18px; color: #2f363b; margin-bottom: 1em; }
.modal-slider-wrap .text p { margin-bottom: 0.6em; font-size: 16px; color: #666666; }
.modal-slider-wrap .text img { margin: 1.2em auto; width: auto; }
.modal-slider-wrap .text ul { margin-bottom: 0.6em; padding-left: 18px; font-size: 16px; list-style-type: disc; color: #666666; }
.modal-slider-wrap .text ul li { margin: 0.5em 0; }
.modal-slider-wrap .text ol { margin-bottom: 0.6em; padding-left: 18px; font-size: 16px; list-style-type: decimal; color: #666666; }
.modal-slider-wrap .text ol li { margin: 0.5em 0; }


.index-reviews { position: relative; height: 630px; padding-top: 90px; overflow: hidden; background: url("/local/templates/dweb/./images/review-back.jpg") center center / cover no-repeat; }
.index-reviews:after { content: ""; position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.2; background: url("/local/templates/dweb/./images/icons/bg_overlay_px.png") center repeat; }
.index-reviews .page-width { position: relative; z-index: 10; }
.index-reviews .index-title { margin-bottom: 12px; text-align: center; text-transform: uppercase; color: #ffffff; }
.index-reviews .title { text-align: center; font-size: 36px; color: #fff; }
#reviews-slider { position: relative; margin: 0 auto; padding: 0 180px; }
#reviews-slider div { max-width: none; }
#reviews-slider .slide-wrap { display: table; table-layout: fixed; }
#reviews-slider .slide { display: table-cell; vertical-align: middle; height: 430px; }
#reviews-slider .slide-text { position: relative; max-width: 700px; width: 100%; margin: 0 auto; text-align: center; color: #fff; }
#reviews-slider .slide-text .org { margin-bottom: 12px; font-size: 16px; font-weight: 500; opacity: 0.5; }
#reviews-slider .slide-text .name { margin-bottom: 24px; font-size: 16px; opacity: 0.5; }
#reviews-slider .slide-text .text { margin-bottom: 50px; font-size: 24px; }
#reviews-slider .slide-text .more { position: relative; display: inline-block; width: 210px; height: 50px; line-height: 50px; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 16px; color: #fff; }
#reviews-slider .slide-text .more:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); transition: all 0.3s ease; }
/*#reviews-slider .slide-text .more:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #fff; transition: all 0.3s linear; }
#reviews-slider .slide-text .more:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background: #fff; transition: all 0.3s linear; }*/
#reviews-slider .slick-arrow { position: absolute; z-index: 50; top: 50%; width: 160px; height: 11px; padding: 12px 0; cursor: pointer; transition: all 0.3s linear; }
#reviews-slider .slick-arrow span { position: absolute; display: block; transition: all 0.3s linear; bottom: 24px; opacity: 0; font-size: 12px; color: #fff; width: 160px; }
#reviews-slider .slick-arrow .arrow { width: 75px; transition: all 0.3s linear; }
#reviews-slider .slick-prev { right: 100%; margin-right: -160px; }
#reviews-slider .slick-prev span { left: unset; right: 0; text-align: right; }
#reviews-slider .slick-prev .arrow { float: right; }
#reviews-slider .slick-next { left: 100%; margin-left: -160px; }

/*шапка страницы с фоном*/
.main-detail-bg { position: relative; padding: 110px 0; color: #fff; background: #0077b3; }
.main-detail-bg h1 { margin-bottom: 0; color: #fff; }
.main-detail-bg:after { content: ""; position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.2; background: url("/local/templates/dweb/./images/icons/bg_overlay_px.png") center center repeat; }
.main-detail-bg .bg { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.25; }
.main-detail-bg .some-image { width: 380px; padding: 0 40px; }
.main-detail-bg .text-wrap { margin-top: 30px; padding: 18px 0 30px 36px; border-left: 1px solid #fff; }
.main-detail-bg .text-wrap > *:last-child { margin-bottom: 0 !important; }
.main-detail-bg .text { margin-bottom: 30px; font-size: 18px; line-height: 1.6em; }
.main-detail-bg .text.big { font-size: 22px; }
.main-detail-bg .purch { position: relative; display: inline-block; width: 210px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #1f2426; background: #fff; }
.main-detail-bg .table { display: table; table-layout: fixed; width: 100%; }
.main-detail-bg .tc { display: table-cell; vertical-align: middle; }
.main-detail-bg .tc img { display: inline-block; width: 100%; height: auto; }

/*шапка страницы без фона*/
.main-detail { padding: 60px 0; }
.main-detail h1 { margin-bottom: 0; }
.main-detail .text-wrap { margin-top: 30px; padding: 18px 0 30px 36px; border-left: 2px solid #2996cc; }
.main-detail .text-wrap > *:last-child { margin-bottom: 0 !important; }
.main-detail .text-wrap .text { margin-bottom: 30px; font-size: 18px; line-height: 1.6em; }
.main-detail .text-wrap .text.big { font-size: 22px; }

/*пэйдж контейнер*/
.page-container { display: table; table-layout: fixed; width: 100%; position: relative; }
.page-container aside { display: table-cell; vertical-align: top; width: 400px; padding: 48px 0 60px; }
.page-container aside:before { content: ""; position: absolute; top: 0; left: 100%; bottom: 0; margin-left: -400px; width: 10000px; max-width: none; background: #f7f7f7; }
.page-container aside > * { position: relative; z-index: 10; }
.page-container aside .title { margin-bottom: 24px; font-size: 18px; font-weight: 500; color: #2f363b; }
.page-container aside .item { margin-bottom: 36px; }
.page-container aside .image { margin-bottom: 12px; }
.page-container aside .image img {  }
.page-container aside .name { font-size: 16px; color: #2f363b; }
.page-container .page { display: table-cell; vertical-align: top; }

/*пэйдж врап*/
.page-wrap {  }
.page-wrap .items-list { max-width: none; margin: 0 -15px; }
.page-wrap .item-wrap { display: inline-block; vertical-align: top; width: 33.33333%; padding: 0 15px 42px 15px; }
.page-wrap .item {  }

.projects-page .item .image-wrap { display: table; table-layout: fixed; width: 100%; margin-bottom: 24px; background: #0077b3; }
.projects-page .item .image { display: table-cell; height: 260px; padding: 24px; vertical-align: middle; text-align: center; transition: all 0.3s linear; }
.projects-page .item .image img { vertical-align: middle; text-align: center; }
.projects-page .item .date { margin-bottom: 10px; font-size: 13px; text-transform: uppercase; color: #8f9192; }
.projects-page .item .name { display: inline; font-size: 16px; color: #1f2426; border-bottom: 1px dotted transparent; transition: all 0.3s linear; }

.news-page { font-size: 16px; }
.news-page .item-wrap { padding-bottom: 72px; }
.news-page .date { margin-bottom: 24px; color: #989898; }
.news-page .date img { margin-right: 12px; display: inline-block; vertical-align: top; }
.news-page .name-wrap { margin-bottom: 12px; max-height: 50px; overflow: hidden; }
.news-page .name { font-size: 18px; color: #2f363b; border-bottom: 1px dotted transparent; transition: all 0.3s linear; }
.news-page .descr { max-height: 66px; overflow: hidden; color: #666666; }

.license-page { margin-bottom: 42px; }
.license-page .items-list { max-width: none; margin: 0 -15px; }
.license-page .item-wrap { display: inline-block; vertical-align: top; width: 25%; padding: 0 15px 30px 15px; }
.license-page .item { position: relative; display: block; }
.license-page .image { box-shadow: inset 0 0 0 12px #f7f7f7; }
.license-page .image img { width: 100%; position: relative; z-index: -1; }
.license-page .text-wrap { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 119, 179, 0.9); transition: all 0.3s linear; }
.license-page .text-wrap:after { content: url("/local/templates/dweb/./images/icons/lens.png"); position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -21px; }
.license-page .text { position: absolute; bottom: 0; width: 100%; left: 0; padding: 24px; color: #fff; }
.license-page .name { font-size: 18px; font-weight: 500; margin-bottom: 12px; }
.license-page .descr {  }

.partners-page {  }
.partners-page .items-list { max-width: none; margin: 0 -15px; }
.partners-page .item-wrap { display: inline-block; vertical-align: top; width: 25%; padding: 0 15px 30px 15px; }
.partners-page .item { display: table; table-layout: fixed; width: 100%; border: 1px solid #e6e6e6; }
.partners-page .image-wrap { display: table-cell; width: 100%; vertical-align: middle; text-align: center; }
.partners-page .image { padding: 12px; }
.partners-page .item .image img { vertical-align: middle; text-align: center; }

.services-page { font-size: 16px; }
.services-page .items-list { max-width: none; margin: 0 -15px; }
.services-page .item-wrap { display: inline-block; vertical-align: top; width: 50%; padding: 0 15px 72px 15px; }
.services-page .item {  }
.services-page .image { margin-bottom: 24px; }
.services-page .image img {  }
.services-page .name { display: inline-block; margin-bottom: 12px; font-size: 22px; color: #1f2426; }
.services-page .descr { margin-bottom: 18px; color: #666666; }
.services-page .more { position: relative; display: inline-block; padding-right: 48px; color: #66add1; }
.services-page .more:before { content: ""; position: absolute; display: block; width: 30px; height: 1px; right: 0; top: 11px; background: #66add1; transition: all 0.125s linear; }
.services-page .more:after { content: ""; position: absolute; display: block; width: 8px; height: 8px; right: 1px; top: 7px; border-bottom: 1px solid #66add1; border-right: 1px solid #66add1; transform: rotate(-45deg); transition: all 0.125s linear; }

/*форма обратной связи*/
.questions-form-wrap { padding: 72px 0 78px; font-size: 16px; background: #0077b3; color: #fff; }
.questions-form { max-width: 820px; width: 100%; margin: 0 auto; }
.questions-form .name { margin-bottom: 12px; font-size: 36px; text-align: center; }
.questions-form .descr { margin-bottom: 54px; text-align: center; }
.questions-form .input-wrap { margin-bottom: 24px; }
.questions-form form {  }
.questions-form .input-table { display: table; table-layout: fixed; width: 100%; margin-bottom: 24px; }
.questions-form .input-table .input-wrap { display: table-cell; vertical-align: top; margin: 0; padding-right: 15px; }
.questions-form .input-table .input-wrap:nth-child(2n) { padding-left: 15px; padding-right: 0; }
.questions-form input[type="text"] { width: 100%; height: 48px; line-height: 48px; padding: 0 24px; border: 1px solid #4099c6; }
.questions-form input[type="text"].error { border-color: rgba(255,0,0, 0.5); }
.questions-form textarea { width: 100%; height: 140px; padding: 18px 24px; border: 1px solid #4099c6; }
.questions-form input[type="submit"] { display: block; width: 210px; height: 48px; margin: 0 auto; line-height: 48px; text-align: center; color: #1f2426; background: #fff; cursor: pointer; }
.questions-form textarea:focus { border-color: #fff; }
.questions-form input[type="text"]:focus { border-color: #fff; }

input::-webkit-input-placeholder {color: #99c9e1;}
input::-moz-placeholder          {color: #99c9e1;}
input:-moz-placeholder           {color: #99c9e1;}
input:-ms-input-placeholder      {color: #99c9e1;}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder          {color: transparent}
input:focus:-moz-placeholder           {color: transparent}
input:focus:-ms-input-placeholder      {color: transparent}

textarea::-webkit-input-placeholder {color: #99c9e1;}
textarea::-moz-placeholder          {color: #99c9e1;}
textarea:-moz-placeholder           {color: #99c9e1;}
textarea:-ms-input-placeholder      {color: #99c9e1;}

textarea:focus::-webkit-input-placeholder {color: transparent}
textarea:focus::-moz-placeholder          {color: transparent}
textarea:focus:-moz-placeholder           {color: transparent}
textarea:focus:-ms-input-placeholder      {color: transparent}

/*страница контактов*/
.contacts-page { margin-bottom: 60px; margin-top: -24px; }
.contacts-page .table { display: table; table-layout: fixed; width: 100%; }
.contacts-page .tc { display: table-cell; vertical-align: top; }
.contacts-page .text { padding: 12px 0 12px 60px; }
.contacts-page .items { padding: 30px 30px 30px 0; border-bottom: 1px solid #e6e6e6; }
.contacts-page .items .table { font-size: 22px; font-weight: 500; color: #1f2426; }
.contacts-page .items .table .tc:first-child { width: 40px; padding-bottom: 24px; text-align: center; vertical-align: middle; }
.contacts-page .items .table .tc:last-child { padding-left: 30px; padding-bottom: 24px; vertical-align: middle; }
.contacts-page .items .table .tc a { color: #1f2426; transition: all 0.3s linear; }
.contacts-page .eche-items { padding: 30px 30px 30px 0; }
.contacts-page .eche-items .table { font-size: 16px; }
.contacts-page .eche-items .table .tc:first-child { width: 110px; padding-bottom: 12px; vertical-align: middle; color: #999999; }
.contacts-page .eche-items .table .tc:last-child { padding-left: 30px; padding-bottom: 12px; vertical-align: middle; color: #666666; }
.hidden-map { display: none; }

/*хлебные крохи*/
.breadcrumbs { margin-bottom: 18px; }
.breadcrumbs span { position: relative; display: inline-block; vertical-align: middle; width: 7px; height: 7px; margin: 0 12px; }
.breadcrumbs span:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 50%; left: 50%; margin: -6px 0 0 0; border-bottom: 1px solid rgba(255,255,255, 0.5); border-left: 1px solid rgba(255,255,255, 0.5); transform: rotate(45deg); transform-origin: center center; }
.breadcrumbs ul { list-style-type: none; }
.breadcrumbs ul li { display: inline-block; vertical-align: middle; }
.breadcrumbs ul li a { display: inline-block; color: rgba(255,255,255, 0.5); padding: 12px 0; }

.breadcrumbs-wrap { background: #f2f2f2; }
.breadcrumbs-wrap .breadcrumbs { margin: 0; }
.breadcrumbs-wrap .breadcrumbs ul li a { color: #1f2426; }
.breadcrumbs-wrap .breadcrumbs span:after { border-color: #1f2426; }

/*пагинация*/
.pagination { margin-bottom: 40px; text-align: center; }
.pagination ul { display: inline-block; list-style-type: none; font-size: 0; }
.pagination li { display: inline-block; vertical-align: top; margin-right: 1px; }
.pagination a { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #2f363b; background: #f7f7f7; }
.pagination a.active { background: #ebebeb; }
.pagination .arrow { width: auto; padding: 0 36px; }
.pagination span { position: relative; display: inline-block; width: 30px; height: 11px; }
.pagination span:before,
.pagination span:after { content: ""; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.pagination span:before { left: 0; top: 5px; width: 100%; background: #6a6e6f; height: 1px; }
.pagination span:after { left: 0; top: 1px; width: 9px; height: 9px; border-left: 1px solid #6a6e6f; border-bottom: 1px solid #6a6e6f; transform: rotate(45deg); }
.pagination .next span:after { left: auto; right: 0; transform: rotate(-135deg); }

/*контент*/
.content { max-width: 1090px; margin: 0 auto; padding: 48px 0 60px; color: #666666; }
.content p { font-size: 18px; color: #666666; }
.content .big { font-size: 22px; }
.content ul { list-style-type: none; margin-bottom: 2em; font-size: 18px; }
.content ul li { position: relative; margin: 1.5em 0; padding-left: 48px; }
.content ul li:before { content: url("/local/templates/dweb/./images/icons/check-list.png"); position: absolute; left: 0; top: 0;  }

/*404*/
.page-404 { background: url(/local/templates/dweb/./images/banner-back.jpg) center center / cover no-repeat; padding-top: 60px; }
.page-404 .table { display: table; table-layout: fixed; width: 100%; }
.page-404 .table .tc { display: table-cell; height: 700px; vertical-align: middle; text-align: center; text-transform: uppercase; color: #fff; }
.page-404 .title-404 { font-size: 164px; display: inline-block; padding: 0 30px 30px; line-height: 1em; }
.page-404 .descr-404 { margin-bottom: 0.2em; font-size: 57px; }
.page-404 .go-away { margin-bottom: 2em; font-size: 20px; }
.page-404 .go-away a { border-bottom: 1px solid #fff; color: #fff; transition: all 0.3s linear; }


footer { background: #1f2426; }
.footer-main { padding: 60px 0; display: table; table-layout: fixed; width: 100%; }
.footer-main .col { display: table-cell; width: 25%; vertical-align: top; padding-right: 18px; }
footer .footer-logo { margin-bottom: 24px; }
footer .footer-logo a { transition: opacity 0.2s linear; }
footer .footer-logo a:active { position: relative; top: 1px; }
footer .text { max-width: 220px; line-height: 24px; opacity: 0.4; color: #fff; }
footer .title { margin-bottom: 24px; font-size: 20px; color: #fff; }
footer span { display: block; margin-bottom: 12px; line-height: 20px; color: #fff; }
footer ul { list-style-type: none; }
footer ul li {  }
footer ul a { display: inline-block; margin-bottom: 12px; color: #fff; vertical-align: middle; transition: opacity 0.2s linear; }
footer ul a:after { content: url("/local/templates/dweb/./images/icons/list-icon.png"); display: inline-block; padding-left: 12px; vertical-align: middle; white-space: nowrap; }
footer ul a.active { opacity: 0.6; }
footer .callback { display: block; width: 100%; max-width: 220px; height: 48px; margin-top: 16px; line-height: 48px; color: #fff; text-align: center; background: #0077b3; }
footer .hide { display: none; }
footer .creators { transition: all 0.3s linear; }
footer .lower .col.development {width:301px; !important} 
footer .development .creators { display: flex; gap: 10px; align-items: baseline; color: #fff;}
footer .creators:active { position: relative; top: 1px; }

.lower-wrap { padding: 20px 0; background: #191d1e; }
.lower { display: table; table-layout: fixed; width: 100%; }
.lower .col { display: table-cell; text-align: left; vertical-align: middle; }
.lower .col:first-child { font-size: 13px; opacity: 0.2; color: #fff; }
.lower .col:last-child { text-align: right; width: 130px; }

@media screen and (min-width: 1030px){

	header .logo a:hover { opacity: 0.6; }
	header .head-phone:hover { opacity: 0.8; }
	.menu > li:hover > a:before { left: 0; }
	.menu > li:hover > a:after { right: 0; }
	.menu li ul li a:hover { background: #1f2426; }
	.menu li:hover ul { display: block; }
	.menu .submenu:hover:before { display: block; }
	#main-slider .slide-text .more:hover:before {  bottom: 0; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); }
	.index-services a:hover { color: #0077b3; }
	.index-consultation button:hover { background: #2483b3; }
	.index-projects .left .text a:hover { border-bottom: 1px dotted #fff; }
	.index-projects .left .more:hover:before { right: -10px; width: 40px; }
	.index-projects .left .more:hover:after { right: -9px; }
	.index-news .name:hover { color: #0077b3; border-bottom: 1px dotted #0077b3; }
	.index-news .see-all:hover:before { right: -10px; width: 40px; }
	.index-news .see-all:hover:after { right: -9px; }
	#reviews-slider .slide-text .more:hover:before {  bottom: 0; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); }
	.main-detail-bg .purch:hover { color: #0077b3; }
	.page-container aside .name:hover { color: #0077b3; }
	.projects-page .item .image-wrap:hover .image { opacity: 0.5; }
	.projects-page .item .name:hover { color: #0077b3; border-color: #0077b3; }
	.news-page .name:hover { color: #0077b3; border-color: #0077b3; }
	.license-page .item:hover .text-wrap { opacity: 1; }
	.services-page .name:hover { color: #0077b3; }
	.services-page .more:hover:before { right: -10px; width: 40px; }
	.services-page .more:hover:after { right: -9px; }
	.services-page .more:hover:before { right: -10px; width: 40px; }
	.services-page .more:hover:after { right: -9px; }
	.questions-form input[type="submit"]:hover { color: #0077b3; }
	.questions-form textarea:hover { border-color: #fff; }
	.questions-form input[type="text"]:hover { border-color: #fff; }
	.breadcrumbs ul li a:hover { color: rgba(255,255,255, 1); }
	.breadcrumbs-wrap .breadcrumbs ul li a:hover { color: #0077b3; }
	.pagination a:hover { background: #ebebeb; }
	footer .footer-logo a:hover { opacity: 0.6; }
	footer ul a:hover { opacity: 0.6; }
	footer .callback:hover { background: #2483b3; }
	footer .creators:hover { opacity: 0.6; }
	/*	#main-slider .slide-text .more:hover:before { bottom: 100%; }
	#main-slider .slide-text .more:hover:after { top: 100%; }*/
	#main-slider .slick-arrow:hover { width: 40vw; }
	#main-slider .slick-arrow:hover .arrow { width: 100%; }
	#main-slider .slick-arrow:hover span { opacity: 1; }
	#reviews-slider .slick-arrow:hover { width: 40vw; }
	#reviews-slider .slick-arrow:hover .arrow { width: 100%; }
	#reviews-slider .slick-arrow:hover span { opacity: 1; }
	.contacts-page .items .table .tc a:hover { opacity: 0.8; }
	/*	#reviews-slider .slide-text .more:hover:before { bottom: 100%; }
	#reviews-slider .slide-text .more:hover:after { top: 100%; }*/
	.page-404 .go-away a:hover { opacity: 0.8; }

}

@media screen and (max-width: 2000px){
	.main { height: 700px; }
	#main-slider .slide { height: 640px; }
}

@media screen and (max-width: 1300px){

	/*контент на страницах*/
	h1 { font-size: 30px; }
	h2 { font-size: 30px; }
	h3 { font-size: 24px; }
	h4 { font-size: 22px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }
	.content { font-size: 16px; }
	.content .big { font-size: 20px; }
	.content p { font-size: 16px; }
	.content ol li { font-size: 16px; }
	.content ul li { font-size: 16px; }
	.content blockquote { font-size: 16px; }

	.main-detail { padding: 36px 0; }
	.main-detail .text-wrap { margin-top: 24px; padding: 18px 0 18px 24px; }
	.main-detail .text-wrap .text { font-size: 16px; }
	.main-detail .text-wrap .text.big { margin-bottom: 24px; font-size: 18px; }

	.services-page .item-wrap { padding: 0 15px 42px 15px; }
	.services-page .name { font-size: 18px; }
	.services-page .descr { font-size: 16px; max-height: 66px; overflow: hidden; }

	.questions-form-wrap { padding: 42px 0; }
	.questions-form .name { font-size: 30px; }
	.questions-form .descr { margin-bottom: 42px; font-size: 14px; }
	.questions-form .input-table { margin-bottom: 18px; }
	.questions-form .input-wrap { margin-bottom: 18px; }
	.questions-form .input-table .input-wrap { padding-right: 9px; }
	.questions-form .input-table .input-wrap:nth-child(2n) { padding-right: 0; padding-left: 9px; }

	.footer-main .col:not(:nth-child(2)) { width: 240px; }
	.footer-main .col { width: auto; }

	.contacts-page { margin: 0 0 42px 0; }
	.contacts-page .text { padding: 0 0 0 24px; }
	.contacts-page .items { padding: 24px 24px 24px 0; }
	.contacts-page .items .table .tc:first-child { padding-bottom: 18px; }
	.contacts-page .items .table .tc:last-child { font-size: 18px; padding-left: 12px; padding-bottom: 18px; }
	.contacts-page .items .table:last-child .tc { padding-bottom: 0; }
	.contacts-page .eche-items .table:last-child .tc { padding-bottom: 0; }

	.main-detail-bg { padding: 80px 0; }
	.main-detail-bg .text-wrap { margin-top: 24px; padding: 18px 0 18px 24px; }
	.main-detail-bg .text-wrap .text { font-size: 16px; }
	.main-detail-bg .text-wrap .text.big { margin-bottom: 24px; font-size: 18px; }

	.breadcrumbs { margin-bottom: 6px; }

}

@media screen and (max-width: 1200px){
	.menu { padding-left: 18px; }
	.menu > li { margin: 0 6px; }
}

@media screen and (max-width: 1100px){
	.footer-main { padding: 30px 0; }
	.footer-main .col:not(:first-child) { display: none; }
	.footer-main .col:first-child { display: table; table-layout: fixed; width: 100%; padding: 0; }
	footer .footer-logo { display: table-cell; vertical-align: middle; margin: 0; width: 48px; }
	footer .text { display: table-cell; vertical-align: middle; width: 350px; padding-left: 20px; }
	footer .hide.phone { display: table-cell; vertical-align: middle; text-align: center; font-size: 22px; color: #fff; }
	footer .hide span { display: inline; opacity: 0.4; }
	footer .hide.but { display: table-cell; vertical-align: middle; text-align: right; width: 210px; }
	footer .hide a { display: inline-block; vertical-align: middle; margin: 0; }
}


@media screen and (max-width: 1030px){

	/*контент на страницах*/
	h1 { font-size: 24px; }
	h2 { font-size: 22px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	.content { font-size: 14px; padding: 42px 0; }
	.content .big { font-size: 18px; }
	.content p { font-size: 14px; }
	.content ol li { font-size: 14px; }
	.content ul li { font-size: 14px; }
	.content blockquote { font-size: 14px; }

	.main-detail { padding: 30px 0; }
	.main-detail .text-wrap { margin-top: 24px; padding: 12px 0 12px 18px; }
	.main-detail .text-wrap .text { font-size: 14px; }
	.main-detail .text-wrap .text.big { margin-bottom: 18px; font-size: 16px; }

	.services-page .item-wrap { padding: 0 15px 30px 15px; }
	.services-page .name { font-size: 16px; }
	.services-page .descr { margin-bottom: 12px; font-size: 14px; max-height: 57px; overflow: hidden; }
	.services-page .more { font-size: 14px; }

	.questions-form-wrap { padding: 36px 0; }
	.questions-form .name { font-size: 24px; }
	.questions-form .descr { margin-bottom: 30px; }

	.page-wrap .items-list { margin: 0 -12px; }
	.page-wrap .item-wrap { width: 50%; padding: 0 12px 36px; }
	.news-page .date { margin-bottom: 12px; }
	.news-page .name { font-size: 16px; }
	.projects-page .item .image { height: 200px; padding: 12px; }
	.projects-page .item .name { font-size: 14px; }

	.partners-page .items-list { margin: 0 -12px; }
	.partners-page .item-wrap { width: 33.3333%; padding: 0 12px 24px 12px; }

	.license-page .items-list { margin: 0 -12px; }
	.license-page .item-wrap { width: 33.3333%; padding: 0 12px 24px 12px; }

	.contacts-page { margin-bottom: 24px; }
	.contacts-page > .table > .tc { display: block; padding: 0; }
	.contacts-page > .table > .map-wrapper { display: none; }
	.contacts-page .items { padding: 0 24px 24px 0; }
	.contacts-page .eche-items { padding: 24px 24px 0 0; }
	.hidden-map { display: block; height: 380px; margin-bottom: 36px; overflow: hidden; }

	.main-detail-bg { padding: 30px 0 48px; }
	.main-detail-bg .text-wrap { margin-top: 24px; padding: 12px 0 12px 18px; }
	.main-detail-bg .text-wrap .text { font-size: 14px; }
	.main-detail-bg .text-wrap .text.big { margin-bottom: 18px; font-size: 16px; }
	.main-detail-bg .some-image { display: none; }
	.breadcrumbs { margin: 0; }

	.page-container aside { display: none; }

	.page-width { padding: 0 24px; }
	.main { height: auto; }
	.header-wrap { height: 50px; line-height: 50px; margin: 18px 0; }
	.menu { display: none; }

	.show-menu { display: inline-block; float: right; margin-left: 30px; }
	.show-menu div { display: inline-block; vertical-align: middle; padding: 18px 10px; cursor: pointer; transition: all 0.3s linear; }
	.show-menu span { display: block; position: relative; width: 26px; height: 2px; background: #fff; transition: background 0s 0.3s; }
	.show-menu span:before,
	.show-menu span:after { content: ''; position: absolute; display: block; left: 0; width: 100%; height: 2px; transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; background-color: #fff; }
	.show-menu span:before { top: -8px; transition-property: top, transform; }
	.show-menu span:after { bottom: -8px; transition-property: bottom, transform; }

	.mobile-menu-wrap { display: none; position: fixed; z-index: 1100; left: 0; top: 0; right: 0; bottom: 0; }
	.mobile-menu-cont { position: relative; height: 100%; width: 100%; }
	.mobile-menu-wrap .close { position: absolute; z-index: 100; right: 30px; top: 30px; transition: all 0.3s linear; margin-right: -100px; }
	.mobile-menu { width: 360px; height: 100%; position: absolute; left: 100%; transition: all 0.3s linear; }
	.mobile-menu:before { content: ""; position: absolute; z-index: 10; top: 80px; left: 0; width: 100vw; height: 1px; background: #fff; opacity: 0.1; }
	.mobile-menu .title { font-size: 14px; color: #fff; text-transform: uppercase; padding: 0 24px; line-height: 80px; }
	.mobile-menu>ul { list-style-type: none; display: block; }
	.mobile-menu>ul:before { content: ""; z-index: -1; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #191d1e; }
	.mobile-menu>ul:after { content: ""; z-index: -1; position: absolute; top: 0; bottom: 0; left: 100%; width: 100vw; background: #1f2426; }
	.mobile-menu>ul>li { position: relative; display: block; }
	.mobile-menu>ul>li>a { display: block; padding: 18px 24px; font-size: 16px; color: #fff; }
	.mobile-menu ul ul { width: 100%; list-style-type: none; position: absolute; left: 100%; top: 0; opacity: 0; z-index: -1; }
	.mobile-menu li li { display: block; }
	.mobile-menu li li a { display: block; font-size: 16px; color: #fff; padding: 18px 24px; }

	.mobile-menu li.submenu { position: relative; }
	.mobile-menu li.submenu:after { content: ""; position: absolute; right: 24px; top: 50%; margin-top: -5px; width: 6px; height: 11px; background: url("/local/templates/dweb/./images/icons/arrow.png") 0 0 no-repeat; opacity: 0.3; }

	.mobile-menu li.active>a { background: #1f2426; }
	.mobile-menu li.active ul { z-index: 10; opacity: 1; }

	.mobile-menu-wrap.active { display: block; }

	.main-wrapper { padding-top: 70px; }
	#main-slider { padding: 0 84px; }
	#main-slider .slide { height: 520px; }
	#main-slider .slick-arrow { width: 60px; }
	#main-slider .slick-arrow .arrow { width: 100%; }
	#main-slider .slick-prev { margin-right: -60px; }
	#main-slider .slick-next { margin-left: -60px; }
	#main-slider .slide-text .title { font-size: 36px; }

	.index-about-wrapper .right { display: none; }
	.index-about-wrapper .left { padding: 0 24px; }
	.index-about { max-width: 800px; width: 100%; margin: 0 auto; float: unset; padding: 60px 0; text-align: center; }
	.index-about .text { padding: 0; border: none; }
	.index-about .title { font-size: 30px; }
	.index-about ul { padding: 16px 0 0; max-width: 460px; margin: 0 auto; }

	.index-services { padding: 60px 0; }
	.index-services .title { margin-bottom: 0; font-size: 30px; }
	.index-services .item-wrap { width: 50%; margin-top: 50px; }
	.index-services .image { margin-bottom: 24px; }

	.index-consultation { padding: 48px 0; }
	.index-consultation .col:first-child { width: 250px; font-size: 22px; }

	.index-projects .left { display: block; width: 100%; padding: 0 24px; }
	.index-projects .left .wrapper { max-width: 100%; padding: 60px 0; }
	.index-projects .index-title { text-align: center; }
	.index-projects .title { font-size: 30px; text-align: center; }
	.index-projects .text { border: none; padding: 0; }
	.index-projects .right { display: block; width: 100%; }

	#index-projects-slider { padding: 48px 40px; }
	#index-projects-slider .item { padding: 0 24px; line-height: 102px; }
	#index-projects-slider .slick-arrow { position: absolute; z-index: 50; top: 50%; width: 14px; height: 27px; margin-top: -13px; cursor: pointer; background: url("/local/templates/dweb/./images/icons/arrow-big.png") 0 0 no-repeat; }
	#index-projects-slider .slick-prev { left: 0; }
	#index-projects-slider .slick-next { right: 0; background: url("/local/templates/dweb/./images/icons/arrow-big.png") 100% 0 no-repeat; }

	.index-news { padding: 48px 0; }
	.index-news .title { margin-bottom: 48px; font-size: 30px; }
	.index-news .item-wrap { width: 50%; }
	.index-news .item-wrap:nth-child(n+3) { display: none; }
	.index-news .date { margin-bottom: 18px; }
	
	.index-reviews { height: auto; padding: 50px 0; }
	.index-reviews .title { font-size: 30px; }
	#reviews-slider { padding: 24px 84px; }
	#reviews-slider .slide { height: auto; }
	#reviews-slider .slide-text .text { font-size: 18px; margin-bottom: 30px; }
	#reviews-slider .slick-arrow { width: 60px; }
	#reviews-slider .slide-text .org { font-size: 14px; }
	#reviews-slider .slide-text .name { font-size: 14px; }
	#reviews-slider .slick-arrow .arrow { width: 100%; }
	#reviews-slider .slick-prev { margin-right: -60px; }
	#reviews-slider .slick-next { margin-left: -60px; }

	.modal-slider-wrap .date { margin-bottom: 18px; font-size: 14px; }
	.modal-slider-wrap .date img { margin-right: 12px; margin-top: -4px; }
	.modal-slider-wrap .title { font-size: 16px; margin-bottom: 1em; }
	.modal-slider-wrap .text p { font-size: 14px; }
	.modal-slider-wrap .text ul { font-size: 14px; }
	.modal-slider-wrap .text ol { font-size: 14px; }
	.modal-slider-wrap .text img { margin: 0.8em auto; }

	.page-404 { padding-top: 60px; }
	.page-404 .table .tc { height: auto; padding: 100px 0; }
	.page-404 .title-404 { font-size: 124px; }
	.page-404 .descr-404 { font-size: 50px; }
	.page-404 .go-away { font-size: 18px; }

	.footer-main { padding: 24px 0; }
	footer .text { font-size: 13px; width: 320px; }
	footer .hide.phone { font-size: 18px; }
	footer .hide.but { width: 180px; }
}

@media screen and (max-width: 1000px){
	.mobile-menu:before { top: 56px; }
	.mobile-menu-wrap .close { right: 18px; top: 18px; width: 18px; }
	.mobile-menu .title { line-height: 56px; padding: 0 18px; }
	.mobile-menu>ul>li>a { padding: 12px 18px; font-size: 14px; }
	.mobile-menu li li a { padding: 12px 18px; font-size: 14px; }
}

@media screen and (max-width: 800px){

	/*#particles-js { display: none !important; }*/

	.page-width { padding: 0 12px; }

	.mobile-menu { width: 50%; }
	.mobile-menu:before { top: 44px; }
	.mobile-menu-wrap .close { right: 12px; top: 12px; width: 12px; }
	.mobile-menu .title { line-height: 44px; padding: 0 12px; }
	.mobile-menu>ul>li>a { padding: 12px; font-size: 14px; }
	.mobile-menu li li a { padding: 12px; font-size: 14px; }

	header .head-phone { font-size: 18px; }
	/*.main { height: 420px; }*/
	#main-slider { padding: 0 24px 24px 24px; }
	#main-slider .slide { height: auto; padding: 42px 0 60px 0; }
	#main-slider .main-title { margin-bottom: 12px; }
	#main-slider .slide-text .more { width: 200px; height: 40px; line-height: 40px; font-size: 14px; }
	#main-slider .slide-text .title { font-size: 24px; margin-bottom: 12px; }
	#main-slider .slide-text .descr { font-size: 16px; margin-bottom: 24px; }
	#main-slider .slick-arrow { top: unset; bottom: 18px; width: 30px; }
	#main-slider .slick-prev { right: 50%; margin: 0 18px 0 0; }
	#main-slider .slick-next { left: 50%; margin: 0 0 0 18px; }

	/*контент на страницах*/
	h1 { font-size: 24px; }
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	h5 { font-size: 14px; }
	.content .big { font-size: 16px; }

	.main-detail { padding: 30px 0; }
	.main-detail .text-wrap { padding: 0 0 24px 0; border-left: none; border-bottom: 1px solid #0077b3; }
	/*{ content: ""; display: block; height: 1px; background: #0077b3; margin-top: 22px; } */
	.main-detail .text-wrap .fix-cont { height: 66px; overflow: hidden; transition: all 0.3s linear; }
	.main-detail .text-wrap .cont {  }
	.main-detail .text-wrap .open-this { display: inline-block; position: relative; margin-top: 12px; color: #999999; padding-right: 30px; }
	.main-detail .text-wrap .open-this:after { content: ""; position: absolute; right: 0; top: 4px; width: 8px; height: 8px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; transition: all 0.3s linear; transform-origin: 0px 4px; transform: rotate(-45deg); }
	.main-detail .text-wrap .open-this.cnock:after { transform: rotate(135deg); }
	.main-detail .text-wrap .text { margin-bottom: 0;}
	.main-detail .text-wrap .text.big { margin-bottom: 22px; font-size: 14px; }

	.main-detail-bg .text-wrap { padding: 0 0 24px 0; border-left: none; }
	.main-detail-bg .purch { width: 200px; height: 42px; line-height: 42px; font-size: 14px; }


	.services-page .items-list { margin: 0; }
	.services-page .item-wrap { width: 100%; padding: 0 0 24px 0; margin-bottom: 24px; border-bottom: 1px solid #e6e6e6; }
	.services-page .item-wrap:last-child { margin: 0; border: none; }
	.services-page .image { display: none; }
	.services-page .more { font-size: 14px; }

	.questions-form-wrap { padding: 30px 0; }
	.questions-form .name { font-size: 24px; }
	.questions-form .descr { margin-bottom: 24px; }
	.questions-form .input-table { margin: 0; }
	.questions-form .input-wrap { margin-bottom: 12px; }
	.questions-form .input-table .input-wrap { display: block; margin-bottom: 12px; padding: 0; }
	.questions-form .input-table .input-wrap:nth-child(2n) { padding: 0; }
	.questions-form input[type="text"] { height: 42px; line-height: 40px; padding: 0 12px; font-size: 14px; }
	.questions-form textarea { font-size: 14px; margin: 0; padding: 12px; }
	.questions-form input[type="submit"] { width: 200px; height: 48px; line-height: 48px; font-size: 14px; }

	.contacts-page .items .table .tc:last-child { font-size: 16px; }
	.contacts-page .eche-items .table { font-size: 14px; }
	.hidden-map { height: 240px; margin-bottom: 30px; }
	.contacts-page .eche-items .table .tc:first-child { width: 90px; }
	.contacts-page .eche-items .table .tc:last-child { padding-left: 12px; }

	.index-about-wrapper .left { padding: 0 12px; }
	.index-about { padding: 36px 0; }
	.index-about .index-title { margin-bottom: 6px; }
	.index-about .title { font-size: 24px; margin-bottom: 18px; }

	.index-services { padding: 36px 0; }
	.index-services .index-title { margin-bottom: 6px; }
	.index-services .title { font-size: 24px; }
	.index-services .item-wrap { width: 100%; margin-top: 24px; text-align: center; }
	.index-services .item-wrap:not(:first-child):before { content: ""; display: inline-block; width: 90px; height: 1px; margin-bottom: 24px; background: #0074a4; }
	.index-services .image { margin-bottom: 18px; }
	.index-services a { font-size: 18px; margin-bottom: 6px; }
	.index-services .image { display: none; }
	.index-services .list { margin: 0 -12px; }
	.index-services .item { margin: 0 12px; }

	.index-consultation { padding: 36px 0; }
	.index-consultation .col { display: block; }
	.index-consultation .col:first-child { display: block; width: 100%; margin-bottom: 12px; font-size: 18px; }

	.index-projects .left { padding: 0 12px; }
	.index-projects .left .wrapper { padding: 36px 0; }
	.index-projects .index-title { margin-bottom: 6px; }
	.index-projects .title { font-size: 24px; margin-bottom: 18px; }
	.index-projects .left .text a { font-size: 16px; }

	#index-projects-slider { padding: 36px 40px; }

	.index-news { padding: 36px 0; overflow: hidden; }
	.index-news .index-title { margin-bottom: 6px; }
	.index-news .title { margin-bottom: 30px; font-size: 24px; }
	.index-news .list { margin: 0 -12px; }
	.index-news .item { margin: 0 12px; }

	.index-reviews { height: auto; padding: 36px 0; }
	.index-reviews .title { font-size: 24px; }
	#reviews-slider { padding: 24px 0; }
	#reviews-slider .slide { height: auto; padding-bottom: 30px; }
	#reviews-slider .index-title { margin-bottom: 6px; }
	#reviews-slider .slide-text .org { margin-bottom: 6px; }
	#reviews-slider .slide-text .text { margin-bottom: 18px; }

	#reviews-slider .slide-text .more { width: 200px; height: 40px; line-height: 40px; font-size: 14px; }
	#reviews-slider .slick-arrow { top: unset; bottom: 0; width: 30px; }
	#reviews-slider .slick-prev { right: 50%; margin: 0 18px 0 0; }
	#reviews-slider .slick-next { left: 50%; margin: 0 0 0 18px; }

	.page-404 .table .tc { padding: 60px 0; }
	.page-404 .title-404 { font-size: 104px; }
	.page-404 .descr-404 { font-size: 40px; }

	footer .text { display: none; }
	footer .hide.phone { text-align: right; padding-right: 30px; }

}

@media screen and (max-width: 700px){

	/*контент на страницах*/
	h1 { font-size: 20px; margin-bottom: 1em; }
	h2 { font-size: 20px; margin-bottom: 1em; }
	h3 { font-size: 18px; margin-bottom: 1em; }
	h4 { font-size: 16px; margin-bottom: 1em; }
	h5 { font-size: 14px; margin-bottom: 1em; }
	h6 { font-size: 14px; margin-bottom: 1em; }
	.content { font-size: 14px; }
	.content p { font-size: 14px; margin-bottom: 1em; }
	.content ol li { font-size: 14px; margin-bottom: 1em; }
	.content ol li:before { width: 25px; height: 25px; line-height: 25px; font-size: 12px; }
	.content ul li { font-size: 14px; margin-bottom: 1em; }
	.content blockquote { font-size: 14px; margin-bottom: 1em; }

	.partners-page .item-wrap { width: 50%; }

	.license-page .item-wrap { width: 50%; }

}

@media screen and (max-width: 600px){

	.index-consultation button { width: 162px; height: 43px; line-height: 43px; font-size: 14px; }
	.index-consultation .input-wrap { margin-right: 160px; }
	.index-consultation input { font-size: 14px; padding: 12px 18px; }

	.index-news .item-wrap { width: 100%; }
	.index-news .item-wrap:nth-child(2) { display: none; }

	.page-wrap .items-list { margin: 0; }
	.page-wrap .item-wrap { width: 100%; padding: 0 0 36px; }
	.news-page .name-wrap { max-height: none; }
	.news-page .descr { max-height: none; }
	.news-page .date { margin-bottom: 12px; }
	.news-page .name { font-size: 16px; }

	.pagination a { width: 40px; height: 40px; line-height: 40px; font-size: 14px; }
	.pagination .arrow { padding: 0 12px; }
}

@media screen and (max-width: 500px){

	/*контент на страницах*/
	h1 { font-size: 22px; }
	h2 { font-size: 18px; }
	h3 { font-size: 16px; }
	h4 { font-size: 14px; }

	.content ul li { padding-left: 42px; }

	.main-detail { padding: 24px 0; }

	.services-page .item-wrap { padding: 0 0 18px 0; margin-bottom: 18px; }

	.questions-form-wrap { padding: 24px 0; }
	.questions-form .name { font-size: 22px; }
	.questions-form .descr { margin-bottom: 18px; }

	.mobile-menu-wrap { overflow: hidden; }
	.mobile-menu:before { width: 100%; }
	.mobile-menu>ul:after { display: none; }
	.mobile-menu>ul:before { display: none; }
	.mobile-menu { width: 100%; }
	.mobile-menu ul ul { position: relative; left: auto; top: auto; height: 0; overflow: hidden; max-width: 100% !important; }
	.mobile-menu li.active ul { height: auto; background: #1f2426; }
	.mobile-menu-cont { position: absolute; left: 0; right: 0; top: 0; overflow-x: auto; background: #191d1e; }

	header .head-phone { font-size: 16px; }
	/*.main { height: 360px; }*/
	#main-slider { padding: 0; }
	/*#main-slider .slide { height: 260px; }*/
	#main-slider .slide-text .title { font-size: 20px; }
	#main-slider .slide-text .descr { font-size: 14px; }
	#main-slider .slide-text .more { width: 170px; }
	#main-slider .main-title { font-size: 13px; }

	.index-about { padding: 30px 0; }
	.index-about .index-title { font-size: 13px; }
	.index-about .title { font-size: 20px; }
	.index-about p { font-size: 14px; }
	.index-about ul { position: relative; text-align: unset; left: 50%; transform: translateX(-25%); }
	.index-about ul li { display: block; line-height: 40px; font-size: 13px; text-align: left; }
	.index-about ul li:before { content: url(/local/templates/dweb/./images/icons/check.png); display: inline-block; height: 40px; line-height: 45px; width: 40px; margin-right: 8px; }
	.index-about ul:after { display: none; }

	.index-services { padding: 30px 0; }
	.index-services .index-title { font-size: 13px; }
	.index-services .title { font-size: 20px; }
	.index-services a { font-size: 16px;}
	.index-services .text { font-size: 14px; }

	.index-consultation { padding: 30px 0; }
	.index-consultation .index-title { font-size: 13px; }
	.index-consultation .col:first-child { text-align: center; }
	.index-consultation .input-wrap { margin: 0 0 12px 0; }
	.index-consultation input { float: unset; }
	.index-consultation button { float: unset; right: unset; margin: 0; width: 100%; }

	.index-projects .index-title { font-size: 13px; }
	.index-projects .title { font-size: 20px; }
	.index-projects .left .text a { font-size: 14px; }

	#index-projects-slider { padding: 24px 40px; }

	.index-news { padding: 30px 0; }
	.index-news .index-title { font-size: 13px; }
	.index-news .title { font-size: 20px; }
	.index-news .date { margin-bottom: 12px; font-size: 16px; }
	.index-news .name { font-size: 16px; }
	.index-news .text { margin-bottom: 24px; font-size: 14px; max-height: none; }

	.index-reviews .index-title { font-size: 13px; }
	.index-reviews .title { font-size: 20px; }
	#reviews-slider .slide-text .text { font-size: 14px; }
	#reviews-slider .slide-text .more { width: 170px; }

	.page-404 .title-404 { padding: 0 0 18px; font-size: 64px; }
	.page-404 .descr-404 { margin-bottom: 0.5em; font-size: 24px; }
	.page-404 .go-away { font-size: 16px; }
}

@media screen and (max-width: 450px){
	.footer-main { padding: 18px 0; }
	footer .footer-logo { display: none; }
	footer .hide.phone { display: block; padding: 0; text-align: center; padding-bottom: 12px; }
	footer .hide.but { display: block; margin: 0 auto; }
	.lower .col:first-child { display: block; text-align: center; padding-bottom: 12px; }
	.lower .col:last-child { display: block; margin: 0 auto; }

	.license-page .items-list { margin: 0; }
	.license-page .item-wrap { width: 100%; padding: 0 0 18px; }

}
    
/* End */
/* /local/templates/dweb/fonts/roboto.css?1777448202516 */
/* /local/templates/dweb/js/arcticmodal/jquery.arcticmodal-0.3.css?17774482029474 */
/* /local/templates/dweb/js/slider/slick.css?17774482021729 */
/* /local/templates/dweb/template_styles.css?178040836761346 */