@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot');
    src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype'),  
        url('fonts/fontawesome-webfont.woff2') format('woff2'),  
        url('fonts/fontawesome-webfont.woff') format('woff'),  
        url('fonts/fontawesome-webfont.ttf') format('truetype'),  
        url('fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



.header .carousel-item img{width: 100%;}
h1,h2,h3,h4, h5, .h1 {color: #3f75a2;}


.news_date{ font-size:14px; color:#3f75a2}
#news_container_content {padding-bottom:20px;}
.news_anons {text-align:justify;}
.news_anons img{border: 1px solid #3f75a2; padding:9px}
#news_button {padding-left:54px; padding-top:75px; padding-bottom:80px;}
.news_item {
        padding-bottom: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        text-align: justify;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #000;
}
.readmore {
    text-align: right;color:#006c39; font-weight:bold; font-size:12px; text-decoration:underline
}
.readmore a{color:#3f75a2}
.news_anons  img {
    display: block;
    float: left;
    margin: 7px 20px 7px 0;
}
.article-entry img{max-width:1150px !important; height:auto !important;}

.glav-uslugi img{max-width: 100%; }
.glav-uslugi{font-family: 'FontAwesome';}
.resheniya img{max-width: 100%}
footer .soc {
    text-align: right;
    padding-bottom: 30px;
    padding-top: 30px
}
.soc ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: 'FontAwesome';
}
.soc ul li {
    display: inline-block;
    padding-right: 2px
}
.soc ul li a {
    text-decoration: none !important;
}
.soc a::before {
    font-size: 20px;
    line-height: 1.4;
    width: 33px;
    height: 33px;
    text-align: center;
    font-weight: 400;
    border-radius: 2.2rem;
    border: 2px solid #fff;
    float: left;
}
.soc ul li:hover a:before {
    border: 2px solid #E7E7E7;
    color: #E7E7E7
}
.soc .icon-facebook::before {
    content: "\f082"
}
.soc .icon-vk::before {
    content: "\f189";
}
.soc .icon-twitter::before {
    content: "\f099";
}
.soc .icon-odnoklassniki::before {
    content: "\f263";
}
.soc .icon-youtube::before {
    content: "\f167";
}
.soc .icon-telegramm::before {
    content: "\f2c6";
}
.soc .icon-instagram::before {
    content: "\f16d";
}
.soc .icon-google::before {
    content: "\f0d5";
}
main img{max-width: 100% !important}
footer .mf {
    font-size: .7rem;
}
footer a{color: white!important}
.call-form-container{right: 140px; top: 5px; width: 400px}


form.topform {
  background: rgba(63,117,162,0.8);


}
form.topform .h1{margin-top:0;margin-bottom:20px;text-transform:uppercase; color: #fdb721}



.navbar-brand{width: 136px}
.navbar-brand img {max-width: 100%}
.header nav a {color: #3f75a2 !important;}

form.topform input,textarea{font-size: .7rem}
form.topform .h4, form.topform .btn{font-size: 1rem}

.card-img-top{background-color: #eeeeee;}
.card-img-top >div{ height: 148px; background-position: center center;  background-repeat: no-repeat;
background-size: contain}
.card-deck .card{flex: 1 0 100%}


.preim{background-color: #f6f6f6; color: #2e656f}

.last-blog img{max-width: 100%}


/*.card-group > .card + .card{
    border-left: 1px solid rgba(0, 0, 0, 0.125);
}
*/.card-group > .card{
    flex: 1 0 100%;
}
.card-tech{font-size: .75rem}
.card-img {background-repeat: no-repeat; background-size: 85%; height: 270px; background-position: center center; width: auto !important;
background-color: #eee
}
.card-group .card{transition: all .5s}

.menu_catalog{background-color: #f5f5f5}
.menu_catalog, .menu_catalog ul, .menu_catalog ul li, .menu_catalog ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu_catalog {
    color: #fff;

}

.menu_catalog ul ul {
display: none
}
.align-right {
    float: right;
}
.menu_catalog > ul > li > a {
    padding: 10px 20px;
    cursor: pointer;
    z-index: 2;
    font-size: .85rem;

    text-decoration: none;
    color: black !important;
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
/*.menu_catalog a:not([href]):not([tabindex]) {
    color: #00a0e6;
}
.menu_catalog a:not([href]):not([tabindex]):hover {
    color: white;
}*/

.menu_catalog ul li.active > ul {
display: block
}

.menu_catalog > ul > li > a:hover, .menu_catalog > ul > li.active > a/*, .menu_catalog > ul > li > a*/ {
    color: #eee !important;
    background: #0e4885;
}
.menu_catalog > ul > li.open > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #1682ba;
}
/*.menu_catalog > ul > li:last-child > a,*/ .menu_catalog > ul > li.last > a {
    border-bottom: 1px solid #1682ba;
}
.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: -4px;
    right: 0;
}
.holder::after, .holder::before {
    display: block;
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    right: 15px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.holder::after {
    top: 17px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
.menu_catalog > ul > li > a:hover > span::after, .menu_catalog > ul > li.active > a > span::after, .menu_catalog > ul > li.open > a > span::after {
    border-color: #eeeeee;
}
.holder::before {
    top: 18px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
}
.menu_catalog ul ul li a {
    cursor: pointer;
    padding: 10px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 13px;
    color: #eeeeee;
    background: #727272;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.menu_catalog ul ul li:hover > a, .menu_catalog ul ul li.open > a, .menu_catalog ul ul li.active > a {
    background: #424852;
    color: #ffffff;
}
.menu_catalog ul ul li:first-child > a {
    box-shadow: none;
}
.menu_catalog ul ul ul li:first-child > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.menu_catalog ul ul ul li a {
    padding-left: 30px;
}
.menu_catalog > ul > li > ul > li:last-child > a, .menu_catalog > ul > li > ul > li.last > a {
    border-bottom: 0;
}
.menu_catalog > ul > li > ul > li.open:last-child > a, .menu_catalog > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #32373e;
}
.menu_catalog > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
}
.menu_catalog ul ul li.has-sub > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    right: 15px;
    z-index: 10;
    top: 11.5px;
    border-top: 2px solid #eeeeee;
    border-left: 2px solid #eeeeee;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.menu_catalog ul ul li.active > a::after, .menu_catalog ul ul li.open > a::after, .menu_catalog ul ul li > a:hover::after {
    border-color: #ffffff;
}
.clearfloat {
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}

.top-line img{height: 15px}
.top-line{font-size: .75rem}
.rast{height: 94px}

.special-header {
	margin-bottom: 20px;
	margin-top: 20px;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.special-header .vc_sep_holder {
	height: 1px;
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 10%;
}
.special-header .vc_sep_holder .vc_sep_line {
	height: 1px;
	border-top: 2px solid #eee;
	display: block;
	position: relative;
	top: 1px;
	width: 100%;
}
.special-header h4 {
	line-height: 1em;
	font-size: 1.8rem;
	margin: 0;
	word-wrap: break-word;
	flex: 0 1 auto;
	padding: 0 1em;
	color: #3f75a2
}

@media(min-width:420px){
   .navbar-brand{width: 254px}
    .rast{height: 108px}
}



@media(min-width:576px){
    h1,h2,h3,h4,.h1,.h2,.h3,.h4, h5, .h5, h6, .h6,header,.header nav a,.kontakt{font-family: 'TTSquaresCondensed-BlackItalic';}
    h1,.h1{font-size: 2.5rem}
    h2,.h2{font-size: 2.3rem}
    h3,.h3{font-size: 2rem}
    h4,.h4{font-size: 1.7rem}
    h5,.h5{font-size: 1.3rem}
    h6,.h6{font-size: 1.2rem}
    .kontakt .h1{font-size: 3.5rem}
    /*.card{font-family: 'TT Squares Condensed Bold Italic';}*/
}

@media(min-width:768px){
    .top-line img{height: auto}
    .rast{height: 136px}
    .top-line{font-size: 1rem}
    .navbar-brand{width: 280px}
.header nav a{font-size: 1.05rem}
    .card-deck .card{flex: 1 0 0%}
    .card-img-top > div{height: 148px}
      .card-group > .card{
    flex: 1 0 48%;max-width: 48%
}
    .cap{height: 6rem; overflow: hidden}
}

@media(min-width:992px){

    form.topform textarea{
	height:5rem;
}
    .card-img-top > div{height: 248px}
    /*form.topform .h4{font-size: 1.3rem;font-family: 'TT Squares Condensed Bold Italic';}*/
/*form.topform, form.topform input[type="text"],form.topform textarea{font-family: 'TT Squares Condensed Bold Italic';}*/
     .preim .h5{font-family: 'TTSquaresCondensed-BlackItalic';}
   /* .h-phone{font-family: 'TT Squares Condensed Bold Italic';}*/
      .card-group > .card{
    flex: 1 0 32%;
             max-width: 32%
}
    .cap{height: 4.5rem}
}

@media(min-width:1200px){
    .navbar-brand{width: auto}
     .rast{height: 162px}
    .cap{height: 3.5rem}
}