body {
    background-color: #223;
    color: #eee;
    _font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
		font-family: "Montserrat", Sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
		overflow-x: hidden;
}

@font-face {
		font-family: 'Roboto Condensed';
		font-style: normal;
		font-weight: 400;
		font-display: swap;
		src: url(ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBO5Xw.woff2) format('woff2');
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		src: url(montserrat-jtusjig1_i6t8kchkm459wlhyw.woff2) format('woff2');
		unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* ####################################################################### */
/* ###   CONTENT   #################################################### */
/* ####################################################################### */


.main-content {
    padding: 10px 15px 0;
    max-width: 1200px;
    margin: 100px auto 0;
    text-align: justify;
    _border: 2px solid #f00;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}


.main-content a {
    color: #99f;
    margin: 0 10px;
}

.main-content strong {
    color: #ffb;
}


.main-content pre {

}

.main-content h1,
.main-content h2,
.main-content h3 {
    margin-block-start: 20px;
    margin-inline: 20px;
}

.main-content blockquote {
    margin-block: 0;
    margin-inline: 0;
}


.main-content p {
    padding-inline: 2em;
    text-align: justify;
    margin-block-start: 5px;
    margin-block-end: 15px;
}

.main-content ol {
    padding-inline-start: 2em;
    margin-block-start: 2em;
}

.main-content ol li {
    font-weight: bold;
}

.main-content hr {
		display: none;

    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    border: 0;
    height: 1px;
    background-color: #666;
}



@media (max-width: 768px) {

		.main-content {
				margin: 70px auto 0;
				font-size: 0.8em;
				line-height: 1.4em;
				_overflow-x: hidden;
		}


		.main-content h1 {
				font-size: 1.5em;
				line-height: 1.2em;
				margin-inline: 5px;
		}

		.main-content h2 {
				font-size: 1.4em;
				line-height: 1.3em;
				margin-inline: 5px;
		}

		.main-content h3 {
				font-size: 1.3em;
				line-height: 1.3em;
				margin-inline: 5px;
		}

		.main-content p {

		}

}


@media (max-width: 380px) {

		.main-content {
				font-size: 0.7em;
				line-height: 1.3em;
		}

}






.section-7xrmc-intelligent-compliance-simplified {
    position: relative;
    padding: 20px 0;
    _height: 50vh;
}

.section-7xrmc-intelligent-compliance-simplified h3 {
		display: none;
}

.section-7xrmc-intelligent-compliance-simplified::before {
    content: '';
    position: absolute;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 120vh;
    z-index: -1;
    background-image: url(/img/bg01a.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
    background-position-y: -200px;
    background-position-x: center;
    min-height: 880px;
}







.tophead1, .tophead2, .tophead3, .tophead4, .tophead5, .tophead6 {
    display: inline-block;
    font-family: "Roboto Condensed", "Arial Narrow", Sans-serif;
    margin: 0px 10px;
    padding: 0;
		text-shadow: 10px 10px 20px rgba(0, 0, 0, 0.6);
}

.tophead1 {
    font-size: 85px;
    font-weight: bold;
		opacity: 0;
    animation: anim1 2s ease-out forwards 0s;
}
.tophead2 {
    font-size: 30px;
    position: relative;
    top: -35px;
    animation: anim2 2s ease-out both 2s;
}
.tophead3 {
    font-size: 30px;
    position: relative;
    top: -10px;
    animation: anim3 2s ease-out both 3s;
}
.tophead4 {
    font-size: 30px;
    position: relative;
    top: 5px;
    animation: anim4 2s ease-out both 4s;
}
.tophead5 {
    display: block;
    font-size: 25px;
    text-align: right;
    margin: 50px 0 0px 0;
		animation: anim5 1s ease-out both 6s
}
.tophead6 {
		font-size: 25px;
		line-height: 20px;
		text-align: right;
		display: block;
		margin: 0;
		animation: anim6 2s ease-out both 6.5s
}




@media (max-width: 1024px) {
		.tophead1 {

		}
		.tophead2 {
				display: block;
				top: -20px;
				left: 20px;
				line-height: initial;
		}
		.tophead3 {
				display: block;
				line-height: initial;
				margin-left: 50px;
		}
		.tophead4 {
				line-height: initial;
				left: 95px;
		}
		.tophead5 {
				margin-top: 0;
				font-size: 25px;
		}
		.tophead6 {
				font-size: 25px;
		}
}


@media (max-width: 768px) {
		.tophead1 {
				font-size: 50px;
		}
		.tophead2 {
				top: 0px;
		}
		.tophead3 {
				top: -2px;
		}
		.tophead4 {
				top: -5px;
		}
		.tophead5 {
				margin-top: 30px;
				font-size: 20px;
				line-height: 25px;
		}
		.tophead6 {
				line-height: initial;
				font-size: 20px;
		}


}



@keyframes anim1 {
		0% {
				transform: scale(1.2);
				opacity: 0;
		}
		100% {
				transform: scale(1);
				opacity: 1;
		}
}

@keyframes anim2 {
    0% {
				top: -50px;
				opacity: 0;
		}
    100% {
				opacity: 1;
		}
}

@keyframes anim3 {
    0% {
        transform: translateX(-50px);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes anim4 {
    0% {
        transform: translateX(50px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes anim5 {
    0% {
        transform: translateX(-50px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes anim6 {
    0% {
        transform: translateX(-50px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


























.section-who-we-are {
    position: relative;
    padding: 20px 0;
		animation: slideIn1 1s ease-out forwards;
}

.section-who-we-are::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-color: #383851;
    z-index: -1;
		opacity: 0.7;
}


.section-what-we-offer {
    position: relative;
    padding: 20px 0;
		animation: slideIn2 1s ease-out forwards;
}

.section-what-we-offer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-color: #223;
    z-index: -1;
}



.section-our-team {
    position: relative;
    padding: 20px 0;
    color: #336;
		animation: slideIn1 1s ease-out forwards;
}

.section-our-team p {
		width: 50%;
}

.section-our-team .imgteam {
    position: absolute;
    right: 10%;
    top: 10%;
    width: 30%;
}

.section-our-team strong {
    color: #00274d;
}


.section-our-team::before {
		content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-color: #fff;
    z-index: -1;
}

.section-our-team::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
    background-image: url(/img/imgteam02a.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    opacity: 0.3;
}

@media (max-width: 1024px) {

		.section-our-team p {
				width: 70%;
				color: #000;
		}

}

@media (max-width: 768px) {

		.section-our-team p {
				width: 90%;
		}

}






.section-why-work-with-us {
    position: relative;
    padding: 20px 0;
    color: #336;
		animation: slideIn2 1s ease-out forwards;
}

.section-why-work-with-us a {
    color: #33e;
}

.section-why-work-with-us h3 {
		padding-left: 30%;
}

.section-why-work-with-us p {
    margin: 0;
    padding: 0px 0 0 35%;
}

.section-why-work-with-us strong {
    color: #00274d;
}


.section-why-work-with-us::before {
		content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-color: #bcd1e5;
    z-index: -1;
}


.section-why-work-with-us::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
    background-image: url(/img/wwus01a.jpg);
    background-repeat: no-repeat;
    opacity: 0.3;
    background-position-x: left;
    background-position-y: center;
}

@media (max-width: 1024px) {

		.section-why-work-with-us h3 {
				padding-left: 5%;
		}

		.section-why-work-with-us p {
				padding-left: 10%;
		}

}









@keyframes slideIn1 {
    0% {
        transform: translateX(-20px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideIn2 {
    0% {
        _transform: translateX(20px);
        transform: scale(0.95);
        opacity: 0;
    }
    100% {
        _transform: translateX(0);
        opacity: 1;
    }
}















.section-ungizmo {
    position: relative;
    padding: 20px 0;
    color: #336;
    animation: slideIn1 1s ease-out forwards;
    padding-right: 30%;
}


.section-ungizmo a {
    color: #33e;
}

.section-ungizmo h3 {
		_padding-left: 30%;
}

.section-ungizmo p {
    margin: 0;
    _padding: 0px 0 0 35%;
}

.section-ungizmo strong {
    color: #00274d;
}


.section-ungizmo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-color: #e3e5f4;
    z-index: -1;
}


.section-ungizmo::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
    background-image: url(/img/ungizmo01.jpg);
    background-repeat: no-repeat;
    opacity: 0.2;
    background-position-x: right;
    background-position-y: center;
}


@media (max-width: 1024px) {

		.section-ungizmo {
				padding-right: 0;
		}
}


























/* ####################################################################### */
/* ###   TOP   ######################################################## */
/* ####################################################################### */



#top-head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 1s ease;
    z-index: 1000;
    background-color: rgba(0, 39, 77, 0.95);
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.5);
}

#top-head.scrolled-top {
    background-color: transparent;
		box-shadow: none;
}


#top-logo {
    margin: 0 10px;
    transition-duration: 0.8s;
    will-change: transform;
    transition-timing-function: ease-in-out;
    transform: scale(0.99);
    -webkit-font-smoothing: antialiased;
    font-family: "Roboto Condensed", "Arial Narrow", Sans-serif;
    text-align: center;
}


#top-logo:hover {
    transform: scale(1.01);
}



#top-logo a {
    text-decoration: inherit;
    color: inherit;
		text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}


#top-logo big {
    font-size: 49px;
    font-weight: bold;
    display: block;
    line-height: 50px;
}




.top-inner {
    display: flex;
    width: 1200px;
    justify-content: space-between;
    _border: 1px solid #f00;
    margin: 0 auto;
    align-items: center;
    flex-direction: row;
    _border: 1px solid #f00;
    height: 100px;
}


#top-menu .menu-items {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    _border: 1px solid #f0f;
    vertical-align: baseline;
}

#top-menu .menu-items li {
    margin-left: 20px;
    font-family: "Roboto Condensed", "Arial Narrow", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}


#top-menu .m-item {
    text-decoration: none;
    color: #ffcccc;
    line-height: 20px;
    padding: 13px 15px;
    display: flex;
    position: relative;
}

#top-menu .m-item:not(:hover):not(:focus):not(.m-item-active):not(.highlighted):after,
#top-menu .m-item:not(:hover):not(:focus):not(.m-item-active):not(.highlighted):before {
    opacity: 0;
}

#top-menu .m-item:after {
    background-color: #0099ff;
    bottom: 0;
    content: "";
    position: absolute;
    height: 3px;
    left: 0;
    width: 100%;
    transition: .3s;
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

#top-menu .m-item-active {
		color: #fff;
}



#top-menu .m-item.m-item-active:after {
    _background-color: #fff;
}




@media (max-width: 768px) {

		.top-inner {
				height: 80px;
		}


		#top-logo {
				font-size: 12px;
		}

		#top-logo big {
				font-size: 38px;
				line-height: 35px;
		}



}





.hamburger {
    display: none;
    font-size: 2em;
    cursor: pointer;
    margin: 0 20px;
}

@media (max-width: 768px) {

		#top-menu {

		}

		#top-menu .menu-items {
				display: none;
				flex-direction: column;
				position: absolute;
				top: 100%;
				left: 0;
				width: 100%;
				background-color: white;
				padding: 10px;
		}

		#top-menu .menu-items.active {
				display: flex;
				padding: 0;
		}

		#top-menu .menu-items li {
				margin: 10px 0;
				text-align: center;
		}

		#top-menu .menu-items li .m-item-active {
				color: #000;
				background-color: #def;
		}


		#top-menu .m-item {
				color: #972424;
		}

		.hamburger {
				display: block;
		}
}















/* ####################################################################### */
/* ###   BOTTOM   ######################################################## */
/* ####################################################################### */



footer {
    background-color: #00274d;
    width: 100%;
    min-height: 800px;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-start;
    _border: 2px solid #0f0;
}



.bottom-inner {
    display: flex;
    width: 1200px;
    justify-content: space-between;
    _border: 1px solid #f00;
    margin: 0 auto;
    align-items: flex-start;
}



.bottom-inner-half {
    width: 50%;
    _border: 1px solid #0ff;
    height: 100%;
    min-height: 150px;
    margin-top: 30px;
}




#bottom-menu {
    width: 200px;
    margin: 15px 0 50px;
}


#bottom-menu .menu-items {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    _border: 1px solid #f0f;
    flex-direction: column;
}


#bottom-menu .menu-items li {
    margin-left: 10px;
    font-family: "Roboto Condensed", "Arial Narrow", Sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
}


#bottom-menu .m-item {
    text-decoration: none;
    color: #fff;
    line-height: 20px;
    padding: 10px 0;
    display: flex;
    position: relative;
    _border: 1px solid #0f5;
}


#bottom-menu .m-item:hover {
    color: #aaa;
}





#bottom-logo {
    margin: 10px 10px 50px;
    font-family: "Roboto Condensed", "Arial Narrow", Sans-serif;
    text-align: center;
    display: inline-block;
}

#bottom-logo a {
    text-decoration: inherit;
    color: inherit;
}

#bottom-logo big {
    font-size: 48px;
    font-weight: bold;
    display: block;
    line-height: 50px;
}


#bottom-copyright {
    color: #fff;
    margin: 10px 10px 100px;
    font-size: 12px;
}



.bottom-form h2 {
    font-size: 32px;
    color: #6aabff;
    margin: 20px 0 0 5px;
}

.bottom-form p {
    text-align: justify;
    max-width: 460px;
    margin: 15px 25px 15px 5px;
}


#form-errors p {
    color: #f88;
    margin: 0;
}


.bottom-form form .form-columns-1,
.bottom-form form .form-columns-2 {
    border: 0;
    padding: 8px 0;
    margin: 0;
    display: flex;
}

.bottom-form form .form-columns-1 .form-field {
    display: flex;
    width: 100%;
    _border: 1px solid #0f0;
    flex-direction: column;
    align-items: flex-start;
}

.bottom-form form .form-columns-2 .form-field {
    display: flex;
    width: 50%;
    _border: 1px solid #0f0;
    flex-direction: column;
    align-items: flex-start;
}


.bottom-form form label {
    color: white !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: normal !important;
    font-size: 14px !important;
}



.bottom-form form textarea.form-textarea,
.bottom-form form input.form-textfield {
    display: inline-block;
    padding: 9px 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #33475b;
    _border: 1px solid #cbd6e2;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}



.bottom-form form .form-submit-button {
    background-color: #0099ff;
    border-color: #0099ff;
    font-size: 16px !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: bold;
    cursor: pointer;
    line-height: 10px;
    transition: all .15s linear;
    color: #fff;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    padding: 12px 24px;
}


.bottom-form form .form-submit-button:hover,
.bottom-form form .form-submit-button:focus {
    border-color: #ff8f73;
}


.bottom-form form input.form-textfield {
    width: 90%;
    height: 40px;
}


.bottom-form form textarea.form-textarea {
    width: 95%;
    height: auto;
}


.bottom-form fieldset {
    max-width: 100%;
}

.bottom-form fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 500px;
}

@media (max-width: 800px), (min-device-width: 640px) and (max-device-width: 960px)
{
    .bottom-form fieldset,
		.bottom-form input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
        margin-right: 0 !important;
        width: 100% !important;
    }

		.bottom-form form .form-columns-2 .form-field {
				width: 95%;
				padding: 5px 0;
		}

		.bottom-form form .form-columns-2 {
				flex-wrap: wrap;
				padding: 0;
		}
}




@media (max-width: 768px) {
		.bottom-inner {
				flex-direction: column-reverse;
				margin-left: 20px;
		}

		.bottom-inner-half {
				min-width: 80%;
		}

		.bottom-form p {
				font-size: 12px;
				line-height: 15px;
		}

}