.mainFrame { width:1200px !important; margin:0 auto !important; } .halfFrame { width:600px !important; margin:0 auto !important; } .pc-yes { display:block; } .pc-no{ display:none !important; }  .col-0 {width:0.00%;} .col-0- {width:4.17%;} .col-0-- {width:6.25%;} .col-1 {width:8.33%;} .col-1- {width:12.50%;} .col-2 {width:16.66%;} .col-2- {width:20.83%;} .col-3 {width:25.00%;} .col-3- {width:29.17%;}  .col-4 {width:33.33%;} .col-4- {width:37.50%;} .col-5 {width:41.66%;} .col-5- {width:45.83%;} .col-6 {width:50.00%;} .col-6- {width:54.17%;} .col-7 {width:58.33%;} .col-7- {width:62.50%;}  .col-8 {width:66.66%;} .col-8- {width:70.83%;} .col-9 {width:75.00%;} .col-9- {width:79.17%;} .col-10 {width:83.33%;} .col-10- {width:87.50%;} .col-11 {width:91.67%;} .col-11- {width:95.83%;}  .col-12 {width:100.00%;} .col-no {display:none;} .col-m-no {display:block;} .col-t-no {display:block;} .debug { background-color:yellow; } .debugFrame { padding:30px 15px 15px 15px; font-family:'Lato',sans-serif; font-size:14px; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:15px; }  .cookies { width:100%; } .cookiesFrame { padding:0px 0px 0px 0px; width:100%; } .cookiesContainerFrame { width:100%; height:70px; position:relative; } .cookiesContainer { width:100%; height:70px; position:fixed; bottom:0px; overflow:hidden; z-index:201; } .cookiesContent { position:relative; height:70px; } .cookiesContent .left { position:absolute; width:3000px; right:15px; top:0px; height:70px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.2); background: linear-gradient(270deg, #0046FF 0%, #0A0754 100%); z-index:202; } .cookiesContent .container { position:absolute; width:100%; height:100%; padding:15px 30px 15px 30px; z-index:203; } .cookiesContent .container .content { float:left; padding:3px 0px; line-height:17px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:14px; color:#ffffff; } .cookiesContent .container .content A { text-decoration:none; color:#acafbd; } .cookiesContent .container .content A:hover { text-decoration:underline; } .cookiesContent .container .cookie { float:left; width:40px; color:#00FF6E; margin-right:15px; } .cookiesContent .container .close { float:right; width:24px; color:#00FF6E; margin:8px 0px; cursor:pointer; } .cookiesContent .container .close:hover { color:#ffffff; }  .burgerMenu { display:none; } .burgerMenuFrame { display:none; }  .headerFixed { height:101px; } .header { position:fixed; z-index:550; top:0px; background-color:#ffffff; border-bottom:1px solid rgb(181,181,181,0.3); height:100px; width:100%; } .headerFrame { height:100px; } .headerLogo { float:left; width:150px; height:100%; padding:22.5px 15px; } .headerBurger { float:right; width:95px; height:100%; padding:38px 15px 38px 50px; border-left:1px solid rgb(181,181,181,0.3); } .headerBurger .burger { cursor:pointer; color:#0046FF; } .headerBurger .burger:hover { color:#000000; } .headerSocial { float:right; padding:35px 10px; height:100%; border-left:1px solid rgb(181,181,181,0.3); } .headerSocial .icon { float:left; width:50px; padding:0px 10px; color:#4a4a4a; } .headerSocial .icon:hover { color:#0046FF; } .headerMenu { float:right; height:100%; padding:40px 25px; } .headerMenu .item { float:left; padding:0px 25px; line-height:20px; font-family:'Blinker',sans-serif; font-weight:400; font-size:16px; color:#000000; text-transform:uppercase; } .headerMenu .item.selected { color:#0046ff; font-weight:600; } .headerMenu .item A { text-decoration:none; } .headerMenu .item A:hover { color:#0046ff; } .headerLang { margin:25px 15px; float:left; height:50px; padding:15px 10px; border-radius: 0px 25px; box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1); background-color:#fdfdfd; } .headerLang .item { float:left; line-height:20px; padding:0px 10px; font-family:'Blinker',sans-serif; font-weight:400; font-size:16px; color:#c5c5c5; text-transform:uppercase; } .headerLang .item.selected { color:#0046ff; font-weight:600; } .headerLang .item A { text-decoration:none; } .headerLang .item A:hover { color:#0046ff; } .header.scrolled { height:60px; } .header.scrolled .headerFrame { height:60px; } .header.scrolled .headerLang { display:none; } .header.scrolled .headerLogo { padding:15px 15px; width:105px; } .header.scrolled .headerMenu { padding:20px 25px; } .header.scrolled .headerSocial { padding:15px 10px; } .header.scrolled .headerBurger { padding:18px 15px 18px 50px; }  .footerContact { background-image: linear-gradient(to bottom, #fff 0%, #e6e6e6 100%); overflow:hidden; } .footerContactFrame { } .footerContactLeft { float:left; width:50%; padding:30px 15px 30px 105px; position:relative; } .footerContactRight { float:left; width:50%; padding:30px 15px 30px 105px; position:relative; } .footerContact .marker { position:absolute; top:30px; left:30px; width:40px; color:#0046ff; } .footerContact .label { font-family:'Blinker',sans-serif; font-weight:600; font-size:24px; color:#000000; } .footerContact .content { font-family:'Blinker',sans-serif; font-weight:400; font-size:24px; color:#000000; } .footerContact .content B, .footerContactLeft .content STRONG { font-weight:600; } .footerContact .button { cursor:pointer; margin-top:30px; float:left; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #0046ff; border-radius:0px 25px 0px 0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; } .footerContact .button .icon { float:left; width:32px; height:32px; margin-right:10px; } .footerContact .button:hover { background-color:#00ff6e; color:#ffffff; } .footerFunds { border-bottom:1px solid rgb(181,181,181,0.3); } .footerFundsFrame { height:120px; background-image:url(../layout/funds.png); background-repeat:no-repeat; background-position:center; } .footer { } .footerFrame { } .footerMenu { padding:30px 15px; } .footerMenu TABLE { } .footerMenu .item { float:left; margin:0px 25px; line-height:20px; font-family:'Blinker',sans-serif; font-weight:400; font-size:16px; color:#02002f; text-transform:uppercase; } .footerMenu .item.selected { color:#0046ff; font-weight:600; border-bottom:2px solid #0046ff; } .footerMenu .item A { text-decoration:none; } .footerMenu .item A:hover { color:#0046ff; } .footerLogo { float:left; width:100px; padding:15px; } .footerCopy { float:left; width:calc(100% - 200px); padding:15px; font-family:'Blinker',sans-serif; font-weight:400; font-size:15px; color:#4a4a4a; line-height:130%; text-align:center; } .footerTop { float:left; width:100px; padding:15px; }  .lineFrame { position:fixed; top:0px; width:100%; height:0; z-index:600; } .lineFrameCenter { margin:0 auto; width:0px; height:0px; background-color:blue; position:relative; } .lineLeft { position:absolute; width:1px; height:0px; top:0px; left:-615px; background-color:rgb(181,181,181,0.3); z-index:600; } .lineRight { position:absolute; width:1px; height:0px; top:0px; left:615px; background-color:rgb(181,181,181,0.3); z-index:600; } .lineLeftScroll { position:absolute; width:3px; height:120px; top:-120px; left:-616px; background-color:#00ff6e; z-index:601; } .lineRightScroll { position:absolute; width:3px; height:120px; top:-120px; left:614px; background-color:#00ff6e; z-index:601; }  .contactFromContainerFrame { display:none; position:fixed; padding-top:100px; top:0px; left:0px; z-index:500; background-color:rgb(10,7,84,0.9); width:100%; height:100%; overflow:auto; } .contactFromContainerFrame TABLE { width:100%; height:100%; } .contactFromContainerFrame TD { text-align:center; vertical-align:middle; } .contactFromContainer { display:none; padding:15px 15px; margin:0 auto; width:840px; text-align:left; } .contactFormHeader { position:relative; background-image: linear-gradient(99deg, #002995, #02002f 100%); height:130px; border-radius:0px 50px 0px 0px; } .contactFormHeader .marker { position:absolute; width:40px; color:#00ff6e; top:45px; left:30px; } .contactFormHeader .label { position:absolute; left:90px; top:45px; line-height:40px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .contactFormHeader .button { cursor:pointer; position:absolute; top:40px; right:30px; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #00ff6e; border-radius:0px 25px 0px 0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; } .contactFormHeader .button .icon { float:left; width:32px; height:32px; margin-right:10px; } .contactFormHeader .button:hover { background-color:#0046ff; color:#ffffff; } .contactFormContent { padding:15px; background-color:#ffffff; border-bottom:2px solid #0a0754; } .contactFormContentLeft { float:left; width:40%; padding:15px; } .contactFormContentRight { float:left; width:60%; padding:10px; }  .contactFormContentLabel { line-height:40px; position:relative; } .contactFormContentLabel .label { float:left; font-family:'Blinker',sans-serif; font-weight:600; font-size:24px; color:#000000; } .contactFormContentLabel .marker { float:left; width:40px; color:#0046ff; margin:0px 10px 0px 0px; } .contactFormInput { float:left; padding:5px; width:100%; } .contactFormInput.checkbox { padding-left:20px; } .contactFormInput .error { display:none; color:#da433b; font-size:11px; } .contactFormInput.showerror .error { display:block; } .contactFormInputLabel { margin-bottom:5px; font-family:'Blinker',sans-serif; font-weight:400; font-size:13px; color:#4a4a4a; } .contactFormInputLabel .error { display:none; float:right; color:#da433b; font-size:11px; } .contactFormInput INPUT[type="TEXT"] { width:100%; background-color:#f9f9f9; border:none; border-bottom:2px solid #c4c4c4; line-height:20px; padding:15px; font-family:'Blinker',sans-serif; font-weight:400; font-size:15px; color:#c5c5c5; } .contactFormInput INPUT[type="TEXT"].edit { color:#000000; } .contactFormInput TEXTAREA { overflow:hidden; width:100%; background-color:#f9f9f9; border:none; border-bottom:2px solid #c4c4c4; height:50px; line-height:20px; padding:15px; font-family:'Blinker',sans-serif; font-weight:400; font-size:15px; color:#c5c5c5; } .contactFormInput TEXTAREA.edit { color:#000000; }  .contactFormInput INPUT[type="CHECKBOX"] { float:left; margin-left:-15px; margin-right:5px; } .contactFormInput LABEL { line-height:20px; cursor:pointer; font-family:'Blinker',sans-serif; font-weight:400; font-size:15px; color:#c5c5c5; } .contactFormInput LABEL.seleced { color:#000000; font-weight:600; } .contactFormOptionContent { display:none; padding-bottom:15px; } .contactFormOptionParts { } .contactFormOptionParts INPUT { margin-top:5px; } .contactFormOptionParts INPUT:first-child { margin-top:0px; } .contactFormOptionPartAdd { float:right; cursor:pointer; color:#0046ff; } .contactFormOptionPartAdd:hover { color:#00ff6e; } .contactFormOptionPartAdd .icon { float:left; width:24px; margin-right:10px; } .contactFormOptionPartAdd .label { float:left; line-height:24px; font-family:'Blinker',sans-serif; font-weight:600; font-size:15px; } .contactFormFooter { height:110px; background-color:#ffffff; position:relative; border-radius:0px 0px 0px 50px; } .contactFormFooter .button { position:absolute; top:30px; right:30px; cursor:pointer; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #0046ff; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; } .contactFormFooter .button .icon { float:left; width:32px; height:32px; margin-right:10px; } .contactFormFooter .button:hover { background-color:#00ff6e; color:#ffffff; } .contactFormOK { display:none; padding:45px; background-color:#ffffff; border-radius:0px 50px 0px 50px; text-align:center; font-family:'Blinker',sans-serif; font-weight:600; font-size:24px; color:#000000; }  .homePromo { background-image:linear-gradient(to bottom, #fff 0%, #e6e6e6 100%); height:700px; overflow:hidden; } .homePromoFrame { position:relative; } .homePromoBackground { position:absolute; top:25px; left:615px; width:945px; height:611px; color:#ffffff; } .homePromoContent { position:absolute; top:85px; left:15px; width:570px; } .homePromoContent .container { position:relative; padding-left:90px; } .homePromoContent .marker { width:57px; height:54px; color:#0046FF; position:absolute; top:0px; left:0px; } .homePromoContent .sublabel { font-family:'Blinker',sans-serif; font-weight:400; font-size:16px; color:#0a0754; text-transform:uppercase; } .homePromoContent .label { font-family:'Blinker',sans-serif; font-weight:600; font-size:48px; color:#000000; } .homePromoContent .content { padding-top:30px; font-family:'Blinker',sans-serif; font-weight:400; font-size:18px; color:#000000; line-height:200%; }  .homeOffer { background-color:#02002f; } .homeOfferFrame { position:relative; height:480px; } .homeOfferContainer { position:absolute; bottom:15px; left:15px; width:calc(100% - 30px); height:590px; background-image:linear-gradient(117deg, #002995, #02002f); border-radius:0px 0px 0px 100px; } .homeOfferContainerFrame { position:relative; width:100%; height:100%; } .homeOfferContainerFrame .markerTopLeft { position:absolute; left:25px; top:25px; width:40px; height:40px; color:#00ff6e; } .homeOfferContainerFrame .markerBottomRight { position:absolute; right:40px; bottom:40px; width:80px; height:80px; color:#00ff6e; } .homeOfferContainerFrame .offerSelect { position:absolute; left:100px; top:25px; } .homeOfferContainerFrame .offerSelect .label { padding-bottom:25px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .homeOfferContainerFrame .offerSelect .item { float:left; cursor:pointer; line-height:20px; font-family:'Blinker',sans-serif; font-weight:700; font-size:15px; color:rgba(255,255,255,0.5); text-transform:uppercase; margin-right:40px; } .homeOfferContainerFrame .offerSelect .item:hover { color:#00ff6e; } .homeOfferContainerFrame .offerSelect .item.selected { color:#00ff6e; border-bottom:3px solid #00ff6e; } .homeOfferContainerFrame .offerContainer { position:absolute; display:none; top:45px; left:85px; width:calc(100% - 170px); height:500px; } .homeOfferContainerFrame .offerLeft { float:left; width:calc(100% - 500px); height:100%; padding:130px 15px 15px 15px; } .homeOfferContainerFrame .offerLeft .label { font-family:'Blinker',sans-serif; font-weight:600; font-size:48px; color:#00ff6e; line-height:105%; padding-bottom:30px; } .homeOfferContainerFrame .offerLeft .content { font-family:'Blinker',sans-serif; font-weight:400; font-size:18px; color:#ffffff; line-height:200%; padding-bottom:30px; } .homeOfferContainerFrame .offerRight { float:left; width:500px; height:100%; padding:15px; } .homeOfferContainerFrame .offerRight .photo { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; } .homeOfferContainerFrame .button { float:left; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #00ff6e; border-radius:0px 25px 0px 0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; } .homeOfferContainerFrame .button .icon { float:left; width:32px; height:32px; margin-right:10px; } .homeOfferContainerFrame .button:hover { background-color:#0046ff; color:#ffffff; }  .homeProjects { background-color:#02002f; padding:15px 0px; } .homeProjectsFrame { } .homeProjectsLabel { padding:15px; } .homeProjectsLabel .container { padding-left:100px; position:relative; } .homeProjectsLabel .label { font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; line-height:40px; } .homeProjectsLabel .marker { position:absolute; top:0px; left:25px; width:40px; color:#00ff6e; } .homeProjectsContainer { width:calc(100% - 200px); height:1000px; margin:15px 100px; position:relative; } .homeProjectsContainer .projectSelect { position:absolute; left:15px; top:0px; } .homeProjectsContainer .projectSelect .item { float:left; cursor:pointer; line-height:20px; font-family:'Blinker',sans-serif; font-weight:700; font-size:15px; color:rgba(255,255,255,0.5); text-transform:uppercase; margin-right:40px; } .homeProjectsContainer .projectSelect .item:hover { color:#00ff6e; } .homeProjectsContainer .projectSelect .item.selected { color:#00ff6e; border-bottom:3px solid #00ff6e; } .homeProjectsContainer .projectContainer { width:100%; height:100%; position:absolute; top:0px; left:0px; display:none } .homeProjectsContainer .projectItem { float:left; } .homeProjectsContainer .projectItem.item0 { width:550px; height:900px; padding:75px 15px 65px 15px; } .homeProjectsContainer .projectItem.item1 { width:450px; height:545px; padding:0px 15px 30px 35px; } .homeProjectsContainer .projectItem.item2 { width:350px; height:430px; padding:30px 15px 15px 35px; } .homeProjectsContainer .projectItemFrame { background-color:#0046ff; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; } .homeProjectsContainer .projectContent { display:none; position:relative; width:100%; height:100%; background-image: linear-gradient(to bottom, rgba(2, 0, 47, 0) 0%, #011767 87%); } .homeProjectsContainer .projectItemFrame:hover .projectContent { display:block; } .homeProjectsContainer .projectContent .container { width:100%; position:absolute; bottom:5px; left:0px; padding:30px; } .homeProjectsContainer .projectContent .cats { padding-top:10px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#00ff6e; line-height:140%; text-transform:uppercase; } .homeProjectsContainer .projectContent .label { padding-top:10px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .homeProjectsContainer .projectContent .content { padding-top:10px; font-family:'Blinker',sans-serif; font-weight:400; font-size:18px; color:#ffffff; line-height:140%; } .homeProjectsContainer .projectContent .border { height:5px; width:100%; background-color:#00ff6e; position:absolute; bottom:0px; left:0px; } .homeProjectsContainer .buttonProjects { position:absolute; bottom:60px; left:60px; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #00ff6e; border-radius:0px 25px 0px 0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; } .homeProjectsContainer .buttonProjects .icon { float:left; width:32px; height:32px; margin-right:10px; } .homeProjectsContainer .buttonProjects:hover { background-color:#0046ff; color:#ffffff; }  .homeComplex { background-color:#ffffff; overflow:hidden; height:425px; border-bottom:1px solid rgb(181,181,181,0.3); } .homeComplexFrame { position:relative; height:100%; padding:15px; } .homeComplexBackground { position:absolute; bottom:7px; right:15px; width:869px; height:412px; } .homeComplexContent { position:absolute; top:65px; left:15px; width:570px; } .homeComplexContent .container { position:relative; padding-left:90px; } .homeComplexContent .stars { width:70px; height:70px; color:#0046FF; position:absolute; top:0px; left:0px; } .homeComplexContent .sublabel { font-family:'Blinker',sans-serif; font-weight:400; font-size:16px; color:#0a0754; text-transform:uppercase; } .homeComplexContent .label { font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#000000; } .homeComplexContent .content { padding-top:30px; font-family:'Blinker',sans-serif; font-weight:400; font-size:18px; color:#000000; line-height:140%; } .homeComplexContent .button { float:left; margin-top:30px; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #0046ff; border-radius:0px 25px 0px 0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; } .homeComplexContent .button:hover { background-color:#00ff6e; color:#ffffff; }  .offerHeader { background:linear-gradient(360deg, #E6E6E6 0%, #FFFFFF 100%); } .offerHeaderFrame { height:65px; padding:30px 15px; } .offerHeaderLabelFrame { width:100%; height:100%; position:relative; } .offerHeaderLabel { position:absolute; top:0px; left:0px; width:100%; padding:20px 30px; background:linear-gradient(135deg, #002995 0%, #02002F 100%); border-radius: 0px 0px 0px 30px; } .offerHeader .marker { color:#00ff6e; width:40px; float:left; margin-right:15px; } .offerHeader .label { float:left; line-height:40px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .offerHeader .label H1 { padding:0px; margin:0px; line-height:40px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .offerContent { background:#02002F; } .offerContentFrame { padding:60px 40px; } .offerItemFrame { float:left; width:50%; height:415px; padding:30px 30px; } .offerItem { width:100%; height:100%; background-color:#ffffff; background-image:url(../layout/offer_item.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; } .offerItemContent { padding:30px; position:relative; width:100%; height:100%; background: linear-gradient(89.27deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 100%); } .offerItemContent:hover { background: linear-gradient(135deg, rgba(0, 41, 149, 1) 0%, rgba(2, 0, 47, 0.8) 100%); } .offerItemContent .label { padding-bottom:30px; line-height:50px; font-family:'Blinker',sans-serif; font-weight:600; font-size:48px; color:#0046FF; } .offerItemContent .content { line-height:26px; font-family:'Blinker',sans-serif; font-weight:400; font-size:18px; color:#000000; } .offerItemContent:hover .label { color:#00FF6E; } .offerItemContent:hover .content { color:#FFFFFF; } .offerItemContent:hover .button { border-color:#00ff6e; } .offerItemContent .button { position:absolute; bottom:30px; left:30px; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #0046ff; border-radius:0px 25px 0px 0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; box-shadow: 10px 0px 15px rgba(10, 7, 84, 0.1); } .offerItemContent .button .icon { float:left; width:32px; height:32px; margin-right:10px; } .offerItemContent .button:hover { background-color:#0046ff; color:#ffffff; }  .offerSelectedHeader { background:linear-gradient(360deg, #E6E6E6 0%, #FFFFFF 100%); } .offerSelectedHeaderFrame { height:100px; padding:30px 15px; } .offerSelectedHeaderLabelFrame { width:100%; height:100%; position:relative; } .offerSelectedHeaderLabel { position:absolute; top:0px; left:0px; width:100%; padding:30px 30px; background:linear-gradient(135deg, #002995 0%, #02002F 100%); border-radius: 0px 0px 0px 30px; } .offerSelectedHeader .marker { color:#00ff6e; width:40px; float:left; margin-right:15px; margin-top:5px; } .offerSelectedHeader .label { float:left; line-height:30px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#00FF6E; } .offerSelectedHeader .label H1 { padding:0px; margin:0px; line-height:30px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#00FF6E; } .offerSelectedHeader .sublabel { line-height:20px; font-family:'Blinker',sans-serif; font-weight:400; font-size:16px; color:#EBEBEB; text-transform:uppercase; } .offerSelectedHeader .button { float:right; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #00ff6e; border-radius:0px 25px 0px 0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; box-shadow: 10px 0px 15px rgba(10, 7, 84, 0.1); } .offerSelectedHeader .button .icon { float:left; width:32px; height:32px; margin-right:10px; } .offerSelectedHeader .button:hover { background-color:#0046ff; color:#ffffff; } .offerSelected { background:#02002F; } .offerSelectedFrame { padding:60px 15px; } .offerSelectedContainer { padding:15px; background:#FFFFFF; border-radius:0px 0px 0px 50px; line-height:26px; font-family:'Blinker',sans-serif; font-weight:400; font-size:18px; color:#000000; } .offerSelectedReturn { display:none; }  .projectsHeader { background:linear-gradient(360deg, #E6E6E6 0%, #FFFFFF 100%); } .projectsHeaderFrame { height:100px; padding:30px 15px; } .projectsHeaderLabelFrame { width:100%; height:100%; position:relative; } .projectsHeaderLabel { position:absolute; top:0px; left:0px; width:100%; padding:45px 30px; background:linear-gradient(135deg, #002995 0%, #02002F 100%); border-radius: 0px 0px 0px 30px; } .projectsHeader .marker { color:#00ff6e; width:40px; float:left; margin-right:15px; } .projectsHeader .label { float:left; line-height:40px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .projectsHeader .label H1 { padding:0px; margin:0px; line-height:40px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .projectsHeader .categorys { float:right; padding:10px 0px; } .projectsHeader .item { float:left; margin:0px 15px; font-family:'Blinker',sans-serif; font-weight:700; font-size:15px; color:rgba(255,255,255,0.5); text-transform: uppercase; } .projectsHeader .item.selected { border-bottom:2px solid #00FF6E; color:#00FF6E; } .projectsHeader .item A { text-decoration:none; } .projectsHeader .item A:hover { color:#00FF6E; } .projectsContent { background:#02002F; } .projectsContentFrame { padding:75px 0px 60px 0px; } .projectsItemFrame { float:left; padding:15px; width:25%; height:470px; } .projectsItem { background-color:#ffffff; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; } .projectsItemFrame .projectsItem:hover .projectsItemContent { display:block; } .projectsItem .projectsItemContent { display:none; position:relative; width:100%; height:100%; background-image: linear-gradient(to bottom, rgba(2, 0, 47, 0) 0%, #011767 87%); } .projectsItem .projectsItemContent .container { width:100%; position:absolute; bottom:5px; left:0px; padding:30px; } .projectsItem .projectsItemContent .cats { padding-top:10px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#00ff6e; line-height:140%; text-transform:uppercase; } .projectsItem .projectsItemContent .label { padding-top:10px; font-family:'Blinker',sans-serif; font-weight:600; font-size:24px; color:#ffffff; } .projectsItem .projectsItemContent .content { padding-top:10px; font-family:'Blinker',sans-serif; font-weight:400; font-size:15px; color:#ffffff; line-height:140%; } .projectsItem .projectsItemContent .border { height:5px; width:100%; background-color:#00ff6e; position:absolute; bottom:0px; left:0px; } .projectsItem .buttonProjects { position:absolute; bottom:60px; left:60px; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #00ff6e; border-radius:0px 25px 0px 0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; } .projectsItem .buttonProjects .icon { float:left; width:32px; height:32px; margin-right:10px; } .projectsItem .buttonProjects:hover { background-color:#0046ff; color:#ffffff; }  .productHeader { background:linear-gradient(360deg, #E6E6E6 0%, #FFFFFF 100%); } .productHeaderFrame { height:100px; padding:30px 15px; } .productHeaderLabelFrame { width:100%; height:100%; position:relative; } .productHeaderLabel { position:absolute; top:0px; left:0px; width:100%; padding:30px 30px; background:linear-gradient(135deg, #002995 0%, #02002F 100%); border-radius: 0px 0px 0px 30px; } .productHeader .marker { color:#00ff6e; width:40px; float:left; margin-right:15px; margin-top:5px; } .productHeader .label { float:left; line-height:30px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#FFFFFF; } .productHeader .label H1 { padding:0px; margin:0px; line-height:30px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#FFFFFF; } .productHeader .sublabel { line-height:20px; font-family:'Blinker',sans-serif; font-weight:400; font-size:16px; color:#FFFFFF; text-transform:uppercase; } .productHeader .cats { font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#00ff6e; line-height:140%; text-transform:uppercase; } .productHeader .button { float:right; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #00ff6e; border-radius:0px 25px 0px 0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; box-shadow: 10px 0px 15px rgba(10, 7, 84, 0.1); } .productHeader .button .icon { float:left; width:32px; height:32px; margin-right:10px; } .productHeader .button:hover { background-color:#0046ff; color:#ffffff; } .productView { background:#02002F; } .productViewFrame { padding:90px 15px 60px 15px; } .productViewContainer { padding:15px; background:#FFFFFF; border-radius:0px 0px 0px 50px; line-height:26px; font-family:'Blinker',sans-serif; font-weight:400; font-size:18px; color:#000000; } .productViewReturn { display:none; }  .descField { float:left; padding:15px; } .descField.w50 { width:50%; } .descField.w100 { width:100%; } .descField .label { font-family:'Blinker',sans-serif; font-weight:600; font-size:24px; color:#0046ff; padding-bottom:15px; } .descField .label H2 { padding:0px; margin:0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:24px; color:#0046ff; } .descField .content { font-family:'Blinker',sans-serif; font-weight:400; font-size:18px; color:#000000; line-height:140%; } .descField IMG { width:100%; }  .staticHeader { background:linear-gradient(360deg, #E6E6E6 0%, #FFFFFF 100%); } .staticHeaderFrame { height:65px; padding:30px 15px; } .staticHeaderLabelFrame { width:100%; height:100%; position:relative; } .staticHeaderLabel { position:absolute; top:0px; left:0px; width:100%; padding:20px 30px; background:linear-gradient(135deg, #002995 0%, #02002F 100%); border-radius: 0px 0px 0px 30px; } .staticHeader .marker { color:#00ff6e; width:40px; float:left; margin-right:15px; } .staticHeader .label { float:left; line-height:40px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .staticHeader .label H1 { padding:0px; margin:0px; line-height:40px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .staticPage { background:#02002F; } .staticPageFrame { padding:60px 15px; } .staticPageContainer { padding:15px; background:#FFFFFF; border-radius:0px 0px 0px 50px; line-height:26px; font-family:'Blinker',sans-serif; font-weight:400; font-size:18px; color:#000000; }  .contactHeader { background:linear-gradient(360deg, #E6E6E6 0%, #FFFFFF 100%); } .contactHeaderFrame { height:65px; padding:30px 15px; } .contactHeaderLabelFrame { width:100%; height:100%; position:relative; } .contactHeaderLabel { position:absolute; top:0px; left:0px; width:100%; padding:20px 30px; background:linear-gradient(135deg, #002995 0%, #02002F 100%); border-radius: 0px 0px 0px 30px; } .contactHeader .marker { color:#00ff6e; width:40px; float:left; margin-right:15px; } .contactHeader .label { float:left; line-height:40px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .contactHeader .label H1 { padding:0px; margin:0px; line-height:40px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#ffffff; } .contactPage { background:#02002F; } .contactPageFrame { padding:60px 15px; } .contactPageLeft { float:left; width:50%; } .contactPageRight { float:left; width:50%; } .contactPageDataFrame { float:left; width:100%; padding:15px; } .contactPageData { padding:30px; background-color:#FFFFFF; border-radius:0px 50px 0px 0px; } .contactPageData .label { margin-bottom:15px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#000000; } .contactPageData .label .marker { float:left; width:40px; margin-right:15px; color:#0046ff; } .contactPageData .sublabel { font-family:'Blinker',sans-serif; font-weight:400; font-size:24px; color:#000000; } .contactPageData .content { font-family:'Blinker',sans-serif; font-weight:400; font-size:16px; color:#000000; padding:30px; background:#F9F9F9; border-radius: 0px 0px 50px 0px; } .contactPageData .content .icon { width:32px; } .contactPageFormFrame { float:left; width:100%; padding:15px; } .contactPageForm { height:530px; background:#FFFFFF; border-radius:0px 0px 0px 50px; } .contactPageFormContent { padding:25px; } .contactPageFormContent .label { padding:5px; margin-bottom:15px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#000000; } .contactPageFormContent .label .marker { float:left; width:40px; margin-right:15px; color:#0046ff; } .contactPageFormContent .button { float:right; cursor:pointer; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #0046ff; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; } .contactPageFormContent .button .icon { float:left; width:32px; height:32px; margin-right:10px; } .contactPageFormContent .button:hover { background-color:#00ff6e; color:#ffffff; } .contactPageFormContentOK { display:none; height:100%; padding:45px; background-color:#ffffff; border-radius:0px 50px 0px 50px; text-align:center; font-family:'Blinker',sans-serif; font-weight:600; font-size:24px; color:#000000; } .contactPageFormContentOK TABLE { width:100%; height:100%; } .contactPageFormContentOK TD { vertical-align:middle; } .contactPageOfferFrame { float:left; width:100%; padding:15px; } .contactPageOffer { padding:30px; background:linear-gradient(135deg, #002995 0%, #02002F 100%); border-radius:0px 50px 0px 0px; } .contactPageOffer .label { margin-bottom:15px; font-family:'Blinker',sans-serif; font-weight:600; font-size:30px; color:#00FF6E; } .contactPageOffer .label .marker { float:left; width:40px; margin-right:15px; color:#00FF6E; } .contactPageOffer .sublabel { font-family:'Blinker',sans-serif; font-weight:400; font-size:24px; color:#ffffff; } .contactPageOffer .content { padding:30px; background:#F9F9F9; border-radius: 0px 0px 50px 0px; } .contactPageOffer .content .icon { width:32px; } .contactPageOffer .button { margin-left:55px; cursor:default; float:left; line-height:32px; padding:8px 20px; height:50px; background-color:#ffffff; border-bottom:5px solid #00ff6e; border-radius:0px 25px 0px 0px; font-family:'Blinker',sans-serif; font-weight:600; font-size:16px; color:#0a0754; text-transform:uppercase; } .contactPageOffer .button .icon { float:left; width:32px; height:32px; margin-right:10px; } .contactPageOffer .button:hover { background-color:#0046ff; color:#ffffff; }