@charset "utf-8";
/* CSS Document */

/******* top site *******/
.top-site {
	position: relative;
    z-index: 2;
    padding: 24px 0;
}
.top-site .logo {}
.top-site .logo a img {
	transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.top-site .logo a:hover img {
	opacity: 0.7;
}
.top-site .main-menu {}
.top-site .main-menu ul {
	justify-content: center;
	gap: 30px;
}
.top-site .main-menu ul li {}
.top-site .main-menu ul li a {
	color: #ffffff;
}
.top-site .main-menu ul li.active a {
	text-decoration: underline;
}
.header-light .top-site .main-menu ul li a {
	color: #0F0F0F;
}
.top-site .top-btns {}
/******* home **********/
/*------ header --------*/
.big-header .wrap-header {
    height: 100vh;
    position: relative;
}
.big-header .wrap-header::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 100px;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        #0b0b0b 90%
    );
    pointer-events: none;
    z-index: 5;
}
.big-header .wrap-header .titles-mod {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
}
.wrap-header {
	position: relative;
}
.titles-mod .custom-header,
.titles-mod .custom-header .container,
.titles-mod .custom-header .row {
	height: 100%;
}
.titles-mod .custom-header .mod-custom {
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    padding-top: 104px;
}
.titles-mod .desc-header {}
.titles-mod .desc-header .h1 {
	line-height: normal;
}
/*------ ThreeRouts ------*/
#ThreeRouts {}
.custom-three-routs {}
.custom-three-routs .row-head {
	margin-bottom: 100px;
}
.custom-three-routs .titles-head {}
.custom-three-routs .titles-head p {
	color: #FF7A1A;
}
.custom-three-routs .titles-head .h2 {
	color: #E6EEFF;
}
.custom-three-routs .titles-head .h6 {
	color: #A6B4D6;
}
.custom-three-routs .blocks-routs {}
.custom-three-routs .blocks-routs .block-rout {}
.custom-three-routs .blocks-routs .block-rout .wrap {
	position: relative;
}
.custom-three-routs .blocks-routs .block-rout .img {}
.custom-three-routs .blocks-routs .block-rout .img img {
	border-radius: 20px;
}
.custom-three-routs .blocks-routs .block-rout .desc {
	position: absolute;
	bottom: 35px;
	padding: 0 35px;
}
.custom-three-routs .blocks-routs .block-rout .desc .h3 {
	color: #E6EEFF;
}
.custom-three-routs .blocks-routs .block-rout .desc p {
	color: #ffffff;
}
.custom-three-routs .blocks-routs .block-rout .desc .link-page {
	float: left;
}
/*------- Engine -----*/
#Engine {}
.custom-engine {}
.custom-engine .block-eng {}
.custom-engine .block-eng .h6 {
	color: #FF7A1A;
}
.custom-engine .block-eng .h1 {
	color: #F0EAE4;
}
/*------ OurProd -------*/
#OurProd {}
.custom-our-prod {}
.custom-our-prod .titles {}
.custom-our-prod .titles .h6 {
	color: #FF7A1A;
}
.custom-our-prod .titles .h1 {}
.custom-our-prod .titles .h1 span {
	color: #E5481F;
}
.custom-our-prod .video-desc {}
.custom-our-prod .video-desc .h6 {
	color: #FF7A1A;
}
.custom-our-prod-dark .video-desc .h6.blue {
    color: #2684C9;
}
.custom-our-prod .video-desc .h2 {}
.custom-our-prod .video-desc p {}
.custom-our-prod-dark .video-desc .h2,
.custom-our-prod-dark .video-desc p {
    color: #ffffff;
}
/*------ Process-------*/
#Process {}
.custom-process {}
.custom-process .title-proc {}
.custom-process .title-proc .h6.orange {
	color: #FF7A1A;
}
.custom-process .title-proc .h2 {
	color: #E6EEFF;
}
.custom-process .title-proc .h6 {
	color: #ffffff;
}
.custom-process .blocks-proc {}
.custom-process .blocks-proc .proc-item {
	gap: 20px;
}
.custom-process .blocks-proc .proc-item:nth-child(2) {
	margin: 60px 0;
}
.custom-process .blocks-proc .proc-item .proc-icon {}
.custom-process .blocks-proc .proc-item .proc-icon img {}
.custom-process .blocks-proc .proc-item .proc-text {}
.custom-process .blocks-proc .proc-item .proc-text .h3 {
	color: #EDEDED;
}
.custom-process .blocks-proc .proc-item .proc-text .h6 {
	color: #ffffff;
}
/*------- Projecting -----*/
#Projecting {}
.custom-projecting {}
.custom-projecting .row-titles {
	margin-bottom: 100px;
}
.custom-projecting .row-titles .h2 {
	color: #E6EEFF;
}
.custom-projecting .row-titles .h6 {
	color: #ffffff;
}
.custom-projecting .row-titles .h6.orange {
    color: #C9581A;
}
.history-scroll {
    --history-height: 630px;
    --history-step: 288px;
}
.history-scroll > .sppb-addon-content {
    height: 100%;
}
.history-scroll .history-scroll-inner {
    position: sticky;
    top: max(0px, calc((100vh - var(--history-height)) / 2));
    height: var(--history-height);
    overflow: clip;
    color: #ffffff;
}
.history-scroll .history-track {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--history-step);
    width: max-content;
    height: var(--history-height);
    padding-left: 80px;
    padding-right: 80px;
    will-change: transform;
}
.history-scroll .history-track::before {
    content: "";
    position: absolute;
    top: 220px;
    left: 110px;
    right: 0;
    height: 233px;
    background-image: url("../images/history-wave.svg");
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 576px 233px;
    pointer-events: none;
    z-index: 0;
}
.history-scroll .history-item {
    position: relative;
    width: 100%;
    height: 630px;
    z-index: 1;
}
.history-scroll .history-content {
    position: absolute;
    left: 0;
    width: 330px;
}
.history-scroll .history-item-long .history-content,
.history-scroll .history-item-long .history-number {
    left: -70px;
}
.history-scroll .history-number {
    position: absolute;
    left: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 21px;
    border-radius: 15px;
    background: #e85b1b;
    box-sizing: border-box;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.history-scroll .history-number:hover {
    background-color: #272727;
}
.history-scroll.full-cycle-scroll .process-number:hover {
    background-color: #ffffff;
    color: #e85b1b;
}
.history-scroll .history-item:nth-child(odd) .history-number {
    top: 220px;
    transform: translateY(-50%);
}
.history-scroll .history-item:nth-child(odd) .history-content {
    top: auto;
    bottom: 460px;
}
.history-scroll .history-item:nth-child(even) .history-number {
    top: 453px;
    transform: translateY(-50%);
}
.history-scroll .history-item:nth-child(even) .history-content {
    top: 500px;
}
/*------- Stack -------*/
#Stack {}
.custom-stack {}
.custom-stack .stack-title {}
.custom-stack .stack-title .h6 {
	color: #FF7A1A;
}
.custom-stack .stack-title .h2 {}
.custom-stack .stack-title p {}
.custom-stack .stack-list {}
.custom-stack .stack-list .stack-item {
	background-color: #ffffff;
	padding: 14px 35px;
	border-radius: 45px;
}
/******** footer ********/
.footer-main {
    padding: 90px 0 50px;
}
.footer-logo {}
.footer-logo a img {
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.footer-logo a:hover img,
.footer-logo a:focus img {
    opacity: 0.7;
}
.footer-menus {}
.footer-menus .block-menu {}
.footer-menus .block-menu p {
    color: #616164;
}
.footer-menus .block-menu .include-menu {}
.footer-menus .block-menu .include-menu ul {
    display: block;
}
.footer-menus .block-menu .include-menu ul li {
    line-height: 2;
}
.footer-menus .block-menu .include-menu ul li a {
    color: #0F0F0F;
    transition: .3s ease;
}
.footer-menus .block-menu .include-menu ul li a:hover {
    color: #FF7A1A;
}
/******** Copyright ******/
#Copyright {}
#Copyright .wrap {
	padding: 10px 0 50px;
    border-top: 1px solid #aaa;
}
.privacy a {
    color: #000;
}
/********* inside pages****/
/*--------- breadcrumbs -----------*/
.breadcrumb {
    margin: 0;
    position: relative;
    z-index: 2;
}
.breadcrumb li {}
.breadcrumb li a {
    color: rgba(255, 255, 255, 0.5);
}
.breadcrumb li.active span {
    color: #ffffff;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #ffffff;
}
.header-light .breadcrumb li a {
    color: rgba(0, 0, 0, 0.5);
}
.header-light .breadcrumb li.active span {
    color: #000;
}
.header-light .breadcrumb-item + .breadcrumb-item::before {
    color: #000;
}
/*----- exo tanks --------*/
#HeaderExo {
    margin-top: -125px !important;
    padding-top: 125px !important;
}
.header-exo .titles-mod .desc-header {
    color: #ffffff;
    margin-top: 125px;
}
.header-exo .titles-mod .link-page a {
    color: #ffffff;
    text-decoration: underline;
}
.header-exo .titles-mod .link-page a:hover,
.header-exo .titles-mod .link-page a:focus {
    text-decoration: none;
}
.different-tanks {}
.different-tanks .wrap-titles {
    margin-top: 290px;
}
.different-tanks .titles {
    color: #ffffff;
}
#ThreeTanks {}
.custom-three-tanks {}
.custom-three-tanks .block-tank {}
.custom-three-tanks .block-tank .wrap {
    position: relative;
}
.custom-three-tanks .block-tank .img {}
.custom-three-tanks .block-tank .img img {
    border-radius: 20px;
}
.custom-three-tanks .block-tank .desc {
    position: absolute;
    bottom: 35px;
    padding: 0 35px;
}
.custom-three-tanks .block-tank .desc .h2 {
    color: #EDEDED;
}
.custom-three-tanks .block-tank .desc .h6 {
    color: #ffffff;
}
#MarsSection {}
.mars-section {
    aspect-ratio: 16 / 9;
}
.mars-section .sppb-container-inner {
    height: 100%;
}
.mars-section .sppb-row,
.mars-section .sppb-column,
.mars-section .sppb-column-addons,
.mars-section .sppb-addon-wrapper,
.mars-section .sppb-addon-wrapper > div   {
    height: 100%;
}
.custom-mars {
    height: 100%;
}
.custom-mars .sppb-addon-content {
    height: 100%;
}
.custom-mars .mars-content {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    justify-content: end;
    height: 100%;
    max-width: 605px;
    padding-bottom: 130px;
    color: #ffffff;
}
.custom-mars .mars-content .h1 {}
.custom-mars .mars-content .h6 {}
#TeamSteps {}
.cutom-team-steps {}
.cutom-team-steps .desc-block {}
.cutom-team-steps .desc-block a.btn-org-line {
    color: #000;
}
.cutom-team-steps .desc-block a.btn-org-line:hover,
.cutom-team-steps .desc-block a.btn-org-line:focus {
    color: #ffffff;
}
.cutom-team-steps .img-block {}
.cutom-team-steps .img-block img {
    border-radius: 20px;
}
#TechnologiesExo {}
.custom-techno-exo {}
.custom-techno-exo .desc-techno {}
.custom-techno-exo .desc-techno .h6 {
    color: #FF7A1A;
}
.custom-techno-exo .desc-techno .h2 {}
.custom-techno-exo .desc-techno p {}
.custom-techno-exo .desc-techno .wrap-techno {
    max-width: 650px;
    margin: 0 auto;
}
.custom-techno-exo .desc-techno .wrap-techno .techno-item {
    border-radius: 10px;
    background-color: #ffffff;
    padding: 10px 15px;
}
.custom-techno-exo .desc-techno .wrap-techno .techno-item .techno-icon {
    margin-bottom: 10px;
}
.custom-techno-exo .desc-techno .wrap-techno .techno-item .techno-icon img {
    height: 90px;
}
.custom-techno-exo .desc-techno .wrap-techno .techno-item p {}
#DevelopGame {}
.custom-develop-game {}
.custom-develop-game .desc-dev {
    color: #ffffff;
}
.custom-develop-game .desc-dev .h2 {}
.custom-develop-game .desc-dev .h6 {}
.custom-develop-game .img-dev {}
.custom-develop-game .img-dev img {
    border-radius: 20px;
}
.exo .custom-before-footer .wrap {}
.exo .custom-before-footer .include-form .tf-file-upload-editor .dz-message::before {
    background: url("../images/arrow-top.svg") no-repeat center;
}
.exo .custom-before-footer .include-form .cf-form-wrap .fild-upload .dz-message {
    border-radius: 7px;
    border: 1px dashed #D4D4D8;
}
/*------ page Digital products ---*/
.digital {}
#HeaderDigit {}
.custom-head-digit {}
.custom-head-digit .desc {}
.custom-head-digit .desc .h1 {}
.custom-head-digit .desc .h1 span {
    color: #C9581A;
}
.custom-head-digit .desc .h6 {
    max-width: 640px;
}
.custom-head-digit .img {}
#DigitalDirections {}
.custom-5-direct {}
.custom-5-direct .h2 {}
.custom-5-direct .block-dir {}
.custom-5-direct .block-dir .wrap {
    border-radius: 15px;
    border: 1px solid #C0C0C0;
    padding: 25px;
    min-height: 330px;
}
.custom-5-direct .block-dir-cta .wrap {
    border-color: #C9581A;
    background-color: #C9581A;
    color: #ffffff;
}
.custom-5-direct .block-dir-cta a {
    border-color: #ffffff;
    color: #ffffff;
}
.custom-5-direct .block-dir-cta a:hover,
.custom-5-direct .block-dir-cta a:focus {
    text-decoration: none;
    background-color: #000;
    border-color: #000;
}
#Task {}
.custom-task {}
.custom-task .desc {}
.custom-task .desc .h2 {}
.custom-task .desc p {}
.custom-task .blocks-task {}
.custom-task .stack-list .block-task {}
.custom-task .stack-list .stack-item {
    border-radius: 10px;
    background-color: #F2F2F2;
    padding: 10px;
}
.custom-task-white .stack-list .stack-item {
    background-color: #ffffff;
}
.custom-task .stack-list .stack-item .img {}
.custom-task .stack-list .stack-item p {
    letter-spacing: -0.3px;
}
/*--------- Portfolio ----------*/
#Portfolio {}
.custom-port-hover {}
.custom-port-hover .title {}
.custom-port-hover .title .h2 {}
.custom-port-hover .block-img-port {
    min-width: 0;
}
.custom-port-hover .wrap-img-port {
    position: relative;
    height: 600px;
    overflow: hidden;
    border-radius: 20px;
}
.custom-port-hover .wrap-img-port img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    transform: translateY(0);
    transition:
        transform var(--portfolio-duration, 8s) linear;
    will-change: transform;
}
.custom-port-hover .wrap-img-port:hover img,
.custom-port-hover .wrap-img-port:focus-within img {
    transform: translateY(var(--portfolio-shift, 0px));
}
.custom-port-hover .desc-img-port {
    padding-top: 12px;
}
.custom-port-hover .desc-img-port .h6 {
    color: #C9581A;
    line-height: 1.3;
}
.custom-port-hover .desc-img-port .h4 {
    margin: 0;
    line-height: 1.2;
}
#FullCycle {}
.custom-full-cycle {}
.custom-full-cycle .block-cycle {}
.custom-full-cycle .block-cycle .wrap {
    border-radius: 15px;
    border: 1px solid #C0C0C0;
    padding: 20px;
    min-height: 270px;
}
.custom-full-cycle .block-cycle .numb {
    color: #C9581A;
}
.digital .custom-before-footer .titles-form {
    color: #0D0D0D;
}
.digital .custom-before-footer .include-form .cf-form-wrap input,
.digital .custom-before-footer .include-form .cf-form-wrap select,
.digital .custom-before-footer .include-form .cf-form-wrap textarea {
    color: #1B1B1B !important;
    border-color: #101010;
}
.digital .custom-before-footer .include-form .tf-file-upload-editor .dz-message {
    background-color: #BCBCBC;
    border-color: #BCBCBC;
}
.digital .custom-before-footer .include-form .confid label,
.digital .custom-before-footer .include-form .confid label a {
    color: #1B1B1B;
}
.digital .custom-before-footer .include-form .cf-form-wrap input::-webkit-input-placeholder {
   color: #1B1B1B;
}
.digital .custom-before-footer .include-form .cf-form-wrap input:-moz-placeholder {
   color: #1B1B1B;
}
.digital .custom-before-footer .include-form .cf-form-wrap input::-moz-placeholder {
   color: #1B1B1B;
}
.digital .custom-before-footer .include-form .cf-form-wrap input:-ms-input-placeholder {
   color: #1B1B1B;
}
.digital .custom-before-footer .include-form .cf-form-wrap textarea::-webkit-input-placeholder {
   color: #1B1B1B;
}
.digital .custom-before-footer .include-form .cf-form-wrap textarea:-moz-placeholder {
   color: #1B1B1B;
}
.digital .custom-before-footer .include-form .cf-form-wrap textarea::-moz-placeholder {
   color: #1B1B1B;
}
.digital .custom-before-footer .include-form .cf-form-wrap textarea:-ms-input-placeholder {
   color: #1B1B1B;
}
/*------- page about ---------*/
.about .top-site,
.about .wrap-breadcr {
    background-color: #0D0201;
}
#HeaderAbout {}
.custom-head-about {}
.custom-head-about .row-top-head {
    color: #ffffff;
    margin-bottom: 100px;
}
.custom-head-about .block-counts {}
.custom-head-about .block-counts .block-count {}
.custom-head-about .block-counts .block-count .h1 {
    color: #C9581A;
}
.custom-head-about .block-counts .block-count p {
    color: #ffffff;
}
.about .video-desc {
    color: #ffffff;
}
.about .video-desc a.btn-orange:hover,
.about .video-desc a.btn-orange:focus {
    background-color: #9A2919;
}
#Competent {}
.custom-competent {}
.custom-competent .competent-list {
    align-content: center;
}
.custom-competent .competent-item {
    width: auto;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 50px;
    background: #C9581A;
    color: #ffffff;
    white-space: nowrap;
}
.custom-competent .competent-item img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    flex: 0 0 auto;
}
.custom-competent .competent-item span {
    font-weight: 700;
}
#Approach {}
.custom-approach {}
.custom-approach .titles {
    color: #ffffff;
}
.custom-approach .approach-list {
    position: relative;
}
.custom-approach .approach-item {
    color: #ffffff;
    position: relative;
    z-index: 10;
}
.custom-approach .approach-list .approach-item .approach-number {
    border-radius: 15px;
    background-color: #272727;
    display: flex;
    width: 80px;
    height: 80px;
    padding: 18px 21px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.custom-approach .approach-list .approach-item .approach-number:hover {
    background-color: #C9581A;
}
.custom-approach-blue .approach-list .approach-item .approach-number:hover {
    background-color: #2684C9;
}
.custom-approach .approach-desktop .approach-list::before {
    content: "";
    position: absolute;
    top: 65px;
    left: 75px;
    right: 36px;
    height: 1px;
    background-image: url("../images/horizont-line.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    pointer-events: none;
    z-index: 0;
    width: 80vw;
}
#PartnerModel {}
.custom-partner-model {}
.custom-partner-model .block-part {
    color: #ffffff;
}
.custom-partner-model .block-part .wrap {
    border-radius: 20px;
    background-color: #C9581A;
    padding: 45px;
}
.about .custom-before-footer .include-form .convertforms .cf-select::after {
    border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}
.about .custom-before-footer .include-form .convertforms select option {
    color: #0F0F0F;
}
.about .custom-before-footer .include-form .tf-file-upload-editor .dz-message {
    background-color: #D1703A;
    border-color: #D1703A;
}
.about .custom-before-footer .include-form .cf-form-wrap button.btn-submit {
    background-color: #ffffff;
}
.about .custom-before-footer .include-form .cf-form-wrap button.btn-submit .cf-btn-text {
    color: #0F0F0F;
}
/*------ page Game development --*/
.develop .top-site,
.develop .wrap-breadcr {
    background-color: #000;
}
#HeaderDev {}
.custom-header-dev {}
.custom-header-dev .desc {}
.custom-header-dev .desc .h1 {
    color: #E6EEFF;
}
.custom-header-dev .desc .h6 {
    color: #ffffff;
}
#FullCycleDev {}
.custom-cycle-dev {}
.custom-cycle-dev .h2 {
    color: #ffffff;
}
.custom-cycle-dev .block-cycle {}
.custom-cycle-dev .block-cycle .wrap {
    position: relative;
    overflow: hidden;
    padding: 35px;
    border-radius: 20px;
    min-height: 420px;
    background: #0A0A0A;
}
.custom-cycle-dev .block-cycle .wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            57.66% 50.12% at 50% 0%,
            rgba(38, 132, 201, 0.54) 0%,
            rgba(10, 10, 10, 0.54) 100%
        ),
        #0A0A0A;
    opacity: 0;
    transition: opacity .35s ease;
    pointer-events: none;
}
.custom-cycle-dev .block-cycle .wrap:hover::before {
    opacity: 1;
}
.custom-cycle-dev .block-cycle .wrap > * {
    position: relative;
    z-index: 1;
}
.custom-cycle-dev .block-cycle .img {}
.custom-cycle-dev .block-cycle .desc {}
.custom-cycle-dev .block-cycle .desc .h3 {
    color: #E6EEFF;
}
.custom-cycle-dev .block-cycle .desc .h6 {
    color: #ffffff;
}
#ProductionCycle {}
.custom-production-cycle {}
.production-cycle-title {
    color: #ffffff;
}
.production-cycle-list {
    padding-right: 70px;
}
.production-cycle-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 20px 35px;
    background: #4093D0;
    border-radius: 30px;
    white-space: nowrap;
    color: #ffffff;
}
.production-cycle-item::before {
    content: "";
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
}
.production-cycle-item::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
}
.develop .custom-before-footer .include-form .convertforms .cf-select::after {
    border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}
.develop .custom-before-footer .include-form .convertforms select option {
    color: #0F0F0F;
}
.develop .custom-before-footer .include-form .tf-file-upload-editor .dz-message {
    background-color: #4595D1;
    border-color: #4595D1;
}
.develop .custom-before-footer .include-form .cf-form-wrap button.btn-submit {
    background-color: #ffffff;
}
.develop .custom-before-footer .include-form .cf-form-wrap button.btn-submit .cf-btn-text {
    color: #0F0F0F;
}
/******* form before footer ****/
#BeforeFooter {}
.custom-before-footer {}
.custom-before-footer .titles-form {
    color: #ffffff;
}
.custom-before-footer .form-form {}
.custom-before-footer .include-form .convertforms {
    background-color: transparent;
}
.custom-before-footer .include-form .cf-form-wrap {
    padding: 0;
}
.custom-before-footer .include-form .cf-form-wrap input,
.custom-before-footer .include-form .cf-form-wrap select,
.custom-before-footer .include-form .cf-form-wrap textarea {
    background: transparent;
    color: #ffffff !important;
}
.custom-before-footer .include-form .tf-file-upload-editor .dz-message {
    background: transparent;
    align-items: center;
    text-align: left;
    justify-content: start;
    flex-direction: row;
    padding: 10px 15px;
}
.custom-before-footer .include-form .tf-file-upload-editor .dz-message svg {
    margin-bottom: 0;
    display: none;
}
.custom-before-footer .include-form .tf-file-upload-editor .dz-message::before {
    content: "";
    display: block;
    flex: 0 0 24px;
    width: 14px;
    height: 21px;
    background: url("../images/arrow-top-white.svg") no-repeat center;
    background-size: contain;
}
.custom-before-footer .include-form .confid label,
.custom-before-footer .include-form .confid label a {
    color: #ffffff;
}
.custom-before-footer .include-form .confid label a {
    text-decoration: underline;
}
.custom-before-footer .include-form .confid label a:hover,
.custom-before-footer .include-form .confid label a:focus {
    text-decoration: none;
}
.custom-before-footer .include-form .btn-submit .cf-btn-text {
    font-weight: 700;
}
.custom-before-footer .include-form .cf-form-wrap input::-webkit-input-placeholder {
   color: #ffffff;
}
.custom-before-footer .include-form .cf-form-wrap input:-moz-placeholder {
   color: #ffffff;
}
.custom-before-footer .include-form .cf-form-wrap input::-moz-placeholder {
   color: #ffffff;
}
.custom-before-footer .include-form .cf-form-wrap input:-ms-input-placeholder {
   color: #ffffff;
}
.custom-before-footer .include-form .cf-form-wrap textarea::-webkit-input-placeholder {
   color: #ffffff;
}
.custom-before-footer .include-form .cf-form-wrap textarea:-moz-placeholder {
   color: #ffffff;
}
.custom-before-footer .include-form .cf-form-wrap textarea::-moz-placeholder {
   color: #ffffff;
}
.custom-before-footer .include-form .cf-form-wrap textarea:-ms-input-placeholder {
   color: #ffffff;
}
/*----- video player ------*/
.video-block {
    position: relative;
}
.play-video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 109px;
    height: 109px;
    transform: translate(-50%, -50%);
    z-index: 5;
    cursor: pointer;
    transition: all .35s ease;
}
.play-video svg {
    width: 100%;
    height: 100%;
    transition: all .35s ease;
}
.play-video.active {
    left: auto;
    top: auto;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    transform: none;
}
/*------- btns -------*/
.group-btns {
    display: flex;
    align-items: center;
    gap: 20px;
}
.group-btns a:hover,
.group-btns a:focus {
	text-decoration: none;
}
a.btn-org-line {
    color: #ffffff;
    border: 2px solid #E5481F;
}
.header-light .top-site a.btn-org-line {
	color: #0F0F0F;
}
.header-light .top-site a.btn-org-line:hover,
.header-light .top-site a.btn-org-line:focus {
    color: #ffffff;
}
.header-light .top-site .btn-primary {
	color: #0F0F0F;
	border-color: #0F0F0F;
}
.header-light .top-site .btn-primary:hover,
.header-light .top-site .btn-primary:focus {
	border-color: #E5481F;
	color: #ffffff;
}
.header-light .top-site .btn-primary svg path {
	fill: #0F0F0F;
}
.header-light .top-site .btn-primary:hover svg path,
.header-light .top-site .btn-primary:focus svg path {
	fill: #ffffff;
}
a.btn-org-line:hover,
a.btn-org-line:focus {
    color: #ffffff;
    background-color: #E5481F;
    text-decoration: none;
}
a.btn-orange {
	color: #ffffff;
	background-color: #E5481F;
}
a.btn-orange:hover,
a.btn-orange:focus {
	color: #ffffff;
	background-color: #0F0F0F;
}
a.btn-white {
	color: #0F0F0F;
	background-color: #ffffff;
}
a.btn-white:hover,
a.btn-white:focus {
	color: #ffffff;
	background-color: #E5481F;
}
a.btn-white:hover svg path,
a.btn-white:focus svg path {
	fill: #ffffff;
}
a.btn-blue-line {
	color: #ffffff;
	background-color: transparent;
	border: 2px solid #2684C9;
}
a.btn-blue-line:hover,
a.btn-blue-line:focus,
a.btn-green-line:hover,
a.btn-green-line:focus {
	background-color: #E5481F;
	border-color: #E5481F;
	color: #ffffff;
	text-decoration: none;
}
a.btn-green-line {
	color: #ffffff;
	background-color: transparent;
	border: 2px solid #00887D;
}
a.btn-grey {
	color: #0F0F0F;
	background-color: #E9E9E9;
}
a.btn-grey:hover,
a.btn-grey:focus,
a.btn-blue:hover,
a.btn-blue:focus {
	background-color: #E5481F;
	border-color: #E5481F;
	color: #ffffff;
	text-decoration: none;
}
a.btn-grey:hover svg path,
a.btn-grey:focus svg path {
	fill: #ffffff;
}
a.btn-blue {
    color: #ffffff;
    border: 2px solid #2684C9;
    background-color: #2684C9;
}
/******** 404 ***********/
.error-page-inner {
    padding-top: 20px;
    padding-bottom: 80px;
}
.error-page-inner .img-error {
    text-align: center;
    margin-bottom: 30px;
}
.error-page-inner .img-error img {
    max-width: 25%;
}
.error-page-inner p {
    font-weight: 600;
}
.error-page-inner ul {
	padding-left: 0;
	list-style: none;
}
.error-page-inner ul li {
    font-size: 16px;
}
.error-page-inner .right-error-page-inner ul li {
    list-style: none;
}
.error-page-inner a {
    color: #E5481F;
}
/******* thank-page ********/
.thank-page {
    padding: 15vh 0;
}
/************ goTop **********/
#goTop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #E5481F;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 18px;
}
#goTop i {
    font-size: 40px;
    color: #ffffff;
}
#goTop:hover {
    background-color: #FF7A1A;
}
#goTop:hover i {
	color: #ffffff;
}
/********* modal *********/
.form-modal-dialog {
    max-width: 890px;
}
.form-modal-dialog .modal-header {
    padding-bottom: 0;
}
.form-modal-dialog .modal-header .btn-close {
    background-image: none;
    width: auto;
    height: auto;
    opacity: 1;
}
.form-modal-dialog .modal-header .btn-close:hover {
    opacity: 0.7;
}
.form-modal-dialog .modal-header .btn-close i {
    color: #111;
    font-size: 40px;
}
.form-modal-dialog .project-modal-title .h6 {
    padding: 0 15px;
}
.form-modal-dialog .include-form .cf-form-wrap {}
.form-modal-dialog .include-form .convertforms select,
.form-modal-dialog .include-form .convertforms select option {
    color: #111 !important;
}
.form-modal-dialog .include-form .tf-file-upload-editor .dz-message {
    background: transparent;
    align-items: center;
    text-align: left;
    justify-content: start;
    flex-direction: row;
    padding: 10px 15px;
    border-color: #DBDBDB;
    background-color: #DBDBDB;
}
.form-modal-dialog .include-form .tf-file-upload-editor .dz-message svg {
    margin-bottom: 0;
    display: none;
}
.form-modal-dialog .include-form .tf-file-upload-editor .dz-message::before {
    content: "";
    display: block;
    flex: 0 0 24px;
    width: 14px;
    height: 21px;
    background: url("../images/arrow-top.svg") no-repeat center;
    background-size: contain;
}
.form-modal-dialog .include-form .confid label,
.form-modal-dialog .include-form .confid label a {
    color: #111;
}
.form-modal-dialog .include-form .confid label a {
    text-decoration: underline;
}
.form-modal-dialog .include-form .confid label a:hover,
.form-modal-dialog .include-form .confid label a:focus {
    text-decoration: none;
}
.form-modal-dialog .include-form .btn-submit .cf-btn-text {
    font-weight: 700;
}
.form-modal-dialog .include-form .cf-form-wrap input::-webkit-input-placeholder {
   color: #111;
}
.form-modal-dialog .include-form .cf-form-wrap input:-moz-placeholder {
   color: #111;
}
.form-modal-dialog .include-form .cf-form-wrap input::-moz-placeholder {
   color: #111;
}
.form-modal-dialog .include-form .cf-form-wrap input:-ms-input-placeholder {
   color: #111;
}
.form-modal-dialog .include-form .cf-form-wrap textarea::-webkit-input-placeholder {
   color: #111;
}
.form-modal-dialog .include-form .cf-form-wrap textarea:-moz-placeholder {
   color: #111;
}
.form-modal-dialog .include-form .cf-form-wrap textarea::-moz-placeholder {
   color: #111;
}
.form-modal-dialog .include-form .cf-form-wrap textarea:-ms-input-placeholder {
   color: #111;
}
/*-------- my-modal-foto ---------*/
.my-modal-foto {
    max-width: 1000px;
}
.my-modal-foto .modal-header {
    border-bottom: none;
    justify-content: space-between;
}
.my-modal-foto .modal-header .close {}
.my-modal-foto .modal-header .close i {
    font-size: 36px;
}
.my-modal-foto .modal-body {
    padding: 0;
}
.my-modal-foto .modal-footer {
    border: none;
}
.my-modal-foto .modal-footer .btn-primary {
    color: #ffffff;
    background-color: #E5481F;
    border: none;
}
.my-modal-foto .modal-footer .btn-primary:hover {
    color: #ffffff;
    background-color: #0F0F0F;
}