@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Teko';
	src: url('../fonts/Teko.ttf');
}

body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
	font-size: 1.1rem;
	background-color: #fff;
	color: #0d0d0d;
	margin: 0;
	padding: 0;
}

/* Links */
a:link {
    color: #7199c8;
	text-decoration: underline;
}
a:hover {
    color: #7199c8;
	text-decoration: none;
}
a:active, a:visited {
    color: #7199c8;
	text-decoration: underline;
}
/* End Links */
strong {
    font-weight: 700;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: "Teko", sans-serif;
	font-size: 4rem;
	font-weight: 400;
	color: #2a3950;
	line-height: 100%;
}

header {
	background-color: #2a3950;
	color: #fff;
}
header a {
	color: #fff!important;
	text-decoration: none!important;
}

/* MOBILE MENU ICO */
.menu-block {
    display: inline-block;
	cursor: pointer;
	position: relative;
}
.m-btn {
    display:  inline-block;
	position: relative;
	width: 30px;
	height: 13px;
}
.m-btn span, .m-btn span:before, .m-btn span:after {
	position: absolute;
    display: block;
	content: '';
    width: 30px;
	height: 2px;
	background-color: #fff;
	border-radius: 1px;
	transition: all 500ms ease-in-out;
}
.m-btn span {
	right: 0;
    top: 5px;
}
.m-btn span::before {
    right: 0;
    top: -6px;
	width: 50%;
}
.m-btn span::after {
    left: 0;
    top: 6px;
	width: 50%;
}
.menu-block:hover .m-btn span::before, .menu-block:hover .m-btn span::after {
    width: 100%;
}
/* End MOBILE MENU ICO */

/* MENU */
.offcanvas {
	background-color: #2a3950;
	color: #fff;
}
.offcanvas a {
	color: #fff!important;
	text-decoration: none!important;
}
.offcanvas .btn-close {
    opacity: 1;
	padding: 0;
	margin: 0;
	width: 25px;
    height: 25px;
	background-size: 100%;
	position: absolute;
	left: -50px;
	top: 30px;
}
.offcanvas-body {
	padding: 30px;
}
.phone a {
	display: inline-block;
	font-size: 1.2rem;
	background-color: #fff;
	color: #2a3950!important;
	text-decoration: none;
	padding: 10px 20px;
	border-radius: 30px;
	font-weight: 500;
}

.main-menu {
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 400;
}
.main-menu > li {
	border-bottom: 1px solid #3f5371;
	position: relative;
}
.main-menu li a {
	display: block;
	padding: 10px 0;
}
.main-menu li > a {
	margin-right: 20px;
}
.main-menu li > a:hover, .main-menu li.current > a {
	color: #7199c8!important;
}
.main-menu li.parent .pl-min {
	font-size: 2.5rem;
	font-weight: 300;
	cursor: pointer;
	transition: 0.5s;
	position: absolute;
	right: 0;
	top: -0.3rem;
	color: rgba(255,255,255,0.7);
}
ul.mm-submenu {
    display: none;
	padding-bottom: 15px;
	list-style: disc;
	font-size: 1.1rem;
}
ul.mm-submenu > li {
	position: relative;
}

.main-menu li.parent.mopen > .pl-min  {
	transform: rotate(45deg);
}
/* End MENU */

/* DOP MENU */
.dop-menu {
	background-color: #000;
	color: #fff;
	font-size: 1rem;
}
.dop-menu ul li {
	margin: 5px;
}
.dop-menu ul li a.nav-link {
	border-radius: 10px;
	background-color: #fff;
	color: #000;
	margin: 5px;
	text-decoration: none;
	transition: 1s;
	font-weight: 400;
}
.dop-menu ul li.current a.nav-link, .dop-menu ul li a.nav-link:hover {
	background-color: #7199c8;
	color: #fff;
}
/* End DOP MENU */

/* BREADCRUMBS */
.breadcrumbs {
	background-color: #48596e;
	font-size: 0.8rem;
}
/* End BREADCRUMBS */

/* VIDEO */
.video {
	position: relative;
	height: 100vh;
}
video {
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
/*End VIDEO */

/* MAIN */
main {
	background-color: #f2f2f2;
	overflow-x: hidden;
}

.main-img-one {
	height: 100vh;
	width: 100%;
	position: relative;
	overflow: hidden;
}
@keyframes grow {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
.main-img-one img {
	object-fit:cover;
	height: 100%;
	width: 100%;
	animation: grow 18000ms ease;
}

.main-page-header {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	width: 100%;
}
.main-page-header h1 {
	color: #fff;
	font-size: 5rem;
	text-shadow: 0 0 15px #0d0d0d;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
}
.main-img-two > div {
	height: 100%;
	position: relative;
}
.main-img-two img {
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

/* FEEDBACK */
a.fb-button, a.wjcallback-link  {
	display: inline-block;
	padding: 15px 30px;
	background-color: #7199c8;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	transition: 0.5s;
}
a.fb-button:hover, a.wjcallback-link:hover {
	background-color: #2a3950;
}
.wjcallbackform .modal-header .close {
	color: #bc3018;
}
.wjcallbackform .modal-header .modal-title {
	color: #000;
	font-size: 1.3rem!important;
}
.btn-send {
	display: inline-block;
	padding: 15px 30px;
	background-color: #7199c8;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	transition: 0.5s;
	border: none;
	border-radius: 0;
}
.btn-send:hover {
	background-color: #2a3950;
	color: #fff;
}
.modal-dialog {
    padding: 20px;
    width: 50vw;
}
.control-group {
	padding-bottom: 20px;
}
/* End FEEDBACK */
.fast-facts-wrapper {
	background-color: #263952;
    padding: 6px;
    border-radius: 0px;
    margin-bottom: 2px;
	font-size: 0.9rem;
	font-weight: 500;
}
.fast-facts-title {
    text-align: right;
    color: #f2f2f2;
	width: 40%;
}
.fast-facts-content {
    width: 60%;
    padding-left: 10px;
    margin-left: 10px;
    text-align: left;
    background-color: #48596e;
    border-radius: 0px;
    color: #f2f2f2;
    font-weight: 500;
	height: 100%;
}

.accordion-item {
	background-color: #fff;
	color: #0d0d0d;
	border: 1px solid #2a3950;
}
.accordion-button {
	background-color: #48596e;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 500;
}
.accordion-button:not(.collapsed) {
    background-color: #2a3950;
	color: #fff;
    box-shadow: none;
}
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M12 16a1 1 0 0 1-.71-.29l-6-6a1 1 0 0 1 1.42-1.42l5.29 5.3 5.29-5.29a1 1 0 0 1 1.41 1.41l-6 6a1 1 0 0 1-.7.29z' data-name='16' fill='%23ffffff' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	width: 1.8rem;
	height: 1.8rem;
	background-size: 1.8rem;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M12 16a1 1 0 0 1-.71-.29l-6-6a1 1 0 0 1 1.42-1.42l5.29 5.3 5.29-5.29a1 1 0 0 1 1.41 1.41l-6 6a1 1 0 0 1-.7.29z' data-name='16' fill='%23ffffff' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
table.table th {
	background-color: #f2f2f2;
	color: #48596e;
}
/* End MAIN */

/* MODULES */
.mod-black {
	background-color: #2a3950;
	color: #fff;
}
.mod-blue {
	background-color: #2a3950;
	color: #fff;
}
.mod-white {
	background-color: #fff;
	color: #0d0d0d;
}
.mod-gray {
	background-color: #f2f2f2;
	color: #0d0d0d;
}
.mod-black h1, .mod-black .h1, .mod-black h2, .mod-black .h2, .mod-black h3, .mod-black .h3, .mod-black h4, .mod-black .h4 {
	color: #fff;
}
.mod-blue h1, .mod-blue .h1, .mod-blue h2, .mod-blue .h2, .mod-blue h3, .mod-blue .h3, .mod-blue h4, .mod-blue .h4 {
	color: #fff;
}
/* End MODULES */

/* KATALOG */
a.kat-wrapper, div.kat-wrapper {
	display: block;
	width: 90%;
	margin: 0 auto;
	height: 45vh;
	position: relative;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
}
.kat-wrapper img {
	object-fit:cover;
	height: 100%;
	width: 100%;
	transition: 8s;
}
.kat-header {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 30px;
	background: linear-gradient(to top, #2a3950, rgba(42, 57, 80, 0.8) 50%, rgba(42, 57, 80, 0));
	font-family: "Teko", sans-serif;
	font-size: 3rem;
	font-weight: 400;
	line-height: 100%;
}
.news .kat-header {
	font-size: 2rem;
}
.workers-header {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 30px;
	background: linear-gradient(to top, #000505, rgba(0,5,5,0.8) 50% ,rgba(0,5,5,0));
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 100%;
}
a.kat-wrapper:hover img {
	transform: scale(1.3);
}
.playbtn {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
/* End KATALOG */

/* GALLERY */
.ss-wrapper {
	padding: 0 10px;
	height: 25vh;
}
.ss-wrapper a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid #e3e2e2;
}
.ss-wrapper a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.slick-prev:before, .slick-next:before {
	color: #7199c8;
}
.slick-prev:before {
    font-family:'FontAwesome';
    content: "\f104";
	font-size: 40px;
}
.slick-next:before {
	font-family:'FontAwesome';
    content: "\f105";
	font-size: 40px;
}
/* End GALLERY */

/* TECHNOLOGIES */
.tech {
	font-size: 1rem;
}
.tech-img {
	height: 35vh;
}
.tech-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.tech-header {
	font-family: "Teko", sans-serif;
	font-size: 2.3rem;
	font-weight: 400;
	padding: 20px 0 10px 0;
}
/* End TECHNOLOGIES */



/* FOOTER */
footer {
	background-color: #2a3950;
	color: #fff;
	font-size: 0.9rem;
}
.small, small {
    font-size: .9rem;
	line-height: 100%;
}
footer .f-header {
	color: #7199c8;
	font-family: "Teko", sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
}

.footer-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-menu li a {
	display: block;
	padding: 5px 0px;
	color: #fff!important;
	text-decoration: none!important;
}
/* End FOOTER */

/* POWERED */
a.garry {
	color: #000505;
	text-decoration: none;
}
a.garry img {
    transition: 0.7s;
}
a.garry:hover img {
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
/* End POWERED */

/* SCROLL UP */
a.scrollup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    opacity: 0.5;
    display: none;
    background: url(../images/up-arrow.png) center center no-repeat;
	background-size: cover;
	transition: 1s;
	z-index: 300;
	border: none;
}
.scrollup:hover {
    opacity: 1;
}
/* End SCROLL UP */

/* @MEDIA */
/* <= 1199px */
@media (max-width: 1199px) {

}
/* <= 1024px */
@media (max-width: 1024px) {
	.video {
	    position: relative;
	    height: 50vh;
    }
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		font-size: 3rem;
	}
	.main-img-one {
	    height: 50vh;
    }
	.main-img-one h1 {
		font-size: 3.5rem;
	}
	a.kat-wrapper, div.kat-wrapper {
	    width: 100%;
	    margin: 0;
    }
}
/* <= 991px */
@media (max-width: 991px) {
	
}
/* <= 767px */
@media (max-width: 767px) {
	body {
	    font-size: 1rem;
    }
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		font-size: 2.5rem;
	}
	.main-img-one h1 {
		font-size: 1.5rem;
	}
	.main-img-two img {
		position: relative;
    }
	.offcanvas .btn-close {
		width: 20px;
		height: 20px;
		left: 20px;
	    top: 20px;
    }
	.offcanvas-body {
	    padding: 60px 20px 20px 20px;
    }
	.kat-header {
	    padding: 20px;
	    font-size: 2.5rem;
    }
	.fast-facts-title {
	    width: 100%;
		padding-bottom: 5px;
		text-align: left;
    }
    .fast-facts-content {
        width: 100%;
		margin-left: 0;
    }
	.modal-dialog {
        padding: 10px;
        width: 90vw;
    }
	.playbtn {
		width: 45px;
		height: 45px;
	}
	
}
/* <= 380px */
@media (max-width: 380px) {
	
}
/* <= 320px */
@media (max-width: 320px) {
	
}

/* >= 2000 */
@media (min-width: 2000px) {

}