@font-face {
    font-family: "corporateThin";
    src: url("/themes/default/fonts/93b6bf6a-418e-4a8f-8f79-cb9c99ef3e32.eot?#iefix");
    src: url("/themes/default/fonts/93b6bf6a-418e-4a8f-8f79-cb9c99ef3e32.eot?#iefix") format("eot"), url("/themes/default/fonts/c881c21b-4148-4a11-a65d-f35e42999bc8.woff") format("woff"), url("/themes/default/fonts/03634cf1-a9c9-4e13-b049-c90d830423d4.ttf") format("truetype"), url("/themes/default/fonts/1bc99c0a-298b-46f9-b325-18b5e5169795.svg#1bc99c0a-298b-46f9-b325-18b5e5169795") format("svg");
}
@font-face {
    font-family: "corporateRoman";
    src: url("/themes/default/fonts/f1feaed7-6bce-400a-a07e-a893ae43a680.eot?#iefix");
    src: url("/themes/default/fonts/f1feaed7-6bce-400a-a07e-a893ae43a680.eot?#iefix") format("eot"), url("/themes/default/fonts/8ac9e38d-29c6-41ea-8e47-4ae4d2b1a4e1.woff") format("woff"), url("/themes/default/fonts/4bd09087-655e-4abb-844c-dccdeb68003d.ttf") format("truetype"), url("/themes/default/fonts/df234d87-eada-4058-aa80-5871e7fbe1c3.svg#df234d87-eada-4058-aa80-5871e7fbe1c3") format("svg");
}
@font-face {
    font-family: "corporateCondensed";
    src: url("/themes/default/fonts/60668a0e-2339-4a95-bfbc-cd496257c85d.eot?#iefix");
    src: url("/themes/default/fonts/60668a0e-2339-4a95-bfbc-cd496257c85d.eot?#iefix") format("eot"), url("/themes/default/fonts/0905631b-a5fc-4fc2-a8cd-3e635798a88f.woff") format("woff"), url("/themes/default/fonts/493449a4-8f7d-4a56-915b-9c5c7238fba1.ttf") format("truetype"), url("/themes/default/fonts/c0afb576-fd5e-4d04-b54e-0722905cf89f.svg#c0afb576-fd5e-4d04-b54e-0722905cf89f") format("svg");
}
@font-face {
    font-family: "corporateBold";
    src: url("/themes/default/fonts/41fb73ed-90c8-456d-838e-254f4dfda106.eot?#iefix");
    src: url("/themes/default/fonts/41fb73ed-90c8-456d-838e-254f4dfda106.eot?#iefix") format("eot"), url("/themes/default/fonts/d85949a1-c37a-43f7-9d09-fb056acf0c27.woff") format("woff"), url("/themes/default/fonts/5289fb0d-053f-4fac-9c67-2d02365d6d05.ttf") format("truetype"), url("/themes/default/fonts/1376b116-8954-4534-8045-eabe8e2fcaa4.svg#1376b116-8954-4534-8045-eabe8e2fcaa4") format("svg");
}
@font-face {
    font-family: "corporateCondensedBold";
    src: url("/themes/default/fonts/b02b27ec-e236-493a-8a98-a843b378944b.eot?#iefix");
    src: url("/themes/default/fonts/b02b27ec-e236-493a-8a98-a843b378944b.eot?#iefix") format("eot"), url("/themes/default/fonts/cde92697-8c36-491a-a0e6-d93f889eb4e5.woff") format("woff"), url("/themes/default/fonts/d7d4db68-7012-474a-b1cc-3a378d417e94.ttf") format("truetype"), url("/themes/default/fonts/6cb2e8c7-d3e1-4d59-83f5-a577a0f8fc20.svg#6cb2e8c7-d3e1-4d59-83f5-a577a0f8fc20") format("svg");
}

@font-face {
    font-family: "RobotoRegular";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/RobotoRegular.woff") format("woff"), url("/themes/default/fonts/RobotoRegular.ttf") format("truetype"), url("/themes/default/fonts/RobotoRegular.svg") format("svg");
}
@font-face {
    font-family: "Opensans";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/opensans.woff") format("woff"), url("/themes/default/fonts/opensans.ttf") format("truetype"), url("/themes/default/fonts/opensans.svg") format("svg");
}
@font-face {
    font-family: "Opensansbold";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/opensansbold.woff") format("woff"), url("/themes/default/fonts/opensansbold.ttf") format("truetype"), url("/themes/default/fonts/opensansbold.svg") format("svg");
}
@font-face {
    font-family: "Arial_Narrow";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/Arial_Narrow.woff") format("woff"), url("/themes/default/fonts/Arial_Narrow.ttf") format("truetype"), url("/themes/default/fonts/Arial_Narrow.svg") format("svg");
}
@font-face {
    font-family: "franklin-gothic-medium";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/franklin-gothic-medium-2.woff") format("woff"), url("/themes/default/fonts/franklin-gothic-medium-2.ttf") format("truetype"), url("/themes/default/fonts/franklin-gothic-medium-2.svg") format("svg");
}
@font-face {
    font-family: "franklin-gothic-heavy";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/franklin-gothic-heavy.woff") format("woff"), url("/themes/default/fonts/franklin-gothic-heavy.ttf") format("truetype"), url("/themes/default/fonts/franklin-gothic-heavy.svg") format("svg");
}

html, body { 
	width: 100%; 
	height: 100%; 
	padding: 0; 
	margin: 0; 
	font-family: "franklin-gothic-medium";
	font-size: 12px; 
	color: #000000; 
	/* background: #777272;  */
}


a { 
	outline: none; 
	-moz-outline: 0; 
	border: none; 
	border-width: 0px; 
}
a:active { 
	outline: none; 
	-moz-outline: 0; 
}
a:focus { 
	outline: none; 
	-moz-outline: 0; 
}

img { 
	border: none; 
	border-width: 0px; 
}

.clear { 
	clear: both; 
	font-size: 0; 
	line-height: 0; 
	height: 0; 
}

*html #main { 
	height: 100%; 
}


p { 
	margin: 12px 0px ; 
}
a { 
	text-decoration: underline; 
	color: #000; 
}
a:hover { 
	text-decoration: none; 
}

/* ----- h1- h6 ----- */
h1 {
	color: #000;
	font-size: 25px;
	font-style: none;
	font-weight: normal;
	text-transform: uppercase;
	font-family: "franklin-gothic-medium";
}
h2, h3, h4 { 
	font-size: 18px;
	margin: 15px 0; 
	font-weight: normal; 
	font-family: "franklin-gothic-medium";
}
h3 { 
	font-size: 16px;
}
h4 {
	font-size: 14px;
}

table { 
	border-collapse: collapse; 
}

ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
}
/**/
.great-title {
    color:#023a86;
    font-size: 30px;
    text-transform: uppercase;
    font-family: "franklin-gothic-medium";
}
/* ---- header ---- */
header {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: white;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 50%);
}
#header-menu {
    width: 55%;
    height: 100px;
    margin:0 auto;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
.logo-header {
    flex-basis: 90px;
    text-decoration: none;
    text-align: center;
}
.logo-header:hover {
    text-decoration: none;
}
.logo-header img {
	width: 100px;
}
.logo-header span {
    width: 100%;
    display: block;
    color:#6ab8ee;
    font-family: "RobotoRegular";
    font-family: "Opensans";
    font-family: "Opensansbold";
    font-family: "Arial_Narrow";
    font-family: 'Arial';
    font-weight: 800;
    font-size: 30px;
    line-height: 32px;
}
.logo-header:hover span {
    /* color:#598dbc; */
}
#header-menu nav {
    flex-basis: 70%;
}
#header-menu nav ul {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    justify-content: space-around;
}
#header-menu nav li {
    padding: 0;
    margin:0 1%;
}
#header-menu nav a {
    text-decoration: none;
    color:#023a86;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 3px;
    font-family: "franklin-gothic-medium";
}
#header-menu nav a:hover {
    color:#598dbc;
}
/* ----- block-page-main ----- */
#block-page-main {
    width: 100%;
    height: 960px;
    background: url("/themes/default/images/main-page-fon-1950.jpg") no-repeat 50% 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}
#block-page-main-slogan {
	width: 518px;
	padding: 6px;
	background: #0000009c;
	margin-top: 50px;
}
#block-page-main-slogan div {
    padding:20px 0;
    border:1px solid #ffffff;
    /* font-family: "franklin-gothic-medium";
    font-family: "RobotoRegular";
    font-family: "Opensans";
    font-family: "Opensansbold";
    font-family: "Arial_Narrow"; */
    font-family: 'Arial';
    text-align: center;
    color:#fff;
}
#block-page-main-slogan div h4 {
    font-size: 16px;
    font-weight: normal;
    font-family: 'Arial';
}
#block-page-main-slogan div h2 {
    font-size: 26px;
    font-weight: normal;
    font-family: 'Arial';
}
#block-page-main-slogan div p {
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
}
#block-page-main-slogan div a {
    display: block;
    margin:10px auto;
    width: 131px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color:#ffffff;
    padding:5px;
    border:1px solid #fff;
}
#block-page-main-slogan div a:hover {
    color:#000;
    background-color: #fff;
}
/* ----- block-page-about ----- */
#block-page-about {
    width: 100%;
    display: -webkit-box;
    display: flex;
    height: 400px;
    background-color: #14112c;
}
#block-page-about-1 {
    flex-basis: 33%;
    background: url("/themes/default/images/block-page-about-1.png") no-repeat 50% 50%;
}
#block-page-about-2 {
    flex-basis: 33%;
    background-color: #023a86;
    margin:0 auto;
    /* display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap; */
}
#block-page-about-3 {
    flex-basis: 33%;
    min-width: 0;/* for swiper js */
    background: url("/themes/default/images/block-page-about-3-1950.png") no-repeat 0% 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end;
}
#block-page-about-history {
    width: 100%;
    position: relative;
    cursor: pointer;
}
#block-page-about-history .swiper-wrapper {
    width: 100%;
    height: 146px;
    background-color: #1d1a37;
}
#block-page-about-history .swiper-pagination-bullet {
    background-color: #9392a2!important;
}
#block-page-about-history .swiper-pagination-bullet-active {
    background-color: #72b1e4!important;
}
#block-page-about-history .swiper-pagination {
    bottom:20px;
}
#block-page-about-history .swiper-wrapper .swiper-slide {
    color:#ffffff;
    background-color: #023a86;
}
#block-page-about-history .swiper-wrapper .swiper-slide h4 {
    font-size: 26px;
    font-weight: normal;
    font-family: 'Arial';
    text-transform: uppercase;
    margin: 0;
    padding:20px 20px 1px 20px;
}
#block-page-about-history .swiper-wrapper .swiper-slide p {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 10px 20px;
}
#block-page-about-2 div {
    width: 45px;
    height: 5px;
    margin:0 auto;
    background: #6ab8ee;
}
#block-page-about-2 h2 {
	width: 96%;
	margin: 80px auto 0px auto;
	padding: 20px 2%;
	text-align: center;
	color: #fff;
}
#block-page-about-2 p {
    width: 76%;
    margin:0 auto 20px auto;
    padding:20px 2%;
    color:#ffffff;
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
    text-align: center;
}
/* ----- block-page-services ----- */
#block-page-services {
    width: 90%;
    margin:0 auto 50px auto;
    display: -webkit-box;
    display: flex;
    /* align-items: flex-start; */
    -webkit-box-pack: center;
            justify-content: center;
    flex-wrap: wrap;
}
#block-page-services .great-title {
    flex-basis: 100%;
    text-align: center;
    padding: 0;
    margin:55px auto 0 auto;
}
#block-page-services .blue-brick {
    width: 45px;
    height: 5px;
    margin:15px 40% 0 40%;
    background: #6ab8ee;
}
#block-page-services-1 {
    border-left:1px solid #e2e2e2;
}

#block-page-services-1,
#block-page-services-2,
#block-page-services-3 {
    flex-basis: 33%;
    text-align: center;
    margin:30px 0 0 0;
    border-right:1px solid #e2e2e2;
}
#block-page-services-1 img,
#block-page-services-2 img,
#block-page-services-3 img {

}
#block-page-services-1 h3, #block-page-services-2 h3, #block-page-services-3 h3 {
	font-size: 19px;
	font-weight: bold;
	font-family: 'Arial';
	text-transform: uppercase;
	color: #023a86;
}
#block-page-services-1 p, #block-page-services-2 p, #block-page-services-3 p {
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	padding: 0;
	margin: 10px 20%;
	font-family: "franklin-gothic-medium";
	color: #535050;
	font-weight: bold;
}
#block-page-services-1 .blue-brick,
#block-page-services-2 .blue-brick,
#block-page-services-3 .blue-brick {
    height: 3px;
    margin: 15px auto 20px auto;
}
#block-page-services-1 ul,
#block-page-services-2 ul,
#block-page-services-3 ul {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}
#block-page-services-1 ul li,
#block-page-services-2 ul li,
#block-page-services-3 ul li {
    width: 100%;
    text-align: center;
    text-transform: none;
    font-size: 16px;
    line-height: 21px;
    padding:11px 0 11px 0;
    border-bottom:1px solid #e2e2e2;
    font-family: "franklin-gothic-medium";
}
#block-page-services-1 ul li:last-child,
#block-page-services-2 ul li:last-child,
#block-page-services-3 ul li:last-child {
    border-bottom: none;
}
/* ----- block-page-clients ----- */
#block-page-clients {
    width: 100%;
    margin:20px auto;
    padding: 0;
}
#block-page-clients h2 {
    text-align: center;
    padding: 0;
    margin:30px auto 20px auto;
}
#block-page-clients .blue-brick {
    width: 45px;
    height: 5px;
    margin:1px auto 30px auto;
    background: #6ab8ee;
}
#block-page-clients div {
    width: 80%;
    margin:0 auto;
    padding: 0px 0px 0px 0px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}
#block-page-clients div img {
	flex-basis: 100px;
	width: 180px;
	padding: 0;
	margin: 50px 4% 100px;
	max-height: 100px;
}
#block-page-clients p {
    font-size: 16px;
    font-weight: normal;
    padding: 0;
    margin: 30px 0;
    font-family: "franklin-gothic-medium";
    color: #535050;
    text-align: center;
}
/* ----- block-page-contacts ----- */
#block-page-contacts {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	background-color: #023a86;
	overflow: hidden;
}
#block-page-contacts .great-title {
	color: #fff;
	text-align: center;
	margin: 30px 0 50px;
}
#block-page-contacts ul {
    width: 100%;
    padding: 0;
    margin:30px auto 50px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
            justify-content: center;
}
#block-page-contacts ul li {
    text-align: center;
    flex-basis: 20%;
    padding:0 2%;
    margin:0;
    border-left:1px solid #ffffff;
}
#block-page-contacts ul li:first-child {
    border-left:none;
}
#block-page-contacts ul li h4 {
    font-size: 16px;
    font-weight: normal;
    font-family: 'Arial';
    text-transform: uppercase;
    color:#ffffff;
}
#block-page-contacts ul li p {
    font-size: 14px;
    font-weight: normal;
    font-family: 'Arial';
    color:#fff;
    font-weight: bold;
}
#block-page-contacts ul li p a {
    color:#fff;
}
/* ----- block-page-projects ----- */
#block-page-projects {
    width: 90%;
    padding:30px 5%;
    margin: 30px auto;
    background-color: #fafafa;
}
#block-page-projects-wrapper {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
            justify-content: flex-start;
}
#block-page-projects-1 {
    flex-basis: 30%;
}
#block-page-projects-1 h2 {
    padding: 0;
    margin:0 0 15px 0;
}
#block-page-projects-1 .blue-brick {
    width: 45px;
    height: 5px;
    padding: 0;
    margin:10px 0 0 0;
    background: #6ab8ee;
}

#block-page-projects-2 {
    flex-basis: 70%;
    position: relative;
    min-width: 0px;
}
#block-page-projects-2 .projectSwiper {
    margin:0px 0 0 0;
}
#block-page-projects-2 .swiper-slide {
    background: #fafafa;
}
#block-page-projects-2 .swiper-slide h4 {
    font-size: 19px;
    font-weight: normal;
    font-family: 'Arial';
    /* text-transform: uppercase; */
    margin: 0;
    padding: 1px 100px 15px 0px;
}
#block-page-projects-2 .swiper-slide img {
    width: 100%;
}
#block-page-projects-2 .swiper-button-prev {
    left:auto;
    right:60px;
    top:20px;
    border:1px solid #cecece;
    height:30px;
    background: #c7c7c7;
}
#block-page-projects-2 .swiper-button-next {
    right:0px;
    top:20px;
    border:1px solid #cecece;
    height:30px;
    background: #c7c7c7;
}
#block-page-projects-2 .swiper-button-prev::after {
    font-size: 15px;
    height:15px;
    color:#535050;
    font-weight: bold;
}
#block-page-projects-2 .swiper-button-next::after {
    font-size: 15px;
    height:15px;
    color:#535050;
    font-weight: bold;
}
/* ----- footer ----- */
footer {
    width: 100%;
    text-align: center;
    padding:10px 0;
    margin: 0;
    font-family: "franklin-gothic-medium";
    color: #535050;
}

@media screen and (max-width: 1600px) {
    #header-menu nav {
        flex-basis: 80%;
    }
    #block-page-main {
        height: 895px;
        background: url("/themes/default/images/main-page-fon-1600.jpg") no-repeat 50% 50%;
    }
    #block-page-about-3 {
        background: #000000 url("/themes/default/images/block-page-about-3-1600.png") no-repeat 0% 50%;
    }
}
@media screen and (max-width: 1400px) {
    #header-menu {
        width: 70%;
    }
}
@media screen and (max-width: 1200px) {
    #block-page-main {
        height: 699px;
        background: url("/themes/default/images/main-page-fon-1250.jpg") no-repeat 50% 50%;
    }
}