@font-face {
	font-family: 'OpenSans-Bold';
	src: url("../fonts/OpenSans-Bold.ttf");
	src: local('OpenSans-Bold'), url("../fonts/OpenSans-Bold.ttf") format("truetype");
}

@font-face {
	font-family: 'OpenSans-Regular';
	src: url("../fonts/OpenSans-Regular.ttf");
	src: local('OpenSans-Regular'), url("../fonts/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
	font-family: 'OpenSans-Light';
	src: url("../fonts/OpenSans-Light.ttf");
	src: local('OpenSans-Light'), url("../fonts/OpenSans-Light.ttf") format("truetype");
}

@font-face {
	font-family: 'OpenSans-Semibold';
	src: url("../fonts/OpenSans-Semibold.ttf");
	src: local('OpenSans-Semibold'), url("../fonts/OpenSans-Semibold.ttf") format("truetype");
}

@font-face {
	font-family: 'OpenSansCondensedBold';
	src: url("../fonts/OpenSansCondensedBold.ttf");
	src: local('OpenSansCondensedBold'), url("../fonts/OpenSansCondensedBold.ttf") format("truetype");
}

.red {
    color: #ff0000;
}
.blue {
    color: #318CCA;
}
.no_margin_top {
    margin-top: 0px;
}
.margin_bottom {
    margin-bottom: 30px;
}
.margin_top {
    margin-top: 20px;
}
h1, h2, h3 {
    color: #318CCA;
}
@media (max-width: 500px){
	p>img {
	height: 80px;
	width: auto;
	}
}
@media (min-width: 768px){
p>img {
	height: auto;
	width: 400px;
	}
}
@media (min-width: 992px){
p>img {
	height: auto;
	width: 500px;
	}
}
@media (min-width: 1200px){
p>img {
	height: auto;
	width: 600px;
	}
}
/*top menu */
.top_panel {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    z-index: 10;
    border: 0px;
}
@media (min-width: 768px){
    .menu-logo img {
        height: 100px;
        width: auto;
    }
}
.navbar-inverse {
    background-color: #fff;
    border-color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
    color: #318CCA;
}
/*.header-nav  > li {
    width: 13.5%;
    display: inline-block;
    text-align: center;
    float: none;
    vertical-align: middle;
}*/
@media (min-width: 768px){
    .navbar-nav > li > a {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
@media (min-width: 768px){
    .header-nav  > li > a {
        font-size: 120%;
    }
}
@media (min-width: 992px){
    .header-nav  > li > a {
        font-size: 135%;
    }
}
@media (min-width: 1200px){
    .header-nav  > li > a {
        font-size: 160%;
    }
}

@media (min-width: 768px) {
    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 3px;
    }
}
@media (min-width: 992px) {
    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 4px;
    }
}
.header-nav {
    margin-top: 18px;
   /* margin-left: 8%;*/
    float: none; 
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #ccc;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #318CCA;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #318CCA;
}
.dropdown-menu > li > a {
    color: #318CCA;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #318CCA;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #f5f8ff;
}
.navbar-inverse .navbar-toggle {
    border-color: #318CCA;
}
.navbar-inverse .navbar-collapse{
    border-color: #318CCA;
}
@media (max-width: 767px){
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #318CCA;
    }
}
@media (max-width: 767px){
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: #318CCA;
    }
}

/*Content */
@media (min-width: 768px){
    .carousel {
     margin-top: 30px;
    }
}
.grid_items .thumbnail {
    border: 0px solid #ddd;
    border-radius: 0px;
    padding: 0;
}
.grid_items {
    box-shadow: inset 0 0 1px rgba(150,173,214,.5);
    padding-top: 15px;
    padding-bottom: 10px;
}
.grid_items:hover,
.grid_items:active {
    box-shadow: 0 0 5px rgba(13, 46, 105, 0.90);
}
.grid_items img:hover {
    -webkit-filter: grayscale(100%);
}
.grid_items div.caption > a > p {
    text-transform: uppercase;
    font-weight: bold;
    height: 3em;
}
.grid_items a img {
    height: 186px;
    object-fit: contain;
}
.cat_main a img {
    height: 124px;
}
.principle {
    background-image: url("/img/foreman.jpg");
    background-position: top;
    background-repeat: no-repeat;
}
.principle ol {
    max-width: 565px;
    color: #484745;
    font-size: 220%;
}
.principle li {
    line-height: 10px;
    margin: 0 0 30px 0;
    padding-top: 10px;
}
.principle li h2 {
    margin: 0 0 0 0;
    padding: 0;
    color: #318CCA;
    text-transform: uppercase;
    font-size: 50%;
}
.principle li p {
    font-size: 45%;
    line-height: 17px;
    margin: 15px 0 0 0;
}
.selection {
    margin-bottom: 30px;
}
.into {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 992px) {
    .into {
        width: 20%;
        float: left;
    }
}
.des_caption{
    display: block;
    padding: 4px;
    padding-top: 8px;
    margin-bottom: 20px;
    height: 170px;
    line-height: 1.42857143;
    background-color: #f4f1ed;
    border-left: 1px solid #757575;
    border-bottom: 1px solid #757575;
    border-right: 1px solid #757575;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.into .thumbnail {
    margin-bottom: 0px;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #757575;
}
.into .thumbnail img {
    height: 111px;
}
.btn_application {
    color: #FFF;
    background-color: #1a87df;
    border-color: #1a87df;
    text-transform: uppercase;
    padding: 13px;
    font-weight: bold;
}
.btn_application:hover,
.btn_application:active,
.btn_application:focus,
.btn_application:visited {
    color: #FFF;
    background-color: #74B1DF;
    border-color: #74B1DF;
}
.bg_work{
    border: 0px;
    margin-bottom: 0px;
    padding: 0px;
}
.project_main{
  margin-bottom: 30px;
}
.list_carousel {}
.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.list_carousel li {
    margin: 10px;
    height:150px;
    display: block;
    float: left;
}
.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}
.list_carousel li img {
    width: 272px;
    height: 170px;
}
.list_carousel li img:hover {
    -webkit-filter: grayscale(100%);
}
.content{
    padding-top: 50px;
}
@media (max-width: 500px){
.content{
    padding-top: 5px;
}
}
.content2{
    padding-top: 95px;
}
@media (max-width: 500px){
.content2{
    padding-top: 49px;
}
}
.list-group-item {
    border: 0px ;
    background-color: transparent;
}
a.list-group-item:focus, a.list-group-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #318CCA;
    box-shadow: 2px 2px 7px 0 rgba(50, 50, 50, 0.74);
    text-shadow: 1px 1px 1px #000;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #318CCA;
    border-color: #318CCA;
    box-shadow: 2px 2px 7px 0 rgba(50, 50, 50, 0.74);
    text-shadow: 1px 1px 1px #000;
}
.project_mini a img{
    height: 186px;
    object-fit: contain;
}




/* Футер */
.page-footer {
    float: left;
    width: 100%;
    background: #ccc;
    color: #318CCA;
}
.page-footer .page-footer-wrapper {
    width: 1050px;
    margin: 0px auto;
}
.page-footer .page-footer-containers {
    float: left;
    width: 100%;
    padding: 30px 0px;
}
.page-footer .page-footer-containers h3 {
    float: left;
    clear: both;
    margin: 5px 0px;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    padding: 20px 0px 10px;
    border-top: 1px solid transparent;
    margin-bottom: 10px;
}
.page-footer .page-footer-containers p {
    line-height: 20px;
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 100%;
    font-size: 13px;
}
.page-footer .page-footer-containers .page-navigation {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.page-footer .page-footer-containers .page-navigation li {
    float: left;
    width: 100%;
}
.page-footer .page-footer-containers .page-navigation li a {
    display: block;
    float: left;
    width: 100%;
    font-size: 11px;
    color: #318CCA;
    line-height: 20px;
}
.page-footer .page-footer-containers h3.line-top {
    border-color: #318CCA;
}
.page-footer .page-footer-containers h3.line-top-highlited {
    padding-top: 18px;
    border-width: 3px;
}
.page-footer .page-footer-containers h3.line-top-first {
    padding-top: 18px;
    border-width: 3px;
}.page-footer .page-footer-containers h3.line-top-second {
     padding-top: 18px;
     border-width: 3px;
 }
.page-footer .page-footer-containers .social {
    float: left;
    width: 100%;
}
.page-footer .page-footer-bottom {
    background: #C1C1C1;
    float: left;
    width: 100%;
    line-height: 50px;
}
.page-footer .page-footer-wrapper {
    width: 1050px;
    margin: 0px auto;
}
.page-footer .page-footer-bottom .copy {
    padding: 15px 0px;
    line-height: 20px;
    float: left;
    font-size: 11px;
    color: #fff;
    width: 30%;
}
.page-footer .page-footer-bottom .text {
    line-height: 10px;
    font-size: 9px;
    padding: 10px 0px;
    color: #fff;
    width: 70%;
    float: left;
}
h3.line-top-highlited:hover,
h3.line-top-highlited:active {
    text-decoration: underline;
}
@media only screen and (max-width: 1070px){
    .page-footer .page-footer-wrapper {
        width: 100%;
        padding: 0px 10px;
    }
}