/* Theme Name: Optimoz Template: Divi Version: 1.0.0 */ @import url("../Divi/style.css"); @font-face { font-family: 'AvenirNextCyr-Bold'; src: url('fonts/AvenirNextCyr-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCyr-Bold.woff') format('woff'), url('fonts/AvenirNextCyr-Bold.ttf') format('truetype'), url('fonts/AvenirNextCyr-Bold.svg#AvenirNextCyr-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNext-Regular'; src: url('fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNext-Regular.woff') format('woff'), url('fonts/AvenirNext-Regular.ttf') format('truetype'), url('fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNextBold'; src: url('fonts/AvenirNextBold.eot'); src: url('fonts/AvenirNextBold.eot') format('embedded-opentype'), url('fonts/AvenirNextBold.woff2') format('woff2'), url('fonts/AvenirNextBold.woff') format('woff'), url('fonts/AvenirNextBold.ttf') format('truetype'), url('fonts/AvenirNextBold.svg#AvenirNextBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'AvenirNextDemiBold'; src: url('fonts/AvenirNextDemiBold.eot'); src: url('fonts/AvenirNextDemiBold.eot') format('embedded-opentype'), url('fonts/AvenirNextDemiBold.woff2') format('woff2'), url('fonts/AvenirNextDemiBold.woff') format('woff'), url('fonts/AvenirNextDemiBold.ttf') format('truetype'), url('fonts/AvenirNextDemiBold.svg#AvenirNextDemiBold') format('svg'); font-style: normal; } .podkladka-np { height: 5335px; width: 100%; position: absolute; top: 0; left: 0; right: 0; background-size: initial; z-index: 999999999; opacity: 0.5; display: none; } .page.et_pb_pagebuilder_layout #main-content { overflow: hidden } body { font-family: 'AvenirNext-Regular'; font-weight: normal; background-color: #fff !important; } #logo { max-width: 120px !important; width: 120px !important; height: auto;} .et_header_style_split #logo { display: block !important; } .et_fullwidth_nav #main-header .container { padding-left: 15px !important; } .et_pb_row { width: 86% } body .et_pb_text_light p, body .et_pb_text_light li { font-size: 19px; line-height: 1.4; color: #eaeaea; } body .et_pb_text p, body .et_pb_text li { font-size: 19px; line-height: 1.4; color: #000; } .et_pb_text div { line-height: 1.4 } #main-header { box-shadow: none; margin-top: 20px;} #main-header .container, footer .container { width: 100% } #main-header #et-top-navigation { padding-top: 20px; } .circle1 { } #top-menu li { padding-right: 1.045vw; } #top-menu li a { text-transform1: uppercase; letter-spacing: 0; font-size: 1.125rem !important; } #top-menu li a:hover {color: #b2081d;} #main-header .et_menu_container {padding-right: 0 !important;} #top-menu .optimoz-labs {} #top-menu .optimoz-labs:hover {} #top-menu .optimoz-labs a {background: #145fae; color: #fff !important; display:block; color: #fff; padding: 40px 2.5vw !important;} #top-menu .optimoz-labs a:hover {background: #b2081d; color: #fff; opacity: 1;} nav#top-menu-nav { margin-right: 52px; } #main-slider .et_pb_slide { height: 606px } #main-slider .et_pb_container { width: 100%; display: flex !important; justify-content: center; flex-wrap: wrap; align-items: center; } #main-slider .slide-title { font-size: 68.5px; text-align: left; max-width: 750px; line-height: 1.2; font-family: 'AvenirNextCyr-Bold'; margin-bottom: 35px; text-transform: uppercase; } #main-slider .et_pb_slide_description { padding: 0 !important; } #main-slider .et_pb_slide_title {color: #fff; font-size: 49px; font-weight: bold; margin-bottom: 15px; text-align: left;} #main-slider .et_pb_slide_content { } #main-slider .et_pb_button_wrapper { position: relative; text-align: left; } #main-slider .et_pb_button.et_pb_more_button { border: none; font-size: 25px; color: #fff; background: #b2081d; padding: 10px 20px; width: 305px; text-align: center; border-radius: 30px } #main-slider .et_pb_button.et_pb_more_button:after { top: 14px; } #main-slider .et_pb_button.et_pb_more_button:hover { background: #ab0e04; } #main-slider .et-pb-controllers a { width: 15px; height: 15px; } #main-slider .et-pb-active-control { background: #b2081d } @media screen and (max-width: 1100px) { #main-slider .et_pb_slide_title {font-size: 40px;} } @media screen and (max-width: 980px) { #main-slider .et_pb_slide_title {font-size: 30px;} } .section-links { background: #b2081d; color: #fff; padding: 30px 0 !important; } .section-links .et_pb_blurb {padding: 15px 10px;} .section-links .et_pb_blurb:not(:last-child) {border-right: 1px solid #fff;} .section-links .et_pb_blurb .et_pb_blurb_content {align-items: center; display: flex; flex-direction: row-reverse; justify-content: center;} .section-links .et_pb_blurb .et_pb_module_header {font-size: calc(27px + (37 - 27) * ((100vw - 360px) / (1920 - 360))); font-weight: bold; color: #fff; padding: 0;} .section-links .et_pb_blurb .et_pb_main_blurb_image {flex-shrink: 0; margin-bottom: 0; margin-left: 30px;} @media screen and (min-width: 981px) { .section-links .et_pb_column {display: flex; justify-content: space-between;} .section-links .et_pb_blurb {width: 33.3333%;} } @media screen and (max-width: 1400px) { .section-links .et_pb_blurb .et_pb_main_blurb_image {max-width: 49px;} } @media screen and (max-width: 1100px) { .section-links .et_pb_row {width: 100%;} .section-links .et_pb_blurb .et_pb_main_blurb_image {max-width: 39px;} } .section-solutions { background-color: #f5f6f7; padding-top: 50px !important; } .section-solutions h2 {font-family: 'AvenirNextBold';} .section-solutions .et_pb_blurb {margin-bottom: 70px !important;} .section-solutions .et_pb_blurb:last-child {margin-right: auto;} .section-solutions .et_pb_blurb .et_pb_blurb_content {} .section-solutions .et_pb_blurb .et_pb_main_blurb_image {min-width: 60px;} .section-solutions .et_pb_blurb .et_pb_blurb_container {padding-left: 25px;} .section-solutions .et_pb_blurb .et_pb_module_header {color: #000; font-family: 'AvenirNextDemiBold'; font-size: 30px; margin-bottom: 2px;} .section-solutions .et_pb_blurb .et_pb_blurb_description {color: #000; font-size: 19px; line-height: 1.4;} @media screen and (min-width: 981px) { .section-solutions {padding-top: 4.36% !important;} .section-solutions h2 {font-size: 36px; margin-bottom: 20px;} .section-solutions .solutions-list .et_pb_column {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 2%;} .section-solutions .et_pb_blurb {width: 32%;} } @media screen and (max-width: 980px) { .section-solutions {padding-bottom: 0 !important;} } .section-different {background: #145fae; color: #fff; padding: 0 !important;} .section-different .et_pb_row {padding: 0 !important;} .section-different .et_pb_column:first-child {padding: 105px 0 70px;} .section-different .section-title {margin-bottom: 70px !important;} .section-different .section-title h2 {font-family: 'AvenirNextBold'; font-weight: bold; font-size: 36px; color: #fff; text-transform: uppercase; position: relative; } .section-different .section-title h2:before {content: ""; position: absolute; left: 0; top: -29px; height: 4px; width: 48px; background: #fff; border-radius: 3px;} .section-different .et_pb_text h3 {color: #fff; font-family: 'AvenirNextDemiBold'; font-size: 30px; margin-top: 30px; padding-bottom: 17px; position: relative;} .section-different .et_pb_text h3:before {content: ''; position: absolute; left: 0; bottom: 0; background: #bebebe; height: 1px; width: 114px;} .section-different .et_pb_text p {color: #fff;} .section-different .et_pb_image, .section-different .et_pb_image_wrap {height: 100%; display: block; } .section-different .et_pb_image img {height: 100%; object-fit: cover; max-width: 50vw; width: 50vw;} @media screen and (min-width: 981px) { .section-different .et_pb_text {width: 90%;} } @media screen and (max-width: 980px) { .section-different .et_pb_image img {max-height: 300px; margin-left: -5vw; max-width: 100vw; width: 100vw !important;} } .section-optalk {padding: 50px 0 !important;} .section-optalk .et_pb_image {margin-bottom: 33px !important;} .section-optalk h3 {color: #b2081d; font-size: 30px; font-family: 'AvenirNextDemiBold';} .section-optalk h4 {color: #000; font-size: 19px; font-weight: bold; margin-bottom: 13px;} @media screen and (min-width: 981px) { .section-optalk {padding: 7.8% 0 2.5% !important;} .section-optalk .et_pb_column:first-child {padding-right: 100px;} } @media screen and (max-width: 980px) { .section-optalk .et_pb_row {display: flex; flex-wrap: wrap; flex-direction: column-reverse;} .section-optalk .et_pb_column:first-child {margin-top: 30px;} } .section-logos {padding: 55px 0 50px !important;} .section-logos .et_pb_text:not(:last-child) {margin-bottom: 40px;} .section-logos .et_pb_text p {color: #fff; font-size: 19px; transition: all .3s;} .section-logos .et_pb_text:hover p {color: #54bcff;} .section-logos .et_pb_image {margin-bottom: 20px !important; padding-bottom: 23px;} .section-logos .et_pb_image:before {background: #bebebe; content: ''; height: 1px; left: 0; bottom: 0; position: absolute; width: 115px;} .section-news {padding: 50px 0 0 !important;} .section-news .section-title {margin-bottom: 55px !important;} .section-news .et_pb_text h2 {font-family: 'AvenirNextBold';} .section-news .et_pb_ajax_pagination_container {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 5%;} .section-news .et_pb_ajax_pagination_container > div {width: 100%;} .section-news article:last-of-type {margin-right: auto;} .section-news .et_pb_post {display: flex; flex-direction: column;} .section-news .et_pb_post .entry-title {color: #000; font-family: 'AvenirNextDemiBold'; font-size: 24px; line-height: 1.2; order: 1;} .section-news .et_pb_post .entry-title a:hover {color: #b2081d; text-decoration: none;} .section-news .et_pb_post .divi-booster-author-avatar {display: none;} .section-news .et_pb_post .post-meta {color: rgba(0,0,0,.5); font-weight: 400; min-height: 50px; padding-left: 0;} .section-news .et_pb_post .post-content {order: 1;} .section-news .et_pb_post .post-content p {color: #000; font-size: 19px; line-height: 1.4; margin-top: 10px;} .section-news .wp-pagenavi {text-align: center;} .section-news .wp-pagenavi a {align-items: center; justify-content: center; display: inline-flex; border-bottom: 1px solid #d4d4d4; color: transparent; font-size: 0px; height: 70px; margin: 0 3px; text-align: center; transition: all .3s; width: 70px;} .section-news .wp-pagenavi a.nextpostslink {background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAq0lEQVQokY3SIWsCQBgG4EfFBbNhwWicZUVMwsqazW6VdVk2ra0smVZWjIK/ZEEQQYNBsKjgshxc3X1++eHu/d67GnY44lcwr7hiHME0fZwwuQd3c4TpPbiDAz5RiXAbe8xQi3ALG/ygHuHHXNkCD1GOJpa4VAOYDmrgL8q5xjxd/R9Km2/xXdr8KdfzVeryOb/ORylTD2e8l9BL/kFvJTTI649KKM0Kw6LADZw7HYiwCoL5AAAAAElFTkSuQmCC") no-repeat center;} .section-news .wp-pagenavi a.previouspostslink {background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAArklEQVQokY3SoWvCQRgG4EfFBbPBsLioxSImwWJbM1lWxT7MJpvFZLJYjKv7C8yGwRi4YBisaNAsP7jByp335ge+7/3uZGSE73tsjAsGKfSKE3opNMMvOjFQwgI/aMVQBSsc8RRDVWzwhccYesAb9mikFn/HDvUUKuOKWiiSTDF6i8/Ufv8br3FINf5LMXoZztO8h4vMw6u0c/AUZ3Rz8CT8nH4Ofgnne87BQ3zcAD/zG/5ZaRKCAAAAAElFTkSuQmCC") no-repeat center} .section-news .wp-pagenavi a:hover {background-color: #eee; text-decoration: none;} @media screen and (min-width: 981px) { .section-news {padding: 5.4% 0 1.4% !important;} .section-news .et_pb_post {max-width: 480px; width: 30%;} } .section-Join-team {background-color: #d1d0cf; padding: 85px 0 90px !important;} .section-Join-team h2 {color: #010101; font-size: 36px; font-family: 'AvenirNextBold'; margin-bottom: 30px; text-transform: uppercase;} .section-Join-team .et_pb_text {margin-bottom: 55px !important;} .section-Join-team .et_pb_text p {font-size: 30px; line-height: 1.2;} @media screen and (max-width: 980px) { .section-Join-team {padding: 65px 0 70px !important;} .section-Join-team h2 {font-size: 30px;} .section-Join-team .et_pb_text p {font-size: 24px;} } .button3 { background: #b2081d; border-radius: 30px !important; border: none !important; font-size: 25px; color: #fff; padding: 5px 20px !important; text-align: center; width: 260px; } .button3:after {top: 10px;} .button3:hover {background: #ab0e04 !important;} h2 { font-size: 37px; } h2.centered { font-size: 36px; color: #000; text-align: center; text-transform: uppercase; position: relative; font-weight: bold } h2.centered:before { content: ""; position: absolute; left: calc(50% - 24px); top: -29px; height: 4px; width: 48px; background: #b2081d; border-radius: 3px; } .page-title {padding: 7.3% 0 3.5% !important;} .page-title .et_pb_column {align-items:center; display: flex;} .page-title .et_pb_image {margin-right: 50px;} .page-title .entry-title {color: #fff; font-family: 'AvenirNextBold'; font-size: 46px; line-height: 1.08; padding-bottom: 0;} .page-title .et_pb_text p {color: #fff; font-size: 30px; font-weight: 500;} .page-title.case {padding: 5.8% 0 3% !important;} .page-title.case .et_pb_column {display: grid; grid-template-columns: auto 1fr;} .page-title.case .et_pb_image.span-1 {grid-row: span 1;} .page-title.case .et_pb_image {grid-row: span 2;} .page-title.case .et_pb_text {margin-top: 20px;} .page-title.product {padding: 4% 0 2.2% !important;} @media screen and (max-width: 980px) { .page-title.case .et_pb_column {grid-template-columns: 1fr 2fr;} } @media screen and (max-width: 768px) { .page-title .et_pb_image {margin-right: 30px; max-width: 100px;} .page-title .entry-title {font-size: 40px;} .page-title.case .et_pb_column {display: block;} .page-title.case .et_pb_image {max-width: 150px; margin-bottom: 30px;} .page-title .et_pb_text p {font-size: 24px;} } .solution .et_pb_module.has-border {border-bottom: 1px solid #e7e7e7; margin-bottom: 30px !important;} .solution .section-title h2:before {background: #b2081d; border-radius: 3px; content: ""; height: 4px; left: 0; position: absolute; top: -29px; width: 48px;} /* Insights page (Blog) */ .custom-blog .et_pb_post {display: flex; flex-direction: column; padding-bottom: 30px;} .custom-blog .et_pb_post:last-child {margin-bottom: 0;} .custom-blog .et_pb_post:not(:nth-last-of-type(-n+2)) {border-bottom: 1px solid #e3e3e4;} .custom-blog .et_pb_post .entry-title {color: #000; line-height: 1.2; margin-bottom: 10px;} .custom-blog .et_pb_post .entry-title a:hover {color: #b2081d; text-decoration: none;} .custom-blog .et_pb_post .divi-booster-entry-header {align-items: center; display: flex; order: 1;} .custom-blog .et_pb_post .divi-booster-entry-header .divi-booster-author-avatar {border-radius: 50%; height: 57px; margin-right: 12px; overflow: hidden; width: 57px;} .custom-blog .et_pb_post .post-meta {color: transparent; font-size: 0; min-height: auto; padding: 0;} .custom-blog .et_pb_post .post-meta .author a {color: #000; font-size: 15px; font-weight: 600;} .custom-blog .et_pb_post .post-meta .author:before {content: 'by'; display: inline-block; color: #000; font-size: 15px; font-weight: 600; margin-right: 5px;} .custom-blog .et_pb_post .post-meta .published {display: block; font-size: 14px; color: rgba(0,0,0,.5); line-height: 1.1;} .custom-blog .et_pb_post .post-content {margin-bottom: 35px;} .custom-blog .et_pb_post .post-content p {color: rgba(0,0,0,.6); font-size: 19px; line-height: 1.47; margin: 0;} .blog2 .et_pb_post .entry-title {font-size: 24px; font-family: 'AvenirNextDemiBold'; margin-bottom: 15px;} @media screen and (min-width: 601px) { .custom-blog .et_pb_ajax_pagination_container {display: flex; flex-wrap: wrap; gap: 0 5%; justify-content: space-between;} .custom-blog .et_pb_ajax_pagination_container .et_pb_post {width: 47%;} .custom-blog .et_pb_post:nth-last-of-type(-n+2) {margin-bottom: 0;} } @media screen and (max-width: 768px) { .custom-blog .et_pb_post .entry-title {font-size: 24px;} .blog2 .et_pb_post .entry-title {font-size: 18px;} } @media screen and (max-width: 600px) { .custom-blog .et_pb_post:not(:last-child) {border-bottom: 1px solid #e3e3e4;} .custom-blog .et_pb_post .post-meta .author a, .custom-blog .et_pb_post .post-meta .author:before {font-size: 13px;} .custom-blog .et_pb_post .post-meta .published {font-size: 12px;} .custom-blog .et_pb_post .post-content p {font-size: 15px;} } .circle1 .et_pb_text_inner { width: 326px; height: 326px; position: relative; text-align: center; border-radius: 50%; margin: 0 auto } .circle1 .et_pb_text_inner img { margin-top: 86px; text-align: center; } .circle1 .et_pb_text_inner a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.1s; border-radius: 50% } .circle1 .et_pb_text_inner a:hover { box-shadow: 0px 0px 8px 0px #696868; } .big-circ .et_pb_column:nth-child(1) a { display: block; background: url(/wp-content/uploads/2024/09/optimoz-healthit.png) no-repeat center; } .big-circ .et_pb_column:nth-child(2) a { display: block; background: url(/wp-content/uploads/2024/09/optimoz-ai.png) no-repeat center; } .big-circ .et_pb_column:nth-child(4) a { display: block; background: url(/wp-content/uploads/2024/09/optimoz-software-engineering.png) no-repeat center; } .big-circ .et_pb_column:nth-child(3) a { display: block; background: url(/wp-content/uploads/2024/09/optimoz-devsecops.png) no-repeat center; } .big-circ .et_pb_column p a:empty { display: none !important; } .text1 { color: #fff; font-size: 32px; font-weight: bold; line-height: 1.1; padding-top: 10px; width: 80%; margin: 0 auto; } .big-circ .text1 { padding-top: 210px; line-height: 1 } .colhead img { display: inline-block; margin-right: 20px; } .colhead p { display: inline-block; margin-right: 0 } .colhead h3 { display: inline-block; width: calc(100% - 110px); color: #000; font-size: 37px; font-weight: 500; border-bottom: 1px solid #bebebe; float: right; margin-top: 23px; padding-bottom: 18px; } .colhead p:empty { display: none } #block3 .colhead { margin-bottom: 28px; } #block3 p { line-height: 1.5 } #block3 .et_pb_column_1_2:nth-child(1) { padding-right: 30px } #slider2 { padding-bottom: 35px; } #slider2 .et_pb_slide_description { padding: 20px 0 60px; } #slider2 .et_pb_slide_content { display: flex; justify-content: space-between; align-items: center; } #slider2 .left-col { width: 50%; padding-right: 25px; } #slider2 .right-col { width: 50%; font-size: 35px; color: #fff; line-height: 1.2; text-align: left; padding: 0 0 0 50px; border-left: 1px solid #fff; } #slider2 .et_pb_slider .et_pb_container { width: 100% } #slider2 .et-pb-arrow-prev { top: calc(100% - 9px); width: 70px; height: 70px; left: calc(50% - 70px); background: #fff; opacity: 1; transition: 0.3s } #slider2 .et-pb-arrow-next { top: calc(100% - 9px); width: 70px; height: 70px; right: calc(50% - 70px); background: #fff; opacity: 1; transition: 0.3s } #slider2 .et_pb_slide { height: 460px; } #slider2 .et-pb-arrow-prev:before { color: #333; position: absolute; top: 7px; left: 10px } #slider2 .et-pb-arrow-next:before { position: absolute; right: 10px; top: 7px; color: #333; } #slider2 .et-pb-arrow-prev:after { content: ""; position: absolute; left: 0; bottom: 0; right: 3px; background-color: #d4d4d4; height: 1px; } #slider2 .et-pb-arrow-next:after { content: ""; position: absolute; left: 3px; bottom: 0; right: 0; background-color: #d4d4d4; height: 1px; } #slider2 .et-pb-arrow-next:hover:before { right: 7px } #slider2 .et-pb-arrow-prev:hover:before { left: 7px } #slider2 .et_pb_module.et_pb_fullwidth_slider_1 { overflow: visible } .et_pb_slider .et_pb_slide_4 { background-image: url(https://optimoz.com/wp-content/uploads/2024/09/optimoz-healthit.jpg); background-color: #fff; } #blog .et_pb_posts .et_pb_post { position: relative; margin-right: 5%; padding-bottom: 30px; padding-bottom: 0; margin-bottom: 0; } #blog .bord-top .et_pb_post { border-top: 1px solid #e7e7e7; padding-top: 30px; margin-top: 16px; } #blog .post-content { padding-bottom: 5px } #blog .post-content p { font-size: 19px; line-height: 25px; } div#blog { padding-top: 52px; } div#blog h2.entry-title { color: #000; font-size: 20px; font-family: 'AvenirNextDemiBold'; padding-bottom: 0px; line-height: 1.2 } div#blog p.post-meta, .et_pb_posts p.post-meta { /* background: url(/wp-content/uploads/2018/12/avtor.png) no-repeat; */ background-position: left 0 top 0; padding: 17px 0 10px 68px; min-height: 60px; margin: 0; font-weight: 600; background-size: 57px 57px !important; } #block4 .et_pb_column {align-items: center; display: flex; flex-wrap: wrap; justify-content: center;} #block4 { padding: 0; } #block4 .lets { font-size: 46px; line-height: 1; color: #fff; font-weight: bold; text-align: center; width: 100%; } #block4 .et_pb_row { padding: 50px 0 45px } #block4 .text2 { font-size: 29px; color: #fff; margin-bottom: 0; padding-bottom: 0; text-align: center; } #block4 .text2 strong { font-weight: bold } #block4 a.button1 { display: inline-block; color: #b2081d; background: #fff; border-radius: 30px; font-weight: bold; width: 255px; margin-left: 16px; padding: 12px 18px; border: 2px solid #c71105; transition: 0.3s; text-align: center; line-height: 1; } #block4 a.button1:hover { border-color: #fff !important; background: #c71105; color: #fff; line-height: 1; } #block4 a.button1:after {content: none;} #main-content .et_pb_button.button2 { background: none !important; white-space: nowrap; font-size: 19px; color: #b2081d !important; font-weight: 600; display: inline-block; padding: 7px 35px !important; min-width: 228px; border: 2px solid #b2081d; border-radius: 50px !important; transition: .4s; text-align: center; } #main-content .et_pb_button.button2:after {content: none;} #main-content .et_pb_button.button2:hover { color: #0070be !important; border-color: #0070be !important; } #main-content .et_pb_button.button2.button2a { background: #fff !important; border-color: #fff; font-size: 25px; font-family: 'AvenirNextDemiBold'; } #main-content .et_pb_button.button2.button2a:hover {background: none !important; border-color: #fff;} /*NP footer#main-footer { background-color: #0b356a; } MP*/ footer#main-footer { background-color: #021929; } #footer-bottom { padding: 55px 0 0; } .footer-logo { display: block; width: 150px !important; } .f-col-1 {width: 23%;} .f-col-2 {text-align: center; width: 47%;} .f-col-3 {display: flex; align-items: center; justify-content: flex-end; margin-bottom: 40px;text-align: right; width: 23%;} .f-col-1 .footer-logo {margin: -15px 0 15px;} .f-row1 .logos img {border: 1px solid #eee; border-radius: 5px; height: 70px; margin: 3px; padding: 3px;} .f-col-2 p span {white-space: nowrap;} .t1 {width: 50%;float: left;} .t2 { float: right; width: 200px } .t2 a { color: #fff } .t2 a:hover { text-decoration: underline } .f-row1 { padding-bottom: 20px; border-bottom: 1px solid #494a4b; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 1.5%;} .f-row1:after {content: none;} .f-row1 p { font-size: 18px; line-height: 1.6; color: #fff; padding-bottom: 0 } .copyright { font-size: 16px; color: #fff; opacity: 0.3; float: left; } .f-row2.clearfix { padding: 22px 0 50px; } .f-row3.clearfix { padding: 10px 0 0; } .f-row3.clearfix .lightmix { } .f-row3.clearfix .lightmix a { display: inline-block; color: #fff; opacity: 0.3; font-size: 12px; text-decoration: none; } .f-row3.clearfix .lightmix a:hover { opacity: 0.6; } #g-map iframe { display: block; } #footer-bottom .menu-main-menu-container { float: right } #footer-bottom .menu-main-menu-container li { display: inline-block; padding-left: 17px } #footer-bottom .menu-main-menu-container li a { color: #fff; font-size: 16px; text-transform: none } #footer-bottom .et-social-icons li:first-child {margin-left: 0;} #footer-bottom .menu-main-menu-container li > ul { display: none !important; } #menu-main-menu li a:hover { text-decoration: underline } .et-social-icon a { color: #e74b3b; } .et-social-linkedin a.icon:before {content: "\e09d";} #block1 { padding: 55px 0 30px } #block1 h1 { font-size: 46px; color: #fff; font-family: 'AvenirNextCyr-Bold'; margin: 13px 0; } #block1-1 { padding: 1% 0; } #block1-1 .et_pb_row {padding: 1% 0;} #block1-1 h1 { font-family: 'AvenirNextCyr-Bold'; font-size: calc(36px + (46 - 36) * ((100vw - 360px) / (1920 - 360))); color: #fff; padding: 45px 0 45px 0px; max-width: 1050px } #blog2, #sect1 { padding: 0; } #blog2 .et_pb_text p, #sect1 .et_pb_text p { padding-bottom: 30px; } #sect1 .et_pb_text p:last-child {padding-bottom: 0;} #blog2 .et_pb_column:nth-child(1) .et_pb_row_inner, #sect1 .et_pb_column:nth-child(1) .et_pb_row_inner{ padding-right: 50px } #blog2 > .et_pb_row > .et_pb_column:nth-child(1), #sect1 > .et_pb_row > .et_pb_column:nth-child(1) { width: 68% } #blog2 > .et_pb_row > .et_pb_column:nth-child(2), #sect1 > .et_pb_row > .et_pb_column:nth-child(2) { background: #ececec; padding-bottom: 0; width: 32%; } #sect1 > .et_pb_row > .et_pb_column:nth-child(2) {display: flex; flex-direction: column-reverse; justify-content: flex-end; padding-top: 0;} #sect1 > .et_pb_row > .et_pb_column:nth-child(2) .et_pb_code {flex: 1; width: calc(100% + 10vw);} #sect1 > .et_pb_row > .et_pb_column:nth-child(2) .et_pb_code .et_pb_code_inner {height: 100%;} #sect1 > .et_pb_row > .et_pb_column:nth-child(2) .et_pb_code iframe {height: 100%; width: 100%;} #blog2 #blog, #sect1 #blog { padding-left: 50px; padding-top: 20px } #sect1 #blog {margin-bottom: 50px; margin-top: 50px;} #blog2 #blog h2.entry-title, #sect1 #blog h2.entry-title { padding-bottom: 5px; } #blog2 #blog .post-content p, #sect1 #blog .post-content p { color: #000; line-height: 1.23; } #blog2 #blog .post-content, #sect1 #blog .post-content { } div#blog p.post-meta { padding-top: 17px } #sect1 {overflow: hidden;} #sect1 h2 {font-size: 35px; font-family: 'AvenirNextBold'; margin-bottom: 20px;} #sect1 h2.centered {font-family: 'AvenirNextBold'; font-size: 36px;} #sect1 ul li {padding-bottom: 10px; break-inside: avoid;} #sect1 h3 {color: #000;} #sect1 .custom-h3 h3 {font-size: 24px;} #sect1 h4 {color: #000; font-family: 'AvenirNextDemiBold'; font-size: 19px; line-height: 1.36;} #sect1.solution .et_pb_text p {font-size: 19px; line-height: 1.3;} #sect1.solution .et_pb_text p small {font-size: .85em;} #sect1.solution .et_pb_text li {font-size: 19px;} #sect1.solution .et_pb_text li strong {color: #b2081d;} #sect1.solution .et_pb_image {/*margin-bottom: 55px;*/} #sect1.solution.ai h3 {/*color: #000; font-size: 24px;*/} #sect1.about-us-page .et_pb_blurb {margin-bottom: 45px;} #sect1.about-us-page .et_pb_blurb .et_pb_blurb_content {display: flex; max-width: 100%;} #sect1.about-us-page .et_pb_blurb .et_pb_main_blurb_image {margin-bottom: 0; min-width: 85px; text-align: center;} #sect1.about-us-page .et_pb_blurb .et_pb_blurb_container {padding-left: 40px;} #sect1.about-us-page .et_pb_blurb .et_pb_module_header {color: #000; font-size: 30px; font-weight: 600; } #sect1.about-us-page .et_pb_blurb .et_pb_blurb_description {color: #000; font-size: 19px;} #sect1 .careers-row:before { background: #f5f6f7; content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 50%; } @media screen and (max-width: 1430px) { #sect1 .careers-row:before {right: -5vw; width: 100vw;} } @media screen and (max-width: 980px) { #sect1 .careers-row {padding-bottom: 50px !important;} } #contact-sect .et_pb_column:nth-child(1) { /*width: 71%*/ } #contact-sect .et_pb_column:nth-child(2) { /*width: 29%*/ } .post-meta::after { content: ""; display: block; position: absolute; bottom: -30px; left: 0; width: 100%; background: #ececec } #blog2 #blog:after, #blog2 > .et_pb_row > .et_pb_column:nth-child(2):after, #sect1 #blog:after, #sect1 > .et_pb_row > .et_pb_column:nth-child(2):after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 100%; width: 999px; background: #ececec; z-index: -2; } #blog1 h2 a { font-size: 20px; color: #000 } #blog1 .post-content p { font-size: 19px } #contact-sect {padding-top: 55px;} #contact-sect .et_pb_row { padding: 0 } #contact-sect .et_pb_column_2_3:first-child { padding-right: 30px } #contact-sect .et_pb_code {margin-left: -5vw; width: 100vw;} #contact-sect .et_pb_code iframe {height: 300px; width: 100%;} @media screen and (min-width: 1431px) { #contact-sect .et_pb_code {display: none;} } @media screen and (max-width: 1430px) { #contact-sect {padding-bottom: 0 !important;} } .list1 { list-style: none; list-style: none !important; padding-left: 2px; } .list1 li { position: relative; padding-left: 30px; padding-bottom: 15px } .list1 li:before { content: ""; position: absolute; left: 0; top: 5px; width: 12px; height: 12px; background: url(images/bublik.png) no-repeat center; } ul.col2 {padding-left: 0;} @media screen and (min-width: 525px) { ul.col2 {display: grid; grid-template-columns: 1fr 2fr; column-gap: 20px;} ul.col2.columns {display: block; columns: 2;} } #row2 { background: #fbfbfc; position: relative } #row2:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 100%; width: 999px; background: #fbfbfc } #row2 .colhead { margin-bottom: 15px } #row2 .colhead h3 { margin-top: 18px; padding-bottom: 12px; width: calc(100% - 100px); } #row2 .et_pb_text_3 .colhead img { margin-right: 15px } .contact-block { display: flex; flex-wrap: wrap; font-weight: 600; } .contact-block .col1 { width: 40%; } @media screen and (max-width: 768px) {.contact-block .col1 { width: 50%; }} .contact-block .col1 ul { list-style: none !important; padding-left: 0; } .contact-block .col1 ul li { line-height: 1.64; padding: 0 6px 0 35px; position: relative; background: url(images/contact-icons.png) no-repeat; white-space: nowrap; } .contact-block .col1 ul li:nth-child(1) { background-position: 0 1px } .contact-block .col1 ul li:nth-child(2) { background-position: 0 -35px } .contact-block .col1 p {line-height: 1.64;} #row3 h2 { font-size: 37px; font-weight: 600; } #space { position: relative; min-height: 382px; padding: 50px 20px 55px 60px; width: 130%; display: flex; align-items: center; } #space .et_pb_text_inner { max-width: 460px; position: static; width: 24vw;} #space p { padding-bottom: 15px !important; } #space p:last-child { padding-bottom: 0 !important; } .stext { color: #fff; font-size: 22px; margin-bottom: 35px; line-height: 1.2; } .stext:first-child {margin-top: 45px;} a.link2 { font-size: 19px; color: #fc3d21; text-decoration: underline } a.seeall { color: rgba(255, 255, 255, 0.5); font-size: 14px; text-decoration: underline; margin-top: 35px; display: inline-block; } #space a:hover { text-decoration: none } #space a { text-decoration: none } #space .link-cs {font-size: 14px; color: rgba(255,255,255,.9); text-decoration: none; position: absolute; bottom: 25px; z-index: 1;} #space .link-cs:hover {color: rgba(255,255,255,1);} #map-block { position: relative; padding: 0; height: 410px } #map-block .et_pb_text_inner { position: absolute; width: 692px } .icon-block { width: 76px; float: left; text-align: left } .text-block3 { width: calc(100% - 76px); font-size: 19px; float: left; color: #000; line-height: 1.36; } .text-block3 strong { font-family: 'AvenirNextDemiBold'; color: #b2081d } #pr-box .et_pb_text_inner { display: flex; flex-wrap: wrap; justify-content: space-between } #pr-box .et_pb_text_inner .principles-box { width: 48%; margin-bottom: 25px; } #pr-box .et_pb_text_inner .principles-box li {font-size: 19px;} #circles-small .circle1 .et_pb_text_inner { width: 230px; height: 230px; background-size: cover; } #circles-small .circle1 .text1 { font-size: 22px; padding-top: 125px; padding-top: 140px; line-height: 1.1; } .circle1 .et_pb_text_inner img { width: 60px; height: auto; margin-top: 65px } #circles-small .et_pb_column { background: none !important; } #circles-small .et_pb_text_inner p { padding-bottom: 5px } #circles-small .circle1 .et_pb_text_inner a { background-size: cover !important; } .long-gray { position: relative; background: #f5f6f7; } .long-gray:before { content: ""; display: block; background: #f5f6f7; position: absolute; right: 100%; top: 0; bottom: 0; width: 2222px } .long-gray.light-gray {background: #fafafb;} .long-gray.light-gray:before {background: #fafafb;} #blog2 .et_pb_row, #sect1 .et_pb_row { display: flex; flex-wrap: wrap; } #blog2 .et_pb_row #space img, #sect1 .et_pb_row #space img { max-width: 120px } #serv { padding: 100px 0 30px; } #serv h1 { font-family: 'AvenirNextCyr-Bold'; font-size: 46px; padding: 75px 0 65px 186px; max-width: 1050px } #serv.case h1 { padding-bottom: 15px; line-height: 1.2 } .page-id-161 #serv h1 { background: url(/wp-content/uploads/2018/12/header-img1.png) no-repeat; background-position: left center } .page-id-193 #serv h1 { background: url(/wp-content/uploads/2018/12/migray.png) no-repeat; background-position: left center } .page-id-213 #serv h1 { background: url(/wp-content/uploads/2018/12/advanced.png) no-repeat; background-position: left center } .page-id-227 #serv h1 { background: url(/wp-content/uploads/2018/12/devops-1.png) no-repeat; background-position: left center } .page-id-1678 #serv h1 { background: url(/wp-content/uploads/2024/09/healthcare.png) no-repeat; background-position: left center } .page-id-1728 #serv h1 { background: url(/wp-content/uploads/2024/09/optalk-icon-white.png) no-repeat; background-position: left center } .no-img h1 { padding-left: 0 !important; } #box-icons2 .et_pb_column:nth-child(1) { padding-right: 30px } #box-icons2 .et_pb_column:nth-child(2) { padding-left: 30px } .pr-box .list1 { padding: 0 } .pr-box .list1 strong { color: #000; font-family: 'AvenirNext-Regular'; } .list1 blockquote { border-left: 1px solid #b2081d } .list1 blockquote p { font-style: italic; line-height: 1.2 !important; padding-bottom: 18px !important; } .pr-box .principles-box { margin-bottom: 20px; } .pr-box .principles-box:after { content: ""; display: block; clear: both } .principles-box ul { padding-left: 0 } #box-icons2 { padding-top: 0; } #pr-box.fullwidth .principles-box { width: 100%; } #pr-box.fullwidth .principles-box:after { content: ""; display: block; clear: both; } #pr-box.fullwidth .principles-box p:empty { display: none } #pr-box.fullwidth .principles-box ul { margin-top: 20px } #pr-box.fullwidth .principles-box p + ul { margin-top: 0 } #blog2 .contacts-box p, #sect1 .contacts-box p { padding-bottom: 5px; font-weight: 600; } p.call { padding-left: 26px; background: url(images/trubka.png) no-repeat left top 3px } p.write { padding-left: 26px; background: url(images/email.png) no-repeat left top 3px } #et_pb_contact_form_0 { padding: 60px 40px 40px; } #et_pb_contact_form_0 .et_pb_contact_main_title { font-size: 33px; line-height: 44px; color: #000; } .et_pb_contact_form { margin: 0; } .et_pb_contact_form p { padding-left: 0; margin-bottom: 20px } .et_pb_contact .et_pb_contact_field_half { width: 100%; float: none } .et_pb_contact_form p input { font-size: 15px; color: #000; background: #ececec; border-bottom: 1px solid #000; padding-left: 0; padding-bottom: 10px; } .et_pb_contact_form p input::placeholder { color: #ababab } .et_pb_contact p textarea { color: #000; font-size: 15px; background: #ececec; min-height: 80px; height: 90px; padding-left: 0; border-bottom: 1px solid #000; } .et_pb_contact p textarea:placeholder { color: #ababab; } .et_contact_bottom_container { float: left; margin-top: 10px; } .et_contact_bottom_container .et_pb_contact_submit { border-radius: 50px; border-color: #b2081d; color: #b2081d; margin-left: 0 } .et_pb_fullwidth_code iframe { width: 100% } /*Tabs styles*/ #tabs1 .et_pb_tabs { display: flex; flex-wrap: wrap; justify-content: space-between; border: none; } ul.et_pb_tabs_controls.clearfix { display: block; width: 380px; float: left; background: transparent; padding-top: 20px !important; position: relative; } ul.et_pb_tabs_controls.clearfix li { display: block; width: 100%; float: none; height: auto !important; border: none !important; } ul.et_pb_tabs_controls.clearfix li a { font-size: 29px; display: block; color: #000; transition: 0.3s; padding: 23px 25px 23px 45px; } #tabs1 ul.et_pb_tabs_controls.clearfix li a:hover, #tabs1 ul.et_pb_tabs_controls.clearfix li.et_pb_tab_active a { background: #b2081d; color: #fff !important; } .et_pb_all_tabs { width: calc(100% - 380px); background: transparent; } #tabs1 .icon-block { width: 250px; text-align: center } #tabs1 .text-block3 { width: calc(100% - 260px); border-bottom: 1px solid #e7e7e7; padding-bottom: 30px; padding-top: 20px } #tabs1 .tab-box { margin-bottom: 35px; } #tabs1 .tab-box:last-child .text-block3 { border-bottom: none } .tab-box:after { content: ""; display: block; clear: both } a.more { font-size: 14px; color: #b2081d; FONT-WEIGHT: 600; } a.more:hover { text-decoration: underline } #tabs1 .text-block3 h2 a, #tabs1 .text-block3 h2 { font-size: 24px; color: #000; font-family: 'AvenirNextDemiBold'; font-weight: 600; line-height: 1.2; padding-bottom: 15px } .b-full { background: url("/wp-content/uploads/2019/01/bach.png") no-repeat top center; background-size: contain; } ul.et_pb_tabs_controls:after { display: none !important; } ul.et_pb_tabs_controls.clearfix:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0px; width: 1px; background: #c4c4c4; } h2.line { text-transform: uppercase; font-size: 36px; font-weight: bold; color: #000; font-family: 'AvenirNextCyr-Bold'; padding: 30px 0; position: relative; margin-top: 30px; margin-bottom: 20px; } h2.line:before { content: ''; position: absolute; top: 0; left: 0; height: 3px; width: 50px; background: #e74b3b; border-radius: 3px; } .text5 { font-size: 37px; line-height: 1 !important; color: #000; float: left; width: 180px; } .circle-imgs { display: inline-block; width: calc(100% - 180px) } .circle-imgs a { display: inline-block; margin-right: 20px; max-width: calc(33% - 20px); } .circle-imgs a:last-child { margin-right: 0 } .circle-imgs br { display: none !important; } #fullwidth, #fullwidth .et_pb_row { padding: 0 } #fullwidth .et_pb_column { padding-top: 25px; padding-bottom: 35px; } #fullwidth .et_pb_column:nth-child(1) { padding-right: 60px } #fullwidth .et_pb_column:nth-child(2) { padding-left: 60px; background-color: rgba(175, 175, 175, 0.17); } #fullwidth .et_pb_row { display: flex; flex-wrap: wrap; justify-content: space-between; } #fullwidth .et_pb_column:nth-child(2):after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 100%; width: 999px; background: #f2f2f2; } .horline { position: absolute; top: 40px; right: 0; width: calc(100% - 110px); height: 2px; background: #c51718; } .text7 .quot-text { font-size: 26px !important; color: #b2081d !important; line-height: 1.4; } .quot-authot { font-size: 19px !important; color: #b2081d !important; line-height: 1.4; text-align: right; font-style: italic; font-weight: 300; } h2.red-header { font-size: 37px; color: #b2081d; margin-bottom: 20px; } .et_pb_text_inner h3 { font-size: 35px; font-family: 'AvenirNextDemiBold'; margin-bottom: 20px; } ul.list2 { margin-left: 30px; } #form2 { padding: 0; margin: 20px 0; max-width: 450px } #form2 input { background: #fff; font-size: 15px; } #form2 .et_pb_contact_right { min-width: 120px } h2.header2 { font-size: 35px; color: #000; font-family: 'AvenirNextDemiBold'; } .opening-box { padding-bottom: 30px; border-bottom: 1px solid #e7e7e7; margin-bottom: 45px !important; } .opening-box:last-child { border-bottom: none !important; } .opening-box .prev { font-size: 19px; line-height: 1.4; color: #000; } .opening-box .link { } .opening-box .link a { font-size: 15px; color: #b2081d; font-weight: 600; } .opening-box .link a:hover { color: #0070be; } .engin-box { margin-bottom: 30px; display: flex; justify-content: space-between; } .engin-box .row-01 { padding-right: 20px; width: calc(100% - 226px); } .engin-box .row-02 { width: 226px; padding-top: 7px; text-align: right; } .engin-box .text11 { font-size: 15px; line-height: 25px; font-weight: 600; color: #000 } .engin-box .text12 { font-size: 24px; line-height: 1.1; font-family: 'AvenirNextDemiBold'; color: #000 } .engin-box .text12 a { color: #000; transition: 0.4s; } .engin-box .text12 a:hover { color: #0070be; } .engin-box .text13 { font-size: 14px; line-height: 1; opacity: 0.5; color: #000; padding-top: 11px; } .engin-box a.link3 { width: 100%; white-space: nowrap; font-size: 19px; color: #b2081d; font-weight: 600; display: block; padding: 11px 10px; border: 2px solid #b2081d; border-radius: 50px; transition: 0.4s; text-align: center; } .engin-box a.link3:hover { color: #0070be; border-color: #0070be; } .opening-box p:not(.has-background):last-of-type { padding-bottom: 1em; } .opening-box ul { padding-left: 2em !important; } .engin-box.link3-bottom { margin: 0; padding: 1em 0; justify-content: center; } .engin-box.link3-bottom .row-02 { padding: 0; width: 226px !important; } .engin-box.link3-bottom a.link3 { transition: 0.4s; padding: 9px 10px !important; } .popup-careers.spu-box { background: #fff !important; padding: 0 0 40px !important; box-shadow: 0 0 10px 10px rgba(0,0,0,0.3) !important; width: 800px !important; } .popup-careers.spu-box h2 { transition: 0.4s; font: 40px/1 'AvenirNextCyr-Bold'; color: #fff; padding: 19px 70px 20px 50px !important; background: #b2081d; } .popup-careers .spu-close { width: 30px; height: 30px; top: 24px; right: 20px; } .popup-careers .spu-close .spu-icon { position: relative; width: 100%; height: 100%; display: block; transition: 0.4s; border-radius: 1px; } .popup-careers .spu-close .spu-icon:after, .popup-careers .spu-close .spu-icon:before { position: absolute; width: 24px; height: 3px; background: #fff; content: ""; top: 14px; right: 3px; } .popup-careers .spu-close .spu-icon:hover { background: rgba(255,255,255,0.3); } .popup-careers .spu-close .spu-icon:after { transform: rotate(-45deg); } .popup-careers .spu-close .spu-icon:before { transform: rotate(45deg); } .popup-careers .wpcf7-form div.wpcf7-response-output { margin: 20px auto 0; width: calc(100% - 100px); } .form-02 br { display: none; } .form-02 p { padding: 0; margin: 0; } .form-02 { padding: 20px 10px 0; transition: 0.4s; } .form-02 .wpcf7-form-control-wrap.vacancy { display: none; } .form-02 .work-02 { border-bottom: 0; color: #000; font: bold 24px/1 AvenirNext-Regular; padding: 10px 0 20px; width: 100%; } .form-02 .wpcf7-form-control-wrap { margin-bottom: 20px; display: block; } .form-02 .wpcf7-form-control-wrap input, .form-02 .wpcf7-form-control-wrap textarea { width: 100%; padding: 15px 5px; font: 15px/1 'AvenirNext-Regular'; color: #333; border: 0; border-bottom: 1px solid #000; padding-bottom: 10px; } .form-02 .wpcf7-form-control-wrap textarea { line-height: 1.4; height: 122px; padding-top: 5px; } .form-02 .wpcf7-submit { background: #fff; color: #b2081d; padding: 14px 20px; border: 2px solid #b2081d; border-radius: 50px; transition: 0.4s; display: inline-block; cursor: pointer; width: 100%; font: 600 17px/1 'AvenirNext-Regular'; } .form-02 .wpcf7-submit:hover { color: #0070be; border-color: #0070be; } .form-02 .file-01-clear { height: 10px; width: 100%; } .form-02 .file-01 { margin-bottom: 25px; position: relative; cursor: pointer; } .form-02 .file-01 .wpcf7-form-control-wrap { cursor: pointer; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 41px; } .form-02 .file-01 .wpcf7-form-control-wrap input { width: 100%; height: 41px; } .form-02 .file-01 .upload { cursor: pointer; background: #fff; color: #999; padding: 10px 20px; border: 2px solid #bbb; border-radius: 4px; transition: 0.4s; display: inline-block; width: 100%; font: 600 17px/1 'AvenirNext-Regular'; text-align: center; } .form-02 .file-01:hover .upload { color: #0070be; border-color: #0070be; } .form-02.contact-form {max-width:550px; width: 100% !important;} .form-01 { margin: 20px 0 !important; max-width: 500px; } .form-01 br { display: none; } .form-01 .wpcf7-form-control-wrap { margin-bottom: 20px; display: block; } .form-01 .wpcf7-form-control-wrap input { width: 100%; padding: 15px 0; font: 15px/1 'AvenirNext-Regular'; color: #333; border: 0; border-bottom: 1px solid #000; padding-bottom: 10px; } .wrap-uploadresume {position: relative; margin-top: 70px; overflow: hidden;} .wrap-uploadresume #uploadresume {display: none;} .wrap-uploadresume .file-resume {height: 30px; height: 50%; display: inline-block;} .wrap-uploadresume label {color: #b2081d; float: left; font:600 17px/1 'AvenirNext-Regular'; margin-top: 17px; cursor: pointer;} .wrap-uploadresume label:hover { color: #0070be; } .form-01 .wpcf7-submit { background: #fff; color: #b2081d; padding: 14px 20px; border: 2px solid #b2081d; border-radius: 50px; transition: 0.4s; display: inline-block; cursor: pointer; max-width: 190px; width: 100%; font: 600 17px/1 'AvenirNext-Regular'; float:right;} .form-01 .wpcf7-submit:hover { color: #0070be; border-color: #0070be; } .wpcf7-form span.wpcf7-not-valid-tip { font-size: 12px; line-height: 1.4; color: #b2081d; } .wpcf7-form input.wpcf7-not-valid { border-color: #b2081d; } .wpcf7-form div.wpcf7-response-output { padding: 6px 15px; margin: 20px 0 0; font-size: 14px; line-height: 1.4; } .grecaptcha-badge { z-index: 20; } .form-01 div.wpcf7 .ajax-loader, .form-02 span.ajax-loader { position: relative; left: -39px; top: -2px; } .author-page #block1 { background: url(/wp-content/uploads/2018/12/bg-header.jpg) no-repeat 50% / cover !important; } .author-page #block4 { background: #b2081d !important; } .author-page .author-content { background: url(/wp-content/uploads/2019/01/bach.png) no-repeat 50% 55px; } .author-page .author-content .post-clear { margin: 0 !important; } .author-page .author-content .et_pb_row { padding: 55px 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .author-page .author-content .et_pb_row article { width: 47.5%; margin-bottom: 50px; } .author-page .author-content .author-info { display: flex; align-items: center; background: #f5f6f7; padding: 30px 30px 25px 50px; margin-bottom: 58px; width: 47.5%; border-bottom: 5px solid #b2081d; } .author-page .author-content .author-info .author-img { width: 100px; height: 100px; background: #fff; border-radius: 100%; border: 5px solid #fff; } .author-page .author-content .author-info .author-img img { border-radius: 100%; } .author-page .author-content .author-info .author-block { padding: 0 0 0 50px; width: calc(100% - 100px); } .author-page .author-content .author-info h2 { color: #000 !important; font: 28px/1 'AvenirNextCyr-Bold'; padding: 0 0 10px; } .author-page .author-content .author-info h3 { color: #0070be !important; font: 20px/1 'AvenirNextCyr-Bold'; display: block; } .author-page .author-content .author-info .author-block .author-desc { font-size: 16px; line-height: 1.4; color: #333; } .author-page .author-content .author-info .link { padding: 5px 0 0; } .author-page .author-content .author-info .link a { display: inline-block; color: #b2081d; font-weight: 600; position: relative; } .author-page .author-content .author-info .link a:after { transition: 0.4s; content: ""; width: 100%; height: 1px; left: 0; bottom: 0; background: #b2081d; opacity: 0; position: absolute; } .author-page .author-content .author-info .link a:hover { color: #0070be; } .author-page .author-content .author-info .link a:hover:after { background: #0070be; bottom: 3px; opacity: 1; } .author-page .author-content .meta { font-size: 15px; color: #666; font-weight: 600; padding-bottom: 10px; } .author-page .author-content .meta a { color: #b2081d; } .author-page .author-content .meta a:hover { color: #0070be; } .author-page .author-content .entry-title { position: relative; font-size: 35px; font-weight: 400; padding-bottom: 10px !important; } .author-page .author-content .entry-title a { transition: 0.4s; display: inline-block; } .author-page .author-content .entry-title a:hover { color: #0070be; } .author-page .author-content .content { font-size: 19px; line-height: 1.4; color: #666; } .author-page .author-content .content .link a { font-size: 15px; color: #b2081d; font-weight: 600; } .author-page .author-content .content .link a:hover { color: #0070be; } .author-page .author-content.error-content, .author-page #block4 .et_pb_row, .author-page #block4 .et_pb_text { background: transparent !important; } .pagination { text-align: center; font-size: 0; width: 100%; padding: 0 0 40px; } .pagination a { text-decoration: none !important; transition: 0.4s; } .pagination .page-numbers { display: inline-block; margin: 0 3px; padding: 10px 10px 9px; min-width: 38px; background: #0070be; font: 18px/1 'AvenirNext-Regular'; color: #fff; border-radius: 2px; } .pagination .page-numbers.current, .pagination a.page-numbers:hover { background: #b2081d; } #post-18 .et_pb_column_1_2 { width: calc(50% - 20px) } #post-18 .et_pb_column_1_2:first-child { margin-right: 40px } #blog1 h2 a { font-size: 37px; line-height: 1; padding-right: 50px } .et_pb_posts .post-content p { margin: 17px 0 } .et_pb_posts .et_pb_post { margin-bottom: 10px } .single .post { padding-bottom: 10px !important; } #blog2.blognew h2 a, #sect1.blognew h2 a { font-size: 24px; line-height: 1; padding-right: 50px; font-weight: 600 } .et_pb_section.capabilities {padding-bottom: 0 !important;} .et_pb_section.capabilities .et_pb_row:first-child {padding-bottom: 100px;} .et_pb_section.capabilities p {font-size: 19px;} .table-title { position: absolute; bottom: 0; width: 86%; margin: auto; left: 0; right: 0; } @media screen and (max-width: 980px) { .et_pb_section.capabilities .et_pb_row:first-child .et_pb_module {margin-bottom: 50px !important;} .et_pb_section.capabilities img {max-height: 400px;} } #red-table { position: relative; padding: 0 0 35px; background: #f5f6f7; } #red-table .et_pb_row { padding: 0 } #red-table:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 109px; border-bottom: 1px solid #d5d5d5; background: #b2081d; } #red-table .et_pb_text_inner { display: flex; flex-wrap: wrap; justify-content: space-between } #red-table .col1-7 { width: calc(100% / 7); padding: 0 20px 20px; position: relative } #red-table .col1-7:before { content: ""; position: absolute; top: 128px; left: 0; bottom: 0; width: 1px; background: #d5d5d5; } #red-table .col1-7:last-child:after { content: ""; position: absolute; top: 128px; right: 0; bottom: 0; width: 1px; background: #d5d5d5; } #red-table .col1-7 .red-title { height: 109px; color: #fff; font-size: 22px; display: flex; align-items: center; vertical-align: middle; letter-spacing: -.5px;} #red-table .r-text ul { padding: 0; list-style: none !important; } #red-table .r-text ul li { font-size: 19px; line-height: 1.9; letter-spacing: -.5px; } #red-table .r-text { padding-top: 25px; } .et_pb_posts a:hover { text-decoration: underline } @media screen and (max-width: 980px) { #et-top-navigation { padding-left: 0px !important; padding-right: 0px !important; } .et_mobile_menu { width: 100%; border-top: 3px solid #c51617 !important; padding-left: 0; padding-right: 0; padding-bottom: 0;} .et_mobile_menu .optimoz-labs a {background: #145fae; color: #fff; padding-top: 25px; padding-bottom: 25px;} .et_mobile_menu .optimoz-labs a:hover {background: #c51617; opacity: 1;} /*NP*/ .et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page { display: none !important; } .et_header_style_centered .mobile_menu_bar { position: absolute !important; top: 2px; right: 5px; } /* Mobile Menu */ .et_header_style_split #et_mobile_nav_menu { display: inline-block !important; float: right !important; position: relative !important; margin-top: 0px !important; } .et_header_style_split .mobile_menu_bar { display: block !important; position: relative !important; line-height: 0 !important; } .et_header_style_split .mobile_menu_bar:before, .et_header_style_split .et_toggle_slide_menu:after { position: relative !important; top: 0 !important; left: 0 !important; font-size: 32px !important; content: "\61" !important; cursor: pointer !important; } .et_header_style_split .mobile_nav .select_page { display: none !important; } .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar { padding: 0px !important; margin: 0px !important; } .et_header_style_split #main-header .mobile_nav { display: block !important; text-align: left !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 1px !important; padding: 0px !important; } .et_header_style_split .et_mobile_menu { position: fixed !important; left: 0 !important; top: 75px !important; padding: 5% !important; background: #fff !important; width: 100% !important; visibility: visible; opacity: 1 !important; display: none; z-index: 9999; border-top: 3px solid #2ea3f2; box-shadow: 0 2px 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1); } }/*NP*/ #et_mobile_nav_menu .mobile_menu_bar:before {top: 12px;} #top-menu .sub-menu { width: 330px } #top-menu .sub-menu li { display: block; padding: 0 } #top-menu .sub-menu li a { font-size: 16px; display: block; width: 100% } #top-menu .sub-menu li a:hover { color: #145fae; } #top-menu .sub-menu .current-menu-item a { color: #145fae; } .current_page_item a {color: #145fae !important;} /* NP */ .menu-item a:hover {color: #145fae !important;} /* NP */ .single-post .et_pb_row .et_pb_row {width: 100%;} .single-post .et_pb_section .back-link p {padding-bottom: 5px;} .single-post .et_pb_post_title .et_pb_title_meta_container, .single-post .et_pb_post_title .et_pb_title_meta_container a {font-size: 14px; color: rgba(0,0,0,.5);} .single-post .et_pb_section p, .single-post .et_pb_section li, .single-post .entry-content p, .single-post .entry-content li { color: #000; font-size: 19px; line-height: 1.47; } .single-post .et_pb_section h3 {font-size: 24px; color: #000; font-weight: 600; margin-bottom: 10px;} .single-post .et_pb_section p {padding-bottom: 1.6em;} .single-post ol li::marker {font-weight: bold;} .ourwork h2 { padding: 15px 0 20px } #tabs1 .text-block3.images { max-width: 100%; width: 100%; border-bottom: none; text-align: center } #tabs1 .text-block3.images img { width: 40%; height: auto; margin: 10px 20px } #tabs1 .text-block3.images br { display: none } #tabs1 .noborder .text-block3 { border: none; padding-left: 30px; } #tabs1 .tab-box.noborder { margin-bottom: 40px } #tabs1 .text-block3 a:hover { text-decoration: underline } .text-block3.dop-padd { padding-top: 35px !important; } #blog2 #blog .et_pb_post, #sect1 #blog .et_pb_post { padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; margin-bottom: 23px; } #sect1 #blog .et_pb_post {display: flex; flex-direction: column;} #sect1 #blog .et_pb_post .entry-title, #sect1 #blog .et_pb_post .post-content {margin-bottom: 0; order: 1;} #sect1 #blog .et_pb_post .divi-booster-author-avatar {display: none;} #sect1 #blog .et_pb_post .post-meta {color: rgba(0,0,0,.5); font-weight: normal; min-height: 30px; padding: 0;} #blog2 #blog .et_pb_post:last-child, #sect1 #blog .et_pb_post:last-child { margin-bottom: 0; border-bottom: none } #blog2.blognew h2.entry-title, #blog2.blognew .post-meta, #sect1.blognew h2.entry-title, #sect1.blognew .post-meta { width: 30%; margin-right: 0; float: left } #blog2.blognew .post-content, #sect1.blognew .post-content { position: relative; top: 0; left: 2%; width: 68%; display: table } #blog2.blognew h2.entry-title a, #sect1.blognew h2.entry-title a { font-size: 37px; font-weight: 400 } #blog2.blognew .post-meta, #sect1.blognew .post-meta { clear: left; margin-top: 30px } #blog2.blognew .post-content p, #blog2.blognew .post-content li, #sect1.blognew .post-content p, #sect1.blognew .post-content li { font-size: 18px; line-height: 26px; margin: 0; } #blog2.blognew .post-content p:first-child, #sect1.blognew .post-content p:first-child { margin-top: 0 } #blog2.blognew .et_pb_post, #sect1.blognew .et_pb_post { padding-bottom: 45px; margin-bottom: 44px; border-bottom: 1px solid #b0b0b0 } #blog2.blognew .et_pb_post:last-child, #sect1.blognew .et_pb_post:last-child { border-bottom: none } #blog2.blognew .et_pb_posts a.more-link, #sect1.blognew .et_pb_posts a.more-link { color: #fc3d21; font-size: 19px; text-decoration: underline } #blog2.blognew .et_pb_posts a.more-link:hover, #sect1.blognew .et_pb_posts a.more-link:hover { text-decoration: none } #blog2.blognew > .et_pb_row > .et_pb_column:nth-child(1), #sect1.blognew > .et_pb_row > .et_pb_column:nth-child(1) { width: 100%; } #blog2.blognew > .et_pb_row > .et_pb_column:nth-child(1) p:empty, #sect1.blognew > .et_pb_row > .et_pb_column:nth-child(1) p:empty { display: none !important; } .single-post #blog2, .single-post #sect1 { background-size: initial; background-position: top center; } .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper { max-width: 1600px; padding-top: 25px; } .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper .post-meta { padding-bottom: 0 !important; margin-bottom: 0 } .single.et_pb_pagebuilder_layout.et_full_width_page #blog2 .et_pb_column:nth-child(1) .et_pb_row_inner,.single.et_pb_pagebuilder_layout.et_full_width_page #sect1 .et_pb_column:nth-child(1) .et_pb_row_inner { padding-top: 30px } .back-to-blog { color: #fc3d21; font-size: 19px; text-decoration: underline; margin-bottom: 15px; display: block; } .back-to-blog:hover { text-decoration: none } .single.et_pb_pagebuilder_layout.et_full_width_page #blog2 p, .single.et_pb_pagebuilder_layout.et_full_width_page #blog2 li, .single.et_pb_pagebuilder_layout.et_full_width_page #sect1 p, .single.et_pb_pagebuilder_layout.et_full_width_page #sect1 li { color: #000; opacity: 0.7 } .single.et_pb_pagebuilder_layout.et_full_width_page #left-area { padding-bottom: 0 } .single.et_pb_pagebuilder_layout.et_full_width_page #blog2 > .et_pb_row > .et_pb_column:nth-child(2):after, .single.et_pb_pagebuilder_layout.et_full_width_page #sect1 > .et_pb_row > .et_pb_column:nth-child(2):after { top: -100px; left: 0; } .single.et_pb_pagebuilder_layout.et_full_width_page article.et_pb_post { overflow: hidden; padding-bottom: 0; margin-bottom: 0; } .single.et_pb_pagebuilder_layout.et_full_width_page #blog { padding-top: 0 !important; } .single.et_pb_pagebuilder_layout.et_full_width_page .post-meta { font-size: 15px; font-weight: 600 } .single.et_pb_pagebuilder_layout.et_full_width_page span.author.vcard.ttt { font-size: 15px; font-weight: 600 } .text-block3.images.row1 { } #tabs1 .et_pb_tab { padding-right: 0; } #tabs1 .tab-box-img .line { position: relative; color: #010101; text-transform: uppercase; font: 36px/1 AvenirNextCyr-Bold; padding: 30px 0 50px 5%; } #tabs1 .tab-box-img .line:not(:first-child) {margin-top: 105px;} #tabs1 .tab-box-img .line:after { position: absolute; left: 5%; top: 0; content: ""; width: 50px; height: 4px; border-radius: 4px; background: #e74b3b; } #tabs1 .tab-box-img .block-img { display: flex; align-items: center; margin-bottom: 4%; } #tabs1 .tab-box-img .block-img:last-child {justify-content: space-between;} #tabs1 .tab-box-img .block-img span { padding: 0 0 5% 5%; } #tabs1 .tab-box-img .block-img-01 { flex-wrap: wrap; margin-bottom: 80px; padding-left: 5%; gap: 30px 15px; } #tabs1 .tab-box-img .block-img-01 span { width: 33.333333%; } #tabs1 .tab-box-img .block-img-01 span.img-2 { width: 66.666666%; } #tabs1 .tab-box-img .block-img-02 span, #tabs1 .tab-box-img .block-img-03 span { max-width: 30%; } #tabs1 .tab-box-img .block-img-01:last-child img {margin-bottom: 30px; } #tabs1 .tab-box-img .block-img-01:last-child img:last-child { margin-right: auto;} .ebook.et_pb_section { padding: 0 !important; background: #f5f6f7; margin-top: 100px; } .ebook .et_pb_row { padding: 0 !important; width: 100%!important; } .ebook .et_pb_column .et_pb_image_wrap { margin-top: -70px !important; } .ebook .et_pb_column:first-child .et_pb_module { /*margin-right: 5%; float: right; */} .ebook .et_pb_column:last-child .et_pb_module { margin-right: 0; } .ebook .et_pb_text_inner { padding-top: 40px; } .ebook .et_pb_text_inner .t-01 { color: #9aa3a9; font: 28px/1 AvenirNext-Regular; } .ebook .et_pb_text_inner .t-02 { color: #00273e; font: 35px/1 AvenirNext-Regular; padding: 13px 0 27px; } .ebook .et_pb_text_inner .t-03 { color: #b2081d; font: 23px/1 AvenirNextCyr-Bold; position: relative; padding-right: 60px; } .ebook .et_pb_text_inner .t-03:hover { color: #0070be; } .ebook .et_pb_text_inner .t-03 .arrow { position: absolute; width: 49px; height: 49px; top: -12px; right: 0; } .ebook .et_pb_text_inner .t-03 .arrow img { position: absolute; top:0; right: 0; } .ebook .et_pb_text_inner .t-03 .arrow img:last-child { opacity: 0; } .ebook .et_pb_text_inner .t-03:hover .arrow img:first-child { opacity: 0; } .ebook .et_pb_text_inner .t-03:hover .arrow img:last-child { opacity: 1; } #spu-941 .wpcf7-form.sent .form-02 { display: none; } #spu-941 .wpcf7-form.sent div.wpcf7-response-output.wpcf7-mail-sent-ok { padding: 20px 0 0; border: 0; color: #398f14; font-weight: bold; font-size: 16px; } .section-careers .et_pb_text address { color: #000; font-family: 'AvenirNext-Regular'; font-weight: 600; font-style: normal; font-size: 19px; line-height: 1.8; } .section-careers .et_pb_text address a {color: #000; vertical-align: middle; white-space: nowrap;} .section-careers .et_pb_text address a:hover {color: #b2081d;} .section-careers .et_pb_text address a:before { content: ''; display: inline-block; height: 19px; margin-right: 12px; position: relative; top: 3px; width: 19px; } .section-careers .et_pb_text address a[href^="tel"]:before { background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABj0lEQVQ4jZ3UT2TXcRzH8ce2GsuP0mXbLXZIidWhIrqmiewwqUyiQ0baacyqQ5d13ZQ1JpGIsRFFlC5Zh5Ha7LJLxi4johWR1fLm/eXn57fx/b74+vp+fD3ff1+floXOTjiFcXRhHZfwU0m14jweYx7H8Rr3y4IkLDLqx0d0YwpncKwKbG+W9gVP0YthTFSBFU9oBA+xiD04WBYWGZ3M789YwiQO4EdZ2Byu1J2t4Ej28W9Z2CucQy3P4v0Sa2VABewPnuFWnj3BEPZVgYUe4Vou7XfM4EFV2C/cy+WVA+jBYBWYHERM7za2cRU3dwC2NVub1obvoYRcxCYu4HJmWvTwED6l/d7VO6XtRq1WD9vKSUbPNrCMFziM6Qw+krAIspqtORp2bMws9A19GEtbbae1zqIjM4oyP+QmhI+/Yra4gpqpI6Puz/I3Gv45kdYLx9wNeLPMCv3GdTzHe4zWLXYorBfZRskLEWw3WKGYclyeobgAouTT2b9owdsMPLZbmc3UnhMeyIv0X/btDt78B1MFVcEs4VHGAAAAAElFTkSuQmCC") no-repeat center; } .section-careers .et_pb_text address a[href^="mail"]:before { background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABo0lEQVQ4jZ3UPWgWQRAG4CfRxmgZDIIoCEljKaiN2BgEf0CtBCERxcI0NjEiCiIEBLGxMIo/aJXCIoiCklhKiqCWNhaiwUpIKiUIGmVkPliPu+PTt7ndnZn3Zt6d2Z75gQEtWINJDOMlLuNnk/vayn4ce/Ar9xuxFa8xgr34krYevMKNJrJwPtyWagXP2sjKEq5hXQ3BCi7W+P9Fth59xf5Wzc8CP4p1X8Z9K8mGcA+9heOllszO5jrsz3EG74PsGMZS4JtF0PkuMlvCOTzAVDg/xgV8qgR9LdZHcDLXUdKJwhZxL4In+uwp3mIbruNdTTZN2I4JfMCO0GgVVzGdog92STSY/tMZv1oKPotR3E4d2xD2O+k/2/HrrQRE/QexDzvz7BDm8hvYleN1oKpz3W19z9vtzOUmHM9O340rWKjLuppZB/14go84jWWcwmKe93dLFuXNpKj3K7a7eT5TyNBYZpS3P/tquSHrN2l/mOJPVTOLGXuEeNyOthB1EPbwC/+I+zPT0bTxp+j2aNiYs39F3Go07oYgi8fuc4r7v9iCzb8BS61WsoC4KkwAAAAASUVORK5CYII=") no-repeat center; } @media screen and (min-width: 526px) { .section-careers .et_pb_text.address .et_pb_text_inner {display: flex; gap: 10%;} } @media screen and (min-width: 981px) { .section-careers .et_pb_module {margin-bottom: 7% !important;} } @media screen and (min-width: 525px) { .solutions-page .list1.col2 {display: block; columns: 2;} } .our-solutions {background-repeat: no-repeat !important;} .our-solutions .et_pb_column {display: flex; flex-wrap: wrap; gap: 0 2%;} .our-solutions .et_pb_text {width: 100%;} .our-solutions .et_pb_blurb {margin-bottom: 40px !important; width: 49%;} .our-solutions .et_pb_blurb .et_pb_main_blurb_image {min-width: 60px; text-align: center;} .our-solutions .et_pb_blurb .et_pb_blurb_container {padding-left: 20px;} .our-solutions .et_pb_blurb .et_pb_module_header {color: #000; font-size: 30px; font-family: 'AvenirNextDemiBold';} .our-solutions .et_pb_blurb .et_pb_blurb_description {color: #000; font-size: 19px;} .our-solutions .et_pb_blurb .et_pb_blurb_description a {color: #b2081d; white-space: nowrap;} .our-solutions .et_pb_blurb .et_pb_blurb_description a:after {font-family: 'etModules'; content: '\24'; display: inline-block; font-size: 22px; margin-left: 5px; vertical-align: middle; } .our-solutions .et_pb_blurb .et_pb_blurb_description a:hover {color: #0070be;} @media only screen and (max-width: 1800px) { #main-slider .slide-title { font-size: 80px } #slider2 .right-col { font-size: 34px; } } @media only screen and (max-width: 1700px) { #main-header .container, footer .container, .et_pb_row, .single-post .container { width: 90%; } #circles-small .circle1 .et_pb_text_inner { width: 196px; height: 196px; } .circle1 .et_pb_text_inner img { margin-top: 35px } #circles-small .circle1 .text1 { font-size: 20px; padding-top: 122px; } #main-slider .slide-title { font-size: 75px; width: 100%; text-shadow: 0 0 20px black; } #main-slider .et_pb_button_wrapper { top: 0 } .circle1 .et_pb_text_inner { width: 300px; height: 300px; } .big-circ .text1 { padding-top: 190px; font-size: 30px; } #top-menu li a { font-size: 16px !important; } #space { width: 130% } #space .et_pb_text_inner { /*width: 86%*/ } #slider2 .right-col { font-size: 33px; } } @media only screen and (max-width: 1600px) { #slider2 .right-col { font-size: 31px; } .author-page .author-content .author-info { padding: 30px 30px 25px 40px; } .author-page .author-content .author-info .author-block { padding: 0 0 0 40px; } #et_top_search { margin-left:10px} } @media only screen and (max-width: 1500px) { #slider2 .right-col { font-size: 30px; } .author-page .author-content .author-info { padding: 30px 30px 25px 30px; } .author-page .author-content .author-info .author-block { padding: 0 0 0 30px; } #top-menu li { /*padding-right: 15px;*/ } } @media only screen and (max-width: 1430px) { body .et_pb_text p, body .et_pb_text li { font-size: 19px; } #main-slider .slide-title { font-size: 68px; } #main-slider .et_pb_slide { height: 520px; } .circle1 .et_pb_text_inner { width: 280px; height: 280px; } .circle1 .et_pb_text_inner img { margin-top: 36px; } .text1 { font-size: 28px; } .colhead h3 { font-size: 32px } h2.centered { font-size: 34px; } #blog .post-content { padding-bottom: 4px; } .lets { font-size: 38px; } #top-menu li { /*padding-right: 25px;*/ } #circles-small .circle1 .et_pb_text_inner { width: 240px; height: 240px; } .circle1 .et_pb_text_inner img { margin-top: 30px } #circles-small .circle1 .text1 { font-size: 18px; font-size: 21px; padding-top: 150px; } #box-icons2 .et_pb_column:nth-child(1) { padding-right: 10px; } #box-icons2 .et_pb_column:nth-child(2) { padding-left: 20px; } .list1 li { padding-left: 26px; } .pr-box .list1 blockquote p { padding-bottom: 12px !important; } blockquote { padding-left: 15px; } #red-table .col1-7 .red-title { font-size: 20px; height: 86px } #red-table:before { height: 86px } #red-table .r-text ul li { font-size: 19px; } #blog1 .et_pb_row.et_pb_row_1 { padding-top: 60px } #blog1 .post-content p { font-size: 19px } .big-circ .text1 { padding-top: 172px; font-size: 26px; } .circle1 .et_pb_text_inner a { background-size: cover !important; } #blog2 > .et_pb_row > .et_pb_column:nth-child(2), #sect1 > .et_pb_row > .et_pb_column:nth-child(2) { display: none } #blog2 > .et_pb_row > .et_pb_column:nth-child(1), #sect1 > .et_pb_row > .et_pb_column:nth-child(1) { width: 100% } .long-gray:before { right: -555px } .page-id-22 #blog2 > .et_pb_row > .et_pb_column:nth-child(2), .page-id-22 #sect1 > .et_pb_row > .et_pb_column:nth-child(2) { display: block; width: 100%; padding-top: 0 } .page-id-22 #blog2 > .et_pb_row > .et_pb_column:nth-child(2):after, .page-id-22 #sect1 > .et_pb_row > .et_pb_column:nth-child(2):after { left: -30%; width: 222%; } #et_pb_contact_form_0 { padding-top: 40px !important; } #top-menu li a { /*font-size: 14px !important;*/ } nav#top-menu-nav { /*margin-right: 10px;*/ } .form-02.contact-form {padding: 30px 0 0;} } @media only screen and (max-width: 1400px) { #slider2 .et_pb_slide { padding: 0 30px; } #slider2 .right-col { font-size: 29px; } .author-page .author-content .author-info h2 { font-size: 27px; } .author-page .author-content .author-info .author-block { padding: 0 0 0 25px; } .author-page .author-content .entry-title { font-size: 34px; } #top-menu li a { font-size: 14px !important; } #top-menu li { /*padding-right: 15px*/} .f-col-1 {width: 30%;} .f-col-2 {width: 50%;} .f-col-3 {width: 15%;} } @media only screen and (max-width: 1300px) { #main-header .container {width: 90% !important;} #main-header .logo_container {padding-left: 0;} .circle1 .et_pb_text_inner { width: 250px; height: 250px; } .text1 { font-size: 26px; } .circle1 .et_pb_text_inner img { margin-top: 34px; } #circles-small .circle1 .et_pb_text_inner { width: 216px; height: 216px; } #blog1 h2 a { font-size: 32px; } #circles-small .circle1 .text1 { padding-top: 140px } #serv h1 { font-size: 40px; } .text5 { font-size: 30px; width: 150px; } .circle-imgs { width: calc(100% - 150px); } .circle-imgs a { margin-right: 10px } h2.line { margin-bottom: 30px } #tabs1 .icon-block { width: 200px; } #tabs1 .text-block3 { width: calc(100% - 200px); } #tabs1 .text-block3 h2 a { font-size: 22px; line-height: 1; } #tabs1 .text-block3 h2 { line-height: 1; } .big-circ .text1 { padding-top: 160px; font-size: 22px; } #blog2 .et_pb_column:nth-child(1) .et_pb_row_inner, #sect1 .et_pb_column:nth-child(1) .et_pb_row_inner { padding-right: 0 } #row2:before { width: 222%; right: -50%; } #et_mobile_nav_menu { display: block; } #top-menu { display: none; } #et_top_search { float: left; margin: 0 35px 0 0; } #et_search_icon:before { top: 7px } .mobile_menu_bar:before { color: #333; } #slider2 .right-col { font-size: 28px; } #slider2 .et_pb_slide { height: 450px; } .author-page .author-content .author-info h2 { font-size: 26px; } .author-page .author-content .content { font-size: 16px; } .author-page .author-content .entry-title { font-size: 33px; } .author-page .author-content .author-info .author-block { padding: 0 0 0 20px; } .author-page .author-content .author-info { padding: 25px 25px 20px 25px; } .author-page .author-content .author-info .author-block .author-desc { font-size: 15px; } } @media only screen and (max-width: 1200px) { #top-menu li a { font-size: 16px !important; } .colhead h3 { font-size: 28px; width: calc(100% - 80px); margin-top: 10px; } .colhead img { margin-right: 15px; width: 55px; } .circle1 .et_pb_text_inner { width: 216px; height: 216px; } .circle1 .et_pb_text_inner img { margin-top: 25px; width: 84px; } .text1 { font-size: 25px; } #block3 .colhead { min-height: 86px; } #block3 p { font-size: 18px } #blog .post-content p { font-size: 16px; line-height: 23px; } a.button1 { padding: 16px; } .twocols { width: 500px; left: calc(50% - 205px); } .t1 { width: 55%; } #serv { padding: 60px 0 20px; } #blog1 h2 a { font-size: 28px; } h2 { font-size: 30px; } #serv h1 { font-size: 38px; padding-top: 50px; padding-bottom: 50px } ul.et_pb_tabs_controls.clearfix { width: 310px; } .et_pb_all_tabs { width: calc(100% - 310px); } ul.et_pb_tabs_controls.clearfix li a { font-size: 24px; } .big-circ .text1 { padding-top: 135px; font-size: 20px; } #tabs1 .text-block3.images img { margin: 10px; } #slider2 .right-col { font-size: 27px; } #slider2 .et_pb_slide { height: 440px; } .engin-box a.link3 { padding: 9px 10px; font-size: 16px; } .engin-box .row-01 { width: calc(100% - 190px); } .engin-box .row-02 { width: 190px; } .engin-box.link3-bottom a.link3 { padding: 9px 10px !important; } .author-page .author-content .entry-title { font-size: 32px; } .author-page .author-content .et_pb_row { flex-direction: column; } .author-page .author-content .author-info, .author-page .author-content .et_pb_row article { width: 100%; } } @media only screen and (max-width: 1100px) { #top-menu li a { font-size: 14px !important; } #logo { max-width: 120px !important; width: 120px !important; height: auto;} #et-top-navigation { padding-left: 0px; padding-right: 200px;} #top-menu li { padding-right: 25px; } nav#top-menu-nav { margin-right: 30px; } #main-slider .slide-title { font-size: 60px; } #main-slider .et_pb_button.et_pb_more_button { padding: 10px 17px; width: 280px; } #blog .et_pb_posts .et_pb_post { min-height: 333px } h2.line { margin-bottom: 10px } .text7 p { font-size: 23px !important; } ul.et_pb_tabs_controls.clearfix { width: 280px; } .et_pb_all_tabs { width: calc(100% - 280px); } ul.et_pb_tabs_controls.clearfix li a { font-size: 24px; line-height: 1.2 } #blog .et_pb_posts .et_pb_post { width: 100%; margin: 20px 0; } #slider2 .right-col { padding: 0 0 0 40px; font-size: 25px; } #slider2 .et_pb_slide { height: 430px; } .engin-box a.link3 { padding: 7px 10px; font-size: 15px; } .engin-box .row-01 { width: calc(100% - 170px); } .engin-box .row-02 { width: 170px; } .engin-box .text12 { font-size: 23px; } .engin-box.link3-bottom a.link3 { font-size: 15px !important; } #footer-bottom .menu-main-menu-container { display: none } } @media only screen and (max-width: 1050px) { .ebook .et_pb_text_inner { padding-top: 35px; } .f-row1 p {font-size: 16px;} } @media only screen and (max-width: 1000px) { #slider2 .right-col { padding: 0 0 0 30px; font-size: 24px; } #slider2 .et_pb_slide { height: 420px; padding: 0 20px; } } @media only screen and (max-width: 980px) { .ebook .et_pb_column:first-child .et_pb_module { float: none; } .ebook.et_pb_section .et_pb_column { max-width: 540px; margin: 0 auto !important; float: none; padding: 0 20px; } .ebook .et_pb_text_inner { padding-bottom: 40px; } .circle1 .et_pb_text_inner { width: 300px; height: 300px; margin-bottom: 50px; background-size: 100% 100%; } .circle1 .et_pb_text_inner img { margin-top: 30px; width: 95px; } .text1 { font-size: 27px; } ul.et-social-icons {} .twocols { position: relative; width: 100%; left: 0; } #main-slider .slide-title { font-size: 50px; } #main-slider .et_pb_button.et_pb_more_button { padding: 7px; width: 270px; font-size: 23px; } #main-slider .et_pb_slide { height: 450px; } #blog2 .et_pb_column:nth-child(1) .et_pb_row_inner, #sect1 .et_pb_column:nth-child(1) .et_pb_row_inner { padding: 50px 0 20px; } #circles-small { padding-top: 0 !important; } #sect1 #blog, #blog2 #blog { padding: 20px 5%; float: none; } #blog2 #space, #blog2 .et_pb_row #space, #sect1 #space, #sect1 .et_pb_row #space { position: relative; padding: 30px 5%; } #space:before { background-size: cover; width: 100% } #block1 { padding: 25px 0 0px; } #red-table:before { left: 0; bottom: 35px; width: 30%; height: auto; border-bottom: 1px solid #ce7e81; } #red-table .et_pb_text_inner { flex-direction: column } #red-table .col1-7 { width: 100%; display: flex; flex-wrap: wrap; padding: 0; } #red-table .col1-7:before { display: none } #red-table .col1-7 .red-title { font-size: 20px; height: auto; width: 30%; background: #c51617; border-bottom: 1px solid #d5d5d58a; padding-right: 20px; position: relative } #red-table .r-text { padding-top: 25px; width: 70%; padding-left: 30px; box-sizing: border-box; border-bottom: 1px solid #d5d5d5; padding-bottom: 20px } #red-table .r-text ul li { display: inline-block; width: 47%; } #map-block .et_pb_text_inner { width: 100% } #map-block .et_pb_text_inner iframe { width: 100% } #row2 > .et_pb_column, #row3 > .et_pb_column { width: 90% !important; margin: 0 auto !important; float: none; } h2 { font-size: 28px; } #fullwidth .et_pb_column:nth-child(2):after { left: -30%; width: 200%; z-index: -1; } #fullwidth .et_pb_row.et_pb_row_1 { width: 100%; padding: 0 5%; } #fullwidth .et_pb_column:nth-child(2) { padding: 25px 0 } h2.line { padding-bottom: 0 } #fullwidth .et_pb_column:nth-child(1) { padding-right: 0 } .list1 { padding-bottom: 0 !important; } #blog1 .et_pb_row, #blog1 .et_pb_row.et_pb_row_1 { padding: 30px 0 10px } div#blog2.blognew, div#sect1.blognew { padding: 0; } #form2 { max-width: 100% } ul.et_pb_tabs_controls.clearfix { width: 240px; } .et_pb_all_tabs { width: calc(100% - 240px); } ul.et_pb_tabs_controls.clearfix li a { font-size: 22px; } #tabs1 .icon-block { width: 130px; } #tabs1 .text-block3 { width: calc(100% - 150px); float: right; } .big-circ .text1 { padding-top: 190px; font-size: 26px; } #blog .et_pb_posts .et_pb_post { width: 100%; margin: 10px 0 20px; min-height: 200px; } #block3 .et_pb_column_1_2:nth-child(1) { padding-right: 0 } #block3 .colhead { min-height: 63px; margin-top: 30px; margin-bottom: 10px; } div#block3 { padding-bottom: 15px; } #circles-small .et_pb_column { width: 25% } #circles-small .circle1 .et_pb_text_inner { width: 190px; height: 190px; } #circles-small .circle1 .text1 { padding-top: 120px; font-size: 19px } #contact-sect .et_pb_column:nth-child(1), #contact-sect .et_pb_column:nth-child(2) { width: 100%; margin: 0 } #blog2.blognew h2.entry-title, #blog2.blognew .post-meta, #blog2.blognew .post-content { width: 100%; margin: 10px 0; float: none; left: 0 } #blog2.blognew h2.entry-title a { font-size: 32px; } #blog2.blognew .et_pb_post { padding: 0 5%; } #sect1.blognew h2.entry-title, #sect1.blognew .post-meta, #sect1.blognew .post-content { width: 100%; margin: 10px 0; float: none; left: 0 } #sect1.blognew h2.entry-title a { font-size: 32px; } #sect1.blognew .et_pb_post { padding: 0 5%; } .et_pb_row_inner_0 { background-size: contain !important; } .form-01 { width: 100%; max-width: 100%; margin-bottom: 40px !important; } .f-col-1 {margin-bottom: 30px; width: 60%;} .f-col-2 {order: 1; width: 100%;} .f-col-3 {margin-bottom: 30px; width: 35%;} } @media only screen and (max-width: 900px) { #slider2 .right-col { font-size: 23px; } #slider2 .et_pb_slide { height: 410px; } .author-page .author-content .author-info h2 { font-size: 25px; } .author-page .author-content .entry-title { font-size: 31px; } } @media only screen and (max-width: 800px) { div#blog h2.entry-title { font-size: 22px; } #blog .et_pb_posts .et_pb_post { min-height: 350px } #block4 a.button1 { margin-top: 20px } #main-slider .slide-title { font-size: 47px; margin: 0 auto; width: 100% } #main-slider .et_pb_button_wrapper { margin: 0 auto; position: relative; top: 0; } #main-slider .et_pb_slide_content { } #block1 h1 { font-size: 40px; } #block1 .et_pb_row { padding: 10px 0 } #blog1 h2 a { font-size: 25px; padding-right: 0 } #blog1 .post-content p { font-size: 16px; } #blog2.blognew h2 a { font-size: 22px; padding-right: 0 } #sect1.blognew h2 a { font-size: 22px; padding-right: 0 } .et_pb_section { padding: 30px 0 } #g-map { padding-bottom: 0; } h2.line { font-size: 32px } .form-01 .wpcf7-submit, .form-02 .wpcf7-submit { padding: 12px 20px; font-size: 15px; } .form-01 div.wpcf7 .ajax-loader, .form-02 span.ajax-loader { left: -35px; top: -1px; } #tabs1 .icon-block { width: 100px; } #tabs1 .text-block3 { width: calc(100% - 120px); float: right; } #main-slider { padding: 0 } #circles-small .et_pb_column { width: 50% } #circles-small .circle1 .et_pb_text_inner { width: 300px; height: 300px; } #circles-small .circle1 .text1 { padding-top: 190px; font-size: 26px; } #blog2.blognew h2.entry-title a { font-size: 28px; line-height: 1.3; } #sect1.blognew h2.entry-title a { font-size: 28px; line-height: 1.3; } #slider2 .et_pb_slide_content { flex-direction: column; } #slider2 .left-col, #slider2 .right-col { width: 100%; } #slider2 .left-col { justify-content: center; padding-bottom: 20px; } #slider2 .right-col { padding: 0; border-left: 0; text-align: center; } #slider2 .left-col img { height: 100px; width: auto; margin: 0; } #slider2 .et_pb_slide { height: 400px; } .author-page .author-content .author-info h2 { font-size: 24px; } .author-page .author-content .entry-title { font-size: 30px; } } @media screen and (max-width: 768px) { #main-slider .et_pb_button.et_pb_more_button { padding: 3px 7px; font-size: 21px; } } @media only screen and (max-width: 700px) { #slider2 .right-col { font-size: 22px; } #slider2 .left-col img { height: 90px; } #slider2 .et_pb_slide { height: 390px; } .engin-box .text12 { font-size: 22px; } .popup-careers .wpcf7-form div.wpcf7-response-output { width: calc(100% - 80px); } .form-02 { padding: 30px 40px 0; } .popup-careers.spu-box h2 { padding: 19px 70px 20px 40px !important; } .author-page .author-content .author-info h2 { font-size: 23px; } .author-page .author-content .author-info { align-items: flex-start; } .author-page .author-content .author-info .author-img { width: 90px; height: 90px; border: 0; } .author-page .author-content .author-info .author-block { width: calc(100% - 90px); } .author-page .author-content .author-info .author-block .author-desc { font-size: 14px; } .author-page .author-content .entry-title { font-size: 29px; } } @media only screen and (max-width: 680px) { .circle1 .et_pb_text_inner, #circles-small .circle1 .et_pb_text_inner { width: 250px; height: 250px; margin-bottom: 30px; } .circle1 .et_pb_text_inner img { margin-top: 26px; width: 85px; } .text1 { font-size: 25px; } #blog .et_pb_posts .et_pb_post { width: 100%; margin-right: 0; margin-bottom: 30px !important; min-height: 200px } #red-table .r-text ul li { padding-right: 2%; vertical-align: top; line-height: 1.4; padding-bottom: 15px; } #tabs1 .icon-block, #tabs1 .text-block3, .et_pb_all_tabs { width: 100%; float: none } ul.et_pb_tabs_controls.clearfix { width: 100%; float: none; border-bottom: 1px solid #c51617; } ul.et_pb_tabs_controls.clearfix:before { display: none } ul.et_pb_tabs_controls.clearfix li { width: 33.3%; display: inline-block; vertical-align: bottom } ul.et_pb_tabs_controls.clearfix li a { font-size: 16px; padding: 10px; display: block; min-height: 60px } #tabs1 { padding: 0; } .big-circ .text1, #circles-small .circle1 .text1 { padding-top: 150px; font-size: 22px; } #main-slider .et_pb_slide { height: 360px; } #tabs1 .text-block3.images img { margin: 10px 1%; width: 47%; } #tabs1 .et_pb_tab { padding-left: 0; } #tabs1 .tab-box-img .line { padding: 20px 0 30px; margin-top: 30px; font-size: 34px; } #tabs1 .tab-box-img .line:after { left: 0; } #tabs1 .tab-box-img .block-img { margin-left: -5%; } #tabs1 .tab-box-img .block-img-02, #tabs1 .tab-box-img .block-img-03 { flex-wrap: wrap; } #tabs1 .tab-box-img .block-img-02 span, #tabs1 .tab-box-img .block-img-03 span { max-width: 33.333333%; } } @media only screen and (max-width: 600px) { .circle1 .et_pb_text_inner, #circles-small .circle1 .et_pb_text_inner { width: 200px; height: 200px; } .circle1 .et_pb_text_inner img { margin-top: 23px; width: 75px; } .text1 { font-size: 22px; } #pr-box .et_pb_text_inner .principles-box { width: 100%; } #serv h1 { font-size: 34px; padding-left: 90px; background-size: 70px !important; } #serv { padding: 30px 0 0px; } .lets { font-size: 34px; } .text2 { font-size: 26px; } a.seeall { margin-top: 20px } #blog2 #blog h2.entry-title, #blog2 #blog .post-content { padding-bottom: 0px; } #sect1 .one_half {width: 100%;} #sect1 #blog h2.entry-title, #sect1 #blog .post-content { padding-bottom: 0px; } .big-circ .text1, #circles-small .circle1 .text1 { padding-top: 124px; font-size: 20px; } #main-slider .et_pb_slide { background-position: top 0 right 20% } #main-slider .slide-title { text-shadow: 0px 0px 20px black; } #blog .post-content { padding-bottom: 10px; } #slider2 .right-col { font-size: 20px; } #slider2 .left-col img { height: 80px; } #slider2 .et_pb_slide { height: 380px; } .engin-box .row-02 { width: 160px; } .engin-box .row-01 { width: calc(100% - 160px); } .opening-box .prev { font-size: 18px; } .popup-careers .wpcf7-form div.wpcf7-response-output { width: calc(100% - 60px); } .form-02 { padding: 30px 30px 0; } .popup-careers.spu-box h2 { padding: 15px 70px 17px 30px !important; font-size: 36px; } .popup-careers .spu-close { top: 18px; right: 20px; } .author-page .author-content .author-info h2 { font-size: 22px; } .author-page .author-content .author-info h3 { font-size: 19px; } .author-page .author-content .author-info .author-img { width: 75px; height: 75px; } .author-page .author-content .author-info .author-block { width: calc(100% - 75px); } .author-page .author-content .author-info { padding: 25px 20px 17px 20px; } .author-page .author-content .entry-title { font-size: 28px; } .f-col-3 {} } @media only screen and (max-width: 500px) { .ebook .et_pb_text_inner .t-02 { font-size: 30px; } #slider2 .right-col { font-size: 18px; } #slider2 .left-col img { height: 70px; } #slider2 .et_pb_slide { height: 370px; } #tabs1 .tab-box-img .line { font-size: 32px; } #main-slider .et_pb_slide_title {font-size: 26px;} #main-slider .slide-title { font-size: 36px; } .form-01 .wpcf7-submit, .form-02 .wpcf7-submit { max-width: 100%; } .wrap-uploadresume {margin-top: 20px;} .wrap-uploadresume label {display: block; width: 100%; text-align: center; margin-bottom: 25px;} .form-01 div.wpcf7 .ajax-loader, .form-02 span.ajax-loader { float: right; top: -29px; right: 15px; left: auto; } .engin-box .row-02 { width: 140px; } .engin-box .row-01 { width: calc(100% - 140px); padding-right: 15px; } .engin-box .text12 { font-size: 21px; } .engin-box a.link3 { padding: 7px 8px; font-size: 13px; } .engin-box.link3-bottom .row-02 { width: 100% !important; } .popup-careers .wpcf7-form div.wpcf7-response-output { width: calc(100% - 40px); } .form-02 { padding: 30px 20px 0; } .popup-careers.spu-box { padding: 0 0 30px !important; } .popup-careers.spu-box h2 { padding: 13px 70px 15px 20px !important; font-size: 33px; } .popup-careers .spu-close { top: 15px; right: 16px; } .author-page .author-content .author-info h2 { font-size: 21px; } .author-page .author-content .author-info h3 { font-size: 18px; } .author-page .author-content .author-info .author-img { width: 60px; height: 60px; position: absolute; right: 50%; top: 15px; margin-right: -30px; } .author-page .author-content .author-info .author-block { width: 100%; padding: 65px 0 0; } .author-page .author-content .author-info { padding: 20px 15px 13px 15px; position: relative; } .author-page .author-content .entry-title { font-size: 27px; } .author-page .author-content .meta { font-size: 14px; } } @media only screen and (max-width: 480px) { .colhead h3 { font-size: 26px; width: calc(100% - 70px); } .colhead img { width: 50px; margin-top: 3px; } #block3 .colhead { min-height: 30px } #block3 .et_pb_column:last-child { margin-top: 30px !important } #block3 .colhead { margin-bottom: 22px; } #blog .et_pb_posts .et_pb_post { width: 100%; margin-right: 0 } .t1, .t2 { width: 100%; float: none } .text2 { line-height: 1.2 } #block4 a.button1 { padding: 10px } .twocols p { font-size: 16px; } .et_pb_column .et_pb_row_inner, .et_pb_row { padding: 20px 0; } h2.centered { padding-bottom: 0 } #main-slider .et_pb_slide { height: 340px; } #block4 a.button1 { margin: 20px auto } #red-table .r-text { padding: 20px 0 20px 20px } #red-table .r-text ul li { font-size: 15px; padding-bottom: 12px } #row2 .colhead h3 { width: calc(100% - 70px); } #blog2.blognew h2 a { margin-bottom: 15px; display: block; } #sect1.blognew h2 a { margin-bottom: 15px; display: block; } #serv h1 { font-size: 32px; padding-left: 0px; padding-top: 80px; padding-bottom: 20px; background-size: 60px !important; background-position: top center !important; text-align: center } h2.header2 { font-size: 30px; padding-bottom: 0; } .big-circ .et_pb_column_1_4, #circles-small .et_pb_column { width: 50% !important; } .circle1 .et_pb_text_inner, #circles-small .circle1 .et_pb_text_inner { width: 41vw; height: 41vw; display: inline-block; } .et_pb_text_2.circle1, .et_pb_text_4.circle1 { text-align: right; } .big-circ .text1, #circles-small .circle1 .text1 { padding-top: 27vw; font-size: 4vw; } #blog .et_pb_posts .et_pb_post { margin-bottom: 15px !important; } } @media only screen and (max-width: 430px) { .colhead h3 { font-size: 25px; width: calc(100% - 45px); margin-top: 3px } .colhead img { width: 36px; margin-right: 8px; } #red-table .col1-7 .red-title { font-size: 18px; letter-spacing: 0; width: 35% } #red-table .r-text { width: 65% } #red-table .r-text ul li { width: 100%; } #red-table .col1-7:last-child:after { display: none } #row2 .colhead h3 { width: calc(100% - 50px); font-size: 20px; margin-top: 10px; } .contact-block .col1 { width: 100%; float: none } #row2 .et_pb_text_3 .colhead img { margin-right: 10px; } .text-block3 { width: calc(100% - 66px); font-size: 16px; } .icon-block { width: 65px; } .icon-block img { max-width: 80% } ul.et_pb_tabs_controls.clearfix li a { font-size: 15px; } .et_pb_tab { padding: 15px; } } @media only screen and (max-width: 400px) { #main-slider .et_pb_slide_title {font-size: 22px;} #main-slider .slide-title {font-size: 32px;} .ebook .et_pb_text_inner .t-02 { font-size: 27px; } #slider2 .right-col { font-size: 19px; } #slider2 .left-col img { height: 60px; } #slider2 .et_pb_slide { height: 360px; } #tabs1 .tab-box-img .line { font-size: 30px; } .engin-box .row-02 { width: 130px; } .engin-box .row-01 { width: calc(100% - 130px); padding-right: 13px; } .engin-box .text12 { font-size: 20px; } .engin-box a.link3 { padding: 7px 8px; font-size: 12px; } .engin-box .text11 { font-size: 14px; } .popup-careers.spu-box h2 { font-size: 30px; padding: 11px 70px 13px 20px !important; } .popup-careers .spu-close { top: 12px; right: 12px; } .author-page .author-content .entry-title { font-size: 26px; } .author-page .author-content .meta { font-size: 13px; } } @media only screen and (max-width: 380px) { } /* ============================================ Homepage Header - Flexbox Layout (Same as inner pages) ============================================ */ /* Main header - Sticky with transparent default */ body.home #main-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border: none !important; z-index: 99999 !important; transition: background 0.3s ease, box-shadow 0.3s ease !important; } /* Scrolled state - dark background */ body.home #main-header.header-scrolled { background: #021929 !important; box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important; } /* Dark background when mobile menu is open */ body.home.mobile-menu-open #main-header { background: #0B356A !important; } /* No padding needed - hero extends behind transparent header */ body.home #page-container { padding-top: 0 !important; } /* Container */ body.home #main-header > .container { width: 95% !important; max-width: 1600px !important; margin: 0 auto !important; padding: 0 40px !important; box-sizing: border-box !important; background: transparent !important; } /* Navigation wrapper - FLEXBOX */ body.home #et-top-navigation { display: flex !important; align-items: center !important; width: 100% !important; min-height: 70px !important; padding: 0 !important; margin: 0 !important; position: relative !important; float: none !important; transform: none !important; } /* Logo - Left */ body.home #main-header .logo_container { flex: 0 0 auto !important; display: flex !important; align-items: center !important; margin-right: 30px !important; position: relative !important; height: auto !important; width: auto !important; } body.home #main-header .logo_container a { display: flex !important; align-items: center !important; } body.home #main-header #logo { max-width: 165px !important; width: auto !important; height: auto !important; max-height: 45px !important; display: block !important; /*NP filter: brightness(0) invert(1) !important; NP*/ } body.home #main-header span.logo_helper { display: none !important; } /* Nav wrapper - Center (flex-grow) */ body.home #et-top-navigation nav#top-menu-nav { flex: 1 1 auto !important; display: flex !important; justify-content: center !important; margin: 0 !important; float: none !important; } body.home #top-menu { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; float: none !important; line-height: normal !important; } body.home #top-menu > li { display: flex !important; align-items: center !important; padding: 0 !important; margin: 0 !important; position: relative !important; } body.home #top-menu > li > a { display: inline-flex !important; align-items: center !important; padding: 10px 14px !important; color: #ffffff !important; text-decoration: none !important; font-size: 18px !important; font-weight: 500 !important; line-height: 1.4 !important; transition: all 0.3s ease !important; white-space: nowrap !important; } body.home #top-menu > li > a:hover { color: #7FB3E0 !important; } body.home #top-menu > li.current-menu-item > a, body.home #top-menu > li.current-menu-ancestor > a { color: #7FB3E0 !important; } /* Dropdown arrow */ body.home #top-menu li.menu-item-has-children > a:after { font-family: ETmodules !important; content: "\33" !important; font-size: 14px !important; margin-left: 6px !important; position: relative !important; top: 1px !important; color: #ffffff !important; } /* Buttons - Right */ body.home .optimoz-header-buttons { flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } body.home .optimoz-btn-ask { height: 38px !important; padding: 0 22px !important; font-size: 16px !important; font-weight: 700 !important; color: #ffffff !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.5) !important; border-radius: 20px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } body.home .optimoz-btn-ask:hover { border-color: #ffffff !important; background: rgba(255,255,255,0.1) !important; } body.home .optimoz-btn-apps { height: 38px !important; padding: 0 22px !important; font-size: 16px !important; font-weight: 700 !important; color: #0B356A !important; background: #ffffff !important; border: none !important; border-radius: 20px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } body.home .optimoz-btn-apps:hover { background: #7FB3E0 !important; } /* Dropdown menu */ body.home #top-menu > li > ul.sub-menu { position: absolute !important; top: 100% !important; left: 50% !important; transform: translateX(-50%) !important; margin-top: 0 !important; padding: 12px 0 !important; background: #ffffff !important; box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important; border-radius: 8px !important; min-width: 180px !important; z-index: 99999 !important; } body.home #top-menu > li > ul.sub-menu li { padding: 0 !important; margin: 0 !important; } body.home #top-menu > li > ul.sub-menu li a { padding: 10px 20px !important; display: block !important; color: #333 !important; font-size: 14px !important; white-space: nowrap !important; transition: all 0.2s ease !important; } body.home #top-menu > li > ul.sub-menu li a:hover { background: #f5f5f5 !important; color: #0B356A !important; } /* Page container */ body.home #page-container { padding-top: 0 !important; margin-top: 0 !important; } body.home.et_fixed_nav #page-container, body.home.et_fixed_nav.et_show_nav #page-container { padding-top: 0 !important; } /* Menu container */ body.home #main-header .et_menu_container { padding: 0 !important; } /* Hide search */ body.home #et_top_search { display: none !important; } /* Hide mobile menu on desktop */ body.home #et_mobile_nav_menu { display: none !important; } /* Fixed header on scroll - Dark blue when scrolled */ body.home #main-header.et-fixed-header { position: fixed !important; background: #0B356A !important; box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important; } /* Ensure logo stays visible in fixed state */ body.home #main-header.et-fixed-header .logo_container, body.home #main-header.et-fixed-header #logo { display: flex !important; } @media (min-width: 981px) { body.home #et_mobile_nav_menu { display: none !important; } } /* (Non-Homepage Header Styles moved to end of file) */ /* ============================================ Ask Me Page - Iframe Only (No title, no footer) ============================================ */ body.page-id-4491 #main-footer, body.page-id-4491 footer#main-footer, body.page-id-4491 .entry-title, body.page-id-4491 .et_pb_title_container, body.page-id-4491 h1.entry-title, body.page-id-4491 .main_title, body.page-id-4491 .page-title, body.page-id-4491 #sidebar, body.page-id-4491 #et-secondary-nav, body.page-id-4491 .et_right_sidebar #left-area { display: none !important; } body.page-id-4491 #et-main-area, body.page-id-4491 #main-content, body.page-id-4491 #main-content .container, body.page-id-4491 .et_pb_section { padding: 0 !important; margin: 0 !important; } body.page-id-4491 #main-content .container:before { display: none !important; } /* Make content full width on Ask Me page */ body.page-id-4491 #left-area { width: 100% !important; float: none !important; } body.page-id-4491 #sidebar { display: none !important; } /* Ask Me Page - Force full width iframe */ body.page-id-4491 .container, body.page-id-4491 #main-content .container { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.page-id-4491 .et_pb_row { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.page-id-4491 .et_pb_column { width: 100% !important; padding: 0 !important; margin: 0 !important; } body.page-id-4491 .et_pb_code_inner { width: 100% !important; } body.page-id-4491 #page-container, body.page-id-4491 #et-main-area, body.page-id-4491 #main-content, body.page-id-4491 .et_pb_section, body.page-id-4491 .et_pb_fullwidth_section { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } /* Ask Me Page - Override sidebar layout completely */ body.page-id-4491.et_right_sidebar #left-area, body.page-id-4491.et_left_sidebar #left-area, body.page-id-4491 #left-area { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; } body.page-id-4491 .et_pb_gutters1 #left-area, body.page-id-4491.et_pb_gutters1 #left-area, body.page-id-4491.et_pb_gutters1.et_right_sidebar #left-area { width: 100% !important; padding-right: 0 !important; } body.page-id-4491 #sidebar, body.page-id-4491.et_right_sidebar #sidebar, body.page-id-4491.et_left_sidebar #sidebar { display: none !important; width: 0 !important; } body.page-id-4491 #main-content .container:before { display: none !important; } body.page-id-4491 .askme-iframe-wrapper { width: 100vw !important; margin-left: calc(-50vw + 50%) !important; height: calc(100vh - 80px) !important; } body.page-id-4491 .askme-iframe { width: 100% !important; height: 100% !important; } /* ============================================ Non-Homepage Header - Flexbox Layout ============================================ */ /* Main header - Sticky (stays at top when scrolling, no overlay) */ body:not(.home) #main-header { position: sticky !important; top: 0 !important; margin: 0 !important; padding: 0 !important; /*NP background: #0B356A !important; NP*/ background: #021929 !important; box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important; border: none !important; z-index: 99999 !important; } /* No extra padding needed - header flows normally */ body:not(.home) #page-container { padding-top: 0 !important; } /* Remove whitespace between header and content */ body:not(.home) #et-main-area { padding-top: 0 !important; margin-top: 0 !important; } body:not(.home) .et_pb_section:first-child { /*NP padding-top: 0 !important; */ margin-top: 0 !important; } body:not(.home) #main-content .container { padding-top: 0 !important; } /* Container */ body:not(.home) #main-header > .container { width: 95% !important; max-width: 1600px !important; margin: 0 auto !important; padding: 0 40px !important; box-sizing: border-box !important; } /* Navigation wrapper - FLEXBOX */ body:not(.home) #et-top-navigation { display: flex !important; align-items: center !important; width: 100% !important; min-height: 70px !important; padding: 0 !important; margin: 0 !important; position: relative !important; float: none !important; transform: none !important; } /* Logo - Left */ body:not(.home) #main-header .logo_container { flex: 0 0 auto !important; display: flex !important; align-items: center !important; margin-right: 30px !important; position: relative !important; height: auto !important; width: auto !important; } body:not(.home) #main-header .logo_container a { display: flex !important; align-items: center !important; } body:not(.home) #main-header #logo { max-width: 165px !important; width: auto !important; height: auto !important; max-height: 45px !important; display: block !important; /*NP filter: brightness(0) invert(1) !important; NP*/ } body:not(.home) #main-header span.logo_helper { display: none !important; } /* Nav wrapper - Center (flex-grow) */ body:not(.home) #et-top-navigation nav#top-menu-nav { flex: 1 1 auto !important; display: flex !important; justify-content: center !important; margin: 0 !important; float: none !important; } body:not(.home) #top-menu { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; float: none !important; line-height: normal !important; } body:not(.home) #top-menu > li { display: flex !important; align-items: center !important; padding: 0 !important; margin: 0 !important; position: relative !important; } body:not(.home) #top-menu > li > a { display: inline-flex !important; align-items: center !important; padding: 10px 14px !important; color: #ffffff !important; text-decoration: none !important; font-size: 18px !important; font-weight: 500 !important; line-height: 1.4 !important; transition: all 0.3s ease !important; white-space: nowrap !important; } body:not(.home) #top-menu > li > a:hover { color: #7FB3E0 !important; } body:not(.home) #top-menu > li.current-menu-item > a, body:not(.home) #top-menu > li.current-menu-ancestor > a { color: #7FB3E0 !important; } /* Dropdown arrow */ body:not(.home) #top-menu li.menu-item-has-children > a:after { font-family: ETmodules !important; content: "\33" !important; font-size: 14px !important; margin-left: 6px !important; position: relative !important; top: 1px !important; } /* Buttons - Right */ body:not(.home) .optimoz-header-buttons { flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } body:not(.home) .optimoz-btn-ask { height: 38px !important; padding: 0 22px !important; font-size: 14px !important; font-weight: 500 !important; color: #ffffff !important; background: transparent !important; border: 1px solid rgba(255,255,255,0.5) !important; border-radius: 20px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } body:not(.home) .optimoz-btn-ask:hover { border-color: #ffffff !important; background: rgba(255,255,255,0.1) !important; } body:not(.home) .optimoz-btn-apps { height: 38px !important; padding: 0 22px !important; font-size: 14px !important; font-weight: 500 !important; color: #0B356A !important; background: #ffffff !important; border: none !important; border-radius: 20px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } body:not(.home) .optimoz-btn-apps:hover { background: #7FB3E0 !important; } /* Dropdown menu */ body:not(.home) #top-menu > li > ul.sub-menu { position: absolute !important; top: 100% !important; left: 50% !important; transform: translateX(-50%) !important; margin-top: 0 !important; padding: 12px 0 !important; background: #ffffff !important; box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important; border-radius: 8px !important; min-width: 180px !important; z-index: 99999 !important; } body:not(.home) #top-menu > li > ul.sub-menu li { padding: 0 !important; margin: 0 !important; } body:not(.home) #top-menu > li > ul.sub-menu li a { padding: 10px 20px !important; display: block !important; color: #333 !important; font-size: 14px !important; white-space: nowrap !important; transition: all 0.2s ease !important; } body:not(.home) #top-menu > li > ul.sub-menu li a:hover { background: #f5f5f5 !important; color: #0B356A !important; } /* Page container */ body:not(.home) #page-container { padding-top: 0 !important; margin-top: 0 !important; } body:not(.home).et_fixed_nav #page-container, body:not(.home).et_fixed_nav.et_show_nav #page-container { padding-top: 0 !important; } /* Menu container - let flexbox handle layout */ body:not(.home) #main-header .et_menu_container { padding: 0 !important; } /* Hide search */ body:not(.home) #et_top_search { display: none !important; } /* Hide mobile menu on desktop */ body:not(.home) #et_mobile_nav_menu { display: none !important; } @media (min-width: 981px) { body:not(.home) #et_mobile_nav_menu { display: none !important; } } /* ============================================ Mobile Responsive - Hide desktop menu ============================================ */ @media (max-width: 980px) { /* Hide desktop navigation */ #top-menu, #top-menu-nav, nav#top-menu-nav, .optimoz-header-buttons { display: none !important; } /* Ensure hamburger is visible */ .optimoz-hamburger { display: flex !important; } }