*, *:before, *:after {
box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Responsive Grid */
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
/* Clearfix */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
/* Visibilty Classes */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* Responsive Visibilty Classes */
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
.content-wrapper {
margin: 0 auto;
max-width: 1240px;
padding: 0 20px;
}
@media screen and (min-width: 1380px) {
.content-wrapper {
padding: 0;
}
}
.dnd-section .dnd-column {
padding: 0 20px;
}
@media (max-width: 767px) {
.dnd-section .dnd-column {
padding: 0 20px;
}
}
html {
font-size: 24px;
}
@media (max-width: 767px) {
html {
font-size: 18px;
}
}
@media (max-width: 480px) {
html {
font-size: 16px;
}
}
body {
color: #494A52;
font-family: Lato, sans-serif;
line-height: 1.4;
}
/* Paragraphs */
p {
font-size: 1rem;
margin: 0 0 1.4rem;
}
strong {
font-weight: 700;
}
/* Anchors */
a {
color: #0270E0;
cursor: pointer;
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
color: #494A52;
font-family: Merriweather, serif;
font-weight: 700;
margin: 0 0 1.4rem;
word-break: break-word;
}
h1 {
font-size: 2.1rem;
}
h2 {
font-size: 1.6rem;
}
h3 {
font-size: 1.25rem;
}
h4 {
font-family: Lato, sans-serif;
font-size: 1.175rem;
font-weight: normal;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: 0.9rem;
}
/* Lists */
ul,
ol {
margin: 0 0 1.5rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin: 0;
}
ul.no-list {
list-style: none;
}
/* Code blocks */
code {
vertical-align: bottom;
}
/* Blockquotes */
blockquote {
border-left: 2px solid #A9A9A9;
margin: 0 0 1.4rem;
padding-left: 15px;
}
/* Horizontal rules */
hr {
background-color: #CCC;
border: none;
color: #CCC;
height: 1px;
}
/* Subscripts and superscripts */
sup,
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Focus styles */
:focus {
outline: auto;
outline-color: green;
}
.disable-focus-styles :focus {
outline: none;
}
.sideimagevideo-row { display: flex; align-items: center; padding-bottom: 80px; }
.imageor-videoimg { width: 40%; }
.imagevideo-text { width: 60%; padding-left: 60px; position: relative; padding-top: 18px; padding-bottom: 18px; }
.imagevideo-details { padding-top: 22px; }
.imagevideo-text:before { content: ""; position: absolute; height: 4px; width: 85px; border-radius: 7px; top: 0; }
.sideimage-module { padding-top: 65px; padding-bottom: 0px; }
.sideimagevideo-row.image-videoright .imagevideo-text { padding-left: 0; padding-right: 60px; }
.sideimagevideo-row.image-videoright{ flex-direction: row-reverse; }
.side-video iframe { width: 100%; float: left; }
.side-image { text-align: center; }
.imagevideo-cta { padding-top: 35px; }
form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button:hover, form .hs-button:focus{ border-radius: 20px 0 20px 0; }
/* flipper module */
.flipper-row { display: flex; flex-flow: wrap; justify-content: center; }
.flipper-boxes { width: calc(100% / 3 - 30px); margin: 0 15px; margin-bottom: 30px; }
.flipphover-texts { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0px 0px; display: flex; flex-direction: column; justify-content: center; color: #fff; }
.flipper-text { padding-top: 12px; margin-top: 12px; position: relative; }
.flipper-icon { text-align: center; padding-bottom: 25px; }
.flipper-text:before { content: ""; position: absolute; height: 4px; width: 35px; border-radius: 20px; top: 0; }
.flipphover-texts h3 { color: #fff; position: relative; padding-top: 22px; }
.flipphover-texts h3:before { content: ""; position: absolute; height: 4px; width: 35px; border-radius: 20px; top: 0; border-top: 3px solid #fff; }
.flipper-boxes:hover .flipphover-texts { }
.flipphover-inner { height: 100%; overflow-y: auto; padding: 44px 22px; }
.flip-card-inner{ transition: transform 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; border-radius: 0px; background: #FFFFFF; width:100%; padding: 35px 25px; padding-bottom: 28px; position: relative; }
.flip-card { perspective: 1500px; -webkit-perspective:1500px; display: flex; height: 100%; width: 100%; }
.flip-card-back { transform: rotateY(180deg); }
.flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
.flip-card-front, .flip-card-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.card-flipper-module { padding-top: 65px; padding-bottom: 40px; }
.flipphover-inner::-webkit-scrollbar {
width: 8px;
}
.flipphover-inner::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.flipphover-inner::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius:10px;
}
.globe_class { position: relative; }
.lang_switcher_class:before { content: "Language"; font-size: 18px; }
.lang_switcher_class { position: relative; padding-right: 33px; margin-top: 16px; line-height: 16px; }
.globe_class { position: absolute; top: 0; right: 0; }
/* ======== accordion ==========*/
.accordion-module { padding-top: 90px; padding-bottom: 50px; }
.header-ofaccordion { text-align: center; padding-top: 35px; padding-bottom: 10px; }
.titleborder:before { height: 3px; content: ""; position: absolute; width: 76px; margin: 0 auto; left: 0; right: 0; top: 0; border-radius: 50px; }
.titleborder{ position:relative; }
.accordion-row { padding-top: 34px; }
.accordion-row { margin: 0 auto; }
.accordion-text { display: none; padding: 40px 22px; padding-bottom: 5px; }
.accordion-column > h4 { border: 1px solid #DDE3EE; color: #737B7D; position: relative; padding: 16px 20px; cursor: pointer; }
.accordion-column { margin-bottom: 40px; }
.accordion-column > h4:hover { transition: 0.4s; color: #fff; }
.accordion-column.active-accordion > h4{ transition: 0.4s; color: #fff; }
.accordion-column:first-child .accordion-text { display: block; }
.accordion-column>h4:before { content: "\f104"; position: absolute; font-family: "fontawesome"; right: 20px; font-size: 34px; }
.accordion-column.active-accordion > h4:before{ content: "\f107"; }
.onlyheader-row { text-align: center; margin: 0 auto; }
.onlyheader-text.titleborder { padding-top: 24px; }
.onlyheader-cta { padding-top: 30px; }
.onlyheader-cta .cta-design { display: inline-block; padding: 5px 10px; }
.onlyheader-row.left_position { text-align: left; }
.onlyheader-row.left_position .onlyheader-text.titleborder:before { left: 0; right: auto; }
.onlyheader-row.left_position .onlyheader-cta > div:first-child { padding-left: 0; }
.onlyheader-row.left_position .onlyheader-cta > div:last-child { padding-right: 0; }
.onlyheader-row.right_position { text-align: right; }
.onlyheader-row.right_position .onlyheader-text.titleborder:before { right: 0; left: auto; }
.onlyheader-row.right_position .onlyheader-cta > div:first-child { padding-left: 0; }
.onlyheader-row.right_position .onlyheader-cta > div:last-child { padding-right: 0; }
ul.sociale-share.center_position { text-align: center; }
ul.sociale-share.right_position { text-align: right; }
ul.sociale-share.module-s li{ padding:0; margin: 0; }
.Vertical-social li { display: block !important; }
ul.sociale-share.module-s li a{ position: relative; padding-right: 0; }
ul.sociale-share.module-s li a:before { transform: scale(0); content: ""; position: absolute; top: -3px; bottom: -3px; left: -3px;
right: -3px; border-radius: 100%; z-index: -1; transition: all 0.4s ease 0s; }
ul.sociale-share.module-s li a{ width: 45px; height: 45px; text-align: center; }
span.sotext { position: absolute; left: 55px; font-size: 19px; top: 12px; }
/* =============== Image Carousel module ================= */
.slick-arblblack .slick-arrow.slick-prev::before,.slick-arblblack .slick-arrow.slick-next::before{ background-image: url(https://3428648.fs1.hubspotusercontent-na1.net/hubfs/3428648/Arrow%202.svg); }
/* .slick-arblblack .slick-arrow.slick-next{ right:30px; }
.slick-arblblack .slick-arrow.slick-prev{ left:0; } */
.inner-imagecl-column { display: flex; background-color: #F5F5F5; }
.image-cl-left { width: calc(50% - 40px); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 565px; }
.image-cl-right { width: 50%; margin-left: 40px; display: flex; align-items: center; padding-right: 40px; padding-top: 40px; padding-bottom: 40px; }
/* .image-cl-column { padding: 0 85px; } */
.imagecl-details.titleborder:before { left: 0; right: auto; }
.imagecl-details.titleborder { padding-top: 22px; }
.row-fluid .image-carousel-large .container{ padding:0 100px; }
.slick-arblblack ul.slick-dots{ padding: 28px 0px 0px; position: inherit; }
.slick-arblblack ul.slick-dots li button{ background: #C4C4C4; width: 18px; height: 18px; }
.slick-arblblack ul.slick-dots li{ padding: 0px 8px; }
.image-carousel-large { padding-top: 80px; padding-bottom: 80px; }
.pagination-no ul.slick-dots li button{ line-height: 28px; font-size: 24px; background: transparent !important; color: #000; font-weight: normal; }
.pagination-no ul.slick-dots li button:hover,.pagination-no ul.slick-dots li.slick-active button { color: #ed8074; }
.image-carousel-large .slick-track{ display: flex; width:100%; }
.image-carousel-large .slick-slide,.image-carousel-large .slick-slide > div{ display: flex !important; height: auto; width:100%; }
.image-cl-column,.inner-imagecl-column{ width:100%; }
.inner-imagecl-column{ height: 100%; }
.slick-arrow{ background: transparent !important; }
.slick-dots li button:before{ content: "" !important; }
/* =============== testimonial ================= */
.multi-testbar-column { text-align: center; }
.multi-testimoniale { background-color: #EE877C; padding: 48px 0; }
.quote-bar i { height: 75px; width: 75px; background: #FFFFFF; align-items: center; display: flex; justify-content: center; font-size: 31px; border-radius: 100%; }
.quote-bar { display: flex; width: 100%; justify-content: center; align-items: center; }
.quote-details h3, .quote-details h2 { color: #222; margin-top: 0; padding:0; padding-bottom: 8px; }
.quote-details h4, .quote-details h5, .quote-details h6 { margin-top: 0; color: #222; padding:0; padding-bottom: 8px; }
.quote-details { padding-top: 38px; color: #000; max-width: 470px; margin: 0 auto; }
.testibar-image { width: 175px; height: 175px; margin: 0 auto; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 100%; }
.testiall-white .quote-details h4, .testiall-white .quote-details h5, .testiall-white .quote-details h6{ color:#fff; }
.testiall-white .quote-details h3, .testiall-white .quote-details h2{ color:#fff; }
.testiall-white .quote-details { color:#fff; }
.testiall-white ul.slick-dots li button:hover,.testiall-white ul.slick-dots li.slick-active button{ background: #fff; }
.testiall-white ul.slick-dots li button,.testiall-white ul.slick-dots li button{ border: 1px solid #c4c4c4; }
.testiarrow a img { max-width: 18px; }
.testiarrow a { position: relative;width: auto; height: auto; margin-top: 4px; }
.testiarrow { display: flex; left: 0; width: 100%; justify-content: center; margin: 0 auto; align-items: center; padding-top: 40px; }
.slide-m-dots ul.slick-dots { position: inherit; padding: 0; }
.slide-m-dots{ padding: 0 20px; }
a.nextslick.slick-arrow.slick-disabled,a.previousslick.slick-arrow.slick-disabled { cursor: inherit; opacity: 0.5; }
.cardtesti-inner { box-shadow: 6px 3px 26px rgba(0, 0, 0, 0.12); border-radius: 0px; padding: 25px 20px; text-align: center; }
.cardtesti-column { padding: 40px 25px; }
.cardtesti-image { width: 81px; height: 81px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto; }
.cardteti-detais { padding-top: 13px; }
.cardteti-detais h5 { padding-bottom: 0; }
.cardteti-detais h6 { margin-top: 0; font-weight: normal; padding-top: 5px; padding-bottom: 0; }
.card-testi-row { }
.row-fluid .card-testimoniale > .container { max-width: 1000px; }
.card-testimoniale { padding: 30px 0; padding-bottom: 50px; }
.testiall-white .cardteti-detais *{ color:#fff; }
/* =============== image gallery ================= */
.image-gallery-row { display: flex; flex-flow: wrap; }
.image-gallery-column { width: calc(100% / 4 - 20px); margin: 10px 10px; background-size: cover; height: 200px; background-repeat: no-repeat; background-position: center; position: relative; }
.image-gallery-column a span{ transition: 0.4s; }
.image-gallery-column a:hover span { transform: rotate(180deg); transition: 0.4s; }
.image-gallery-column a:hover { transition: 0.4s; opacity: 1; color:#fff; }
.image-gallery-column a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.67); color: #fff; display: flex; justify-content: center; align-items: center; font-size: 40px; opacity: 0; }
.squareimage-row { display: flex; flex-flow: wrap; justify-content: center; }
.squere-column { width: calc(100% / 5 - 30px); margin: 15px 15px; }
.squereimage { height: 200px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.squereimage-text { text-align: center; }
.squereimage-text h4 { padding-top: 15px; }
span.squereimage-date { color: #737B7D; }
.square-filter ul { padding: 0; margin: 0 auto; list-style: none; box-sizing: border-box; text-align: center; }
.square-filter ul li { border-bottom: 1px solid #E6E6E6; display: inline-block; border-top: 1px solid #E6E6E6; font-size: 24px; line-height: 30px; padding: 11px 32px; margin: 0 -2px; cursor: pointer; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.square-filter ul li:first-child { border-left: 1px solid #E6E6E6; }
.square-filter ul li:last-child { border-right: 1px solid #E6E6E6; }
.square-filter { margin-bottom: 65px; }
.square-filter ul li:hover,.square-filter ul li.active { color: #ED8074; text-decoration: underline; }
.square-filter ul li:hover,.square-filter ul li.active { border: 1px solid #ED8074; }
/* =============== tabber gallery ================= */
.tabber-itemsmain { display: flex; justify-content: center; flex-flow: wrap; }
span.tabtitle { font-size: 18px; line-height: 24px; margin-top: 12px; display: inline-flex; }
.tabber-column { cursor: pointer; text-align:center; margin: 15px 30px; }
.tabber-column span.tab-icon svg { }
span.tab-icon { display: block; }
span.core-imageicon img { object-fit: contain; }
.tab-column-section .tab-column { padding-top: 35px; }
.tabber-itemsmain-section { padding-bottom: 40px; padding-top: 40px; }
.tabber-column{ transition: 0.4s; }
.tabber-column:hover { transition: 0.4s; transform: translateY(-5px); }
.tabber-multiside-main .sideimagevideo-row{ padding-bottom: 0 !important; }
.tabber-multiside-main .side-image img{ display: block; }
.tabber-multicontainer { display: flex; }
.tabber-itemsmain2 { width: 220px; }
.tab-column-section2 { width: calc(100% - 220px); padding-left: 55px; }
.tabber-column2 { transition:0.4s; border: 1px solid #E6E6E6; box-sizing: border-box; cursor: pointer; padding: 10px 11px; font-size: 22px; line-height: 28px; width: 100%; border-bottom-color: transparent; border-top-color: transparent; }
.tabber-multiside-main .tab-column{ padding: 0; }
.tab-column-section2 .imagevideo-text{ padding-left: 35px; }
.tab-column-section2 .sideimagevideo-row.image-videoright .imagevideo-text{ padding-right: 45px; }
.tabber-column2 span.tabtitle2 { color: #fff; transition: 0.4s; }
.tabber-column2.current,.tabber-column2:hover { transition:0.4s; border-radius: 15px 0 15px 0; }
/* =============== Pricing Tables ================= */
.pricing-tablerow { display: flex; justify-content: center; flex-flow: wrap; }
.pricing-tablecolumn { border: 2px solid #DDDDDD; padding: 45px 20px; text-align: center; flex: 1 1 0; margin: 0 8px; position: relative; padding-bottom: 195px; }
.price-icon svg { position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; }
.price-icon { position: relative; width: 100%; min-height: 195px; display: flex; align-items: center; justify-content: center; }
.price-icon img { position: relative; z-index: 1; }
.price-details ul li { color: #4F5665; list-style: none; position: relative; padding-left: 28px; text-align: left; margin: 10px 0; font-size: 14px; line-height: 30px; }
.price-details ul { padding: 0; margin: 0 auto; max-width: 210px; padding-top: 12px; }
.price-details ul li:before { content: "\f00c"; font-family: 'fontawesome'; position: absolute; color: #2FAB73; left: 0; }
.price-details { padding-top: 15px; }
.pricebottom h4 { font-weight: bold; padding-bottom: 20px; }
.pricebottom { position: absolute; left: 0; right: 0; bottom: 0; padding: 45px 0; padding-top: 0; }
.pricing-header { text-align: center;}
.pricing-header h2 { padding-bottom: 5px; }
.pricing-header { margin-bottom: 65px; }
/* =============== Pricing Tables ================= */
.pricing-tableptrow { display: flex; align-items: center; margin: 0 auto; }
.pricingtable-left { font-weight: bold; font-size: 20px; line-height: 26px; width: 200px; }
.pricingtable-right { width: calc(100% - 200px); display: flex; justify-content:center; flex-flow: wrap; }
.pricingtable-column { padding: 22px 35px; text-align: center; width:33.33%; padding-bottom: 50px; }
.plabe-pt { font-weight: bold; font-size: 20px; line-height: 25px; margin-bottom: 15px; padding-top: 50px; }
.plane-pricept h2 { font-weight: bold; font-size: 60px; line-height: 75px; text-align: center; letter-spacing: -1px; }
.plane-tpmont { font-size: 14px; line-height: 18px; text-align: center; letter-spacing: -0.233333px; color: #B5AEBB; }
.plabe-buttontp { margin-top: 80px; }
.avtivetable-price .plane-pricept h2,.avtivetable-price .plabe-pt { color: #fff; }
.avtivetable-price .plane-tpmont { color: #fff; }
.pricerow-column { display: flex; align-items: center; flex-flow: wrap; background-color: #F5F5F5; padding: 26px 25px; }
.pricerow-column span { width: calc(100% / 4); text-align: center; font-weight: bold; font-size: 15px; line-height: 20px; letter-spacing: -0.25px; }
.pricerow-column span:first-child { text-align: left; }
.pricerow-column:nth-child(2n) { background-color: #fff; }
.pricerow-column span i { font-size: 25px; line-height: 27px; }
.pricemore-row { margin-top: 45px; }
.pricerow-column.pricemore-name { padding: 5px 25px; }
.pricerow-column.pricemore-bottom { margin-top: 10px; }
.pricing-package-column { display: flex; width: 100%; box-shadow: 0 0 24px 0px rgba(0, 0, 0, 0.10); margin-bottom: 50px; padding: 50px; align-items: center; }
.pricing-package-left { width: 70%; padding-right: 30px; }
.pricing-package-right { width: 30%; text-align: center; padding: 0 25px; }
.pricing-package-title h3 { display: inline-block; }
span.flag-notification { border-radius: 0px; color: #fff; padding: 6px 15px; transform: translateY(-8px); display: inline-block; margin-left: 10px; }
.pricing-package-title { position: relative; padding-bottom: 12px; }
span.pricing-package-details { font-size: 24px; line-height: 38px;/* or 158% */ letter-spacing: -0.47px; }
.pricing-package-right h3 { font-size: 72px; line-height: 81px; font-family: 'arial'; }
.pricing-package-column:last-child { margin-bottom: 0; }
.pricing-package { padding-top: 80px; padding-bottom: 80px; }
.pricing-tableptrow.deskstop-price{ display: flex; }
.mobile-price{ display:none; }
/* =============== RSS Feed ================= */
.powersection-column { padding: 54px 15px; }
.powersection-inner { background: #FFFFFF; box-shadow: 0px 0px 17px 0 rgba(0,0,0,0.10); padding-bottom:10px; }
.power-text { padding: 25px; text-align: center; padding: 20px; }
.power-details{ color: #737B7D; padding: 20px 0; display: block; }
.power-details{ color: #737b7d; }
.power-image{ background-repeat: no-repeat; background-position: center; background-size: cover; }
.power-image img{ height: 238px; object-fit: cover; width: 100%;}
.power-section .slick-arblblack ul.slick-dots{ padding-top:0px; }
.power-section { padding-bottom: 50px; }
/* =============== Features & Benefits ================= */
.features-banrow { display: flex; flex-flow: wrap; justify-content: center; }
.features-bancolumn { width: calc(100% / 3 - 30px); margin: 0 15px; text-align: center; padding: 0 20px; margin-bottom: 40px; }
.features-text { color: #737B7D; letter-spacing: 0.3px; padding-top: 14px; }
.features-text h3, .features-text h4, .features-text h5 { padding-bottom: 0; }
.features-benefits { padding-top: 52px; padding-bottom: 10px; position: relative; background-size: cover; background-position: top; background-repeat: no-repeat; }
.features-tripe { text-align: center; padding-top: 40px; padding-bottom: 50px; }
.features-tripe h3 { margin-bottom: 25px; }
/* =============== Coundown Clock ================= */
.coundown-clock { text-align: center; padding: 100px 0; }
.coundown-clock-title h2 { font-size: 44px; line-height: 56px; }
.coundown-clock-row { display: flex; justify-content: center; max-width: 875px; margin: 0 auto; margin-top: 55px; }
.coundown-clock-column { background: #FFFFFF; box-shadow: 10px 10px 26px rgba(0, 0, 0, 0.16); min-width: 237px; margin: 0 30px; padding-top: 8px; padding-bottom: 22px; padding-left: 35px; padding-right: 35px; position: relative; }
span.hours { width: 100%; display: block; font-size: 144px; line-height: 169px; }
span.hours-title { width: 100%; display: block; font-size: 36px; line-height: 42px; }
.coundown-clock-column:before { content: ":"; position: absolute; right: -49px; top: 50%; transform: translateY(-65%); font-size: 144px; line-height: 169px; }
.coundown-clock-column:last-child:before { display: none; }
.coundown-clock-title { max-width: 485px; margin: 0 auto; position: relative; padding-top: 20px; }
.coundown-clock-title:before { content: ""; position: absolute; height: 4px; width: 73px; border-radius: 20px; top: 0; margin: 0 auto; left: 0; right: 0; }
.coundownnew-title { text-align: center; padding-bottom: 62px; position: relative; padding-top: 18px; }
.coundownnew-title:before { content: ""; position: absolute; height: 4px; width: 73px; border-radius: 20px; top: 0; margin: 0 auto; left: 0; right: 0; }
.coundownnew-section { padding-top: 105px; padding-bottom: 60px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
span.flip-clock-divider.hours { display: none; }
span.flip-clock-divider.days { display: none; }
span.flip-clock-divider.days + ul { display: none; }
span.flip-clock-divider.days + ul + ul { display: none; }
span.flip-clock-divider.hours + ul { display: none; }
span.flip-clock-divider.hours + ul + ul { display: none; }
span.flip-clock-dot.top { display: none; }
span.flip-clock-dot.bottom { display: none; }
.shadow { display: none; }
li.flip-clock-before { display: none; }
span.flip-clock-divider.minutes { display: none; }
span.flip-clock-divider.seconds { display: inline-block; position: relative; font-size: 0; padding: 0 7px; }
span.flip-clock-divider.seconds:before { content: ":"; position: absolute; font-size: 146px; z-index: 2; left: -10px; top: -82px; }
span.flip-clock-divider.minutes + ul { list-style: none; margin: 0; margin: 0; padding: 0; display: inline-block; }
span.flip-clock-divider.minutes + ul + ul { list-style: none; margin: 0; padding: 0; display: inline-block; }
li.flip-clock-active .up { display: none; }
span.flip-clock-divider.seconds + ul + ul { list-style: none; margin: 0; padding: 0; position: relative; display: inline-block; }
span.flip-clock-divider.seconds + ul { padding: 0; margin: 0; list-style: none; margin: 0; display: inline-block; }
.counddow-column { text-align: center; font-size: 180px; line-height: 140px; }
.counddow-column a { opacity: 1 !important;pointer-events: none; cursor: default; }
ul.flip { margin: 0 15px !important; }
.inn { position: relative; padding: 0 8px; padding-bottom: 20px; }
.inn:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); height: 2px; left: -2px; right: -2px; }
.inn:after { content: ""; position: absolute; height: 10px; bottom: -2px; left: -2px; right: -2px; }
span.flip-clock-divider.seconds+ul+ul:before { content: "Secs"; position: absolute; font-size: 29px; line-height: 43px; bottom: 0; left: 141px; text-transform: uppercase; }
.testiall-white ul.slick-dots li button:hover, .testiall-white ul.slick-dots li.slick-active button{ outline: none; }
:focus { outline: none; }
/* =============== header alignment ================= */
/* =============== Epic Roi Floating Image Carousel ================= */
.floating-image { position: relative; }
.floating-inneimage { background: #fda8a8; mix-blend-mode: normal; box-shadow: 6px 6px 26px rgba(0, 0, 0, 0.12); min-height: 350px; position: absolute; text-align: center; width: 100%; bottom: 0; padding: 30px; padding-bottom: 0; }
.floating-onimage { overflow:hidden; position: relative; text-align: center; width: 100%; bottom: 0; padding: 30px; padding-bottom: 0; z-index: 1; }
.floating-onimage img { display: inline-block; position: relative; bottom: -7px; }
.floating-images-section .slick-slide { padding: 0 30px; padding-bottom: 28px; -webkit-transform: scale(0.8); transform: scale(0.8); transition:0.8s; }
.floating-images-section .slick-center { transition:0.8s; -webkit-transform: scale(1) translate(0px, -11px); -moz-transform: scale(1) translate(0px, -11px); transform: scale(1) translate(0px, -11px); }
.floating-row .slick-list { padding: 0px 350px !important; }
.floating-images-section .slick-track { display: flex !important; align-items: flex-end; }
.floating-images-section { padding-bottom: 110px; padding-top: 50px; }
/* =============== Epic Roi Floating Image Carousel ================= */
/* =============== Logo slider ================= */
.slogos-slider { padding: 40px 0px; padding-bottom: 30px; background:;}
.active-centerslide .slogo-slider-column{ padding: 34px 50px; }
.slogo-slider-column { padding: 28px 25px; transition: .4s; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
.slogos-slider .slick-arblblack ul.slick-dots li { padding: 0; }
.slogos-slider .slick-arblblack ul.slick-dots li button { width: 100%; border-radius: inherit; top: 0; display: block; border: none; }
.slogos-slider .slick-arblblack ul.slick-dots { padding: 0px; position: inherit; margin-top: 0px; background: rgb(240, 240, 240); display: flex !important; }
.slogos-slider .slick-arblblack ul.slick-dots li { padding: 0; width: 100%; }
.slogos-slider .slick-arblblack ul.slick-dots li button { background: #F0F0F0; height: 10px; }
.slogos-slider .slick-center { transition: .8s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); }
.slogos-slider .slick-track { display: flex !important; align-items: center; margin: 0 auto; }
.slogos-slider-row.simple-slidescroll{ white-space: nowrap; overflow-x: auto; }
.simple-slidescroll .slogo-slider-column{ display: inline-block; }
.simple-slidescroll .slogo-slider-column img { max-width: 200px; object-fit: contain; }
.slogos-asslider-section{ justify-content: center; }
.nomarl-center-mode .slogos-slider-row{ white-space: nowrap; overflow-x: auto; overflow-y: hidden; }
.nomarl-center-mode .slogo-slider-column{ display: inline-block; width: calc(100% / 3); }
.slogos-slider .slogos-slider-center ul.slick-dots{ margin-top: 25px; }
.slogos-slider .slogos-slider-center .slogo-slider-column { padding-left:44px; padding-right:44px; }
/* =============== start counter module ================= */
.row-fluid .logo-count-row { text-align: center; }
.row-fluid .logo-width-counter { padding: 0px 0; }
.row-fluid .lg-title { position: relative; padding-bottom: 45px; padding-top: 0px; }
.row-fluid .lg-title:before { height: 4px; width: 85px; background: #6FD8FF; position: absolute; content: ""; top: 0; left: 0; right: 0; margin: 0 auto; border-radius: 141px; }
.row-fluid .counter-row { display: flex; justify-content: center; margin-top: 0px; }
.row-fluid .counter-column { width: 33.33%; position: relative; }
.row-fluid .counter-column span { color: #8F8F8F; }
.row-fluid .counter-column:before { content: ""; position: absolute; height: 37px; background: #E2E2E2; border-radius: 20px; width: 2px; transform: translateY(-50%); top: 50%; right: -2px; }
.row-fluid .counter-column:last-child:before { opacity: 0; }
.row-fluid .counter-column:nth-child(3n):before { opacity: 0; }
.row-fluid .lg-title:before{ display:none; }
.row-fluid .counter-column h2 div{ display:inline-block; }
.row-fluid .dollar-sin { margin-right: -6px; }
.quote-module blockquote { padding: 0; margin: 0; position: relative; display: inline-block; width: auto; border: none; font-size: 34px; line-height: 50px; margin-top: 12px; }
.quote-module blockquote:before { content: "\f10d"; font-family: 'fontawesome'; float: left; padding-right: 13px; color: #1d7a8c; }
.quote-module blockquote:after { content: "\f10e"; font-family: 'fontawesome'; padding-left: 19px; color: #1d7a8c; }
span.fill { margin: 0 !important; }
.barfiller { width: 100%; height: 18px; border: none; position: relative; margin-bottom: 20px; background: #E0E0E0; border-radius: 4px; }
.barfiller .fill { display: block; position: relative; width: 0px; height: 100%; background: #333; border-radius: 4px; z-index: 1; }
.barfiller .tipWrap { display: none; }
.barfiller .tip { margin-top: -39px; padding: 2px 4px; font-size: 16px; color: #444; left: 0px; position: absolute; z-index: 2; background: transparent; font-weight: 600; }
.barfiller .tip:after { border: solid; border-color: rgba(0, 0, 0, .8) transparent; border-width: 6px 6px 0 6px; content: ""; display: block; position: absolute; left: 9px; top: 100%; z-index: 9 }
.employee-image img{ display: block; }
.subheader h4 { padding: 0; margin: 0; }
/* start textblock */
.work-optimization-section { float: left; width: 100%; padding: 0px 0; }
.work-optimization-title { float: left; width: 100%; text-align: center; padding-bottom: 35px; }
.count-style ul > li { list-style: none; position: relative; margin: 18px 0; }
.count-style { counter-reset: my-sec-counter; }
.count-style ul > li:before { counter-increment: my-sec-counter; content: ""counter(my-sec-counter) ""; width: 35px; height: 35px; display: inline-block; border-radius: 50%; background: #000; text-align: center; color: #fff; line-height: 35px; font-size: 20px; position: absolute; left: -50px; bottom: auto; top:0px;- margin: auto; }
.count-style ul { padding-left: 75px; margin: 15px 0; float:left; }
h3 > span { width: 52px; display: inline-block; }
h3 .inner-title { display: inline-block; vertical-align: middle; padding-left: 10px; width: calc(100% - 61px); width: calc(100% - 61px); font-size: 22px; padding-top: 4px; line-height: 28px; }
.work-optimization-details1 { float: left; width: 100%; padding-top: 11px; }
.work-optimization-details { float: left; width: 100%; padding-top: 25px; }
.work-optimization-details .hs_cos_wrapper_type_icon svg { width: 52px; display: inline-block; vertical-align: middle; padding-right: 0; fill: ; }
/* header image block textblock */
.chapter-section h2:before { display: none; }
.chapter-section h2 { color: #fff !important; font-size: 42px; line-height: 48px; }
.chapter-section { float: left; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; padding: 75px 0; position: relative; background-attachment: fixed; }
.chapter-section h2:before { display: none; }
.chapter-section h2 { padding-bottom: 0; margin-top: 18px; }
.chapter-section:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0.8; }
ol li { padding: 10px 0; }
/* ========== start landing page ======= */
.row-fluid .demohero_section { padding: 185px 0 0px; background-position: left center; min-height: 700px; position: relative; font-size: 16px; color: #fff; line-height: 24px; font-weight: 400; }
.row-fluid .demohero_section .wrapper { position: relative; z-index: 9; }
.row-fluid .demohero_section .nectar-shape-divider-wrap { height: 150px; }
.row-fluid .demohero_inner { padding-left: 9%; padding-top: 0px; }
.row-fluid .demohero_inner h2 { color: #fff; font-size: 50px; line-height: 50px; font-weight: 700; margin-bottom: 20px; }
.row-fluid .demohero_inner ul { padding: 15px 0 0 24px; margin: 0; width: 100%; float: left; list-style: none; padding-left: 0; }
.row-fluid .demohero_inner ul li { width: 100%; float: left; position: relative; padding-left: 43px; margin-bottom: 15px; }
.row-fluid .demoform_area { width:100%; float: right; background: #fff; padding: 35px 30px; color: #576d80; font-size: 18px; line-height: 26px; font-weight: 400; text-align: center; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08), 0 13px 45px rgba(0, 0, 0, 0.08); font-size: 16px; line-height: 24px; text-align: center; color: #576C77; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.08); border-radius: 10px; }
.row-fluid .demoform_area h3 { padding-top: 0; margin-bottom: 0px; text-align: center; color: #082344; padding-bottom: 0; }
.row-fluid .demoform_area .demoform form { width: 100%; margin-top: 20px; float: left; text-align: left; }
fieldset.form-columns-1 .input{ margin-right: 0 !important; }
.row-fluid .cookie-reset-container{ margin-bottom: 15px; text-align: left; }
fieldset.form-columns-2 { padding-bottom: 5px; }
.demoform-title { padding-bottom: 10px; }
.row-fluid .demoform_area form{ max-width:100%; }
.recruitment-process-column .process-icon > span,.recruitment-process-column .process-icon > div{ display: flex; height: 80px; width: 80px; justify-content: center; align-items: center; }
.recruitment-process-column .process-icon:before{ width: 214px; left: -283%; display:none; }
/* form style */
form { max-width: 100% !important; }
.hero-slider-column > div { padding: 0 15px; }
/* updated style */
.row-fluid .cta-design.flipbutton a { border: 1px solid #fff; margin-top: 25px; padding: 11px 15px; width: auto; }
.flip-card:hover .flipper-text { position: inherit; transition-delay: 2s; }
.flip-card:hover .flipper-text:before{ display:none; }
.whaywe-hover-text{ flex-direction: column; }
.whaywe-hover-text .cta-design.flipbutton a { margin-top: 16px; }
.work-optimization-details > h3 { display: flex; align-items: center; }
.tabber-itemsmain2 .tabber-column2:first-child{ margin-top: 0 !important; }
.hs-embed-wrapper { max-width: 100% !important; max-height: 395px !important; min-width: 100% !important; }
.row-fluid .blog-subscrib-row>div>div{ flex-direction: column; }
.row-fluid .blog-subscrib-row img { max-width: 150px !important; }
.blog-subscrib-row form input[type=submit]{ font-weight: 400;
font-size: 15px; border-radius: 0; width: 106px; padding: 0 0; height: 50px; }
.blog-subscrib-row form input[type=submit]:hover { background: url(images/blank.png) no-repeat left top #ed8074;
border-radius: 20px 0 20px 0; }
.blog-subscrib-row ul.no-list.hs-error-msgs.inputs-list label.hs-error-msg { display: block; margin: 0; color: #fff; }
.blog-subscrib-row ul.no-list.hs-error-msgs.inputs-list li { margin: 3px 0; font-size: 14px; }
.blog-subscrib-row form .input input{ padding-left: 12px; }
.get-freecopy-form { padding-top: 25px; }
@media (max-width:1400px){
/* .power-section .slick-arrow{ bottom: -20px; top: auto; } */
.power-section .slick-arrow.slick-next { right: 22px; }
.power-section .slick-arrow.slick-prev { left: -8px; }
.power-section .powersection-row { padding: 0 42px; }
}
@media (max-width:1350px) and (min-width:1151px){
.coundown-days .coundown-clock-column{ min-width: 193px; }
.coundown-days span.hours{ font-size: 110px; line-height: 152px; }
.coundown-days span.hours-title{ font-size: 28px; line-height: 33px; }
.floating-inneimage { min-height: 300px; }
.slogos-slider .slogos-slider-center .slogo-slider-column { padding-left: 32px; padding-right: 32px; }
.slogos-slider-center:before,.slogos-slider-center:after { top:0; content: ""; height: 100%; width: 35px; background: #fff; position: absolute; left: 0; z-index: 5;}
.slogos-slider-center:after{ left: auto; right:0; top:0; }
.slogos-slider-center { position: relative; }
}
@media (max-width:1150px) and (min-width:768px){
.coundown-days span.hours { font-size: 61px; line-height: 59px; font-weight: bold; padding-top: 13px; padding-bottom: 5px; }
.coundown-days .coundown-clock-column { min-width: inherit; }
.coundown-days span.hours-title { font-size: 18px; line-height: 24px; padding-top: 7px; }
.coundown-days .coundown-clock-column { margin: 0 15px; }
.coundown-days .coundown-clock-column:before { right: -21px; transform: translateY(-65%); font-size: 32px; line-height: 22px; }
.coundown-days .coundown-clock-column{ padding-top: 20px; }
}
@media (max-width:1200px){
.floating-row .slick-list { padding: 0px 250px !important; }
}
@media (max-width:1140px){
.pricing-tablecolumn{ flex: inherit; margin-bottom: 15px; }
}
@media (min-width:768px){
.imagevideo-text.eight { width: 50%; padding-left: 20px; }
.imageor-videoimg.eight { width: 50%; padding-right: 20px; }
.imageor-videoimg.ten { width: 30%; }
.imagevideo-text.ten { width: 70%; }
}
@media (max-width:1024px){
.image-cl-left{ width: 100%; min-height: 350px; }
.inner-imagecl-column{ flex-flow: wrap; }
.image-cl-right{ width: 100%; }
.square-filter { margin-bottom: 25px; }
.square-filter ul li{ font-size: 16px; line-height: 28px; padding: 4px 16px; border-color: transparent; }
.square-filter ul li:last-child { border-right: 1px solid transparent; }
.square-filter ul li:first-child{ border-left: 1px solid transparent; }
.square-filter ul li:hover, .square-filter ul li.active{ border: 1px solid #ed8074 !important; }
.pricing-tablecolumn{ margin: 8px 8px; }
.pricing-tablerow{ flex-flow: wrap; }
.pricing-tableptrow{ flex-flow: wrap; }
.pricingtable-left { text-align: center; margin-bottom: 35px; width: 100%; }
.pricingtable-right{ width:100%; }
.pricingtable-column{ padding: 13px 15px; }
.plane-pricept h2{ font-size: 60px; line-height: 75px; }
.pricerow-column span{ padding: 0 10px; }
.row-fluid .pricerow-column .cta-design a{ padding: 9px 18px; font-size: 13px; }
.pricing-package-column{ padding: 30px; }
.pricing-package-right{ width: 40%; padding: 0px 15px; }
.pricing-package-left{ width: 60%; }
span.flag-notification{ margin-left: 0; margin-top: 5px; }
.pricing-package-title h3{ width: 100%; padding-bottom: 8px; }
span.pricing-package-details br { display: none; }
.pricing-package-right h3{ font-size: 60px; line-height: 65px; }
.coundown-days span.hours { font-size: 30px; line-height: 34px; font-weight: bold; padding:0; }
.floating-column{ padding-top:15px; padding-left:15px; padding-right:15px; }
.floating-inneimage{ min-height: 285px; }
.active-centerslide .slogo-slider-column{ padding: 20px 44px; }
}
@media (max-width:991px){
.sideimage-module { padding-top: 35px; padding-bottom: 0px; }
.sideimagevideo-row{ padding-bottom: 60px; }
.flipper-boxes{ width: calc(100% / 2 - 30px); }
.card-flipper-module { padding-top: 95px; padding-bottom: 66px; }
.accordion-module { padding-top: 70px; padding-bottom: 38px; }
/* =============== Image Carousel module ================= */
.image-cl-left{ min-height: 280px; }
.image-carousel-large { padding-top: 50px; padding-bottom: 50px; }
.tab-column-section .imagevideo-text{ padding-left: 30px; }
.tab-column-section .sideimagevideo-row.image-videoright .imagevideo-text{ padding-right: 30px; }
.pricing-header { margin-bottom: 50px; }
.features-bancolumn{ padding:0; }
.features-benefits{ padding-top: 35px; }
.features-tripe{ padding-top: 20px; padding-bottom: 35px; }
span.flip-clock-divider.seconds+ul+ul:before{ display:none; }
.floating-row .slick-list { padding: 0px 144px !important; }
.floating-column { padding-top:15px; padding-left: 0; padding-right: 0; }
.floating-inneimage{ min-height: 265px; }
.floating-images-section .slick-arblblack ul.slick-dots{ padding: 0 0px 0px; }
.floating-images-section { padding-bottom: 83px; padding-top: 20px; }
.coundown-clock-column{ margin: 0px 10px; min-width: inherit; }
.coundown-clock-column::before{ opacity:0; }
span.hours{ font-size: 94px; line-height: 120px; }
span.hours-title{ font-size: 28px; line-height: 40px; }
.slogos-slider{ padding: 38px 0px; padding-bottom: 95px; }
.slogos-slider .slick-arblblack ul.slick-dots{ margin-top: 18px; }
.active-centerslide .slogo-slider-column{ padding: 20px 30px; }
.slogos-slider .slogos-slider-center .slogo-slider-column{ padding: 24px; }
}
@media (max-width:767px){
.power-section .powersection-row{ padding: 0 0; }
.sideimagevideo-row{ flex-direction: column; }
.imageor-videoimg { width: 100%; }
.imagevideo-text{ width: 100%; padding-left: 0; margin-top: 35px; }
.sideimagevideo-row.image-videoright{ flex-direction: column; }
.sideimagevideo-row{ padding-bottom: 38px; }
.imagevideo-details { padding-top: 0; }
.sideimage-module{ padding-bottom: 10px; }
.flipper-boxes{ width: calc(100% / 1 - 30px); }
.card-flipper-module { padding-top: 80px; padding-bottom: 50px; }
.flip-card-inner{ height:auto !important; }
/* ======== accordion ==========*/
.accordion-module{ padding-top: 58px; padding-bottom: 20px; }
/* =============== Image Carousel module ================= */
.image-carousel-large { padding-top: 40px; padding-bottom: 40px; }
.row-fluid .image-carousel-large .container{ padding: 0px 0px; }
.pricing-header { margin-bottom: 35px; }
.pricingtable-column{ width: 100%; padding: 44px 15px; padding-top: 0; }
.pricing-package-column{ flex-flow: wrap; padding-bottom: 40px; }
.pricing-package-right,.pricing-package-left{ width:100%; padding-right: 0; padding-left:0;text-align: center; }
.pricing-package-right { margin-top: 20px; }
/* princing */
.pricerow-column span:first-child{ text-align: center; width: 100%; }
.pricerow-column{ text-align: center; }
.pricerow-column span{ width: 100%; }
.pricerow-column span{ padding: 8px 10px; }
.pricerow-column{ padding: 19px 25px; }
.pricerow-column.pricemore-name { display: none; }
.pricerow-column.pricemore-bottom{ display:none; }
.pricemore-row { margin-top: 0; padding: 60px 0; padding-bottom: 0; }
.features-bancolumn{ width: calc(100% / 2 - 30px); }
.features-benefits{ padding-bottom: 18px; }
.features-tripe{ padding-top:10px; }
.coundown-clock-column:before{ display:none; }
span.hours{ font-size: 78px; line-height: 94px; }
.coundown-days span.hours { font-size: 45px; line-height: 64px; font-weight: bold; padding:0; }
span.hours{ font-size: 48px; line-height: 90px; }
span.hours-title{ font-size: 16px; line-height: 18px; padding-bottom: 10px; }
.coundown-clock-column{ min-width: inherit; margin: 0 5px; padding: 8px 13px; width: 100%; }
.coundown-clock-column:before{ right: -29px; transform: translateY(-63%); font-size: 61px; line-height: 80px; }
.coundown-clock-row{ margin-top: 28px; }
.image-cl-right{ margin-left: 0px; padding-left: 20px; padding-right: 20px; }
.image-cl-left { min-height: 312px; }
.imagecl-details h2 { font-size: 28px; line-height: 34px; padding-bottom: 0; }
.imagecl-details{ }
.imagecl-details::-webkit-scrollbar { width: 7px; }
.imagecl-details::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.imagecl-details::-webkit-scrollbar-thumb { background-color: darkgrey; }
span.flip-clock-divider.seconds{ opacity:0; height:33px; display:block; }
.coundownnew-title{ padding-bottom: 25px; }
.coundownnew-section{ padding-top: 70px; }
.floating-row .slick-list { padding: 0px 0px !important; }
.floating-images-section .slick-arblblack ul.slick-dots{ padding: 0 0px 0px; }
.floating-column{ padding-top:15px;; width:100%; -webkit-transform: scale(1); transform: scale(1); }
.floating-images-section{ padding-bottom: 70px; padding-top: 10px; }
/* Image Carousel */
.image-carousel-large .slick-arrow.slick-next{ right: 27px; }
.image-carousel-large .slick-arrow.slick-prev { left: 2px; top: 150px; }
.image-carousel-large .slick-arrow{ top: 164px; }
.image-cl-left{ position: relative; }
.image-cl-left:before { content: ""; height: 100%; width: 75px; background-color: rgba(57, 57, 57, 0.35); position: absolute; left: 0; }
.image-cl-left:after { content: ""; height: 100%; width: 75px; background-color: rgba(57, 57, 57, 0.35); position: absolute; right: 0; }
.image-carousel-large .slick-arblblack .slick-arrow.slick-prev::before,.image-carousel-large .slick-arblblack .slick-arrow.slick-next::before{ background-image: url(https://www.remotish.agency/hubfs/whitearro.svg); }
.touch .image-cl-row .image-cl-left:before,.touch .image-cl-row .image-cl-left:after{ opacity:0; }
.touch .image-cl-row .slick-arrow{ opacity:0; visibility: hidden; transition:0.2s; }
.image-carousel-large .slick-arblblack ul.slick-dots { padding: 0 0px 20px !important; position: absolute; }
.image-cl-right{ padding-bottom: 80px; }
.inner-imagecl-column{ box-shadow: 6px 6px 26px rgba (0, 0, 0, 0.12); border: 1px solid #f2eeee; }
.pricing-tableptrow.deskstop-price{ display: none; }
.deskstop-price{ display: none; }
.mobile-price{ display:block; }
.price-check-col { font-weight: bold; font-size: 15px; line-height: 20px; letter-spacing: -0.25px; display: inline-block; position: relative; }
.price-check { display: inline-block; position: absolute; left: -37px; font-size: 22px; }
.pricerow-column { justify-content: center; }
.pricingtable-left{ margin-bottom: 0; }
.plabe-pt{ padding-top: 40px; }
.slogos-slider { padding: 0px 0px 80px; }
.active-centerslide .slogo-slider-column { padding: 15px 15px; }
.slogo-slider-column{ padding: 15px 15px; }
.nomarl-center-mode .slogo-slider-column{ width: calc(100% / 2); }
.slogos-slider .slogos-slider-center .slogo-slider-column { padding: 18px; }
.slogos-slider .slick-arblblack ul.slick-dots{ margin-top: 0; }
.mtext-height{ height:10px !important; }
.lp-logorow img{ width: calc(100% / 3 - 30px); }
.counter-row{ flex-direction: column; }
.row-fluid .counter-column{ width:100%; padding-bottom: 35px; }
.row-fluid .logo-width-counter{ padding: 0px 0; padding-bottom: 15px; }
.row-fluid .counter-column:before{ display:none; }
.row-fluid .demoform_area { margin-top: 50px; }
.hs-embed-wrapper { max-height: 300px !important; }
}
@media (max-width:480px){
.pricing-package-right .cta-design a{ min-width: 100% !important; }
.active-centerslide .slogo-slider-column{ padding: 0 0; }
.nomarl-center-mode .slogo-slider-column{ width: calc(100% / 1); }
.features-text h3, .features-text h4, .features-text h5{ font-size: 23px; }
}
@media (max-width:400px){
.features-bancolumn{ width: calc(100% / 1 - 30px); }
}
@media (max-width:450px){
span.hours{ font-size: 31px !important; line-height: 45px !important; }
.coundown-clock-column{ margin: 0 3px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; padding: 12px 8px; }
span.hours-title { font-size: 13px !important; line-height: 17px !important; padding-bottom: 0px !important; }
}
button,
.button {
background-color: #494A52;
border: 1px solid #494A52;
border-radius: 6px;
color: #FFF;
cursor: pointer;
display: inline-block;
font-size: 0.92rem;
font-weight: normal;
height: auto;
line-height: 1.1;
margin: 0;
padding: 15px 53px;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.15s linear;
white-space: normal;
width: auto;
word-break: break-word;
}
button:disabled,
.button:disabled {
background-color: #D0D0D0;
border-color: #D0D0D0;
color: #E6E6E6;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
background-color: #21222A;
border-color: #21222A;
color: #FFF;
text-decoration: none;
}
button:active,
.button:active {
background-color: #71727A;
border-color: #71727A;
color: #FFF;
text-decoration: none;
}
/* Form */
form {
max-width: 500px;
font-family: Lato, sans-serif;
}
.hs-form-field {
margin-bottom: 1.4rem;
}
/* Labels */
form label {
color: #33475B;
display: block;
font-size: 0.875rem;
padding-top: 0;
margin-bottom: 0.35rem;
text-align: left;
width: auto;
}
/* Help text - legends */
form legend {
color: #33475B;
font-size: 0.875rem;
}
/* Inputs */
.input {
position: relative;
}
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
background-color: #FFF;
border: 2px solid #D1D6DC;
border-radius: 3px;
color: #33475B;
display: inline-block;
font-size: 0.875rem;
padding: 0.7rem;
width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
outline-color: rgba(82, 168, 236, 0.8);
}
fieldset {
max-width: 100% !important;
}
::-webkit-input-placeholder {
color: #BFBFBF;
}
::-moz-placeholder {
color: #BFBFBF;
}
:-ms-input-placeholder {
color: #BFBFBF;
}
:-moz-placeholder {
color: #BFBFBF;
}
::placeholder {
color: #BFBFBF;
}
/* Inputs - checkbox/radio */
form .inputs-list {
margin: 0;
padding: 0;
list-style: none;
}
.inputs-list > li {
display: block;
margin: 0.7rem 0;
padding: 0;
width: 100%;
}
.inputs-list input,
.inputs-list span {
font-size: 0.875rem;
vertical-align: middle;
}
.hs-input[type=checkbox],
.hs-input[type=radio] {
border: none;
cursor: pointer;
height: auto;
line-height: normal;
margin-right: 0.35rem;
padding: 0;
width: auto;
}
/* Inputs - datepicker */
.hs-fieldtype-date .input .hs-dateinput:before {
color: #33475B;
content:'\01F4C5';
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.fn-date-picker .pika-table thead th {
color: #FFF;
}
.fn-date-picker td.is-today .pika-button {
color: #343A40;
}
.fn-date-picker td.is-selected .pika-button {
background: #343A40;
border-radius: 0;
box-shadow: none;
}
.fn-date-picker td .pika-button:hover {
background-color: #343A40 !important;
border-radius: 0 !important;
color: #FFF;
}
/* Inputs - file picker */
input[type=file] {
background-color: transparent;
border: initial;
box-shadow: none;
line-height: initial;
padding: initial;
}
/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
font-size: 0.875rem;
margin: 0 0 1.4rem;
}
form .hs-richtext img {
max-width: 100% !important;
}
form .header {
background-color: transparent;
border: none;
}
/* GDPR */
.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
font-size: 0.875rem;
margin-left: 1rem !important;
}
/* Validation */
.hs-form-required {
color: red;
}
.hs-input.invalid.error {
border-color: #EF6B51;
}
.hs-error-msg {
color: #EF6B51;
margin-top: 0.35rem;
}
/* Submit button */
form input[type=submit],
form .hs-button {
background-color: #494A52;
border: 1px solid #494A52;
border-radius: 6px;
color: #FFF;
cursor: pointer;
display: inline-block;
font-size: 0.92rem;
font-weight: normal;
height: auto;
line-height: 1.1;
margin: 0;
padding: 15px 53px;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.15s linear;
white-space: normal;
width: auto;
word-break: break-word;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
background-color: #21222A;
border-color: #21222A;
color: #FFF;
}
form input[type=submit]:active,
form .hs-button:active {
background-color: #71727A;
border-color: #71727A;
color: #FFF;
}
/* Captcha */
.grecaptcha-badge {
margin: 0 auto;
}
/* Table */
table {
border: 1px solid #DEE2E6;
margin-bottom: 1.4rem;
}
tbody + tbody {
border-top: 2px solid #DEE2E6;
}
/* Table Cells */
th,
td {
border: 1px solid #DEE2E6;
padding: 0.75rem;
vertical-align: top;
}
/* Table Header */
thead th,
thead td {
background-color: #343A40;
border-bottom: 2px solid #DEE2E6;
color: #FFF;
vertical-align: bottom;
}
.hs-menu-wrapper ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.hs-menu-item a {
color: rgba(0, 0, 0, 0.5);
display: block;
padding: 0.5rem 1rem;
text-decoration: none;
}
.hs-menu-item:hover a,
.hs-menu-item:focus a {
color: rgba(0, 0, 0, 0.7);
text-decoration: none;
}
.hs-menu-item.active a {
color: rgba(0, 0, 0, 0.9);
}
.header {
background-color: #F8FAFC;
}
.header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__row-1,.header__row-2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
}
.header__row-1 {
padding-top: 20px;
}
.header__logo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
margin-right: auto;
max-width: 200px;
overflow: hidden;
}
.header__logo img {
max-width: 100%;
}
.header__logo .logo-company-name {
font-size: 28px;
margin-top: 7px;
}
.header__logo--tablet {
display: none;
}
.header__logo--main {
padding-top: 20px;
}
.header__search {
padding: 0 22px;
width: auto;
}
.header__search .hs-search-field__input {
background-color: #FFF;
background-position: center right 15px;
background-repeat: no-repeat;
border: 1.79px solid #D1D6DC;
border-radius: 6px;
color: #494A52;
font-family: Lato,serif;
font-size: 22px;
font-weight: 300;
height: 45px;
padding: 0 15px;
}
.header__search .hs-search-field--open .hs-search-field__input {
border: 1.79px solid #D1D6DC;
border-bottom: none;
border-radius: 6px 6px 0 0;
background-color: #FFF;
}
.header__search .hs-search-field__input::placeholder {
color: transparent;
}
.header__search .hs-search-field--open .hs-search-field__suggestions {
background-color: #FFF;
border: 1.79px solid #D1D6DC;
border-top: -2px solid #FFF;
border-radius: 0 0 6px 6px;
position: absolute;
width: 100%;
z-index: 10;
}
.header__search .hs-search-field__suggestions li {
border-top: 1px solid #D1D6DC;
font-family: Lato,serif;
font-size: 22px;
}
.header__search .hs-search-field__suggestions li a {
color: #494A52;
padding: 3px 15px;
text-decoration: none;
transition: background-color 0.3s;
}
.header__search .hs-search-field__suggestions #results-for {
display: none;
}
.header__language-switcher {
cursor: pointer;
padding-right: 35px;
}
.header__language-switcher .lang_switcher_class {
position: static;
}
.header__language-switcher .lang_list_class {
border: 1.79px solid #D1D6DC;
border-radius: 6px;
box-shadow: 0 2px 9px 0 rgba(0,0,0,.2);
color: #494A52;
display: block;
font-family: Lato,serif;
font-size: .8rem;
left: calc(100% - 24px);
opacity: 0;
min-width: 100px;
padding-top: 0;
text-align: left;
top: 42px;
transition: opacity 0.3s;
visibility: hidden;
}
.header__language-switcher:hover .lang_list_class {
opacity: 1;
transition: opacity 0.3s;
visibility: visible;
}
.header__language-switcher .lang_list_class:before {
border-bottom-color: #D1D6DC;
border-radius: 6px;
left: 70%;
top: -24px;
}
.header__language-switcher .lang_list_class:after {
left: 70%;
top: -22px;
}
.header__language-switcher .lang_list_class.first-active::after {
border-bottom-color: #EBEFF3;
top: -22px;
transition: 0.3s;
}
.header__language-switcher .lang_list_class li {
border: none;
font-size: 18px;
padding: 10px 15px;
}
.header__language-switcher .lang_list_class li:first-child {
border-radius: 6px 6px 0 0;
border-top: none;
}
.header__language-switcher .lang_list_class li:last-child {
border-bottom: none;
border-radius: 0 0 6px 6px;
}
.header__language-switcher .lang_list_class li:hover {
background-color: #EBEFF3;
transition: background-color 0.3s;
}
.header__language-switcher .lang_list_class li a {
color: #494A52;
font-family: Lato,serif;
}
.header__language-switcher .lang_list_class li a:hover {
color: #494A52;
}
.header__language-switcher--label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.header__language-switcher--label-current {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
margin-bottom: 5px;
margin-left: 10px;
}
.header__language-switcher--label-current:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid #494A52;
content: "";
display: block;
height: 0;
margin-left: 10px;
margin-top: 3px;
width: 0;
}
#nav-toggle {
display: none;
}
.header__menu--flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width:1150px) and (min-width:767px) {
.header__column {
width: 100%;
}
.header__logo--main {
display: none;
}
.header__logo--tablet {
display: block;
}
}
@media (max-width:767px) {
.header__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 0 0;
}
.header__container form {
max-width: 100%;
}
.header__logo {
margin: 0 auto;
width: 100%;
}
.header__navigation,.header__search,.header__language-switcher {
display: none;
width: 100%;
}
.header__navigation.open,.header__search.open,.header__language-switcher.open {
background-color: #F8FAFC;
display: block;
height: calc(100vh - 115px);
left: 0;
position: absolute;
right: 0;
top: 75px;
z-index: 2;
}
.header__navigation--toggle,.header__search--toggle,.header__language-switcher--toggle,.header__close--toggle {
cursor: pointer;
margin: 0 5vw;
position: relative;
}
.header__navigation--toggle.hide,.header__search--toggle.hide,.header__language-switcher--toggle.hide {
display: none;
}
.header__navigation--toggle.open,.header__search--toggle.open,.header__language-switcher--toggle.open {
display: block;
margin-left: 0;
margin-right: auto;
}
.header__navigation--toggle.open:after,.header__search--toggle.open:after,.header__language-switcher--toggle.open:after {
display: block;
}
.header__navigation--toggle:after,.header__search--toggle:after,.header__language-switcher--toggle:after {
display: none;
font-size: 26px;
font-weight: 600;
position: absolute;
left: 40px;
text-transform: uppercase;
top: -10px;
}
.header__column {
position: relative;
}
.header__row-1 {
padding-top: 0;
}
.header__row-2 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px;
}
.header__navigation--toggle {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
height: 25px;
width: 25px;
}
.header__navigation--toggle:after {
content: "Menu";
}
.header__language-switcher--toggle {
background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
background-size: cover;
height: 25px;
width: 25px;
}
.header__language-switcher--toggle:after {
content: "Language";
}
.header__language-switcher {
border-top: 2px solid #CED4DB;
padding-left: 30px;
padding-right: 0;
}
.header__language-switcher .lang_list_class {
background-color: inherit;
border: none;
border-radius: 0;
box-shadow: unset;
display: block;
left: 30px;
opacity: 1;
padding: 0 30px;
top: 0;
visibility: visible;
}
.header__language-switcher .lang_list_class li {
background-color: inherit;
font-size: 22px;
}
.header__language-switcher--label-current {
display: none;
}
.header__language-switcher .globe_class {
background-image: none;
}
.header__language-switcher .lang_list_class li:hover {
background-color: inherit;
}
.header__language-switcher .lang_list_class:before,.header__language-switcher .lang_list_class:after {
content: none;
}
.header__search--toggle {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
background-size: cover;
height: 25px;
width: 25px;
}
.header__search--toggle:after {
content: "Search";
}
.header__search {
border-top: 2px solid #CED4DB;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 30px;
}
.header__search .hs-search-field__input {
padding-left: 15px;
}
.header__search .hs-search-field__suggestions li {
padding: 10px 0;
}
.header__close--toggle {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
background-repeat: no-repeat;
background-size: 110%;
display: none;
height: 25px;
margin-right: 0;
width: 25px;
}
.header__close--toggle.show {
display: block;
}
}
.footer {
background-color: #F8FAFC;
text-align: center
}
.footer__container.content-wrapper {
padding: 1rem 0
}
.footer__copyright {
font-size: .7rem;
margin: .5rem 0
}
/* Blog header */
.blog-header {
background-color: #F8FAFC;
text-align: center;
}
.blog-header__inner {
margin: 0 auto;
max-width: 600px;
padding: 3.3rem 0;
}
.blog-header__title {
font-size: 2rem;
}
.blog-header__subtitle {
margin: 1rem 0 2rem;
}
.blog-header__form {
margin: 0 1rem;
}
@media screen and (min-width: 768px) {
.blog-header__form {
margin: 0 auto;
width: 500px;
}
}
/* Blog header - author listing */
.blog-header__author-avatar {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 50%;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
height: 200px;
margin: 0 auto 1.5rem;
width: 200px;
}
.blog-header__author-social-links a {
background-color: #000;
border-radius: 50%;
display: inline-block;
height: 40px;
margin: 0 5px;
position: relative;
width: 40px;
}
.blog-header__author-social-links a:hover {
background-color: #494A52;
}
.blog-header__author-social-links svg {
fill: #FFF;
height: 15px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
}
/* Blog listing */
.blog-index {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 3.3rem 0;
}
.blog-index:after {
content: "";
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.blog-index__tag-header {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
padding: 1rem;
}
.blog-index__tag-subtitle {
font-size: 1.16rem;
line-height: 1.1;
}
.blog-index__tag-heading {
border-bottom: 3px solid #D1D6DC;
padding-bottom: 1rem;
}
.blog-index__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 1rem;
}
@media screen and (min-width: 768px) {
.blog-index__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/2);
flex: 0 0 calc(100%/2);
}
}
@media screen and (min-width: 1000px) {
.blog-index__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/3);
flex: 0 0 calc(100%/3);
}
}
@media screen and (min-width: 768px) {
.blog-index__post--large {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
justify-items: space-between;
}
}
.blog-index__post-image {
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 63%;
}
@media screen and (min-width: 768px) {
.blog-index__post-image--large {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding-bottom: 0;
}
.blog-index__post-content--large {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding-left: 2rem;
}
.blog-index__post-image--large {
-webkit-box-flex: 1;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
}
.blog-index__post-content--large {
-webkit-box-flex: 1;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
padding-left: 2rem;
}
}
.blog-index__post-content h2 {
margin: 0.5rem 0;
}
.blog-index__post-content--small h2 {
font-size: 1.25rem;
}
.blog-index__post-content p {
font-family: Lato, sans-serif;
}
.blog-index__post-content a {
color: #494A52;
}
.blog-index__post img {
height: auto;
max-width: 100%;
}
/* Blog pagination */
.blog-pagination {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: Lato, sans-serif;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 3.3rem;
text-align: center;
}
.blog-pagination__link {
border: 2px solid transparent;
border-radius: 7px;
color: #494A52;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
margin: 0 0.1rem;
padding: 0.25rem 0.4rem;
text-decoration: none;
}
.blog-pagination__link--active {
border: 2px solid #B0C1D4;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.blog-pagination__prev-link {
margin-right: 0.25rem;
text-align: right;
}
.blog-pagination__next-link {
margin-left: 0.25rem;
text-align: left;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
color: #B0C1D4;
cursor: default;
pointer-events: none;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
fill: #494A52;
margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
fill: #B0C1D4;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
border: 2px solid #B0C1D4;
}
/* Blog post */
.blog-post {
margin: 0 auto;
max-width: 960px;
padding: 3.3rem 0;
}
.blog-post h1 {
font-size: 1.6rem;
}
.blog-post__meta {
margin: 1rem 0;
}
.blog-post__meta a {
color: #494A52;
text-decoration: underline;
}
.blog-post__tags {
color: #000;
font-family: Lato, sans-serif;
}
.blog-post__tags svg {
height: auto;
margin-right: 10px;
width: 15px;
}
.blog-post__tag-link {
color: #000;
font-size: .8rem;
}
/* Blog related posts */
.blog-recent-posts {
background-color: #F8FAFC;
margin-top: 3rem;
padding: 2rem 0;
}
.blog-recent-posts h2 {
text-align: center;
}
.blog-recent-posts__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-recent-posts__post {
color: #494A52;
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 1rem;
}
@media screen and (min-width: 768px) {
.blog-recent-posts__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/2);
flex: 0 0 calc(100%/2);
}
}
@media screen and (min-width: 1000px) {
.blog-recent-posts__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/3);
flex: 0 0 calc(100%/3);
}
}
.blog-recent-posts__post:hover {
text-decoration: none;
}
.blog-recent-posts__image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 63%;
}
.blog-recent-posts__title {
margin: 1rem 0 0.5rem;
}
/* Blog comments */
.blog-comments {
margin: 0 auto;
max-width: 680px;
}
.blog-comments form {
max-width: 100%;
}
.blog-comments .hs-submit {
text-align: center;
}
.blog-comments .hs-button {
background-color: transparent;
border: 2px solid #494A52;
color: #494A52;
}
.blog-comments .hs-button:hover {
background-color: #494A52;
color: #FFF;
}
.blog-comments .comment-reply-to {
border: 0 none;
}
.blog-comments .comment-reply-to:hover {
background-color: transparent;
color: #494A52;
text-decoration: underline;
}
/* Error pages */
.error-page {
padding: 10rem 0;
position: relative;
text-align: center;
}
.error-page:before {
color: #F3F6F9;
content: attr(data-error);
font-family: Lato, sans-serif;
font-size: 40vw;
font-weight: bold;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
z-index: -1;
}
@media screen and (min-width: 1100px) {
.error-page:before {
font-size: 20rem;
}
}
.error-page__heading {
margin-bottom: 1rem;
}
/* System pages */
.systems-page {
margin: 0 auto;
max-width: 500px;
padding: 3rem 1.4rem;
}
.systems-page .success {
background-color: #CDE3CC;
border: 1.5px solid #4F7D24;
border-radius: 6px;
color: #4F7D24;
display: inline-block;
margin: 1.4rem 0;
padding: 0.1rem 0.7rem;
width: 100%;
}
.systems-page form input {
max-width: 100%;
}
#email-prefs-form .header {
background-color: transparent;
}
/* Search pages */
.hs-search-field__bar {
position: relative;
}
.hs-search-field__suggestions {
background-color: #FFF;
max-width: 360px;
position: absolute;
right: 0;
top: 100%;
width: 100%;
}
.hs-search-results {
margin-top: 1.4rem;
}
ul.hs-search-results__listing li {
margin-bottom: 1.4rem;
}
.hs-search-results__title {
color: #494A52;
font-family: Merriweather, serif;
font-size: 1.25rem;
margin-bottom: 0.35rem;
text-decoration: underline;
}
.hs-search-results__title:hover {
text-decoration: none;
}
.hs-search-results__description {
padding-top: 0.7rem;
}
.hs-search-highlight {
font-weight: bold;
}
.hs-search-results__pagination a {
color: #0270E0;
}
/* Password prompt */
.password-prompt input[type=password] {
display: block;
height: auto !important;
margin-bottom: 1.4rem;
}
/* Backup unsubscribe */
.backup-unsubscribe #email-prefs-form div {
padding-bottom: 0 !important;
}
.backup-unsubscribe input[type=email] {
margin-bottom: 1.4rem;
padding: 0.7rem !important;
}
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css';
/* Start Custome Theam Setting */
/* Start Custome Theam Setting */
/* coomont */
/* Default module css */
header .hs-menu-wrapper ul { padding: 0 }
header .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul { display: inline-block; margin-bottom: 20px }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul:before { content: " "; display: table }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul:after { content: " "; display: table; clear: both }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float: left }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children { position: relative }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity .4s; position: absolute; z-index: 10; left: 0 }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0 }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper { opacity: 1; visibility: visible }
header .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul { margin-bottom: 0 }
header .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em }
header .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul { margin-bottom: 0 }
header .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children { position: static }
header .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none }
header .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1 }
header .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:before { content: " "; display: table }
header .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both }
header .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li { float: left }
header .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none }
header .hs-menu-wrapper.hs-menu-flow-vertical { width: 100% }
header .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0 }
header .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis }
header .hs-menu-wrapper.hs-menu-flow-vertical>ul { margin-bottom: 20px }
header .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a { width: auto }
header .hs-menu-wrapper.hs-menu-flow-vertical>ul li a { padding: 10px 20px; text-decoration: none }
header .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children { position: relative }
header .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity .4s; position: absolute; z-index: 10; top: 0; left: 180px }
header .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper { opacity: 1; visibility: visible }
header .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto }
header .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul { max-width: 100%; overflow: hidden }
header .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none }
header .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li.hs-item-has-children>ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static }
header .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2>a { padding-left: 4em }
header .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3>a { padding-left: 6em }
header .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4>a { padding-left: 8em }
header .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5>a { padding-left: 140px }
header .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18) }
strong a, .post-body a {
color: #278DC1 !important;
}
@media(max-width:568px) {
header .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100% }
header .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul { display: block }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float: none }
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a { display: block; max-width: 100%; width: 100% }
}
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none; }
body { margin:0; padding:0; overflow-X: hidden; }
h1 { padding:5px 0 5px; margin:0; line-height:normal; line-height:1.1; }
h2 { padding:0px 0 0px; margin:0; line-height:normal; position:relative; display:inline-block; }
h3 { padding:10px 0 10px; margin:0; line-height:normal; }
h4 { padding:10px 0 10px; margin:0; line-height:normal; }
h5 { padding:10px 0 10px; margin:0;}
h6 { padding:10px 0 10px; margin:0;}
h2:before { background-color: #000; display:none; position: absolute; top: -20px; content: ""; height: 12px; width: 12px; background: #ffffff; border-radius: 100%; right: 0; }
.footer a {
color: white !important;
}
img { max-width:100%; height:auto; border:none; }
a { text-decoration:none; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;; }
a:hover{ opacity:0.7; }
p { margin:0; font-size:inherit; }
* + h1, * + h2, * + h3 { margin-top:25px; }
* + h4, * + h5, * + h6 { margin-top:20px; }
* + p { margin-top:15px;}
::selection{background-color:#004886; color:#fff;}
::-moz-selection{background-color:#004886; color:#fff;}
::-ms-selection{background-color:#004886; color:#fff;}
/* ============== start module css ============= */
.flipphover-texts{ background: #ffffff; }
.flipper-text:before { border-top: 3px solid #ffffff; }
.onlyheader-cta .cta-design.border a:hover { background-color: #ffffff; color:#fff; }
.onlyheader-cta .cta-design.border a { background-color: transparent; color: #ffffff; }
.tabber-column2:last-child { border-bottom-color: #E6E6E6; }
.tabber-column2:hover span.tabtitle2,.tabber-column2.current span.tabtitle2 { color: #ffffff; text-decoration: underline; }
.tabber-column2:first-child { border-top-color: #E6E6E6; }
.tabber-column2.current { border: 1px solid #ffffff; }
.row-fluid .counter-column h2 { color: #ffffff; }
/* ============== end module css ============= */
/* Logo slider module */
.logosContainer {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
align-items: center;
}
.titleLogos {
text-align: center;
color: #81838C;
}
.indivLogo {
padding: 20px;
}
.logosArea {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
}
.row-fluid .bgimg-main { background-size:cover; background-repeat:no-repeat; background-position:center center; }
.row-fluid .bg-img { display:none; }
.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }
.overlay{ position:relative; z-index:1; }
.overlay:before { content: ""; background-color: #000; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; top: 0; opacity: 0.7; }
.pb-50{ padding-bottom:50px; }
.pb-15{ padding-bottom:15px; }
.pb-100{ padding-bottom:100px; }
.pb20{ padding-bottom:20px; }
.pl10{ padding-left:10px; }
.row-fluid .pt130{ padding-top:130px; }
.pt50{ padding-top:50px; }
.dnd_area-module-3-flexbox-positioning > div,
.dnd_area-module-6-flexbox-positioning > div,
.dnd_area-module-5-flexbox-positioning > div,
.dnd_area-module-4-flexbox-positioning > div,
.dnd_area-module-2-flexbox-positioning > div,
.dnd_area-module-7-flexbox-positioning > div,
.dnd_area-module-8-flexbox-positioning > div,
.dnd_area-module-9-flexbox-positioning > div,
.dnd_area-module-1-flexbox-positioning > div{ width: 100%; }
.row-fluid .hs-form-field{ margin-bottom: 0; }
.row-fluid .get-freecopy form input[type=submit]{ padding: 0 12px; border: none; font-weight: bold; }
a:hover, a:focus{ text-decoration: none; }
.topheader-padding{ margin-top:75px; }
.error-page .cta-design { margin-top: 27px; }
.dnd_area-module-10-flexbox-positioning > div,.dnd_area-module-11-flexbox-positioning > div,
.dnd_area-module-12-flexbox-positioning > div,.dnd_area-module-13-flexbox-positioning > div,
.dnd_area-module-14-flexbox-positioning > div,.dnd_area-module-15-flexbox-positioning > div{ width:100%; }
.row-fluid .font-size18{ font-size:18px; line-height:28px; }
.row-fluid .pt20{ padding-top:20px; }
.row-fluid .mx600{ max-width:600px; }
.text-right{ text-align:right; }
form input[type=submit], form .hs-button { border-radius: 30px; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:transparent; width:35px; height:35px; font-size:0; text-index:-9999; cursor:pointer; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; }
.slick-arrow:hover { background:transparent; color:#000; }
.slick-arrow.slick-prev { left:-98px; }
.slick-arrow.slick-prev:before { content: ""; background-image: url(https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/Js%20And%20Css/right-arrow.png?t=1531232114980); height: 28px; width: 31px; position:absolute; background-repeat: no-repeat; background-size: contain; transform: rotate(180deg); }
.slick-arrow.slick-next { right:-68px; }
.slick-arrow.slick-next:before { position:absolute; content: ""; background-image: url(https://1664800.fs1.hubspotusercontent-na1.net/hubfs/1664800/Js%20And%20Css/right-arrow.png?t=1531232114980); height: 22px; width: 31px; background-repeat: no-repeat; background-size: contain; }
.slick-arrow.slick-prev.slick-disabled:before{ opacity:0.4; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;; }
.slick-arrow.slick-next.slick-disabled:before{ opacity:0.4; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;; }
.slick-arrow.slick-disabled { display:none; }
ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%; position:absolute; bottom:0; }
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 10px; }
ul.slick-dots li button { display:inline-block; background:#D9DBE2; width:20px; height:20px; border-radius:100%; font-size:0; border: 1px solid #FFFFFF; text-index:-9999; cursor:pointer; padding:0; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#ffffff; border: 1px solid transparent; }
.slide-m-dots ul.slick-dots li button{ background:#fce800; border-color:#fce800; }
.testiall-white ul.slick-dots li button:hover, .testiall-white ul.slick-dots li.slick-active button{ border-color:#fff; }
input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border:1px solid #ccc; background:#fff; height:50px; padding:0 20px; font-size:16px; width:100%; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; }
textarea { padding:15px 20px; height:100px; }
input[type=submit] , button { width:auto; border:none; cursor:pointer; background:url(images/blank.png) no-repeat left top #ffffff; -webkit-appearance: none; font-size:17px; line-height:24px; font-weight:700; padding:8px 20px; color:#fff; display:inline-block; -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;; }
input[type=submit]:hover , button:hover { opacity:1; transition:0.4s; border-radius:20px 0 20px 0; }
ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
.hs-form .input { margin:0; }
.hs-form .hs-form-field { padding:0 0 15px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 15px 15px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 15px 15px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 15px 15px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 15px 15px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }
.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }
.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before { position:absolute; left:-25px; top:0; content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#fce800; color:#ffff; border-color:#fce800; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0; content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }
.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px; content:''; width:20px; height:20px; border:1px solid #dadada; background:#fafafa; border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:3px; top:7px; content:''; width:12px; height:12px; border-color:#fce800; background:#fce800; border-radius:100%; }
.hs-form-required{ display:none; }
.comment-date{ padding-left:10px; }
.form-columns-2 .hs-richtext.hs-main-font-element + div { padding-left: 0 !important; padding-right: 15px !important; }
.hs_submit.hs-submit { padding-top: 10px; }
h4.widgettitle { padding-bottom: 30px; }
.hs-responsive-embed-wrapper.hs-responsive-embed{ max-width: 100% !important; }
form legend{ text-align: left; }
.row-fluid .logo-main{ min-height: 48px !important; display: flex; align-items: center; }
form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button:hover, form .hs-button:focus{ border-radius: 20px 0 20px 0; opacity:1; }
.logo-count-row { text-align: center; }
.logo-width-counter { padding: 85px 0; }
.lg-title { position: relative; padding-top: 32px; }
.lg-title:before { height: 4px; width: 85px; background: #fce800; position: absolute; content: ""; top: 0; left: 0; right: 0; margin: 0 auto; border-radius: 141px; }
.lg-title.no-border:before{ display:none; }
.counter-row { display: flex; justify-content: center; margin-top: 60px; }
.counter-column { width: 33.33%; position: relative; }
.counter-column span { display:block; font-size: 20px; line-height: 24px; padding-top: 6px; }
.counter-column h2 { color: #fce800; }
.counter-column:before { content: ""; position: absolute; height: 37px; background: #E2E2E2; border-radius: 20px; width: 2px; transform: translateY(50%); right: -2px; }
.counter-column:last-child:before { opacity: 0; }
@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
.form-columns-2 .hs-richtext.hs-main-font-element + div { padding-left: 0 !important; padding-right: 0px !important; }
}
.hero-slider-row ul.slick-dots{ width: auto; right: 0; top: 45%; }
.hero-slider-row ul.slick-dots li{ display:block; padding:0; }
.hero-slider-row ul.slick-dots li button{ background: rgba(252,252,252,0.50); opacity:1; position:relative; border:none; margin:10px 0; float:right; width: 30px; height: 3px; border-radius: inherit; }
.hero-slider-row ul.slick-dots li button:hover,.hero-slider-row ul.slick-dots li.slick-active button{ width:50px; transition:0.4s; background-color:#fff; }
.hero-slider-row ul.slick-dots li button:before { position: absolute; margin-top: -4px; content: ""; left: 0; height: 10px; width: 10px; border-radius: 100%; background: #fff; transform: scale(0); transition: 0.4s; }
.hero-slider-row ul.slick-dots li button:hover:before,.hero-slider-row ul.slick-dots li.slick-active button:before{ transform: scale(1); transition:0.4s; }
/* start home Page Css */
.hero-slider-column > .container { height: 100vh; display: flex; align-items: center; min-height: 600px; }
.row-fluid .logo-black { display: none; }
.hero-slider-column { position: relative; float: left; height: 100vh; min-height: 600px; width:100%; }
.row-fluid .header { position: fixed; left: 0; top:0; right: 0; z-index: 15; padding: 25px 0; }
.hero-section { float: left; width: 100%; min-height: 600px; position: relative; background-color:#fce800; }
.hero-image-back { float: left; width: 100%; position: absolute; top: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.hero-slider-bottom { position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 0; }
.hero-slider-bottom { position: absolute; bottom: 0; left: 0; right: 0; }
.hero-slider-bottom > container { display: flex; }
.hero-slider-bottom > .container { display: flex; align-items: center; color: #fff; font-size: 18px; }
.hero-text-left { float: left; width: 50%; text-align: center; }
.hero-text-right { float: right; width: 50%; text-align: center; }
.hero-text-left > span, .hero-text-right > span { font-weight: 300; margin-bottom: -10px; display: block; font-size: 16px; }
.hero-image-back:before { top: 0; left: 0; bottom: 0; right: 0; content: ""; position: absolute; background: #fce800; opacity: 0.8; }
.hero-text { color: #fff; font-size: 20px; line-height: 28px; max-width: 600px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
.hero-text h1 { color: #fff; word-break: break-word; line-height: normal; }
.downarrow{ height: 95px; width: 100%; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: contain; background-position: center;}
.downarrow a{ margin-left: 0;}
.downarrow a:before{left: 47%;}
.downarrow { position:absolute; text-align: center; z-index:3; }
.downarrow a{ width: 25px; height: 37px; margin-left: 0px; border: 2px solid #fff; border-radius: 50px;display: inline-block; position:relative; box-sizing: border-box; }
.downarrow a:before{ position: absolute; top: 3px; left: 50%; content: ''; width: 2px; height: 8px; background-color: #fff; border-radius: 100%; -webkit-animation: sdb10 2s infinite; animation: sdb10 2s infinite; box-sizing: border-box; display: inline-block; }
@-webkit-keyframes sdb10 { 0% { -webkit-transform: translate(0, 0); opacity: 0; }
40% { opacity: 1; } 80% { -webkit-transform: translate(0, 20px); opacity: 0; }
100% { opacity: 0; } }
@keyframes sdb10 { 0% { transform: translate(0, 0); opacity: 0; } 40% { opacity: 1; }
80% { transform: translate(0, 20px); opacity: 0; } 100% { opacity: 0; }
}
.row-fluid .cta-design a { border-radius: 36px; }
.row-fluid .text-right{ text-align:right; }
.row-fluid .cta-cover-header{ padding-top:6px; }
.row-fluid .navigation-row{ padding-top:10px; }
.recruitment-process-column:hover .process-icon svg { fill: #fff;}
.row-fluid .header:before { height:0; position: absolute; content: ""; left: 0; right: 0; background-color: #FFFFFF; bottom: 0; top: 0; width: 100%; transition: 0.4s;z-index: -1; }
.row-fluid .header{ transition:0.4s; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ cursor: pointer; }
.row-fluid .header { position: absolute; left: 0; right: 0; z-index: 15; padding: 25px 0; background: transparent; }
.navigation .submenu.level-2{ border: none; width: inherit; }
.navigation .triangle-container.level-2{ display:none; }
.navigation .submenu.level-2 .menu-item:first-of-type, .submenu.level-2 .menu-item:first-of-type .menu-link{ border-radius: 0px 0px 0 0; }
.navigation .submenu.level-1>.has-submenu>.menu-arrow{ display:none; }
.navigation .submenu.level-2 .menu-item .menu-link{ padding:10px 20px; }
body .navigation .submenu.level-2 .menu-item .menu-link:hover{ background-color: transparent; }
.navigation .submenu.level-2>li{ border: none; }
.navigation .submenu.level-2{ -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.navigation .submenu.level-1>li.has-submenu:hover .submenu.level-2, .navigation .submenu.level-1>li.has-submenu.focus .submenu.level-2{ -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.row-fluid .header.fixed:before { height:100%; transition: 0.4s; }
.row-fluid .header.fixed .logo-white{ display:none; }
.row-fluid .header.fixed .logo-black{ display:block; }
.row-fluid .header.fixed{ padding: 15px 0; transition:0.4s; min-height: 93px; box-shadow: 0 0px 12px 1px rgba(0,0,0,0.15); }
/* .progress-indicator .progress-container{ display:block !important; } */
@media (min-width: 768px){
.row-fluid .header.fixed .navigation .hs-menu-wrapper.hs-menu-flow-horizontal a{ color:#14234C; }
.row-fluid .header { position: fixed; left: 0; right: 0; z-index: 15; padding: 25px 0; }
}
@media (max-width: 1200px){
.Custom_Themes_Settings{ display:none !important; }
}
@media (min-width: 991px){
ul.hs-menu-children-wrapper{ border: 5px solid #FFFFFF; }
.row-fluid .navigation nav.navigation-primary{ display: flex; align-items: center; justify-content: center; }
.navigation nav.navigation-primary > ul li.has-submenu ul.submenu{ top: 140%; transition:0.4s; background-color: #fff; min-width: 200px; padding:8px 0; border-bottom: 5px solid #FFFFFF; border-top: 5px solid #FFFFFF; }
.navigation nav.navigation-primary > ul li.has-submenu:hover>ul.submenu{ top: 100%; transition:0.4s; }
.navigation nav.navigation-primary > ul li.has-submenu ul.submenu a{ color:#444444; width:100%; }
.navigation nav.navigation-primary > ul li.has-submenu ul.submenu a:hover{ color:#ffffff; }
.navigation nav.navigation-primary > ul li a{ color: #fff; text-transform: initial; max-width: inherit; font-weight: 600; white-space: inherit; float: left; font-size: 16px; line-height: 22px; }
.navigation nav.navigation-primary > ul li a:hover { color:#ffffff; }
.fixed .navigation nav.navigation-primary > ul li a{ color:#14234C; }
.navigation-primary{ margin:0; padding:0; left:0; right:0; bottom:12px; padding-top: 5px; }
.black-header .navigation nav.navigation-primary > ul li a{ color:#14234C; }
.black-header .navigation nav.navigation-primary > ul li a:hover, .black-header .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a{ color:#ffffff; }
.black-header .row-fluid .header{ background: #FFFFFF; }
.logo-main img{ height: 45px; object-fit: contain; }
div#hs_cos_wrapper_navigation-primary{ display: block !important; }
.row-fluid .navigation-row{ padding-top: 0; }
.header .row-fluid .container > div > div{ display: flex; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li ul.hs-menu-children-wrapper > li { width: 100%; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper a:hover{ opacity: 0.5; }
}
.heroCTA a {
background-color: #278dc1;
border: 0px solid #ffffff;
border-radius: 30px;
color: #FFFFFF;
padding: 15px 53px;
text-align: center;
min-width: 130px;
display: inline-block;
padding: 13px 24px;
font-size: 16px;
margin: 20px;
margin-bottom: 40px;
}
.heroCTA:hover a:hover {
background-color: #278dc1;
color: #FFFFFF;
}
.black-header .row-fluid .logo-black{ display:block; }
.black-header .row-fluid .logo-white{ display:none; }
.hero-slider-column .hero-text h1 { -webkit-animation: fadeOutRight 1s both; animation: fadeOutRight 1s both; }
.hero-slider-column .hero-subtext { -webkit-animation: fadeOutLeft 1s both; animation: fadeOutLeft 1s both; }
.hero-slider-column.slick-active .hero-text h1 { animation: fadeInDown 1s both 1s; }
.hero-slider-column.slick-active .hero-subtext { animation: fadeInLeft 1s both 1.5s; }
.hero-slider-column.slick-active { animation: Slick-FastSwipeIn 1s both; }
/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn{
0%{transform:rotate3d(0,1,0,150deg) scale(0) perspective(400px);}
100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);}
}
.row-fluid .h-section2{ padding:120px 0; position:relative; z-index:1; float:left; width:100%; }
.row-fluid .theam-left-d{ font-weight: 600; font-size: 20px; line-height: 22px; border-right: 2px dotted #ccc; color: #071835; }
.row-fluid .h-section2:before { background-image: url(https://3428648.fs1.hubspotusercontent-na1.net/hubfs/3428648/Theme1-2019/howtomount-petternn.png); background-position: 100% 100%; position: absolute; background-repeat: no-repeat; content: ""; top: 0; left: 0; right: 0; border: 0; height: 100%; width: 100%; z-index: -1; background-size: 300px; opacity: 0.8; }
.row-fluid .h-section2-row > div > div{ display:flex; }
.video-box { position:relative; z-index:1; padding: 100px 0; text-align:center; background-attachment: fixed; float: none; width: 100%; background-size: cover; background-position: center top; max-width: 100%; margin: 0 auto; background-repeat: no-repeat; margin-top: 0px; }
.video-box:before { content: ""; background-color: #000; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; top: 0; opacity: 0.7; }
.parallax-images h2{ color:#fff; }
.parallax-images { color: #fff; font-size: 22px; font-weight: 300; line-height: 28px; }
a#yd-video { background-size: 15px; height: 85px; width: 85px; display: flex; cursor: pointer; align-items: center; justify-content: center; margin: 0 auto; color:#ffffff; background-color: #fff; font-size: 20px; margin-top: 37px; border-radius: 100%; }
a#yd-video:hover { border-radius: 20px 0 20px 0; }
.should-attend-row { float: left; width: 100%; padding: 0 45px; }
.should-attend-column { float: left; width: calc(100% / 3 - 60px); margin: 0 30px; text-align: center; padding: 0 25px; margin-bottom:25px; }
.should-attend-text { float: left; padding-top: 20px; width: 100%; }
.should-title h4 { color: #fff; }
.should-attend-icon{ font-size: 86px; min-height:86px; color: #fff; }
.should-attend-icon img { max-width: 85px; }
.text-shoud { color: #fff; padding-top: 13px; }
.row-fluid .h-section3 { position:relative; z-index:1; float: left; width: 100%; background: #ffffff; text-align: center; padding: 70px 0; margin-bottom: 0; padding-bottom:40px; }
.section-title h2 { color: #fff; }
.row-fluid .h-section3 .section-title { padding-bottom: 25px; max-width: 650px; margin: 0 auto; }
.row-fluid .h-section3 .section-title h2:before { background: #fff; }
.speakers-column { float: left; width: calc(100% / 4 - 30px); text-align: center; margin: 0 15px; margin-bottom: 30px; border: 1px solid #ccc; overflow: hidden; }
.speakers-column-image { height: 290px; background-repeat: no-repeat; background-size: cover; background-position: top center; float: left; width: 100%; display: flex; align-items: flex-end; }
.speakers-sociale > ul { list-style: none; margin: 0; padding: 0; }
.speakers-post { float: left; width: 100%; padding-bottom: 20px; }
.speakers-name { font-size: 20px; font-weight: 600; padding-bottom: 10px; float: left; width: 100%; }
.speakers-sociale > ul li { display: inline-block; }
.speakers-sociale > ul li a { font-size: 28px; margin: 0 5px; display: inline-block; color: #ffffff; }
.name-row { background: #fff; }
.speakers-details { background-color: #fff; padding: 22px 15px; float: left; width: 100%; transform: translateY(52px); transition: 0.4s; }
.speakers-sociale { float: left; width: 100%; }
.speakers-sociale>ul li a:hover { transform: rotate(360deg); transition: 0.4s; opacity: 0.73; }
.speakers-column:hover .speakers-details { transform: translateY(0px); transform: translateY(0px); transition: 0.4s; }
.speakers-row { display: flex; justify-content: center; flex-flow: wrap; margin: 0 -15px; padding-top: 44px; }
.row-fluid .h-section4{ position:relative; z-index:1; padding-top:130px; padding-bottom:100px; }
.row-fluid .h-section4:before { background-image: url(//3428648.fs1.hubspotusercontent-na1.net/hubfs/3428648/Theme1-2019/left.jpg); background-position: left bottom; position: absolute; background-repeat: no-repeat; content: ""; top: 0; left: 0; right: 0; border: 0; height: 100%; width: 100%; z-index: -1; background-size: 300px; opacity: 0.8; }
.testimonial-section { float: left; width: 100%; text-align: center; background-repeat: no-repeat; background-color:#ffffff; background-size: cover; background-position: center center; background-attachment: fixed; padding: 120px 0; padding-top: 100px; }
.testimonial-row { float: left; width: 100%; }
.quote { background-color: #fff; height: 60px; width: 60px; display: inline-block; padding: 20px 0; font-size: 25px; color:; border-radius: 100%; }
.testimonial-details { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); font-size: 30px; color: #ffffff; line-height: 1.35em; text-align: center; float: left; width: 100%; padding: 25px 0; margin-top: 10px; }
.testimonial-name { float: left; width: 100%; padding: 8px 0 font-size: 17px; line-height:24px; color: #ffffff; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.testimonial-cover { max-width: 690px; margin: 0 auto; }
.testimonial-section ul.slick-dots{ bottom: -40px; }
.testimonial-section ul.slick-dots li button:hover,.testimonial-section ul.slick-dots li.slick-active button{ background: #ffff; }
.testimonial-name > span { float: left; width: 100%; font-size: 11px; padding-top: 5px; }
.text-center{ text-align:center; }
.logos-row { text-align: center; padding: 45px 0; float: left; width: 100%; }
.logos-title { font-size: 18px; font-weight: 500; float: left; color: #ffffff; width: 100%; padding-bottom: 25px; }
.logos-column-row { display: flex; float: left; width: 100%; justify-content: center; flex-flow: wrap; align-items: center; }
.logos-column { padding: 15px 30px; }
.row-fluid .h-section5 { padding-top:200px; padding-bottom: 50px; }
.row-fluid .f-logo img { }
.row-fluid .f-title { font-size: 20px; font-weight: 600; color: #fce800; line-height: 26px; padding-bottom: 24px; }
.footer, .f-title, .f-details, .footer-link, .color { color: #fce800 !important; fill:#fce800; }
ul.sociale-share li a {color: #fce800 !important;}
.row-fluid .footer-link ul li a {color: #fce800 !important;}
.row-fluid .email-address { color: #fce800 !important; }
.email-address a { color: #fce800 !important; }
p.cont i { padding-right: 13px; }
.row-fluid .footer-link ul { padding: 0; margin: 0; }
.row-fluid .footer-link ul li a:hover { color: #ffffff; opacity:0.7; }
.email-address a:hover { opacity: 0.8; }
ul.sociale-share { padding: 0; list-style: none; margin: 12px 0; }
ul.sociale-share li { display: inline-block; padding-right: 10px; margin-top: 10px; }
ul.sociale-share li a { font-size: 32px;
color: #ffffff; display: inline-block; }
ul.sociale-share li a:hover { transition: 0.4s; opacity: 0.7; transform: translateY(-8px); }
.email-address i.fa.fa-envelope { font-size: 14px; margin-left: -3px; }
.footer-link ul li { width: 100%; }
.row-fluid .subscribe label{ display:none; }
.row-fluid .subscribe-area{ background-color:#ffffff; padding:70px 0; }
.row-fluid .subscribe-area h3{ color:#fff; padding-bottom: 30px; }
.row-fluid .subscribe ul.no-list.hs-error-msgs.inputs-list label { color: #fff; display: block; }
.row-fluid .subscribe ul.no-list.hs-error-msgs.inputs-list{ margin: 0; padding: 10px 0; list-style: none; }
.row-fluid .subscribe form{ max-width: 650px; float: none; margin: 0 auto; position: relative; }
.row-fluid .subscribe form .hs_submit { position: absolute; top: 0; right: 0; }
.row-fluid .subscribe form .input input{ padding-right:140px; }
.row-fluid .subscribe-area ul.no-list.hs-error-msgs.inputs-list{ display:none; }
.row-fluid .subscribe form input[type=submit]{ background-color: #000; }
.row-fluid .subscribe form input[type=submit]:hover{ opacity:0.6; }
.row-fluid .h-section6{ padding-top:110px; padding-bottom:80px; text-align:center; }
.tickets-tickets-row { float: left; width: 100%; text-align: center; padding: 22px 0; }
.tickets-tickets-column { display: inline-block; box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.1); margin-top:28px; border-radius: 7px; max-width: 500px; width: 100%; }
.tickets-header { background: #F8F8F6; float: left; width: 100%; padding: 30px 18px; padding-bottom: 32px; }
.tickets-header h3 { padding-bottom: 0; padding-top: 0; font-size: 32px; line-height: 35px; }
.tickets-body { float: left; padding: 45px 40px; width: 100%; background-color: #fff; }
.tickets-body h3 { font-size: 64px; line-height: 67px; }
.tickets-body ul { margin: 0; padding: 0; list-style: none; padding: 25px 0; }
.tickets-body ul li { padding: 7px 0; font-weight: 300; font-size: 18px; line-height: 24px; }
.tickets-footer { float: left; width: 100%; padding: 0 0; }
.tickets-footer a { display: inline-block; padding: 40px 0; background-color: #ffffff; width:100%; }
.tickets-footer a { display: inline-block; padding: 25px 0; background-color: #ffffff; width: 100%; color: #fff; text-transform: uppercase; margin-top: 10px; }
.tickets-footer a:hover{ opacity:0.7; }
.row-fluid .h-section6{ position:relative; z-index:1; }
.row-fluid .h-section6:before { opacity: 0.6; background-image: url(https://3428648.fs1.hubspotusercontent-na1.net/hubfs/3428648/Theme1-2019/howtomount-pettern.png); height: 100%; width: 100%; left: 0; right: 0; bottom: 0; top: 0; position: absolute; z-index: -1; content: ""; background-size: 200px; }
div#popupform { max-width: 500px; width: 100%; border-radius: 10px; }
div#popupform .hs_submit { text-align: center; padding-top: 10px; width: 100%; }
div#popupform .hs_submit input[type=submit] { width: 100%; height:50px; }
div#popupform label { padding-bottom: 9px; display: inline-block; }
button.fancybox-close-small{ background: transparent; }
div#popupform .hs_submit input[type=submit]:hover{ background:#ffffff; opacity:0.7; }
.applay-here-cover form{ max-width:100%; }
.applay-here-cover form label,.applay-here-cover form legend { color: #fff; font-size: 16px; line-height: 24px; margin-bottom: 0; }
.applay-here-cover input[type=text],
.applay-here-cover input[type=email],
.applay-here-cover input[type=password],
.applay-here-cover input[type=tel],
.applay-here-cover input[type=number],
.applay-here-cover input[type=file], .applay-here-cover select, .applay-here-cover textarea{ color: #333; }
.applay-here-cover form input.hs-button { width: auto; border: none; cursor: pointer; background: url(images/blank.png) no-repeat left top #ffffff; -webkit-appearance: none; font-size: 17px; line-height: 24px; font-weight: 700; padding: 8px 20px; color: #fff; display: inline-block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius:0; height:50px; }
.applay-here-cover form input.hs-button:hover{ transition: 0.4s; border-radius: 20px 0 20px 0; }
.hs_cos_wrapper_type_rich_text ul li {
padding: 6px 0;
}
.hs_cos_wrapper_type_rich_text ul {
margin-top: 10px;
padding: 0 22px;
}
/* start about Us Page */
.row-fluid .lap-hero{ min-height: 380px; background-attachment: fixed }
.row-fluid .lap-hero .container > div{ padding-top:60px; float: left;width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 380px; }
.row-fluid .lap-hero h1{ font-size: 52px; line-height: 58px; }
.row-fluid .border-radius-image img{ border-radius:5px; }
.row-fluid .flex-center > div > div{ display:flex; align-items:center; }
.row-fluid .sub-text-l{ font-size:20px; line-height:28px; color:#ffffff; }
.row-fluid .details-big{ font-size:18px; line-height:24px; }
.padding18{ padding:18px 0; }
.row-fluid .abots-one-detail{ padding-left: 30px; max-width: 600px; }
.row-fluid .about-section1{ padding:100px 0; }
.row-fluid .whay-we{ text-align:center; padding:80px 0; }
.whay-we-column { float: left; width: calc(100% / 3 - 30px); margin: 0 15px; margin-bottom:55px; }
.whay-we-bo { display: flex; margin: 0 -15px; padding-top: 50px; flex-flow: wrap; justify-content: center; }
.whay-we-image { float: left; width: 100%; position: relative; text-align:center; }
.whay-we-detail { float: left; width: 100%; text-align:center; padding-top:25px; padding-left: 15px; padding-right: 15px; }
.whay-weimg { float: left; width: 100%; }
.whaywe-hover-text { float: left; width: 100%; padding:30px; }
.whay-weimg,.whaywe-hover-text{ backface-visibility: hidden; transform-style: preserve-3d; transition: ease-in-out 0.4s; -webkit-transform: rotatey(0deg);
-moz-transform: rotatey(0deg);
-o-transform: rotatey(0deg);
-ms-transform: rotatey(0deg);
transform: rotatey(0deg);; -webkit-transform-style: preserve-3d; -webkit-transition: ease-in-out 0.4s; -moz-transform-style: preserve-3d; -moz-transition: ease-in-out 0.4s; -ms-transform-style: preserve-3d; -ms-transition: ease-in-out 0.4s; -o-transform-style: preserve-3d; -o-transition: ease-in-out 0.4s; }
.whay-we-column:hover .whay-weimg { -webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);; opacity: 0; }
.whaywe-hover-text{ text-align:center; display: flex; align-items: center; justify-content: center; background:#ffffff; color:#fff; left: 0; position: absolute; top: 0; height: 100%; -webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);; width: 100%; opacity: 0; }
.whay-we-column:hover .whaywe-hover-text{ -webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);; opacity: 1; }
/* .whay-weimg img{ height: 253px; object-fit: cover; } */
.whay-we-detail h4{ padding-bottom:0; }
.row-fluid .animatedParent{ }
.row-fluid .three-part-content{ padding-top:100px; margin-top:60px; }
.row-fluid .back-shap{ position:relative; z-index:1; }
.row-fluid .back-shap:before { opacity: 0.3; background-image: url(https://3428648.fs1.hubspotusercontent-na1.net/hubfs/3428648/Theme1-2019/howtomount-pettern.png); height: 100%; width: 100%; left: 0; right: 0; bottom: 0; top: 0; position: absolute; z-index: -1; content: ""; background-size: 200px; }
.whay-weimg img { height: 254px; object-fit: cover; }
/* end about Us Page */
/* start about Us Page */
.row-fluid .services-section2 { background-color: #ffffff; float: left; width: 100%; padding: 100px 0; text-align: center; }
.services-boxfull-column { float: left; width: calc(100% / 4 - 50px); margin: 0 25px; position: relative; padding-bottom:50px; }
.boxfull-num { font-size: 38px; color: #fff; padding-bottom: 34px; }
.boxfull-min > span { font-size: 13px; font-weight: 600; color: #fff; }
.boxfull-min h4 { color: #fff; margin-top: 0; }
.boxfull-detail { padding-top: 16px; color: #ffffff; max-width: 320px; margin: 0 auto; }
.services-boxfull-column:before { content: ""; height: 100%; width: 1px; position: absolute; left: -25px; border-right: 1px solid #eeeeee; }
.services-boxfull-column:first-child:before{ display:none; }
.list-style ul { padding: 0; margin: 0; list-style: none; margin-top: 25px; }
.list-style ul li:before { content: "\f00c"; position: absolute; top: 1px; left: 0; color: #ffffff ; font-family: Font Awesome\ 5 Free; font-weight: 900; }
.list-style ul li { position: relative; padding: 0 0 14px 28px; margin: 0 0 14px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.services2-section-title h3 { font-size: 38px; line-height: 43px; }
.services2-section-title { padding-bottom: 20px }
.row-fluid .services-section3 { padding: 100px 0; padding-bottom:0; }
.row-fluid .pt130{ padding-top:130px; }
/* start services Page */
/* Start contact Page */
.row-fluid .contact-us1{ padding:80px 0; padding-top:120px; }
.row-fluid .c-icon img{ max-width:50px; }
.row-fluid .c-dteail h5 { }
.row-fluid .c-dteail a{ color:#000; }
.row-fluid .c-dteail a:hover{ color: #ffffff ; }
.row-fluid .contact-form{ text-align:left; padding-top:40px; }
.row-fluid .contact-form form label { padding-bottom: 8px; display: inline-block; }
.row-fluid .contact-form fieldset.form-columns-1 .input{ margin:0 !important; }
.row-fluid .contact-form form{ max-width: 765px; float: none; margin: 0 auto; }
.row-fluid .contact-form form fieldset{ padding-bottom:15px; }
.row-fluid .contact-form form{ max-width: 765px; float: none; margin: 0 auto; border-radius: 5px; padding-left: 0px; }
.row-fluid .maxw732{ max-width: 855px; margin: 0 auto !important; float: none; }
/* .row-fluid .padd26{ padding:0 26px; } */
.row-fluid .map-area iframe{ float:left; width:100%; height:350px; }
.row-fluid .pb35{ padding-bottom:35px; }
.row-fluid .contact-form .hs-submit{ text-align:left; }
.row-fluid .contact-form input[type=submit],.row-fluid .contact-form button{ min-width: 150px; }
.row-fluid .contact-form input[type=submit]:hover,.row-fluid .contact-form button:hover{ background:#ffffff; border-radius: 20px 0 20px 0; opacity:1; }
.row-fluid .contact-form label.hs-error-msg,.hs-error-msgs{ color:red !important; }
.row-fluid .con-box { float: none; padding: 0 20px; display: inline-block; vertical-align: top; padding-bottom:30px; margin-left: -2px; }
/* End contact Page */
.row-fluid .resources-leftone{ position:relative; z-index:1; width:50%; padding-top: 60px; padding-right: 74px; padding-bottom: 60px; min-height: 505px; display: flex; align-items: center; }
.row-fluid .resources-leftone:before{ position:absolute; content:""; top:0; bottom:0; right:-120px; left:0; background:#ffffff; z-index:-1; }
/* .display-flex-row > div > div{ display:flex; } */
.row-fluid .secondry-menu{ background-color:#ffffff; text-align:center; padding-top: 0px; margin-bottom:50px; }
.row-fluid .secondry-menu ul li { display: inline-block; }
.row-fluid .secondry-menu ul{ margin-bottom: 0; margin: 0; padding: 14px 0; }
.row-fluid .secondry-menu ul li a { font-size: 18px; line-height: 24px; color:#fff; font-weight:600; cursor: pointer; padding: 0px 12px; }
.row-fluid .secondry-menu ul li a:hover{ opacity:0.7; }
.sticky-two .row-fluid .secondry-menu { position: fixed; left:0; right:0; top: 0; transition: 0.4s; width: 100%; z-index:99; }
.resources-main-coverbox> span > div,.row-fluid .resources-main-section { float: left; width: 100%;}
.resources-leftone { margin-top: -100px; width: 50%; }
.row-fluid .resources-section-one { padding-top: 210px; padding-bottom: 160px; }
.row-fluid .resources-rightone{ margin: 0; width: 50%; position: relative; z-index: 1; }
.resources-section-one .sub-text-l,.resources-section-one h3,.resources-section-one{ color:#fff; }
.resource-box-column { float: left; position: relative; width: calc(100% / 4 - 30px); margin: 0 15px; margin-bottom: 40px; }
.resource-box-row { display: flex; flex-flow: wrap; margin: 0 -15px; }
.resource-box-title{ padding-top:10px; float:left; width:100%; }
a.resources-box-hover { opacity: 0; display: block; position: absolute; transform: scale(0.5); padding:30px 40px; padding-bottom:0; background: #232735; right: -30px; bottom: -20px; top: -30px; left: -30px; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.resource-box-column:hover a.resources-box-hover { opacity: 0.98; transform: scale(1); }
.hover-title h4 { color: #fff; font-size: 22px; line-height: 28px; }
.hover-title { padding-bottom: 12px; }
.hover-text { margin-top: 15px; color: #fff; font-weight: 300; }
.hover-button { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; }
.hover-button > span { display: inline-block; padding: 24px 15px; border-top: 1px solid #fff; width: 100%; color: #fff; }
.hover-button:hover{ background:#ffffff; }
.r-title-main{ padding-bottom:10px; }
.r-title-main{ padding-bottom: 45px }
.resources-main-section{ padding-bottom:55px; }
.resources-main-body{ padding-bottom:30px; }
/* .row-fluid .secondry-menu.sticky-two{ position: fixed; top: 93px; z-index: 5; left:0; } */
.row-fluid .secondry-menu{ position: -webkit-sticky; position: sticky; z-index: 5; top: 92px; left: 0; right: 0; }
.resource-image{ float:left; width:100%; display:flex; align-items: center; }
/* Start Blog Css */
.post-listing { margin: 0 -20px; display: flex; flex-direction: column; flex-flow: wrap; }
.row-fluid .post-item { float: left; width: calc(100% / 3 - 40px); position:relative; margin: 0 20px; -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); margin-bottom: 40px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px; }
.post-item .post-item-featured { float: left; width: 100%; height: 250px; overflow: hidden; position: relative; border-radius: 8px 8px 0 0; }
.post-item .post-body.clearfix { float: left; width: 100%; padding:25px 25px; padding-top:0; position: relative; z-index: 2; }
.post-item-featured > a { border-radius: 8px 8px 0 0; height: 250px; float: left; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
div#hubspot-topic_data { float: left; width: auto; font-size: 15px; margin-top: -22px; }
div#hubspot-topic_data a { color: #ffffff; text-transform: uppercase; }
div#hubspot-topic_data i { font-size: 13px; padding-right: 1px; color: #ffffff; }
.post-item .post-item-title { float: left; width: 100%; }
.post-item-title h3 { font-size: 22px; line-height: 32px; padding: 20px 0; }
.post-item-details { float: left; width: 100%; }
.post-item-title h3 a { color: #071835; }
.post-item-title h3 a:hover { color: #ffffff; }
.post-item-details { float: left; width: 100%; color: #868686; line-height: 23px; }
div#hubspot-author_data > a:hover { color: #ffffff; }
div#hubspot-author_data > a img { height: 45px; width: 45px; object-fit: contain; border-radius: 100%; box-shadow: 0 0px 14px #ccc; margin-right: 12px; }
div#hubspot-author_data > a { display: flex; float: left; width: 100%; align-items: center; color: #868686; font-size: 14px; font-weight: 400; }
div#hubspot-author_data { float: left; width: 100%; padding-top: 28px; display: flex; align-items: center; }
.published-date { background: rgba(0, 0, 0, 0.7); border: 2px solid #fff; border-radius: 50%; color: #fff; height: 60px; position: absolute; right: -22px; top: -22px; width: 60px; transition: 0.3s; z-index: 1; }
.published-date .date-value { display: block; font-size: 21px; font-weight: 500; text-align: center; padding-top: 5px; }
.published-date .month-value { display: block; font-size: 12px; position: relative; text-align: center; text-transform: uppercase; padding-top: 1px; }
.published-date .month-value::before { content: ""; height: 1px; position: absolute; top: 2px; width: 30px; left: 0; border-top: 1px solid #fff; right: 0; margin: 0 auto; }
.post-item a.more-link { display: flex; font-weight: 600; font-size: 20px; line-height: 28px; align-items: center; position:absolute; z-index:1; justify-content: center; bottom: -100%; left: 0; right: 0; width: 100%; transition: 0.4s; text-align: center; background-color: rgba(0, 0, 0, 0.70); color: #fff; padding: 16px 0; }
.post-item:hover a.more-link { bottom: 0; transition: 0.4s; }
.section.post-header {float:left; width:100%; }
.section.post-header h1{color:#071835; }
.post-item a.more-link i{ padding-left: 6px; }
ul.pagination { padding: 0; margin: 0; list-style: none; text-align: center; padding: 40px 0; }
ul.pagination li { display: inline-block; }
ul.pagination li a{ display: inline-block; -webkit-box-shadow: 2px 10px 28px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 2px 10px 28px rgba(0, 0, 0, 0.15);
-o-box-shadow: 2px 10px 28px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 2px 10px 28px rgba(0, 0, 0, 0.15);
box-shadow: 2px 10px 28px rgba(0, 0, 0, 0.15);; color:#000; padding: 5px 12px; margin: 0 4px; padding-top: 8px; }
ul.pagination li a:hover{ background: #ffffff; color:#fff !important; opacity:1; transition:0.4s; border-radius:6px 0 6px 0; }
ul.pagination li.active a{ background: #ffffff ; color:#fff !important; border-radius:6px 0 6px 0; }
ul.pagination li.disabled a{ opacity:0.3; pointer-events: none; }
ul.pagination li.disabled a:hover{ background: inherit; color:#000; pointer-events: none; }
.row-fluid .blog-main{ padding-bottom:60px; padding-top: 50px; }
.row-fluid .filter-tag ul { padding:0; margin:0; list-style:none; }
.row-fluid .filter-tag ul li{ display:inline-block; padding: 10px 0; padding-right: 4px; }
.row-fluid .filter-tag ul li span.filter-link-count{ display: none; }
.row-fluid .filter-tag ul li a{ color: #fff; display: inline-block; padding: 10px 15px; background: #ffffff; }
.row-fluid .filter-tag ul li a:hover,.row-fluid .filter-tag ul li a.active{ opacity:0.7; }
h3:empty{ display:none; }
.row-fluid .filter-area{ padding-top:80px; padding-bottom:90px; }
.row-fluid .filter-area h4 { padding-top: 0; padding-bottom: 20px; }
.text-right{ text-align:right; }
.filter-search form{ position:relative; margin-top: 3px; }
.filter-search form a.search-btn{ position:absolute; }
.filter-search form a.search-btn { position: absolute; cursor: pointer; right: 0; top: 0; background: #ffffff; font-size: 20px; height: 50px; color:#fff; display: flex; align-items: center; width: 50px; justify-content: center; }
.filter-search form a.search-btn:hover{ opacity:0.7; }
.filter-search form input{ padding-right:55px; }
/* resul Page Css */
.row-fluid .result-body{ padding:100px 0; }
.row-fluid .result-body ul li{ border-bottom: 1px solid #ccc; display: inline-block; padding: 18px 0; margin-bottom: 15px; width: 100%; }
.row-fluid .result-body ul li a{ color: #ffffff; font-size: 22px; line-height: 26px; }
.row-fluid .result-body ul li a:hover,.row-fluid .result-body .hs-search-results__next-page:hover{ opacity:0.7; }
.row-fluid .result-body ul li p{ color: #647990; color: #07435e; }
.row-fluid .result-body .hs-search-results__next-page{ color: #015f81; }
.row-fluid .result-body .row-fluid .container{ max-width: 950px; }
.row-fluid .pt28{ padding-top:28px; }
.post-iteminner-featured .hs-featured-image-link { float: left; width: 100%; border-radius:5px; height: 500px; margin-bottom: 50px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.hs-blog-post .blog-main .row-fluid .container{ max-width:1000px; }
.post-item-full{ float:left; width:100%; display:flex; margin: 45px 0px; align-items: center; border-radius: 8px; box-shadow: 0 4px 24px 0 rgba(0,0,0,.1); }
.post-item-featured-left { width: 60%; position: relative; float: left; min-height: 428px; }
.post-item-fullright { float: left; width: 40%; padding-right: 42px; padding-left: 28px; padding-top: 28px; padding-bottom: 28px; }
.post-item-featured-left a { background-repeat: no-repeat; background-position: center; background-size: cover; float: left; width: 100%; border-radius: 0 8px 8px 0px; position: absolute; height: 100%; left: 0; right: 0; }
.post-item-full .post-item-title h3 { font-size: 26px; line-height: 35px; }
.post-item-full .post-item-title { float: left; width: 100%; padding-top: 6px; padding-bottom: 7px; }
.post-item-full a.more-link { background-color: #fff; border-color: #ccc; color: #4f5d6a; border-radius: 4px; line-height: 1; align-items: center; padding: 11px 14px; border: 1px solid; display: inline-block; margin-top: 20px; }
.post-item-full a.more-link:hover { background-color: #ffffff; border-color: #ffffff; color: #ffffff; }
.post-item-full div#hubspot-topic_data a div#hubspot-topic_data a { font-size: 14px; line-height: 21px; text-transform: uppercase; }
.post-item div#hubspot-topic_data a{ color: #fff; background-color: #ffffff; margin:2px; display: inline-block; font-size: 11px; z-index: 2; padding: 7px 12px; text-transform: uppercase; letter-spacing: 2px; }
.post-item div#hubspot-topic_data a:hover{ border-radius: 10px 0 10px 0; opacity:1; }
div#hubspot-author_data a,div#hubspot-author_data > span{ float:left; width:50%; }
div#hubspot-author_data > span{ text-align:right; }
div#hubspot-author_data a{ width: 80%; }
.row-fluid .blog-subscrib-row{ background-color: #fce800; align-items: center; display: flex; }
.row-fluid .blog-subscrib-row img{ max-width:150px; }
.row-fluid .blog-subscrib-row > div > div{ display:flex; align-items:center; text-align:center; }
.row-fluid .post-itemcover{ padding:20px; }
.row-fluid .subscrib-details{ padding-top: 20px; color: #fff; padding-bottom: 25px; margin-bottom: 12px; }
.row-fluid .subscrib-details h4{ color:#fff; padding-bottom:0; }
.blog-subscrib-row label{ display:none; }
.blog-subscrib-row form .input input{ border: 1px solid #ffffff; padding-right: 130px; }
.blog-subscrib-row form{ position:relative; }
.blog-subscrib-row form .hs-submit{ position:absolute; right:0; top:0; padding-top: 0; }
.blog-subscrib-row form input[type=submit]{ font-weight: 400; font-size: 15px; }
.row-fluid .blog-subscrib-row{ position:relative; z-index:1; }
.row-fluid .blog-subscrib-row:before{ background-image:url('https://3428648.fs1.hubspotusercontent-na1.net/hubfs/3428648/Theme1-2019/widget-background1.png'); content: ""; position:absolute; top:0; background-repeat: no-repeat; background-position: bottom right; left:0; right:0; bottom: 0; z-index:-1; }
.row-fluid .popular-post-row h3{ background-color: #e4e8ed; color: #4f5d6a; display: block; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 15px 25px; font-weight: 500; font-size: 1.25rem; }
.most-popular-row{ float: left; padding: 25px; width:100%; }
.popular-post-row{ background: #F7F9FA; }
.most-popular-title a{ color:#000; }
.most-popular-topic{ color:#ffffff; }
.most-popular-topic{ font-size:14px; }
.most-popular-title a:hover{ color:#ffffff; }
.most-popular-column{ padding-bottom:30px; }
.post-listing.listing-row1{ margin: 0; }
.-simple .post-item{ width: 100%; box-shadow: inherit; margin: 8px 0; }
.-simple .blog-subscrib-row,.-simple .popular-post-row{ display:none; }
.post-listing-simple a { font-size: 18px; line-height: 24px; color:#ffffff; position: relative; padding-left: 16px; display:inline-block; }
.post-listing-simple a:hover{ opacity:0.5; }
.post-listing-simple a:before { height: 4px; width: 4px; position: absolute; background: #ffffff; content: ""; border-radius: 100%; left: 0; top: 7px; border: 1px solid #ffffff; }
a.all-posts-link { width: auto; text-align: right; float: right; color:#ffffff; position: relative; top: 0px; margin-bottom: -30px; }
.-simple + .all-posts-link{ display:none; }
a.all-posts-link:hover{ opacity:0.5; }
.page-class .blog-subscrib-row,.page-class .popular-post-row{ display:none; }
.row-fluid .blog-comment { padding-top: 40px; max-width: 920px; margin: 0 auto !important; float: none; }
.row-fluid .blog-comment-title{ padding-bottom:20px; }
.row-fluid .blog-comment-title h3{ font-size: 36px; line-height: 42px; padding-bottom: 4px; }
/* ===== start artical page ===== */
.inner-post-heroleft { float: left; width: 45%; padding-right:50px; }
.post-iteminner-featured { float: left; width: 55%; }
.inner-posthero-title h1 { font-size: 38px; line-height: 51px; padding-bottom: 0; }
.author-image-inner:before{ position:absolute; content:""; border:2px solid #ffffff; }
.author-image-inner { height: 55px; width: 55px; margin-right: 22px; position: relative; border-radius: 100%; }
.author-image-inner img { height: 55px; width: 55px; border-radius: 100%; object-fit: cover; }
.author-image-inner:before { position: absolute; content: ""; border: 2px solid #ffffff; top: -6px; bottom: -6px; left: -6px; right: -6px; border-radius: 100%; }
.blog_post_author_row > a.author-link { float: left; width: 100% !important; color:#000; }
.hubspot-author_data .hs-author-social-section { padding-top: 6px; float: left; }
.inner-post-timeread { display: flex; align-items: center; color: #000; }
.hs-author-social-section .hs-author-social-links { padding-top: 6px; }
.inner-post-hero p#hubspot-topic_data a { color: #ffffff; }
.inner-posthero-title { padding: 25px 0; }
.inner-post-hero { display: flex; align-items: center; float: left; width: 100%; padding: 65px 0; margin-top: 65px; }
.inner-template-option { float: left; width: 100%; text-align: center; max-width: 300px; padding-top: 34px; }
a.inner-template-button { background-color: #ff7a59; color: #fff; padding: 13px 20px; min-width: 150px; display: inline-block; border-radius: 0; margin-top: 15px; }
a.inner-template-button:hover { border-radius: 20px 0 20px 0; }
.post-iteminner-featured .hs-featured-image-link{ margin-bottom: 0; }
.hs-blog-post .row-fluid .blog-main{ padding-top:0px; }
.progress-container { width: 100%; height: 5px; background: #ccc; position: absolute; left: 0; right: 0; top: 0px; opacity:0; }
.progress-indicator .progress-container { position: fixed; top: 93px; z-index: 3 !important; opacity:1; }
.navigation li.active > a { color: #ffffff !important;}
.progress-bar { height: 5px; background:#fce800; width: 0%; }
.content { padding: 100px 0; margin: 50px auto 0 auto; width: 100%; }
.inner-post-body a.topic-link{ display: inline-block; padding: 5px 15px; border-radius: 3px; background: #eaf0f6; color: #33475b; margin-left: 0.825rem; cursor: pointer; font-size: 14px; }
.inner-post-body p#hubspot-topic_data{ margin-top: 40px; }
.social-sharing { position: static; top: 0; }
ul.share-buttons { padding: 0; list-style: none; margin: 0; position: -webkit-sticky; position: sticky; top: 140px; font-size: 1.15rem; z-index: 1; }
.blog-post-wrapper.cell-wrapper.post-inner-two { display: flex; flex-direction: row-reverse; }
.blog-post-wrapper.cell-wrapper.post-inner-two .inner-post-body { width: 80%; }
.blog-post-wrapper.cell-wrapper.post-inner-two .social-sharing { width: 20%; float: left; }
.blog-post-wrapper.cell-wrapper.post-inner-two .social-sharing li { font-size: 34px; margin: 7px 0; }
.blog-post-wrapper.cell-wrapper.post-inner-two .social-sharing li a:hover { transform: translateY(-10px); transition: 0.4s; opacity: 0.7; }
.blog-post-wrapper.cell-wrapper.post-inner-two .social-sharing li a { display: inline-block; color: #ffffff; }
.blog-post-wrapper.cell-wrapper.post-inner-two i.fa.fa-envelope { font-size: 29px; }
.blog-post-wrapper.cell-wrapper.post-inner-two .social-sharing li:first-child { margin-top: 0; }
.row-fluid.related-post { margin-top: 100px; margin-bottom: 50px; }
.blog-post-wrapper.cell-wrapper.post-inner-two #hs_cos_wrapper_post_body a{ color:#ffffff; }
.blog-post-wrapper.cell-wrapper.post-inner-two #hs_cos_wrapper_post_body a:hover{ opacity:0.7; }
.row-fluid .related-title{ text-align: center; padding-top: 0; padding-bottom: 50px; }
.row-fluid .related-post { padding-top: 60px; padding-bottom: 50px; }
.row-fluid .socile-post-bottom{ float: left; width: 100%; }
.socile-post-row{ float: left; width: 100%; border-bottom: 2px solid #ccc; padding-bottom: 50px; text-align: center; padding-top: 68px; }
.socile-post-row ul.share-buttons li { display: inline-block; padding: 8px 8px; font-size:32px; }
.socile-post-row ul.share-buttons { margin-top: 14px; }
.socile-post-row ul.share-buttons li a{ color: #ffffff; display:inline-block; }
.socile-post-row ul.share-buttons li a:hover{ transform: translateY(-10px); transition: 0.4s; opacity: 0.7; }
/* =============================== loader page css ================================ */
.main-preloader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999999999; background-color:#fff; text-align: center; }
.main-preloader .main-preloader-inner { position: absolute; top: 50%; left:50%; width: 100%; -webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);; }
.main-preloader .preloader-percentage { color:#fff; margin: 0; }
.main-preloader .preloader-percentage span { display: inline-block; float: center; font-size: 50px; }
/* ===== end artical page ===== */
.row-fluid .employee-section{ padding:80px 0; }
.row-fluid .employee-title{ text-align: center; padding-bottom: 50px; }
.employee-column { float: left; width: calc(100% / 3 - 30px); margin: 0 15px; margin-bottom: 40px; text-align: center; }
.employee-name h3 { }
.employee-name a h3:hover{ color:#ffffff; }
.employee-post { font-size: 17px; text-transform: capitalize; line-height: 24px; }
.employee-details { text-align: center; padding-top: 14px; }
.employee-section-row { display: flex; justify-content: center; flex-flow: wrap; }
.employee-image{ position:relative; }
.employee-image,.employee-details{ float:left; width:100%; }
.employee-sociale ul li { display: inline-block; padding: 0 12px; font-size: 30px; }
.employee-sociale ul { margin: 0; padding: 0; }
.employee-image:hover:before { top: 0%; bottom: 0%; left: 0; right: 0; }
.employee-image:before { background: #ffffff; position: absolute; content: ''; opacity: 0.9; -webkit-transition-delay: 0.105s; -moz-transition-delay: 0.105s; transition-delay: 0.105s; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; top: 50%; bottom: 50%; left: 0; right: 0; }
.employee-image:hover .employee-sociale { opacity: 1; -webkit-transition-delay: 0.105s; -moz-transition-delay: 0.105s; transition-delay: 0.105s; }
.employee-sociale { position: absolute; padding: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; }
.employee-sociale a { color: #fff; display: inline-block; }
.employee-sociale a:hover { transform: translateY(-5px); transition: 0.4s; }
/* end Blog Css */
.contact-form .hs-richtext.hs-main-font-element{ padding-bottom: 28px; }
.contact-form .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field { padding-left: 0; padding-right: 10px; }
.h-section4 .whay-we-column{ }
.h-section4 .whay-we-column:hover{ }
.h-section4 .whay-we-column > div{ transition: 0.4s; float:left; width:100%; box-shadow: 0 0 25px 0px rgba(0,0,0,0.10); padding-bottom: 36px; }
.h-section4 .whay-we-column a{ color:#444444; opacity:1; }
.h-section4 .whay-we-column:hover .whay-we-detail h4{ color: #ffffff; }
.row-fluid .blog-hero{ padding-top:30px; padding-bottom:50px; }
.row-fluid .gositeapp { background: aliceblue; border-radius: 4px; float: none; display: inline-block; font-size: 10px; line-height: 16px; text-align: center; color:#ffffff; width: auto; padding: 6px 10px; }
.blog-hero .row-fluid .gositeapp{ margin-bottom: 20px; padding-bottom: 4px; letter-spacing: 0; font-weight: 600; font-size: 14px; color: #ffffff; }
.row-fluid .blog-herodetails { max-width: 450px; font-size: 18px; line-height: 30px; }
.row-fluid .get-freecopy form .input input{ background: transparent; min-width: 154px; max-width: 300px; width: 300px; border: none; height: 50px; padding: 10px; border: 1px solid #D1DBE1; box-sizing: border-box; border-radius: 4px; font-size: 14px; line-height: 16px; color: #576C77; text-transform: capitalize; }
.row-fluid .get-freecopy input[type="email"] { background-image: url(https://3938013.fs1.hubspotusercontent-na1.net/hubfs/3938013/mail-at@2x.svg) !important; background-repeat: no-repeat !important; background-position: 97% 50% !important; padding-right: 40px !important; }
.row-fluid .get-freecopy span.hs-form-required{ display:none; }
.row-fluid .get-freecopy .hs-form .hs-form-field{ width: auto; float: left; }
.row-fluid .get-freecopy .hs-submit{ float: left; padding-left: 12px; }
.row-fluid .get-freecopy input[type=submit]:hover{ border-radius: 20px 0 20px 0; opacity:1; }
.row-fluid .get-freecopy ::-webkit-input-placeholder { font-size: 14px; line-height: 16px;color: #576C77; }
.row-fluid .get-freecopy ::-moz-placeholder { font-size: 14px; line-height: 16px;color: #576C77; }
.row-fluid .get-freecopy :-ms-input-placeholder { font-size: 14px; line-height: 16px;color: #576C77; }
.row-fluid .get-freecopy :-moz-placeholder { font-size: 14px; line-height: 16px;color: #576C77; }
.row-fluid .get-freecopy{ padding-top: 20px; }
.row-fluid .lines-bloghero a{ font-size: 14px; line-height: 19px; text-align: center; letter-spacing: 0.35px; text-transform: uppercase; color: #ffffff; }
.row-fluid .lines-bloghero a:hover{ opacity:0.7; }
.row-fluid .lines-bloghero{ padding-top:14px; }
.row-fluid .get-freecopy ul.inputs-list{ font-size:12px; color: red; }
.row-fluid .blog-heroleft{ padding-top: 40px; }
.row-fluid .blog-hero-row { padding-bottom: 35px; }
.row-fluid .blog-heroright{ text-align:center; }
.row-fluid .blog-herotitle h2,.row-fluid .blog-herotitle h1{ font-size: 51px; line-height: 61px; }
.row-fluid .pt110{ padding-top:110px; }
.row-fluid .pt170{ padding-top:170px; }
.row-fluid .pb-0{ padding-bottom:0; }
.row-fluid .value-section{ position:relative; z-index:2; text-align:center; padding-top: 80px; padding-bottom: 80px; margin-bottom:80px; }
.row-fluid .value-section:before{ background-color:#ffffff; content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; opacity:0.9; }
img.value-image { position: absolute; left: 0; top: 0; bottom: 0; z-index: -2; object-fit: cover; width:100%; height: 100% !important; right: 0; }
.row-fluid .icon-value{ font-size:90px; color:#fff; }
.row-fluid .title-value{ padding-top:20px }
.row-fluid .title-value h3{ color:#fff; font-size:28px; line-height: 38px;}
.row-fluid .value-title h2{ color:#fff; }
.row-fluid .value-title{ padding-bottom: 40px; }
.row-fluid .value-section-row{ padding:0 30px; }
.row-fluid .footer-logos2,.row-fluid .footer-logos1{ text-align:center; padding:0 0px; }
.row-fluid .footer-logos1{ padding-bottom:0px; }
.row-fluid .footer-logos1 img { max-width: 165px !important; width:100% !important; }
.row-fluid .footer-logos2 img { max-width: 200px !important; width:100% !important; }
.row-fluid .f-menu-leftp{ padding-right:20px; }
.row-fluid .green-back{ background-color:#fce800; }
.row-fluid .green-back *{ color:#fff; }
/* .get-freecopy ul.no-list.hs-error-msgs{ padding-bottom: 10px; clear: both; position: absolute; left: 0; right: 0; bottom: -20px; } */
.get-freecopy form .hs_error_rollup { display:none !important; }
.employee-subdetails { width: 100%; font-style: normal; font-size: 15px; max-width: 300px; margin: 0 auto; display: block; padding-top: 27px; position: relative; }
.employee-subdetails:before { border-top: 2px solid #ffffff; position: absolute; top: 13px; height: 2px; width: 48px; content: ""; margin: 0 auto; left: 0; right: 0; }
.row-fluid .sub-text { max-width: 847px; margin: 0 auto !important; float: none; padding-top: 20px; padding-bottom: 20px; font-size: 18px; line-height: 28px; }
.row-fluid .hero-white-section{ padding-top:155px; }
.row-fluid .hero-white-section h1{ color:#071835; line-height: 88px; }
.row-fluid .hero-white-title { max-width: 600px; }
.h-space .body-container-wrapper{ margin-top: 60px; }
.row-fluid .highly-rated-section{ text-align: center; margin-top:60px; padding-top: 150px; padding-bottom: 10px; }
ul.start-testimoniale { padding: 0; margin: 0; list-style: none; margin: 26px 0; margin-bottom: 37px; }
ul.start-testimoniale li { display: inline-block; padding: 0 5px; color: #fce800; font-size: 27px; }
.row-fluid .testmonial-text-row { max-width: 938px; margin: 0 auto !important; float: none; font-size: 23px; line-height: 37px; background: #ffffff; color: #fff; padding: 45px 60px; }
.row-fluid .t-compny-date{ font-size: 16px; }
.row-fluid .t-compny-name{ font-size: 16px; padding-top: 24px; }
.testimoniale-inner-row { margin: 0 auto; }
.testimoniale-inner-column { float: left; width: 100%; display: flex; margin-bottom: 70px; }
.testimoniale-innerimage { float: left; width: 26%; text-align:center; }
.testimoniale-details { float: left; width: 74%; padding-left: 40px; }
.testinner-post { color: #ffffff; font-size: 20px; font-weight: 600; padding: 8px 0; line-height: 26px; }
.testinner-text { line-height: 28px; padding-top: 13px; font-size: 16px; }
.row-fluid .testimoniale-inner{ padding-bottom:50px; padding-top:100px; }
.highly-rated-section .testimonial-cover{ max-width: 800px; }
.highly-rated-section .testimonial-section{ padding: 85px 0; padding-top: 78px; }
.two-partservicecolumn { float: left; width: 50%; margin-bottom: 100px; }
.spart-left { padding-left: 0.425em; padding-right: 0.425em; width: 50px; float: left; }
.spart-right { width: calc(100% - 70px); padding-top: 5em; padding-left: 20px; float: left; }
.spart-line { position: relative; display: inline-block; margin-left: auto; margin-right: auto; width: 1px; height: 8.75em; left: 50%; background: #000; }
.spart-icon { margin-bottom: 22px; }
.spart-title h3 { }
.spart-title { float: left; margin-bottom: 14px; width: 100%; }
.spart-details { float: left; width: 100%; font-size: 20px; line-height: 29px; color: #666666; padding-bottom: 26px; }
.spart-link { float: left; width: auto; font-size: 19px; line-height: 28px; font-weight: 600; position: relative; padding-bottom: 6px; }
.spart-link:before { position: absolute; content: ""; border-bottom: 2px solid #ffffff; bottom: 0; height: 2px; width: 100%; right:0; transition:0.4s; }
.two-partservicecolumn:hover .spart-link:before{ transition:0.4s; width:0; }
.generation-row{ display: flex; align-items: center; }
.row-fluid .new-twopart-searvices .title{ padding-bottom:70px; text-align:center; }
.spart-title h3 { text-transform: capitalize; }
.row-fluid .new-twopart-searvices{ padding-top: 50px; padding-bottom: 50px; }
.row-fluid .generation-section{ padding-top:80px; padding-bottom:80px; margin-top: 80px; }
.row-fluid .generation-details { padding: 31px 0; font-size: 18px; line-height: 29px; padding-top: 18px; }
.row-fluid .generation-section .title h1{ color:#071835; line-height: 78px; }
.top-services-column { float: left; width: calc(100% / 3 - 30px); margin: 0 15px; margin-bottom: 50px; }
.topservices-number { float: left; width: 50px; }
.topservices-text { float: left; width: calc(100% - 50px); padding-left: 4px; }
.topservices-number span { display: inline-block; border: 2px solid #ffffff; width: 40px; height: 40px; text-align: center; color: #ffffff; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 17px; }
.topservices-text h4 { padding-bottom: 0; padding-top:6px; }
.row-fluid .top-services .title { text-align: center; padding-bottom: 70px; }
.row-fluid .top-services{ padding-top: 50px; padding-bottom: 60px; }
.row-fluid .pt100{ padding-top:100px; }
.green-overlay{ position:relative; z-index:1; }
.green-overlay:before{ content: ""; z-index:-1; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #fce800; opacity: 1; }
.hide-column .blog-subscrib-row,.hide-column .popular-post-row{ display:none; }
.row-fluid .topofpage-title { padding-bottom: 32px; text-align: center; }
.row-fluid .topofpage-title h1 { color:#071835; }
.about-individualeimg { float: left; width: 100%; height: 450px; background-repeat: no-repeat; background-size: cover; }
.about-tophero{ margin-top: 110px; position:relative; }
.about-individualehero .slick-arrow.slick-prev{ left: 0; }
.about-individualehero .slick-arrow.slick-next{ right: 25px; }
.about-individualehero{ float:left; width:100%; }
.nemployee-sociale { position: absolute; bottom: 0; }
.nemployee-sociale ul { padding: 0; margin: 0; margin-bottom: 20px; }
.nemployee-sociale ul li { display: inline-block; padding: 0 3px; }
.nemployee-sociale { text-align: center; width: 100%; float: left; }
.nemployee-sociale ul li a { display: flex; height: 42px; width: 42px; background: #ffffff; color: #fff; text-align: center; justify-content: center; align-items: center; border-radius: 100%; font-size: 19px; }
.nemployee-sociale ul li a:hover { opacity: 1; transition: 0.4s; transform: translateY(-5px); }
.row-fluid .about-header{ padding-bottom: 42px; }
.row-fluid .about-position h3 { font-size: 36px; font-weight: 400; line-height: 45px; margin-top: 0; padding-top: 2px; }
.row-fluid .about-indtiutle { padding-bottom: 15px; }
.row-fluid .about-indtiutle h3 { text-transform: uppercase; }
.row-fluid .abot-individualerow { margin-top: 80px; }
.row-fluid .about-individual-body { padding-bottom: 115px; padding-top: 115px; }
.row-fluid .details-ab{ font-size: 17px; line-height: 28px; }
.row-fluid .details-ab-list ul { padding: 0; margin: 0; list-style: none; }
.row-fluid .details-ab-list ul li { padding: 5px 0; font-size: 18px; }
/* .row-fluid .details-ab-list ul li:first-child { padding-top: 0; } */
.row-fluid .details-ab ul li { position: relative; list-style: none; }
.row-fluid .details-ab ul li:before { content: ""; height: 10px; width: 10px; background: #ffffff; border-radius: 100%; position: absolute; left: -18px; top: 10px; }
.row-fluid .details-ab ul { padding-left: 24px; }
.row-fluid .list-style1 ul li { position: relative; list-style: none; }
.row-fluid .list-style1 ul li:before { content: ""; height: 10px; width: 10px; background: #ffffff; border-radius: 100%; position: absolute; left: -18px; top: 10px; }
.row-fluid .list-style1 ul { padding-left: 24px; }
.row-fluid .pr20{ padding-right:20px; }
.progress-column h3 { font-weight: 400; font-size: 18px; font-family: Open Sans, sans-serif; line-height: 22px; }
.progress-column { float: left; width: 100%; padding-bottom: 9px; }
.recent-blogpost-left { margin: 0 -15px; display: flex; flex-flow: wrap; }
.recent-two-column { float: left; width: calc(100% / 2 - 30px); margin: 0 15px; margin-bottom: 50px; }
.recent-two-column > a { float: left; width: 150px; }
.recentpost-details { float: left; width: calc(100% - 150px); padding-left: 21px; }
.recentpost-date { float: left; width: 100%; padding: 8px 0; padding-top:0; color: #666363; font-size: 15px; }
.recentpost-link { float: left; width: 100%; padding-top: 10px; }
.recentpost-details { float: left; width: calc(100% - 150px); padding-left: 21px; }
.recentpost-img { background-color: #cccc; float: left; width: 100%; }
.recentpost-title h4{ padding-top:0; padding-bottom:15px; }
.author-name1 { font-size: 15px; color: #000; padding-left: 10px; }
.author-image1 { padding-right: 7px; }
.recentpost-blogauthor1 { display: flex; align-items: center; padding: 0 35px; padding-bottom: 10px; padding-left: 0; width: auto; }
.date-authorpost1 { float: left; width: 100%; display: flex; padding-top: 18px; align-items: center; }
.author-image img { height: 40px; width: 40px; object-fit: cover; border-radius: 100%; }
.recent-blogpost-section .title{ padding-bottom:55px; text-align:center; }
.recent-blogpost-section{ padding-bottom:60px; }
.row-fluid .recentpost-title a:hover h4{ color:#ffffff; transition:0.4s; }
span.filter-link-count{ display:none; }
.row-fluid .secondry-menu .widget-module ul li a{ padding: 0px 15px; }
.secondry-menu.blgo-tag{ margin-bottom: 40px; }
.row-fluid .caption{ color: #ffffff; }
.scroll-progress .row-fluid .secondry-menu.sticky-two{ top: 98px; }
.row-fluid .contact-sutext{ max-width: 900px; margin: 0 auto !important; float: none; padding-top: 10px; padding-bottom: 24px; }
.row-fluid .top-of-title { text-align: center; padding-bottom: 50px; padding-top: 30px; }
.row-fluid .top-of-title h1{ }
.black-header h1{ }
.book-title h1{ font-size: 51px; line-height: 61px; }
a.post-button { padding: 6px 18px !important; text-shadow: none !important; width: auto !important; font-size: 24px !important; line-height: 1.5em !important; background: rgb(29,122,140) !important; color: #fff !important; border-radius: 6px !important; border-width: 0px !important; color: rgb(255,255,255) !important; display: inline-block; margin-top: 17px !important; display: flex; justify-content: center; width: auto !important; max-width: 100%; max-width: 162px; margin: 0 auto; padding-top: 5px !important; }
.row-fluid .media-title-page{ margin-top:100px; padding-top:70px; }
/* ===== start system Page ===== */
.row-fluid .systems-body{ padding:100px 0; text-align:center; }
.row-fluid .systems-inner { float: none; margin: 0 auto !important; max-width: 600px; }
.row-fluid .systems-inner h1 { color: #ffffff; }
.row-fluid .systems-inner h2 { padding-top: 0; font-size: 46px; margin: 10px 0; margin-bottom: 0; }
.row-fluid .custom_error_message { margin-bottom: 35px; }
.system-errortitle{ padding-bottom:10px; }
.systems-body form input[type=submit],.systems-body form .hs-button{ text-align: center;
min-width: 130px; display: inline-block; background-color: #ffffff; color: #fff; padding: 13px 24px;
font-size: 16px; border-radius: 0; }
.custom_error_message input#hs-pwd-widget-password{ height: 50px !important; margin-top: 20px !important; margin-bottom: 20px; }
form#email-prefs-form{ }
.system-serach{ padding-bottom:10px; }
.system-serach a.hs-button.primary { text-align: center; min-width: 130px; display: inline-block; background-color: #ffffff; color: #fff; padding: 13px 24px; font-size: 16px; margin-top: 23px; cursor: pointer; }
.system-serach a.hs-button.primary:hover { transition: 0.4s; border-radius: 20px 0 20px 0; opacity: 1; }
.system-serach .field > label { padding-bottom: 15px; display: inline-block; font-size: 16px; text-transform: capitalize; }
.row-fluid .system-serach { max-width: 430px; margin: 0 auto !important; float: none; }
.system-serach input#hs-pwd-widget-password { height: 50px !important; margin-bottom: 30px; }
.system-serach input#hs-pwd-widget-password { height: 50px !important; margin-bottom: 28px; }
.system-serach input.hs-button.primary.large { min-width: 150px; }
.system-serach input.hs-button.primary.large:hover{ border-radius:20px 0 20px; transition:0.4s; opacity:1; }
.icon-value svg { color: #fff !important; fill: #fff; width: 110px; height: 100px; }
.subsc-perferences form#email-prefs-form{ margin: 0 auto; max-width: 700px; text-align: left; }
.subsc-perferences form#email-prefs-form .checkbox-row { padding-top: 8px; }
.subsc-perferences input#submitbutton{ margin-top:20px; }
/* ===== end system Page ===== */
.row-fluid .about-header .title h1{ font-size: 55px; line-height: 54px; }
.row-fluid .mottom-text { font-size: 34px; line-height: 50px; }
.row-fluid .mottom-text blockquote { padding: 0; margin: 0; border: none; position: relative; display: inline-block; width: auto; }
.row-fluid .mottom-text blockquote:before { content: "\f10d"; font-family: 'fontawesome'; float: left; padding-right: 13px; color:#fce800; }
.row-fluid .mottom-text blockquote:after { content: "\f10e"; font-family: 'fontawesome'; padding-left: 19px; color:#fce800; }
.row-fluid .lp-tetexlist ul li{ margin:10px 0; }
.abots-one-detail h2{ font-size: 40px; padding-bottom: 16px; line-height: 49px; }
.row-fluid .lp-top .row-fluid .flex-center > div > div{ align-items: inherit; }
.row-fluid .about-section1.lp-top{ padding-top:30px; }
.lp-contact-form h2.widgettitle { font-size: 42px; margin-bottom: 5px; line-height: 50px; }
.lp-contact-form .nf-form-fields-required{ margin-bottom: 35px; }
.row-fluid .lp-contact-form{ margin-bottom: 15px; padding-right: 0; }
.row-fluid .lp-contact-form .hs-submit{ margin-top:10px }
.row-fluid .lp-contact-form form label { padding-bottom: 6px; display: inline-block; }
.row-fluid .lp-contact-form ul.hs-error-msgs{ font-size: 14px; }
.row-fluid .platform-section{ text-align: center; padding-bottom:85px; padding-top:110px; }
.Plateform-image img { transition: 0.4s; border-radius: 4px; box-shadow: 0 0 8px 1px rgba(0,0,0,0.15); }
.plateform-column { float: left; width: calc(100% / 4 - 30px); margin: 0 15px; margin-bottom: 40px; }
.Plateform-image { float: left; width: 100%; }
.plateform-title { float: left; width: 100%; padding-top: 22px; }
.plateform-row { float: left; width: 100%; margin-top: 50px; display: flex; flex-flow: wrap; justify-content: center; }
.plateform-column:hover .Plateform-image img { transform: translateY(-10px); transition: 0.4s; }
.row-fluid .career-top{ padding-top:30px; padding-bottom:70px; }
.career-top-title{ margin-top: 60px; }
.career-top-title .top-of-title{ }
.row-fluid .career-top-section{ text-align:center; padding-top:30px; padding-bottom:60px; }
.row-fluid .career-top-dtails{ padding-top:50px; }
.row-fluid .career-top-dtails{ color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 600; }
.row-fluid .list-style1.detail-l ul li{ padding: 3px 0; margin-bottom: 6px; }
.row-fluid .list-style1.detail-l ul{ padding-bottom: 3px; }
.row-fluid .you-leftdetails { padding-right: 45px; }
.row-fluid .you-leftdetails h3 { padding-bottom: 28px; }
.row-fluid .youwill-be{ padding-bottom: 95px; }
.should-section .should-attend-icon img{ max-width: 115px; }
.should-section .should-title h4{ text-transform: uppercase; }
.should-section .should-attend-icon { display: flex; align-items: center; justify-content: center; }
.should-details-career { color: #fff; max-width: 859px; margin: 0 auto; }
.should-details-career ul { float: left; width: 50%; text-align: left; font-size: 16px; line-height: inherit; padding: 0 29px;}
.should-details-career ul li { padding-bottom: 13px; }
.should-section .row-fluid .h-section3{ padding-bottom: 50px; padding-top: 75px; }
.should-section .row-fluid .h-section3 .section-title{ padding-bottom: 36px; }
.row-fluid .list-style3 ul li{ position:relative; list-style:none; padding-bottom: 8px; }
.row-fluid .list-style3 ul li ul { padding-top: 10px; padding-bottom: 4px; }
.row-fluid .list-style3 ul { padding-left: 24px; }
.row-fluid .list-style3 ul { padding-left: 24px; }
.row-fluid .list-style3 ul li:before { content: ""; height: 10px; width: 10px; background: #ffffff; border-radius: 100%; position: absolute; left: -18px; top: 6px; }
.row-fluid .list-style3 ul li ul li:before { background: transparent; border: 1px solid #ffffff; height: 8px; width: 8px; top: 8px; }
.row-fluid .what-do-section .title{ padding-bottom:15px; }
.row-fluid .what-do-section{ padding-bottom:80px; }
.row-fluid .applay-here-cover { background-color: #fce800; max-width: 800px; margin: 0 auto !important; float: none; padding: 40px; border-radius: 5px; padding-top:50px; }
.row-fluid .applay-here-cover h2{ color: #fff; font-size: 40px; line-height: 48px; text-align: center; width: 100%; margin-bottom: 15px; padding-top: 10px; }
.row-fluid .applay-here-cover form{ color:#fff; }
.row-fluid .applay-here-cover form label{ display: block; }
.hs_salary_range.hs-salary_range.hs-fieldtype-text.field.hs-form-field { margin-top: -23px; }
.row-fluid .applay-here-cover form fieldset { margin-bottom: 18px !important; }
.row-fluid .applay-here-cover input.hs-button.primary.large { min-width: 154px; position: relative; top: -17px; }
.row-fluid .applay-here-cover form .hs_error_rollup{ display:none !important; }
.row-fluid .applay-here-cover ul.no-list.hs-error-msgs.inputs-list * { color: #ffffff; font-size: 13px; }
.row-fluid .applay-here-cover textarea, .row-fluid .applay-here-cover input { margin-top: 7px !important; }
.row-fluid .applay-here{ padding-bottom:100px; padding-top:100px }
.row-fluid .amazing-perks{ text-align:center; padding-top: 80px; padding-bottom: 80px; }
.careers-parks-column { float: left; width: calc(100% / 3 - 30px); transition: 0.4s; margin: 0 15px; background-color: #fff; border-radius: 5px; margin-bottom: 30px; box-shadow: 0 0 17px 0px rgba(0, 0, 0, 0.05); padding: 49px 15px; }
.careers-parks-row { display: flex; justify-content: center; flex-flow: wrap; float: left; width: 100%; margin-top: 20px; }
.parks-icon { font-size: 40px; margin-bottom: 15px; color: #ffffff; overflow: hidden; position: relative; height:80px; width: 80px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
.parks-title { padding-bottom: 15px; }
.parks-icon > div{ position: absolute; left: 0; right: 0; }
.careers-parks-column:hover { transform: translateY(-10px); box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.10); transition: 0.4s; }
.row-fluid .consulting-services{ text-align:center; }
.row-fluid .consulting-services-details{ text-align:left; padding:50px 0; }
.row-fluid .consulting-services-cover { border-bottom: 1px solid #ccc; padding-bottom: 50px; padding-top: 50px; }
.row-fluid .price-set{ padding: 35px 0; }
.row-fluid .price-column{ width: auto; margin: 0; margin: 0 20px; border-radius:5px; display: inline-block; float:none; box-shadow: 0 0 14px 0px rgba(0,0,0,0.10); padding: 25px 20px; }
.row-fluid .price-row{ text-align:center; }
.row-fluid .consulting-services{ padding-bottom: 100px; }
.row-fluid .f-column:last-child { width: 26%; }
.row-fluid .f-column:nth-child(3) { width: 18%; }
.row-fluid .f-column:nth-child(2) { width: 18%; }
.row-fluid .three-career-image > div > div > div { float: none; display: inline-block; margin: 0; margin-bottom:30px; vertical-align: top; padding: 0 20px; width: auto; }
.row-fluid .three-career-image{ text-align:center; }
.row-fluid .three-career-image > div > div > div img{ width:300px !important; height:180px; object-fit:cover; }
.success-iframe iframe{ width: 100%; min-height: 710px; }
.row-fluid .pb100{ padding-bottom:100px; }
.contact-estimateform .hs-form-required{ display: inherit; }
.hs-your_custom_hubspot_services_estimate textarea{ height: 100px !important; }
.open-job-section { float: left; background-attachment: fixed; width: 100%; text-align: center; padding-top: 80px; padding-bottom: 60px; background-repeat: repeat; background-position: center center; background-size: cover; }
.job-main-title h2 { color: #fff; }
.job-sub-title { font-size: 18px; line-height: 28px; max-width: 600px; margin: 0 auto; color: #fff; padding-top: 15px; }
.job-sub-boxrow { padding-top: 60px; display: flex; flex-flow: wrap; float: left; width: 100%; }
.job-sub-boxcolumn { transition: 0.4s; float: left; width: calc(100% / 2 - 50px); margin: 0 25px; border: 2px solid #fff; margin-bottom: 50px; text-align: left; min-height: 130px; display: flex; align-items: center; }
.job-post-title h4 { color: #fff; padding-top: 0; }
.job-post-title { padding-bottom: 5px; }
.job-post-place { color: #fff; }
.job-sub-boxcolumn > a{ float:left; width:100%; padding: 20px 30px; }
.job-sub-boxcolumn:hover{ background: #ffffff; transition: 0.4s; border-color: #ffffff; }
.job-sub-boxcolumn:hover a{ opacity: 1; }
.recruitment-process-row .recruitment-process-column { float: left; width: calc(100% / 4 - 30px); margin: 0 15px; text-align: center; margin-bottom: 30px; position: relative; }
.recruitment-process-row { justify-content: center; display: flex; flex-flow: wrap; margin-top: 40px; }
.process-icon { display: flex; height: 80px; width: 80px; justify-content: center; align-items: center; margin: 0 auto; background-color: transparent; color: #ffffff; font-size: 40px; border-radius: 100%; border: 2px solid #ffffff; }
.process-text { float: left; width: 100%; padding-top: 15px; }
.process-details { padding-top: 5px; }
.row-fluid .recruitment-process { text-align: center; padding-top: 100px; padding-bottom: 80px; }
.row-fluid .recruitment-process h2 { margin-bottom: 15px; }
.process-icon { position: relative; z-index: 1; background: #fff; }
.process-icon:before { height: 2px; background: #ffffff; width: 224px; position: absolute; content: ""; left: -294%; z-index: -5; }
.recruitment-process-column { }
.recruitment-process-column:nth-child(5) .process-icon:before,.recruitment-process-column:first-child .process-icon:before,.recruitment-process-column:nth-child(9) .process-icon:before { display: none; }
.row-fluid .ready-for-job{ text-align:center; padding:90px 0; }
.row-fluid .ready-for-job h2{ color:#fff; padding-bottom:24px; }
.row-fluid .ready-for-job .details { padding:5px 0; padding-bottom:30px; color:#fff; font-size:18px; line-height:30px; }
.row-fluid .ready-for-job .cta-design a{ opacity:1; }
.recruitment-process-row .recruitment-process-column:hover .process-icon { background-color: #ffffff; color: #fff; transition:0.4s; }
.recruitment-process-row .recruitment-process-column:hover .process-text h3{ color:#ffffff; }
.row-fluid .cta-design.white a{ background-color:#fff; color:#000; opacity:1; }
.services-boxfull-row{ display: flex; justify-content: center; flex-flow: wrap; }
.header .row-fluid .cta-design a:hover{ opacity:1; }
.row-fluid .spink-title h2{ color:#fff; }
.row-fluid .spink-title{ padding-bottom:70px; }
/* ==== case Studies ==== */
.case-studiescolumn { float: left; width: calc(100% / 3 - 30px); text-align: center; margin: 0 15px; -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding: 25px; margin-bottom: 30px; }
.filter-button-group ul { padding: 0; margin: 0; }
.filter-button-group ul li { display: inline-block; cursor: pointer; background-color: #ffffff; color: #fff; padding: 10px 30px; margin: 2px; font-weight: 600; transition: 0.4s; }
.filter-button-group { float: left; width: 100%; text-align: center; }
.case-studiesrow.grid { float: left; width: 100%; margin-top: 65px; }
.filter-button-group ul li:hover { border-radius: 20px 0 20px 0; transition: 0.4s; }
.filter-button-group ul li.active { border-radius: 20px 0 20px 0; transition: 0.4s; }
.row-fluid .case-fillter.back-shap{ padding-bottom: 75px; }
.case-logos { float: left; width: 100%; padding-bottom: 10px; }
.case-details{ float: left; width: 100%; }
.case-text { padding: 15px 0; }
.case-button a { margin-top: 10px; text-align: center; min-width: 145px; display: inline-block; background-color: #ffffff; color: #fff; padding: 12px 24px; font-size: 16px; }
.case-button a:hover { transition: 0.4s; border-radius: 20px 0 20px 0; opacity: 1; }
.case-button { padding-bottom: 18px; }
.sameheight2{ float:left; width:100%; }
.case-logos img { height: 78px; object-fit: contain; }
/* ==== case Studies ==== */
.row-fluid .gift-cards-section{ background-color:#ffffff; padding:80px 0; text-align:center; color:#fff; font-size:18px; line-height:24px; }
.row-fluid .cast-letext { font-size: 16px; font-weight: normal; margin-top: 13px; }
.row-fluid .case-innerone-row .details{ padding: 20px 0; margin-bottom: 10px; }
.row-fluid .case-innerone-row > div > div{ display: flex; align-items: center; }
.row-fluid .case-inner-one{ padding-bottom:70px; }
.row-fluid .gift-cards-section h2{ color:#fff; padding-bottom:20px; }
.top-services-row{ display: flex; align-items: center; flex-flow: wrap; }
/* start agency */
.agency-hero { float: left; width: 100%; text-align: center; min-height: 630px; padding: 85px 0; display: flex; align-items: center; position: relative; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.agency-hero:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
.agency-text { color: #fff; padding-top: 80px; }
.agency-herotext { font-size: 18px; line-height: 26px; padding-bottom: 28px; padding-top: 10px; }
.agency-text h1 > span{ color:#ffffff; }
.agency-webcoad { float: left; width: 100%; }
.agency-webpage-row { float: left; width: 100%; display: flex; position:relative; }
.agencyweb-left { float: left; width: 50%; background-color: ; color:#fff; }
.agencyweb-right { float: left; width: 50%; position: relative; overflow: hidden; }
.agencyweb-right > div { transform: scale(1); transition: 1s; float: left; width: 100%; min-height: 500px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.agencyweb-left > div { padding: 2rem 1rem 2rem; max-width: 665px; margin: 0 auto; }
.agencyweb-left{ display: flex; align-items: center; }
.agencyweb-left h2 { color: #fff; }
a.video-play-button { position: absolute; height: 70px; width: 70px; background: #ffffff; display: flex; top: 50%; right: 0; -webkit-border-radius: 50px; border-radius: 50px; line-height: 77px; text-align: center; color: #ffffff; -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255); box-shadow: 0 0 0 0 rgb(255, 255, 255); z-index: 1; -webkit-transform: translate(50%, -40%); -ms-transform: translate(50%, -40%); -o-transform: translate(50%, -40%); left: -70px; right: 0; margin: 0 auto; align-items: center; justify-content: center; }
a.video-play-button:hover { opacity:1; -webkit-animation: pulse_effect 1s infinite; -o-animation: pulse_effect 1s infinite;
animation: pulse_effect 1s infinite; background: #ffffff; color: #ffffff; }
.agencyweb-right > div:hover{ transform: scale(1.1); transition: 1s; }
@-webkit-keyframes pulse_effect {
0% { -webkit-box-shadow: 0 0 0 5px rgba(237,128,116, 0.9); box-shadow: 0 0 0 5px rgba(237,128,116, 0.9); }
25% { -webkit-box-shadow: 0 0 0 10px rgba(237,128,116, 0.6); box-shadow: 0 0 0 10px rgba(237,128,116, 0.6); }
70% { -webkit-box-shadow: 0 0 0 15px rgba(237,128,116, 0.3); box-shadow: 0 0 0 15px rgba(237,128,116, 0.3); }
100% { -webkit-box-shadow: 0 0 0 60px rgba(237,128,116, 0.1); box-shadow: 0 0 0 20px rgba(237,128,116, 0.1); }
}
@-o-keyframes pulse_effect {
0% { box-shadow: 0 0 0 5px rgba(237,128,116, 0.9); }
25% { box-shadow: 0 0 0 10px rgba(237,128,116, 0.6); }
70% { box-shadow: 0 0 0 15px rgba(237,128,116, 0.3); }
100% { box-shadow: 0 0 0 20px rgba(237,128,128, 0.1); }
}
@keyframes pulse_effect {
0% { -webkit-box-shadow: 0 0 0 3px rgba(237,128,128, 0.9); box-shadow: 0 0 0 3px rgba(237,128,128, 0.9); }
25% { -webkit-box-shadow: 0 0 0 6px rgba(237,128,128, 0.6); box-shadow: 0 0 0 6px rgba(237,128,128, 0.6); }
70% { -webkit-box-shadow: 0 0 0 9px rgba(237,128,128, 0.3); box-shadow: 0 0 0 9px rgba(237,128,128, 0.3); }
100% { -webkit-box-shadow: 0 0 0 12px rgba(237,128,128, 0.1); box-shadow: 0 0 0 12px rgba(237,128,128, 0.1); }
}
.aagency-services-section{ float: left; width: 100%; text-align: center; padding: 60px 0; }
.aagency-servicest-title h2 { padding-bottom: 0; }
.aagency-services-row { padding-top: 62px; display: flex; align-items: center; flex-flow: wrap; }
.aagency-services-column { width: 33.33333333%; padding-right: 15px; padding-left: 15px; text-align: left; display: flex; align-items: center; }
.aagency-services-column { width: 33.33333333%; padding-right: 15px; padding-left: 15px; text-align: left; display: flex; align-items: center; position: relative; margin-bottom: 30px; }
.aagency-services-row { padding-top: 50px; display: flex; align-items: center; flex-flow: wrap; justify-content: center; }
.aagency-services-icon { height: 84px; width: 84px; border-radius: 50px; background: #1d5be8; text-align: center; display: flex; position: relative; left: 0; align-items: center; justify-content: center; color: #fff; font-size: 32px; padding: 15px; }
.aagency-services-title { color: #2a2c2f; font-size: 16px; margin: 0px; padding-top: 20px; padding-bottom: 20px; text-align: left; background-color: #F7F9FC; padding-right: 20px; width: calc(100% - 84px); padding-left: 22px; position: relative; border-radius: 0 50px 50px 0; }
.aagency-services-title h4 { font-size: 18px; line-height: 26px; }
.aagency-services-title:before { top: 0; bottom: 0; left: 0; right: 0; background: #F7F9FC; position: absolute; width: 100%; height: 100%; }
.aagency-services-title:before { content: ""; position: absolute; top: 0; left: -78px; right: 0; bottom: 0; background: #F7F9FC; z-index: -1; border-radius: 48px 0 0 48px; }
.aagency-services-column:hover .aagency-services-icon i { transform: scale(0.8); transition: 0.4s; }
.aagency-services-column .aagency-services-icon i{ transition: 0.4s; }
.agency-buildproject { float: left; width: 100%; background-color: #f7f9fc; }
.agency-build-row { float: left; width: 100%; display: flex; }
.agency-build-left { width: 50%; float: left; background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 440px; }
.agency-build-right { float: left; width: 50%; padding-left: 45px; display: flex; flex-direction: column; justify-content: center; padding-top: 25px; padding-bottom: 25px; max-width: 500px; }
.agency-build-button { margin-top: 25px; }
.agency-build-text { margin-top: 10px; }
.row-fluid .agency-cta-trip{ padding: 65px 0; }
.row-fluid .agency-cta-trip .cta-design{ text-align:right; }
.alogos-tripe-section { float: left; width: 100%; text-align: center; padding: 58px 0; padding-bottom: 75px; }
.alogos-tripe-row { display: flex; justify-content: center; padding-top: 35px; flex-flow: wrap; }
.alogos-tripe-column { padding: 0 20px; width: calc(100% / 5 - 30px); margin: 0 15px; margin-bottom: 30px; }
.map-area .hs-responsive-embed-wrapper.hs-responsive-embed{ width: 100% !important; float: left; max-width: 100% !important; height: 400px !important; }
.row-fluid .map-area iframe{ height: 400px !important; }
/* start agency */
.authoep-row { display: flex; max-width: 768px; margin: 0 auto; align-items: center; }
.authoep-image { width: 262px; position: relative; }
.author-details { width: calc(100% - 262px); padding-left: 34px; }
.authoep-image img { height: 290px; object-fit: cover; width: 100%; }
.hs-author-avatar { position: relative; }
.author-social { position: absolute; padding: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; z-index: 1; }
.authoep-image:hover .author-social { opacity: 1; -webkit-transition-delay: 0.105s; -moz-transition-delay: 0.105s; transition-delay: 0.105s; }
.authoep-image:before { background: #fce800; position: absolute; content: ''; opacity: 0.9; -webkit-transition-delay: 0.105s; -moz-transition-delay: 0.105s; transition-delay: 0.105s; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; top: 50%; bottom: 50%; left: 0; right: 0; height: 0; z-index: 1; }
.authoep-image:hover:before { top: 0%; bottom: 0%; left: 0; right: 0; height: 100%; }
.author-social ul { margin: 0; padding: 0; }
.author-social ul li { display: inline-block; padding: 0 12px; font-size: 30px; }
.author-social ul li a { color: #fff; }
h2.bhs-author-name { font-size: 35px; line-height: 38px; }
.author-mate{ margin-top: 72px; }
h2.recet-authorttile { font-size: 44px; text-align: center; width: 100%; margin-bottom: 48px; line-height: 48px; }
.authorp-section { margin-top: 100px; border-bottom: 1px solid #ccc; padding-bottom: 70px; }
/* ============= start meadia page css ============= */
.row-fluid .meadia-f-right { padding-left: 30px; }
.row-fluid .meadia-f-left { border-right: 1px solid #ccc; padding-right: 30px; }
ul.blog-category-list { padding: 0; margin: 0; list-style: none; padding-bottom: 15px; display: inline-block; width: 100%; }
ul.blog-category-list li { display: inline-block; padding-right: 22px; }
ul.blog-category-list li.current a h3 { color: #fff; background-color: #ffffff; }
ul.blog-category-list li a h3 { text-transform: capitalize; padding: 11px 14px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; line-height: 22px; color: #000; font-weight: 600; cursor: pointer; }
.stopic-column { display: flex; align-items: center; width: 100%; float: left; margin-bottom: 16px; }
.stoipc-image { width: 20%; float: left; }
.stopic-text { display: inline-block; width: 80%; padding-left: 25px; }
.stopic-column img { }
.stoipc-image img { object-fit: cover; border-radius: 4px; }
.stopic-text h4 { font-size: 20px; line-height: 26px; font-weight: 700; }
span.stopic-date { color: #999999; font-size: 15px; line-height: 24px; padding-top: 0; display: block; }
.tab-content { margin-top: 15px; }
.media-first-section { padding-bottom: 90px; }
.press-contact { padding: 75px 0; position: relative; z-index: 1; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; }
.press-title h2 { color: #fff; }
.press-row { display: flex; justify-content: center; flex-flow: wrap; align-items: center; padding-top: 19px; }
.press-left { width: 50%; text-align: right; padding-right: 15px; color: #fff; }
.press-right { width: 50%; text-align: left; padding-left: 15px; }
.press-right img { border-radius: 100%; height: 150px; width: 150px !important; object-fit: cover; }
.press-left h4 { color: #fff; padding-top: 0; }
.press-left a { color: #fff; }
.press-cta { margin-top: 35px; }
.press-cta a { }
.press-cta a { min-width: inherit !important; }
.press-title { padding-bottom: 15px; }
.row-fluid .event-blog-left { padding-right: 70px; border-right: 1px solid #ccc; }
.row-fluid .social-box-right { padding-left: 30px; }
.event-blogtopic-column { display: flex; flex-flow: wrap; margin-bottom: 20px; }
.event-blogtopic-image { width: 165px; padding-right: 30px; }
.event-blogtopic-right { width: calc(100% - 200px); }
.event-blogtopic-right h3 { font-size: 20px; line-height: 26px; font-weight: 700; }
.event-blogtopic-row { margin-top: 15px; }
.event-section { padding-top: 100px; padding-bottom: 100px; }
.logoeve-row { display: flex; flex-flow: wrap; margin: 0 -20px; padding-top:5px; }
.logoeve-column { width: calc(50% - 40px); margin: 8px 20px; position: relative; }
.logoeve-column > a { position: absolute; background-color: #ffffff; color: #fff; padding: 9px 15px; left: 0; text-transform: capitalize; border-radius: 3px; top: 0; left: 0; bottom: 0; margin: 0 auto; right: 0; opacity: 0; display: flex; align-items: center; justify-content: center; transform: scale(0); transition: 0.4s; }
.logoeve-column:hover > a { opacity: 1; transform: scale(1); transition: 0.4s; }
.logo-box-sociale { padding: 20px 0; margin-top: 10px; }
.logo-box-sociale ul li a { font-size: 56px; margin-bottom: 9px; }
.logo-box-sociale ul li a:hover { transform: rotate(-360deg); transition: 0.6s; }
.logo-box-sociale h2 { padding-bottom: 0; }
.logo-box-sociale ul { margin-top: 0; }
/* ============= end meadia page css ============= */
@media (min-width: 991px){
.row-fluid .navigation .hs-menu-flow-horizontal{ display: flex; align-items: center; justify-content: right; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{ top: 140%; transition:0.4s; background-color: #fff; min-width: 200px; padding:8px 0;}
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper{ top: 100%; transition:0.4s; border-radius: 20px; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper a{ color:#14234C; width:100%; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ color: #fff; max-width: inherit; font-weight: 600; white-space: inherit; float: left; font-size: 16px; line-height: 22px; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover { opacity:0.5 }
.black-header .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ color:#14234C; }
.black-header .row-fluid .header{ background: #fff; }
.logo-main img{ height: 45px; object-fit: contain; }
.row-fluid .cta-cover-header .cta-design a{ min-width: 100%; }
}
@media (min-width: 768px){
.get-freecopy form{ position:relative; float:left; width:100%; }
.get-freecopy form .hs_error_rollup { padding-bottom: 10px; clear: both; position: absolute; left: 0; right: 0; bottom:0px; }
.row-fluid .last-fildf{ margin: 0; width: 25.3%; }
}
@media (min-width: 992px){
.row-fluid .resources-rightone img{ height: 506px; width: 100%; object-fit: cover; }
}
@media (max-width: 1200px){
.resources-main-body .container{ max-width:1100px; }
.hover-text{ overflow-y: auto; min-height:200px; height: 30px; overflow-y: auto; }
.process-icon{ background:#ffffff; color:#fff; }
.process-icon:before{ display:none; }
}
@media (max-width: 1100px){
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ font-size: 14px; padding: 10px 10px; }
.animatedParent { overflow: hidden; }
}
@media (max-width: 991px){
.should-attend-column{ width: calc(100% / 3 - 20px); margin: 0 10px; padding: 0 15px; margin-bottom: 25px; }
.progress-indicator .progress-container{ display:none !important; }
/* === menu === */
.mainmenu, .mainmenu *{display: block;float: none;position: static;top: auto;right: auto;left: auto;bottom: auto;padding: 0px;margin: 0px;background-image: none;background-color: transparent;
border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; max-width: none;width: 100%;height: auto;
line-height: 1; font-weight: normal;text-decoration: none;text-indent: 0px;text-align: left;color: #fff;}
a.mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 19px; right: 15px; width: 44px; height: 44px; padding: 12px 10px;
background: #fff; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase;
border-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in;}
a.mobile-trigger:hover { text-decoration: none; color: #fff; opacity:1; }
a.mobile-trigger span{ display: inline;}
a.mobile-trigger span:before{ position: absolute; content: 'Menu'; }
a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close';
background-color: #ffffff; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
/* Change button when menu is open */
.mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background: transparent; }
.mobile-open a.mobile-trigger span:after{ opacity: 1; }
/* Toggle Button Icon & Animations */
a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s;
transition-duration: 0s; transition-delay: .2s; }
a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: '';}
a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 24px; height: 3px; background-color: #000; display: inline-block;}
a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;}
a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;}
.mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
.mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
.mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0);}
.mobile-open a.mobile-trigger i:before, .mobile-open a.mobile-trigger i:after { background-color:#fff; }
/* Child Toggle Button */
span.child-triggerm { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important; min-width: 55px !important; height: 45px !important;
padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20);}
span.child-triggerm:hover { text-decoration: none;}
/* Child Toggle Button Icon & Animations */
span.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;}
span.child-triggerm span:after { position: absolute; content: '';}
span.child-triggerm span, span.child-triggerm span:after { width: 10px; height: 1px; background-color: #fff; display: block;}
.row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #fff; }
span.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
transition-duration: .2s;}
span.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
transition-duration: .2s;}
span.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
transition-duration: .2s;}
/* Menu Styles on Mobile Devices */
.mainmenu .hs-menu-flow-horizontal,.mainmenu.js-enabled .hs-menu-children-wrapper{ display: none;}
.mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none;}
.mainmenu .hs-menu-flow-horizontal{ position: absolute; top: 0px; padding-top: 76px; left: 0px; width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);}
.mainmenu .hs-menu-flow-horizontal { padding: 60px 0 0 0; background-color: #ffffff; width: 100%; z-index: 8888;}
.mainmenu .hs-menu-flow-horizontal > ul > li{ position: relative;}
.mainmenu .hs-menu-flow-horizontal > ul > li a{ font-size: 17px; line-height: 45px !important; overflow: visible;}
.mainmenu .hs-menu-flow-horizontal ul li{ border-top: 1px dotted rgba(255, 255, 255, .35); background: transparent; }
.mainmenu .hs-menu-flow-horizontal ul li a{ padding: 10px 10px; font-size: 18px; line-height: 24px; color: #fff; text-transform: initial; }
.mainmenu .hs-menu-flow-horizontal ul li a:hover{ color: #fff; opacity:1; }
.mainmenu .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08);}
.mainmenu .hs-menu-flow-horizontal > ul ul li a{ text-indent: 10px; font-size: 16px; }
.mainmenu .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 30px; }
.mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px;}
header .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ width:100%; }
.row-fluid .header.fixed .navigation .hs-menu-wrapper.hs-menu-flow-horizontal a{ color:#fff; }
.header .row-fluid .cta-design a{ padding: 12px 8px; font-size: 15px; }
.row-fluid .navigation .submenu.level-1 { white-space: inherit; }
.row-fluid .navigation .submenu.level-1>li { padding: 0px 0px; }
.row-fluid .navigation .submenu.level-1>li a { padding: 10px 10px; }
.mobile-open .header.fixed a.mobile-trigger { top: 0; }
.row-fluid .navigation .submenu.level-2 { -webkit-transition: inherit; -o-transition: inherit; transition: inherit; -webkit-box-shadow: inherit;
box-shadow: inherit; }
.row-fluid .navigation .submenu.level-2 { right: 0; left: 0; border: 1.79px solid #d1d6dc; border-radius: 0; -webkit-box-shadow: inherit; box-shadow: inherit; font-weight: 500; background: transparent; border: none; left: 0; opacity: 0; position: relative; text-transform: none; top: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; visibility: hidden; }
.row-fluid .navigation .submenu.level-2 .menu-item .menu-link { background-color: transparent; }
.navigation .submenu.level-1>li.has-submenu:hover .submenu.level-2, .navigation .submenu.level-1>li.has-submenu.focus .submenu.level-2 { -webkit-transition: inherit; -o-transition: inherit; transition: inherit; }
.navigation ul.submenu.level-2 li a{ padding: 10px 21px !important; }
.mobile-open a.mobile-trigger{ top: 8px !important; }
/* .row-fluid .logo-main img{ max-width: 130px; } */
.row-fluid .cta-cover-header { position: absolute; right: 80px; top: 16px; }
.navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{ font-size:16px; padding: 0px 10px; width:100%; max-width:100%; }
/* h1{ font-size: 55px; line-height: 65px; } */
.header.fixed .row-fluid .cta-design a{ margin-top: -4px; }
.header.fixed a.mobile-trigger{ top:16px; transition:0.4s; }
a.mobile-trigger{ transition:0.4s; }
h2{ font-size: 48px; line-height: 49px; }
.should-attend-column{ margin-bottom: 47px; width: calc(100% / 2 - 20px); }
.should-attend-row{ display: flex; justify-content: center; flex-flow: wrap; }
.speakers-column{ width: calc(100% / 3 - 30px); }
.row-fluid .h-section2{ padding: 88px 0; }
.row-fluid .h-section3{ padding: 90px 0; padding-bottom: 35px; }
.video-box{ padding: 82px 0; margin-top: 0; }
.row-fluid .h-section4{ padding-top: 92px; padding-bottom: 64px; }
.testimonial-section{ padding: 94px 0; padding-top: 75px; }
.row-fluid .h-section5{ padding-top: 150px; padding-bottom: 30px; }
.row-fluid .subscribe-area{ padding: 60px 0; }
.row-fluid .h-section6{ padding-top: 92px; padding-bottom: 68px; }
.tickets-tickets-row{ padding: 5px 0; }
.row-fluid .container{ max-width:768px; }
.header .row-fluid .container{ max-width:1240px; }
.row-fluid .abots-one-detail{ padding-left: 15px; }
.row-fluid .about-section1{ padding: 68px 0; }
/* .whay-weimg img{ height: 193px; object-fit: cover; } */
.row-fluid .three-part-content{ padding-top:80px; }
.services-boxfull-column{ width: calc(100% / 2 - 50px); }
.services2-section-title h3{ font-size: 32px; line-height: 38px; }
.row-fluid .pt130{ padding-top: 100px; }
.row-fluid .contact-us1{ padding: 70px 0; padding-top: 92px; }
.scroll-progress .row-fluid .secondry-menu.sticky-two { top: 90px; }
/* .row-fluid .secondry-menu.sticky-two{ top: 82px; } */
.row-fluid .resources-section-one{ padding-top: 188px; padding-bottom: 100px; }
.row-fluid .resources-leftone:before{ right:0; }
.row-fluid .resources-leftone,.row-fluid .resources-rightone{ width:100%; }
.row-fluid .resources-leftone{ min-height: inherit; }
.resources-rightone img{ width:100% !important; max-width:100%; object-fit: cover; }
.r-title-main{ padding-bottom: 25px; }
.resource-box-column{ width: calc(100% / 3 - 30px); }
.hover-text{ overflow-y: auto; min-height: 155px; height: 30px; overflow-y: auto; }
.resources-main-section{ padding-bottom: 45px; }
.resources-main-body{ padding-bottom:0; }
.resource-image{ justify-content: center; }
.row-fluid .lap-hero .container > div,.row-fluid .lap-hero{ min-height: 330px; }
.post-item-fullright,.post-item-featured-left { width: 100%; }
.post-item-full .post-item-title{ padding-top: 0; }
.post-item-full{ margin: 20px 0px; flex-direction: column-reverse; }
.post-item-featured-left{ min-height: 280px; }
.post-item-fullright{ padding-bottom: 40px; padding-top: 54px; }
.row-fluid .post-item{ width: calc(100% / 2 - 40px); }
.post-listing{ margin: 0 0px; }
.post-listing.listing-row1{ margin-bottom: 20px; }
.post-item-featured-left a{ border-radius: 8px 8px 0 0; }
.progress-indicator .progress-container{ top: 78px; }
.post-iteminner-featured { width: 50%; }
.inner-post-heroleft{ padding-right: 20px; width: 50%; }
.post-iteminner-featured .hs-featured-image-link{ height: 380px; }
.inner-posthero-title h1{ font-size: 26px; line-height: 38px; }
.inner-posthero-title{ padding: 9px 0; }
.inner-template-option{ padding-top: 26px; }
.blog-post-wrapper.cell-wrapper.post-inner-two .inner-post-body{ width: 90%; }
.blog-post-wrapper.cell-wrapper.post-inner-two .social-sharing{ width: 10%; }
.row-fluid .related-post{ padding-top: 20px; padding-bottom: 28px }
.row-fluid .footer{ padding-top: 59px; }
.row-fluid .copyright{ margin-top: 40px; }
.row-fluid .related-title{ padding-bottom:30px; }
.row-fluid .employee-section{ padding: 30px 0; }
.row-fluid .con-box{ padding: 0 15px; }
.row-fluid .blog-heroleft,.row-fluid .blog-heroright{ width:100%; margin:0; }
.row-fluid .blog-heroright{ padding-top:40px; }
.inner-post-hero{ margin-top: 40px; }
.row-fluid .highly-rated-section{ padding-top: 85px; padding-bottom: 10px; }
.testimoniale-inner-column{ margin-bottom:45px; }
.spart-right{ padding-left: 0; }
.row-fluid .new-twopart-searvices{ padding-top: 15px; padding-bottom: 5px; }
.row-fluid .generation-section .title h1{ font-size: 50px; line-height: 57px; }
.row-fluid .generation-section{ padding-bottom: 40px; padding-top: 65px; }
.top-services-column{ width: calc(100% / 2 - 30px); }
.row-fluid .top-services{ padding-bottom: 40px; }
.row-fluid .pt100 { padding-top: 35px; }
.row-fluid .last-fildf{ padding-left: 10px; }
.row-fluid .f-menu-leftp{ padding-left:0; }
.about-individualeimg{ height: 330px; }
.row-fluid .about-individual-body{ padding-bottom: 64px; padding-top: 64px; }
.row-fluid .abot-individualerow{ margin-top: 46px; }
.row-fluid .about-header{ padding-bottom: 30px; }
.recentpost-details{ width: calc(100% - 100px); padding-left: 20px; }
.recent-two-column > a{ width: 100px; }
.recentpost-title h4{ font-size: 20px; font-weight: 400; line-height: 28px; }
.recent-blogpost-section{ padding-bottom:18px; }
.row-fluid .secondry-menu.blgo-tag .widget-module ul li a{ padding: 4px 15px; display:inline-block; }
.recentpost-blogauthor1{ width: auto; justify-content: center; margin: 0 auto; display: flex; align-items: center; }
.row-fluid .career-top-section{ padding-bottom: 80px; }
.row-fluid .career-top-section{ padding-bottom: 45px; }
.row-fluid .youwill-be{ padding-bottom: 67px; }
.what-will-box .should-attend-column{ width: calc(100% / 3 - 20px); margin-bottom: 31px; }
.what-will-box .should-details-career{ max-width: 588px; }
.what-will-box .row-fluid .h-section3{ margin-bottom: 65px; }
.row-fluid .career-top{ padding-top: 0; padding-bottom: 0; }
.careers-parks-column{ width: calc(100% / 2 - 30px); }
.careers-parks-column{ padding: 22px 25px; padding-bottom: 40px; }
.row-fluid .amazing-perks{ padding-bottom: 50px; }
.open-job-section{ padding-top: 60px; padding-bottom: 32px; }
.job-sub-boxcolumn{ width: calc(100% / 2 - 20px); margin: 0 10px; margin-bottom:20px; }
.job-sub-boxrow{ padding-top: 40px; padding-bottom:20px; }
.recruitment-process-row .recruitment-process-column{ width: calc(100% / 3 - 30px); }
.row-fluid .recruitment-process{ padding-top: 75px; padding-bottom: 42px; }
.row-fluid .ready-for-job{ padding:70px 0; }
.row-fluid .spink-title{ padding-bottom:22px; }
.case-studiescolumn{ width: calc(100% / 2 - 30px); }
.whay-weimg img{ height: 194px; }
.agency-text{ padding-top: 40px; }
.progress-indicator .progress-container{ top: 83px; }
.agency-hero{ min-height: 552px; }
.aagency-services-column{ width: 50%; }
.row-fluid .agency-cta-trip { padding: 52px 0; }
.agency-build-right{ padding-left: 30px; }
.alogos-tripe-column{ width: calc(100% / 3 - 30px); }
.agencyweb-right > div{ min-height: 425px; }
.counter-row{ margin-top: 56px; }
.media-title-page.tab-media-padd { margin-top: 60px; }
.row-fluid .social-box-right{ padding-left: 0; }
.logo-box-sociale ul li a{ font-size: 35px; }
ul.blog-category-list li{ padding-right: 8px; }
}
@media (max-width:767px){
.row-fluid .about-header .title h1{ color:#000; font-size: 42px; line-height: 42px; }
.row-fluid .logo-main img{ max-width: 110px !important; }
.header .row-fluid .cta-design a{ padding: 9px 10px; font-size: 13px; min-width: inherit; }
.row-fluid .cta-cover-header{ right: 73px; top: 16px; }
.row-fluid .header.fixed{ padding: 13px 0; padding-bottom:10px; }
.header.fixed a.mobile-trigger{ top: 17px; }
.hero-text h1{ font-size: 45px; line-height: 58px; }
.hero-text{ font-size: 16px; line-height: 24px; }
.hero-slider-row ul.slick-dots{ display: none !important; }
.hero-text-right,.hero-text-left{ display:none; }
h1{ font-size: 44px; line-height: 54px; }
.hero-slider-column{ height: inherit; min-height: inherit; }
.hero-slider-column > .container,.hero-section{ min-height: 482px; }
.row-fluid .h-section2-row > div > div{ flex-direction: column; }
.row-fluid .theam-left-d{ border-right:none; margin-bottom: 30px; }
h2{ font-size: 36px; line-height: 49px; }
h2:before{ display:none; }
.row-fluid .h-section2{ padding: 67px 0; }
.row-fluid .h-section3{ padding: 50px 0; padding-bottom: 22px; }
.should-attend-column{ width: calc(100% / 1 - 20px); }
.row-fluid .h-section3 .section-title{ padding-bottom: 29px; }
.row-fluid .h-section3{ margin-bottom: 0px; }
.video-box{ padding: 60px 0; }
.speakers-column{ width: calc(100% / 1 - 30px); }
.row-fluid .h-section4{ padding-top: 65px; padding-bottom: 40px; }
.row-fluid .text-right{ text-align:center; }
.speakers-row{ padding-top: 32px; max-width: 300px; margin: 0 auto; }
.testimonial-section{ padding: 90px 0; padding-top: 60px; }
.testimonial-details{ font-size: 24px; }
.row-fluid .h-section5{ padding-top: 130px; padding-bottom: 30px; }
.logos-row{ padding:20px 0; }
.row-fluid .subscribe-area{ padding: 37px 0; }
.row-fluid .h-section6{ padding-top: 60px; padding-bottom: 50px; }
.row-fluid .footer{ padding-top: 50px; text-align:center; }
.row-fluid .copyright{ margin-top: 40px; }
.tickets-body{ padding: 30px 30px; }
.tickets-body ul{ padding: 15px 0; }
.tickets-footer a{ padding: 20px 0; }
.row-fluid .lap-hero .container > div,.row-fluid .lap-hero{ min-height: 300px; }
.row-fluid .lap-hero h1{ font-size: 42px; line-height: 49px; }
.row-fluid .flex-center > div > div{ flex-direction: column; }
.row-fluid .abots-one-detail{ padding-left: 0; padding-top: 40px; }
.row-fluid .whay-we{ padding: 54px 0; }
.whay-we-column{ width: calc(100% / 1 - 30px); }
.whay-we-bo{ flex-flow: wrap; }
.row-fluid .whay-we{ padding-bottom:20px; }
.row-fluid .three-part-content{ padding-top:42px; }
.row-fluid .pdm-25{ padding-bottom:25px; }
.pb-100{ padding-bottom: 57px; }
.generation-row{ flex-direction: column; }
.sv-center{ text-align:center; }
.row-fluid .services-section2{ padding: 72px 0; }
.services-boxfull-column{ width: calc(100% / 1 - 50px); }
.row-fluid .services-section3{ padding: 64px 0; padding-bottom:0; }
.pl10{ padding-left: 0; }
.pt40m{ padding-top:40px; }
.services2-section-title h3{ font-size: 26px; line-height: 33px; }
.whay-we-bo{ padding-top: 25px; }
.row-fluid .contact-us1{ padding: 59px 0; padding-top: 62px; }
.contact-us1 .row-fluid .padd26{ padding-bottom: 40px; }
.contact-us1 .row-fluid .maxw732{ padding-top: 30px; }
.row-fluid .contact-form{ padding-top: 5px; }
.row-fluid .get-freecopy form{ margin: 0 auto; }
.row-fluid .map-area iframe{ float:left; width:100%; height:250px; }
.row-fluid .subscribe form .hs_submit{ text-align:center; position: inherit; }
.row-fluid .secondry-menu.sticky-two{ position:inherit; }
.row-fluid .secondry-menu ul li a{ padding: 7px 20px; display: inline-block; }
.row-fluid .resources-section-one{ padding-top: 0px; padding-bottom: 55px; }
.row-fluid .resources-leftone{ padding-top: 40px; padding-right: 15px; padding-bottom: 45px; }
.resource-box-column{ width: calc(100% / 1 - 30px); margin-bottom: 28px; text-align:center; }
.resource-box-row{ margin:0; }
.r-title-main{ text-align:center; }
.resources-main-section{ padding-bottom: 24px; }
.row-fluid .resources-leftone{ margin:0; }
.row-fluid .result-body { padding: 60px 0; }
.row-fluid .post-item{ width: calc(100% / 1 - 0px); margin: 0; margin-bottom: 30px; }
.post-item-featured-left{ min-height: 238px; }
.post-item .post-item-title{ height:auto !important; }
a.all-posts-link{ margin-bottom: 0; width: 100%; text-align: center; top: 0; }
.blog-pagination.span12{ float:left; width:100%; }
.row-fluid .blog-main{ padding-bottom: 30px; padding-top: 35px; }
.row-fluid .f-column{ padding-bottom:30px; }
.row-fluid .f-logo img{ max-width: 134px; }
div#hubspot-author_data{ flex-direction: column; text-align: center; }
div#hubspot-author_data a, div#hubspot-author_data > span { width: 100%; text-align: left; }
div#hubspot-author_data > span { text-align: left; padding-top: 20px; }
.inner-post-hero{ flex-direction: column-reverse; }
.inner-post-heroleft,.post-iteminner-featured { padding-right: 0; width: 100%; }
.blog-post-wrapper.cell-wrapper.post-inner-two .social-sharing,.blog-post-wrapper.cell-wrapper.post-inner-two .inner-post-body{ width:100%; }
.blog-post-wrapper.cell-wrapper.post-inner-two .social-sharing{ display:none; }
.inner-post-hero .post-iteminner-featured .hs-featured-image-link{ height: 240px; margin-bottom: 40px; }
.inner-post-hero div#hubspot-author_data{ flex-direction: inherit; text-align: left; }
.socile-post-row{ padding-top: 40px; padding-bottom: 28px; }
.row-fluid .related-post{ padding-top: 10px; }
.row-fluid .related-title{ padding-bottom:15px; }
.inner-post-hero{ padding-bottom: 30px; }
.row-fluid .copyright{ margin-top: 25px; }
.blog-post-wrapper.cell-wrapper.post-inner-two{ padding-top: 24px; }
.row-fluid .employee-title { padding-bottom: 30px; text-align:center; }
.employee-column{ width: calc(100% / 1 - 30px); }
.employee-section-row{ max-width: 400px; margin: 0 auto; }
.row-fluid .con-box{ width:100%; }
.row-fluid .blog-herotitle h2,.row-fluid .blog-herotitle h1{ font-size: 36px; line-height: 47px; }
.row-fluid .get-freecopy .hs-submit{ float: left; padding-left: 0; width: 100%; text-align:center; }
.row-fluid .blog-heroleft{ padding-top:0; }
.row-fluid .get-freecopy .hs-form .hs-form-field{ width: 100%; }
.row-fluid .get-freecopy form .input input{ min-width: 100%; max-width: 100%; width: 100%; }
.row-fluid .lines-bloghero{ text-align:center; padding-top: 25px; }
.row-fluid .blog-hero{ padding-bottom: 15px; text-align:center; }
.row-fluid .value-section{ padding-top: 52px; padding-bottom: 30px; }
.row-fluid .value-title{ padding-bottom: 25px; }
.row-fluid .value-box { padding-bottom: 26px; }
.row-fluid .value-section-row{ padding:0 0px; }
.row-fluid .email-address{ max-width: 296px; margin: 0 auto; float: none; display: inline-block; }
.row-fluid .f-menu-leftp{ padding-left:0; }
.row-fluid .f-details{ margin: 0 auto !important; float: none; }
.row-fluid .pt110{ padding-top:60px; }
.row-fluid .blog-herodetails{ margin:0 auto !important; }
.row-fluid .pt170{ padding-top:120px; }
.row-fluid .pb-0{ padding-bottom:0 !important; }
.progress-indicator .progress-container{ opacity:0; }
.row-fluid .testmonial-text-row{ padding: 25px 20px; font-size: 18px; line-height: 27px; }
.row-fluid .highly-rated-section{ padding-top: 60px; padding-bottom: 10px; }
.testimoniale-inner-column{ flex-direction: column; justify-content: center; text-align:center; }
.testimoniale-innerimage,.testimoniale-details{ width:100%; padding:0; }
.testimoniale-innerimage{ margin-bottom: 27px; }
.row-fluid .testimoniale-inner{ padding-bottom: 20px; }
.row-fluid .header{ padding: 22px 0; }
.row-fluid .new-twopart-searvices .title{ padding-bottom: 22px; }
.two-partservicecolumn{ width:100%; }
.spart-right{ padding-top:0; padding-left: 8px; }
.spart-left{ padding-left: 0; }
.spart-right{ padding-left:15px; }
.spart-title h3{ font-size: 26px; line-height: 27px; }
.spart-title{ margin-bottom: 8px; }
.spart-details{ font-size: 14px; line-height: 25px; }
.spart-link{ font-size: 16px; line-height: 25px; }
.spart-right{ width: calc(100% - 50px); }
.spart-details{ padding-bottom: 20px; }
.two-partservicecolumn{ margin-bottom: 50px; }
.row-fluid .new-twopart-searvices{ padding-bottom: 14px; }
.row-fluid .generation-section{ padding-top: 35px; text-align:center; }
.row-fluid .generation-details{ font-size: 16px; line-height: 25px; padding-top: 14px; }
.row-fluid .generation-section .title h1{ font-size: 43px; line-height: 53px; }
.row-fluid .generation-left{ padding-bottom:50px; }
.top-services-column{ width:100%; margin:0; margin-bottom: 40px; }
.row-fluid .top-services { padding-bottom: 20px; padding-top: 10px; }
.row-fluid .top-services .title { padding-bottom: 27px; }
.row-fluid .pt100{ padding-top:70px; }
.row-fluid .topofpage-title h1 { font-size: 38px; line-height: 45px; }
.row-fluid .topofpage-title{ padding-bottom: 15px; }
.pb-50 { padding-bottom: 28px; }
.recent-two-column{ width: calc(100% / 1 - 30px); text-align:center; margin-bottom: 38px; }
.recentpost-details{ width: 100%; padding-left: 0; text-align: center; padding-top: 25px; }
.recent-two-column > a{ float: none; width: 100px; margin: 0 auto; display: inline-block; }
.recent-blogpost-section .title{ padding-bottom:25px; }
.row-fluid .about-individual-body{ padding-bottom: 32px; padding-top: 41px; }
.row-fluid .about-position h3{ margin-top: -6px; padding-top: 0;font-size: 27px; font-weight: 400; line-height: 38px; }
.row-fluid .about-header{ padding-bottom: 18px; }
.row-fluid .about-indtiutle h3{font-size:20px; }
.row-fluid .about-indtiutle{ padding-bottom: 6px; }
.row-fluid .m-b20{ padding-bottom:20px; }
.row-fluid .pr20{ padding-right: 0; }
.row-fluid .top-of-title{ padding-bottom: 15px; padding-top: 20px; }
.row-fluid .copyright{ margin-top: 9px; padding-top: 0; padding: 8px 10px; padding-bottom: 0; }
.row-fluid .systems-inner h2{ font-size: 35px; margin: 1px 0; }
.row-fluid .systems-body{ padding: 60px 0; text-align: center;}
.row-fluid .mottom-text{ font-size: 26px; line-height: 40px; }
.row-fluid .mottom-text br{ display:none; }
.plateform-column{ width: calc(100% / 1 - 30px); }
.row-fluid .about-section1.lp-top{ padding-bottom: 54px; }
.row-fluid .lp-contact-form{ margin-bottom: 65px; }
.row-fluid .platform-section{ padding-bottom: 10px; padding-top: 48px; }
.row-fluid .applay-here{ padding-bottom: 75px; padding-top: 78px; }
.row-fluid .you-leftdetails{ padding-right: 0; padding-bottom: 23px; }
.what-will-box .should-attend-column{ width: calc(100% / 1 - 20px); }
.what-will-box .row-fluid .h-section3{ margin-bottom: 0px; padding-top: 54px; padding-bottom: 23px; }
.should-details-career ul{ width: 100%; }
.row-fluid .applay-here{ padding-bottom: 60px; padding-top: 60px; }
.row-fluid .applay-here-cover{ padding: 20px; }
.row-fluid .applay-here-cover{ padding-top: 30px; }
.row-fluid .applay-here-cover .row-fluid .hs-form fieldset.form-columns-2 .field:first-child{ float:left; }
.row-fluid .applay-here-cover input.hs-button.primary.large{ top: -28px; }
.row-fluid .pb35{ padding-bottom: 20px; }
.row-fluid .consulting-services-cover{ padding-top:18px; }
.row-fluid .consulting-services{ padding-bottom: 30px; }
.row-fluid .price-column{ margin: 0; margin-bottom: 40px; }
.row-fluid .f-column:last-child { width: 100%; }
.row-fluid .f-column:nth-child(3) { width: 100%; }
.row-fluid .f-column:nth-child(2) { width: 100%; }
.row-fluid .three-career-image > div > div > div{ width:100%; padding:0 15px; }
.pricing-quote-questionaire .boxes-selection .box-selection{ padding: 37px 30px; }
.careers-parks-column{ width: calc(100% / 1 - 30px); }
.job-sub-boxcolumn{ width: calc(100% / 1 - 20px); margin-top: 10px; }
.row-fluid .ready-for-job{ padding: 50px 0; padding-bottom:60px; }
.recruitment-process-row .recruitment-process-column{ width: calc(100% / 1 - 30px); }
.row-fluid .footer-link ul li a{ white-space: inherit; }
.should-attend-row{ padding: 0 10px; }
.row-fluid .h-section3 .section-title{ padding: 0 25px; margin-bottom:0px; }
.services-boxfull-column:last-child{ padding-bottom:0; }
.case-studiescolumn{ margin: 0; width: calc(100% / 1 ); margin-bottom:30px; }
.filter-button-group ul li{ margin: 5px; }
.case-logos{ padding-bottom: 18px; }
.row-fluid .case-fillter.back-shap{ padding-bottom: 30px; }
.sameheight2{ height:auto !important; }
.row-fluid .case-innerone-row > div > div{ flex-direction: column; }
.row-fluid .logo-img{ margin-top:20px; }
.row-fluid .gift-cards-section{ padding: 45px 0; }
.row-fluid .columnl-c{ margin-top:40px; }
.aagency-services-section{ padding: 35px 0; }
.aagency-services-row{ padding-top: 22px; }
.aagency-services-column { width: 100%; }
.agency-webpage-row{ flex-direction: column; }
.agencyweb-right{ width: 100%; }
.agencyweb-right > div { min-height: 270px; }
.agencyweb-left{ width: 100%; }
a.video-play-button{ bottom: -60px; margin-bottom: 0; top: auto; }
.agency-build-left,.agency-build-right{ width: 100%; }
.agency-build-row{ flex-direction: column; }
.agency-build-right { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; padding-top: 25px; }
.agency-build-left{ min-height: 308px; }
.row-fluid .agency-cta-trip .cta-design{ text-align: center; padding-top: 24px; }
.alogos-tripe-section{ padding: 44px 0; padding-bottom: 45px; }
.alogos-tripe-column{ width: calc(100% / 2 - 30px); }
.map-area .hs-responsive-embed-wrapper.hs-responsive-embed{ width: 100% !important; float: left; max-width: 100% !important; height: 300px !important; }
.row-fluid .map-area iframe{ height: 300px !important; }
.counter-row{ flex-direction: column; }
.counter-column{ width:100%; padding-bottom: 35px; }
.counter-column:before{ display:none; }
.logo-width-counter { padding: 10px 0; }
.authoep-row{ flex-direction: column; }
.author-mate { margin-top: 44px; }
.author-details { width: 100%; padding-left: 0; margin-top: 28px; text-align: center; }
h2.recet-authorttile{ margin-bottom: 35px; font-size: 35px; }
.authorp-section{ margin-top: 45px;padding-bottom: 48px; }
.media-title-page.tab-media-padd { margin-top: 38px; padding-bottom: 20px; }
.row-fluid .meadia-f-left { border-right: none; padding-right: 0; margin-bottom: 35px; }
.row-fluid .meadia-f-right{ padding-left: 0; }
ul.blog-category-list li{ margin: 5px 0; width: 100%; padding: 0 0; }
ul.blog-category-list li a h3 { width: 100%; display: block; }
.media-first-section { padding-bottom: 45px; }
.press-contact{ padding: 48px 0; }
.press-left,.press-right{ padding:0; width:100%; text-align: center; }
.press-right { padding-top: 25px; }
.press-row{ padding-top: 0; }
.event-section { padding-top: 54px; padding-bottom: 34px; }
.row-fluid .event-blog-left{ padding-right: 0 !important; border:none; }
.event-blogtopic-row { margin-top: 0; }
.logo-box-topic { margin-top: 38px; display: block; }
.logo-box-sociale ul li a { font-size: 49px; }
.event-blogtopic-image,.event-blogtopic-right{ width: 100%; padding-right: 0 }
}
@media (max-width:480px) {
.row-fluid .contact-form form fieldset{ padding-bottom: 4px; }
.row-fluid .contact-form fieldset.form-columns-2 .field{ padding: 0 0 20px 0; }
.row-fluid .contact-form fieldset.form-columns-2 .field:first-child{ padding: 0 0 20px 0; }
.contact-form .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field{ padding-right:0; }
}
@media (max-width:360px) {
.header .row-fluid .cta-design a{ padding: 7px 10px; font-size: 11px; }
.header .row-fluid .container{ float: none; padding: 0 10px; }
.row-fluid .cta-cover-header{ right: 59px; }
a.mobile-trigger{ right:10px; }
.row-fluid .header{ padding: 17px 0; }
.whay-weimg img{ height: 192px; object-fit: cover; }
}
.row-fluid .get-freecopy input[type=submit]{ }
.row-fluid .contact-form input[type=submit], .row-fluid .contact-form button,input[type=submit]{ border-radius: inherit; }
.moduleH2{
font-family: 'Niveau Grotesk';
color: #071835 !important;
padding: 0px 0 0 !important;
margin: 0 !important;
font-size: 34px !important;
line-height: 33px !important;
position: relative !important;
font-weight: 200 !important;
display: inline-block !important;
}
.moduleH3{
font-family: 'Niveau Grotesk' !important;
color: #071835 !important;
padding: 10px 0 10px !important;
margin: 0 !important;
font-size: 16px !important;
line-height: 22px !important;
text-transform: uppercase !important;
font-weight: normal;
}
@import '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css';
.about_hero__main { background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; padding-top: 180px; padding-bottom: 390px; }
.about_hero__header h1 { color: #fff; }
.about_hero__header { color: #fff; max-width: 600px; margin: 0 auto; width: 100%; }
.about_hero__img { text-align: center; max-width: 930px; margin: 0 auto; }
.about_hero__imgmain { margin-top: -280px; }
.about_hero__img img, .testimonial__right img { border-radius: 20px; }
.solution_section__header { text-align: center; padding-bottom: 40px; }
.solution_section__row { display: flex; flex-flow: wrap; max-width: 969px; margin: 0 auto; }
.solution_section__column { width: calc(100% / 3 - 30px); margin: 15px 15px; padding: 20px; }
.solution_section__text { font-weight: 300; font-size: 14px; line-height: 20px; }
.solution_section__text h3 { margin-bottom: 0; padding-bottom: 0; font-size: 18px; line-height: 22px; }
.solution_section__main { padding-top: 120px; padding-bottom: 100px; }
.testimonial__row { display: flex; align-items: center; max-width: 970px; margin: 0 auto; }
.testimonial__left { width: 60%; padding-right: 50px; }
.testimonial__right { width: 40%; }
.profile_possition { font-size: 26px; line-height: 32px; }
.profile_possition { padding: 20px 0; }
.team_slider__social ul { padding: 0; }
.team_slider__social ul li { display: inline-block; }
.team_slider__social ul li svg { height: 25px; }
.team_slider__social ul li svg path { fill: #1E43FF; }
.team_slider__social ul li { margin: 0 5px; }
.team_slider__row .slick-slide { width: 215px; margin: 0 15px; }
.team_slider__img { height: 120px; width: 120px; background-size: cover; background-repeat: no-repeat; background-position: top center; margin: 0 auto; }
.team_slider__text h3 { font-size: 22px; line-height: 28px; text-transform: uppercase; padding-bottom: 8px; }
.team_slider__social { padding-top: 21px; }
.team_slider__position { font-size: 16px; line-height: 24px; }
.team_slider__text { padding-top: 10px; }
.team_slider__column { text-align: center; }
.team_slider__main { padding-top: 30px; padding-bottom: 130px; }
.team_slider__row ul.slick-dots { position: static; padding: 0; margin-top: 20px; float: none; }
.team_slider__row ul.slick-dots li.slick-active button { background: #1E43FF; }
.team_slider__row { margin-top: 30px; }
.team_slider__row { max-width: 2500px; margin: 0 auto; }
/*--lading_page--*/
.landinghero_area { width:100%; padding:80px 0 20px; display:inline-block; }
.landinghero_area .container { display:flex; flex-wrap:wrap; align-items:center; }
.landinghero_area .landinghero_left { width:42%; color:#858790; font-size: 16px; line-height: 24px; padding-right:20px; }
.landinghero_area .landinghero_left h1 { padding:0; }
.landinghero_area .landinghero_right { width:58%; }
.landinghero_area .landinghero_right img { width:100%; }
.landinghero_area .landinghero_lefttext { width:100%; padding-right:50px; margin:25px 0 45px; font-size: 18px; line-height: 28px; }
.landinghero_area .hero_btns { width:100%; display:flex; flex-wrap:wrap; }
.landinghero_area .hero_btns > div { margin-right:15px; }
.landinghero_area .hero_btns > div:last-child { margin-right:0; }
/* THIS SHOULD NOT BE HERE INSIDE TRUMPS.CSS */
.solid_btn a { width:auto; display:inline-block; padding:10px 20px; min-width:160px; text-align:center; font-weight: bold; font-size: 14px; line-height: 19px; border-radius:40px; border:2px solid #278dc1; color:#FFFFFF; background:#278dc1; }
.solid_btn a:hover { opacity:.9; }
.border_btn a { width:auto; display:inline-block; padding:10px 20px; min-width:160px; text-align:center; font-weight: bold; font-size: 14px; line-height: 19px; border-radius:40px; border:2px solid #278dc1; color:#278dc1; background:transparent; }
.border_btn a:hover { opacity:.9; }
.title_style { width:100%; max-width:700px; margin:0 auto 70px; text-align:center; color:#858790; }
.title_style h2 { margin-bottom:15px; line-height:1.2; }
.logo_area { width:100%; display:inline-block; padding:50px 0; }
.logo_area .logo_cover .logo { width:100%; display:flex; align-items:center; justify-content:center; min-height:80px; }
.logo_area .logo_cover .logo img { display:inline-block; filter: grayscale(1); transition: all 0.4s ease; }
.logo_area .logo_cover .logo img:hover{ filter: grayscale(0); transition: all 0.4s ease; }
.logo_area .logo_cover ul.slick-dots { position:relative; }
.logo_area .logo_cover ul.slick-dots li { padding:0 5px; }
.logo_cover .slick-list > div{ display: flex; justify-content: center; }
.logo_cover .slick-track{ margin:0 auto; }
.logo_header { text-align: center; padding-bottom: 20px; }
.logo_icon { padding-bottom: 10px; }
/**/
.services_area { width:100%; display:inline-block; padding:50px 0; }
.services_area .services_cover { width:100%; max-width:850px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; }
.services_area .services_box { width:calc(100%/3 - 40px); margin:0 20px 50px; padding:40px 15px; border-radius:15px; color:#000; font-weight: 300; font-size: 14px; line-height: 20px; transition:all .4s ease; }
.services_area .services_box h3 { margin:0; padding:12px 0; font-weight: 600; font-size: 20px; line-height: 24px; }
.services_area .services_box:hover { box-shadow: 7px 7px 20px #dadada; }
/**/
.pricing_area { width:100%; display:inline-block; padding:50px 0 70px; text-align:center; }
.pricing_area .pricing_cover { width:100%; display:flex; flex-wrap:wrap; justify-content:center; max-width:950px; margin:0 auto; }
.pricing_area .pricing_box { width:calc(100%/3 - 20px); margin:0 10px 0; border-radius:15px; padding:30px; transition:all .4s ease; }
.pricing_area .pricing_box h4 { margin:0; padding:0; color:#000; font-weight: 500; font-size: 24px; line-height: 36px; }
.pricing_area .pricing_box h3 { margin:15px 0 35px; padding:0; color:#1E43FF; font-weight: bold; font-size: 36px; line-height: 1.2; }
.pricing_area .pricing_box:hover { box-shadow: 7px 7px 20px #dadada; }
.pricing_area .plan_content { width:100%; display:inline-block; font-size:14px; line-height:20px; }
.pricing_area .plan_content ul { width:100%; padding:0; margin:0; text-align:left; list-style:none; }
.pricing_area .plan_content ul li { width:100%; padding-left:26px; margin-bottom:15px; position:relative; }
.pricing_area .plan_content ul li:before { position:absolute; content:""; left:0; top:0; width:18px; height:18px; background:url('https://www.remotish.agency/hubfs/Marketplace%20Themes/Epic%20ROI%20V2/akar-icons_check.png') no-repeat center center; }
.pricing_area .solid_btn a { font-weight:700; margin-top:15px; width:100%; }
/**/
.contactform_area { width:100%; display:inline-block; padding:50px 0 100px; }
.contactform_area .contactform_box { width:100%; max-width:800px; margin:0 auto; padding:40px; border-radius:15px; box-shadow: 7px 7px 20px #dadada; }
.contactform_area .contactform_box form { width:100%; display:inline-block; }
.contactform_area .contactform_box form .hs-form-field .hs-input { border-radius:35px; background:#F5F5F5; border:none; }
.contactform_area .contactform_box form .hs_radio_buttons_ { width:100%; margin-top:20px; }
.contactform_area .contactform_box form .hs_checkboxes_ { width:100%; margin-top:20px; }
.contactform_area .contactform_box form .hs_radio_buttons_ > label { font-weight:600; margin-bottom:20px; }
.contactform_area .contactform_box form .hs_checkboxes_ > label { font-weight:600; margin-bottom:10px; }
.contactform_area .contactform_box form .inputs-list .hs-form-radio { width:100%; padding-bottom:5px; margin:0; padding-left:30px; }
.contactform_area .contactform_box form .inputs-list input[type="radio"]+span:before { border:none; top:4px; background:#F5F5F5; }
.contactform_area .contactform_box form .inputs-list input[type="radio"]:checked + span:after { left: 2px; top: 8px; background:#1E43FF; }
.contactform_area .contactform_box form .inputs-list input[type="checkbox"]+span:before { left:-30px; top:2px; border-radius:5px; border:none; background:#F5F5F5; }
.contactform_area .contactform_box form .inputs-list input[type="checkbox"]:checked+span:after { left:-30px; top:2px; color:#1E43FF; }
.contactform_area .contactform_box form .inputs-list .hs-form-checkbox-display { padding-left:30px; padding-bottom:0; }
.contactform_area .contactform_box form .hs_submit { width:100%; text-align:center; }
.contactform_area .contactform_box form .hs_submit .hs-button { font-size: 18px; font-weight: bold; min-width: 190px; white-space: normal; }
.contactform_area .contactform_box form .submitted-message { text-align:center; overflow: visible; }
/**/
.projectcount_area { width:100%; display:inline-block; padding:70px 0 100px; }
.projectcount_area .title_style { margin-bottom:0; }
.projectcount_area .solid_btn { margin-top:30px; }
.projectcount_area .projectcount_cover { width:100%; margin-bottom:70px; display:flex; flex-wrap:wrap; text-align:center; justify-content:center; }
.projectcount_area .projectcount_box { width:calc(100%/3); padding:0 20px; }
.projectcount_area .projectcount_box h3 { padding:0 0 10px; font-size:48px; line-height:1.2; color:#1E43FF; }
.projectcount_area .projectcount_box h3 span { width:auto; }
.projectcount_area .projectcount_box .projectcount_boxtext { width:100%; }
/**/
.howworkbox_area { width:100%; display:inline-block; padding:70px 0; }
.howworkbox_area .title_style { margin:0; text-align:left; max-width:520px; padding-left: 10px; }
.howworkbox_area .howworkbox_cover { width:100%; margin-top:50px; display:flex; flex-wrap:wrap; justify-content: flex-end; align-items: flex-start; }
.howworkbox_area .howworkbox_item { width:calc(100%/2 - 70px); text-align:center; margin:0 35px 70px; padding:50px; border-radius:15px; box-shadow: 7px 7px 20px #dadada; }
.howworkbox_area .howworkbox_item .howworkbox_icon { width:210px; margin-bottom:60px; border-radius:15px; height:220px; display:inline-block; box-shadow: 7px 7px 20px #dadada; }
.howworkbox_area .howworkbox_item h3 { padding:0 0 15px; margin:0; color:#000; font-weight: 500; font-size: 30px; line-height: 35px; }
.howworkbox_area .howworkbox_item .box_info { width:100%; color:#858790; display:inline-block; max-width:250px; }
.howworkbox_area .howworkbox_item:nth-child(3) { margin-bottom:0; }
.career_hero__header { color: #858790; text-align: center; }
.career_hero__row { max-width: 660px; margin: 0 auto; }
.career_hero__image { padding-top: 35px; }
.section_header { text-align: center; max-width: 700px; margin: 0 auto; }
.career_job__row { display: flex; flex-flow: wrap; margin-top: 80px; padding-bottom: 30px; }
.career_job__column { position:relative; width: calc(100% / 4 - 40px); margin: 0 20px; margin-bottom: 50px; }
.career_job__column h3 { font-size: 18px; line-height: 26px; padding-top: 0; }
.caption_nametext { color: #1E43FF; margin-top: 34px; }
a.position_link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.button_design a { opacity:1; display: inline-block; border: 2px solid #1E43FF; padding: 12px 30px; border-radius: 30px; font-size: 14px; line-height: 24px; font-weight: 600; min-width: 260px; }
.button_design { text-align: center; padding-top: 0; }
.button_design a:hover { background-color: #1E43FF; color: #fff; opacity: 1; }
.row-fluid .footer{ padding-bottom: 55px; }
.hero_individuals__row { display: flex; flex-flow: wrap; }
.hero_individuals__left { width: calc(50% - 20px); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; border-radius: 10px; filter: drop-shadow(6.98478px 6.98478px 29.9348px rgba(0, 0, 0, 0.12)); margin-right: 20px; position: relative; }
.hero_individuals__right { width: 50%; padding-left: 20px; }
.hero_individuals__right h1 { line-height: 69px; }
.hero_individuals__absolute { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.servicesicon__box .services_cover { max-width: 100%; }
.servicesicon__box .services_box { width: calc(100%/4 - 40px); }
.section__header { text-align: center; color: #858790; }
.section__header h2 { margin-bottom: 0; padding-bottom: 0; }
.whatyouneed__row { display: flex; flex-flow: wrap; margin-top: 38px; }
.whatyouneed__column { width: 50%; padding-right: 30px; }
.whatyouneed__row h3 { font-size: 18px; line-height: 24px; margin-bottom: 13px; }
.whatyouneed__main ul li { position: relative; list-style: none; margin: 0; margin: 15px 0px; }
.whatyouneed__main ul li:before { content: ""; height: 5px; width: 5px; background-color: #1E43FF; position: absolute; padding-left: 0; left: -15px; border-radius: 100%; top: 7px; }
.whatyouneed__row ul { padding-left: 32px; }
.whatyouneed__rowone h3 { font-size: 18px; line-height: 24px; margin-bottom: 13px; }
.whatyouneed__rowone { margin-top: 20px; }
.whatyouneed__rowone ul { vertical-align: top; display: flex; flex-flow: wrap; }
.whatyouneed__rowone ul li { width: 50%; padding-right: 100px; }
.section__header h2 { display: block; }
.price_table_rightrow2.tabeborder:before{ }
.carrer_form__row { padding-top: 30px; max-width: 1000px; margin: 0 auto; }
.carrer_form__row form input[type=text],
.carrer_form__row form input[type=email],
.carrer_form__row form input[type=password],
.carrer_form__row form input[type=tel],
.carrer_form__row form input[type=number],
.carrer_form__row form input[type=file],
.carrer_form__row form select,.carrer_form__row form select,{ background-color:#F5F5F5; border-radius:40px; border:none; }
.carrer_form__row form textarea{ border-radius:10px; }
.carrer_form__row form .inputs-list input[type="radio"]:checked+span:after{ width: 10px; height: 10px; background:#1E43FF; }
.carrer_form__row form ul.hs-error-msgs{ float:none; }
.carrer_form__row form .hs_salary_range.hs-salary_range.hs-fieldtype-text.field.hs-form-field{ margin-top: 0px }
.carrer_form__row .hs_submit{ text-align: center; }
.career_table__header { text-align: center; }
.career_table__rowtwo { display: flex; flex-flow: wrap; margin-top: 80px; padding-left:70px; padding-right:70px; }
.career_table__left { box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.12); border-radius: 16px; width: 185px; padding: 20px 25px; }
.career_table__right { width: calc(100% - 185px); padding-left: 20px; }
.jheader_list h3 { margin: 0; font-size: 18px; line-height: 24px; padding: 0; padding-left: 13px; }
.jheader_list { display: flex; justify-content: center; align-items: center; }
.tabel_verticle_column { padding-top: 25px; margin-top: 26px; }
.careerinner_row_one { box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.12); border-radius: 16px; display: flex; justify-content: center; flex-wrap: wrap; }
.cone_column { width: 33.33%; text-align: left; display: flex; padding: 15px 40px; }
.careerinner_row_two { box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.12); border-radius: 16px; padding: 24px 30px; margin-top: 20px; }
.twoc_column { padding-bottom: 20px; display: flex; justify-content: space-between; }
.twoc_column > span { min-height: 30px; padding: 0 10px; width:33.33%; font-size: 16px; line-height: 24px; }
.twoc_column:last-child { padding-bottom: 0; }
.numb { text-align: center; color: #1E43FF; font-weight: bold; }
.tabel_verticle_column > span{ min-height: 30px; padding-bottom: 20px; display: block; font-size: 16px; line-height: 24px; }
.tabel_verticle_column>span:last-child { padding-bottom: 12px; }
.active_column{ position:relative; }
.mobile_viw{ display:none; }
@media (min-width:991px){
.howworkbox_area .box .box_info { padding:30px; background:#fff; position: relative; left: -200px; bottom: -65px; border-radius:15px; max-width:300px; box-shadow: 7px 7px 20px #dadada; }
.howworkbox_area .f_image .howworkbox_icon { width:210px; }
.howworkbox_area .m_image .howworkbox_icon { width:260px; margin-bottom:0; margin-top:-100px; }
.howworkbox_area .s_image .howworkbox_icon { width:100%; }
.howworkbox_area .howworkbox_item:nth-child(2) { margin-top:-175px; }
.howworkbox_area .howworkbox_item:nth-child(3) { margin-top:-175px; margin-bottom:0; max-width: 460px; margin-right: 60px; }
}
@media (max-width:1400px){
.services_area { padding-bottom:0; }
}
@media (max-width:1200px){
.howworkbox_area .title_style { max-width:490px; }
.howworkbox_area .howworkbox_item:nth-child(3) { margin-right:0; }
}
@media (max-width:991px){
.landinghero_area .landinghero_left { width:48%; padding:0; }
.landinghero_area .landinghero_right { width:52%; }
.landinghero_area .landinghero_lefttext { padding-right: 30px; font-size: 16px; line-height: 24px; }
.title_style { margin:0 auto 30px; text-align:center; }
.title_style h2 { font-size:40px; }
.howworkbox_area .title_style { text-align:center; max-width:700px; margin:0 auto 30px; }
.services_area .services_box { margin:0 20px 20px; }
.howworkbox_area { padding:40px 0; }
.howworkbox_area .title_style { width:100%; }
.howworkbox_area .howworkbox_item { padding:20px 20px 40px; }
.howworkbox_area .howworkbox_item .howworkbox_icon { margin-bottom:30px; width:100%; }
.howworkbox_area .howworkbox_cover { justify-content:center; }
.pricing_area { padding-bottom:30px; }
.pricing_area .pricing_box { width:calc(100%/2 - 20px); margin-bottom:50px; max-width:320px; }
.pricing_area .pricing_box:last-child { margin-bottom:0; }
.contactform_area { padding:50px 0; }
.projectcount_area { padding:50px 0 80px; }
.servicesicon__box .services_box { width: calc(100%/2 - 40px); }
.hero_individuals__right h1{ line-height: 52px; font-size: 44px; }
.hero_individuals__right{ padding-left: 5px; }
.cone_column{ padding: 15px 15px; }
.jheader_list h3{ font-size: 12px; line-height: 18px; }
.career_table__rowtwo{ padding-left:10px; padding-right:10px; }
.active_column:before{ display:none; }
}
@media (max-width:767px){
.about_hero__main { padding-top: 115px; padding-bottom: 32px; }
.solution_section__column { width: calc(100% / 1 - 30px); margin: 0; }
.testimonial__row { flex-flow: wrap; }
.testimonial__left { width: 100%; padding-right: 0; padding-bottom: 30px; }
.testimonial__right { width: 100%; }
.solution_section__main { padding-top: 50px; padding-bottom: 58px; }
.team_slider__main { padding-top: 40px; padding-bottom: 80px; }
.profile_possition { padding: 15px 0; font-size: 20px; line-height: 27px; }
.solution_section__column { text-align: center; }
.landinghero_area { text-align:center; padding-top:100px; }
.landinghero_area .landinghero_left { width:100%; }
.landinghero_area .landinghero_right { width:100%; margin-top:30px; }
.landinghero_area .landinghero_lefttext { max-width:100%; margin:16px 0 30px; padding:0; }
.landinghero_area .hero_btns { justify-content: center; }
.landinghero_area .hero_btns>div { margin:10px; }
.logo_area { padding:30px 0; }
.title_style h2 { font-size:30px; }
.services_area .services_box { width:100%; text-align:center; margin:0 auto 30px; max-width:400px; box-shadow: 7px 7px 20px #dadada; }
.howworkbox_area .howworkbox_item { width:100%; margin:0 auto 40px; max-width:400px; }
.howworkbox_area .howworkbox_item h3 { font-size: 24px; }
.howworkbox_area .howworkbox_item:nth-child(3) { margin:0 auto; }
.pricing_area .pricing_box { width:100%; margin:0 0 40px; box-shadow: 7px 7px 20px #dadada; }
.contactform_area { padding:40px 0; }
.contactform_area .contactform_box { padding:25px; }
.projectcount_area .projectcount_box { width:100%; padding:0 0 30px; }
.projectcount_area { padding:40px 0; }
.career_job__column{ width: calc(100% / 1 - 30px); margin: 0 15px; margin-bottom: 40px; border-bottom: 1px solid #ccc;
padding-bottom: 25px; }
.career_hero__header h1{ font-size: 42px; line-height:45px; }
.hero_individuals__row{ flex-direction: column; }
.hero_individuals__left{ width:100%; margin-right: 0px; min-height: 300px; }
.hero_individuals__right{ padding-left:0px; width:100%; margin-top:25px; }
.whatyouneed__column{ width: 100%; padding-right: 0; }
.whatyouneed__rowone ul li { width: 100%; padding-right: 0; }
.career_table__rowtwo{ margin-top: 45px; }
.desktop_view{ display:none; }
.mobile_viw{ display:block; }
.headertable_row2 { display: flex; flex-flow: wrap; padding: 12px 0; }
.table_text h3 { font-size: 18px; line-height: 24px; margin: 0; padding: 0; }
.table_text { font-size: 14px; line-height: 24px; padding-left: 20px; }
.pm_mobile_column { margin-bottom: 50px; }
.pm_mobile_main { max-width: 357px; margin: 0 auto; padding-top: 30px; }
.num_t{ font-weight:bold; color:#1E43FF; }
.servicesicon__box .services_cover{ margin-top: 50px; }
.row-fluid .f-details{ max-width: 100% !important; }
.row-fluid .f-column:last-child{ padding-left:0; }
}
/* 1a. Containers */
/* 1b. Colors */
/* 1c. Typography */
/* 1d. Buttons */
/* 1e. Forms */
/* 1f. Tables */
/* 1g. Site header */
/* 1h. Site footer */
.content-wrapper {
max-width: 1240px;
}
.dnd-section {
padding: px 20px;
}
/* .dnd-section > .row-fluid {
max-width: 1240px;
} */
html {
font-size: 22px;
}
body {
font-family: 'Open Sans'; font-style: normal; font-weight: normal; text-decoration: none;
color: #071835;
}
/* Paragraphs */
p {
font-family: 'Open Sans'; font-style: normal; font-weight: normal; text-decoration: none;
}
/* Anchors */
a {
color: #278DC1;
}
a:hover,
a:focus {
color: #006599;
opacity: 0.5;
}
a:active {
color: #4fb5e9;
}
h1 {
font-weight: 700; text-decoration: none; font-family: 'Open Sans'; font-style: normal;
color: #071835;
font-size: 63px;
}
h2 {
font-family: 'Open Sans'; font-style: normal; font-weight: 700; text-decoration: none;
color: #278dc1;
font-size: 38px;
}
h3 {
font-weight: 700; text-decoration: none; font-family: 'Open Sans'; font-style: normal;
color: #071835;
font-size: 30px;
}
h4 {
font-weight: normal; text-decoration: none; font-family: 'Open Sans'; font-style: normal;
color: #071835;
font-size: 24px;
}
h5 {
font-weight: normal; text-decoration: none; font-family: 'Open Sans'; font-style: normal;
color: #071835;
font-size: 16px;
}
h6 {
font-family: 'Open Sans'; font-style: normal; font-weight: normal; text-decoration: none;
color: #071835;
font-size: 15px;
}
/* Blockquote */
blockquote {
border-left-color: #fce800;
}
.row-fluid .cta-design a{ background-color:
rgba(39, 141, 193, 1.0)
;
border: 0px solid #ffffff;
border-radius: 5px;
color: #FFFFFF;
padding: 15px 53px; text-align:center; min-width: 130px; display: inline-block; padding: 13px 24px; font-size: 16px; }
.row-fluid .get-freecopy input[type=submit]{
background:
rgba(39, 141, 193, 1.0)
;
border: 0px solid #ffffff;
border-radius: 5px;
color: #FFFFFF;
padding: 15px 53px;
font-size: 14px; line-height: 19px; text-align: center; letter-spacing: 0.35px;
text-transform: uppercase; min-width: inherit; max-width: 154px; width: 100%; height: 50px; }
.row-fluid .container{ max-width:1240px; margin:0 auto !important; float:none; padding:0 15px; }
.row-fluid .footer { float:left; width:100%; background-color:
rgba(39, 141, 193, 1.0)
; padding-top: 80px; text-align:left; }
.row-fluid .f-details { color: #ffffff;font-weight:400; font-size: 17px; padding-top: 20px; max-width: 401px; line-height: 25px; opacity: 0.9; }
.row-fluid .footer-link ul li a { color: #ffffff; padding: 6px 0px; width: 100%; font-weight:400; opacity: 0.9; }
.row-fluid .email-address { color: #ffffff; line-height: 27px; opacity: 0.9; font-weight: 400; }
.row-fluid .copyright { max-width:1240px; margin: 0 auto; color: #ffffff;font-weight: 400; font-size: 15px; opacity: 0.7; padding: 30px 0; margin-top: 10px; }
.email-address a { color:#278DC1; }
button,
.button {
background-color:
rgba(39, 141, 193, 1.0)
;
border: 0px solid #ffffff;
border-radius: 5px;
color: #FFFFFF;
padding: 15px 53px;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
background-color: rgba(0, 101, 153, 1.0);
border-color: #d7d7d7;
color: #FFFFFF;
}
button:active,
.button:active {
background-color: rgba(79, 181, 233, 1.0);
border-color: #ffffff;
color: #FFFFFF;
}
form,
.submitted-message {
{font=Open Sans, font_set=GOOGLE, styles={font-family='Open Sans', font-style=normal, font-weight=normal, text-decoration=none}, size=22, size_unit=px, color=#071835, variant=null, fallback=null, style=font-family: 'Open Sans'; font-style: normal; font-weight: normal; text-decoration: none, css=color: #071835;font-size: 22px;font-family: 'Open Sans';};
}
/* Form title */
h3.form-title,.contact-form .hs-richtext.hs-main-font-element {
background-color:
rgba(255, 255, 255, 1.0)
;
color: #278dc1;
}
/* Form label */
form label {
color: #071835;
}
/* Form help text */
form legend {
color: #071835;
}
/* Form inputs */
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
border-color: #D1D6DC;
color: #071835;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
border-color: #ffffff;
}
/* Form placeholder text */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
color: #071835;
}
/* Date picker */
.fn-date-picker td.is-selected .pika-button {
background: #ffffff;
}
.fn-date-picker td .pika-button:hover {
background-color: #ffffff !important;
}
.fn-date-picker td.is-today .pika-button {
color: #ffffff;
}
/* Submit button */
.hs-button {
background-color:
rgba(39, 141, 193, 1.0)
!important;
border: 0px solid #ffffff !important;
border-radius: 5px;
color: #FFFFFF;
padding: 15px 53px;
}
/**/
form input[type=submit],
form .hs-button {
background-color: #278dc1 !important;
border: 60 !important;
border-radius: 5px;
color: #FFFFFF;
padding: 18px 45px;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
background-color: rgba(0, 101, 153, 1.0);
border-color: #d7d7d7;
color: #FFFFFF;
}
form input[type=submit]:active,
form .hs-button:active {
background-color: rgba(79, 181, 233, 1.0);
border-color: #ffffff;
color: #FFFFFF;
}
table {
background-color:
rgba(255, 255, 255, 1.0)
;
border-color: #071835;
}
th,
td {
border-color: #071835;
color: #071835;
}
thead th,
thead td {
background-color:
rgba(255, 255, 255, 1)
;
border-bottom-color: #071835;
color: #FFFFFF;
}
tfoot td {
background-color:
rgba(16, 28, 61, 1.0)
;
color: #FFFFFF;
}
tbody + tbody {
border-top-color: #071835;
}
.header {
background-color:
rgba(255, 255, 255, 1.0)
;
}
body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
color: #14234C;
font-family: Open Sans;
}
body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
color: #000024;
}
body .navigation-primary a:active,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
color: #3c4b74;
}
body .navigation-primary .submenu.level-1 > li > a.active-item:after {
background-color: #ffffff;
}
body .submenu.level-2,
body .header__language-switcher .lang_list_class {
background-color:
rgba(255, 255, 255, 1.0)
;
border-color: #FFFFFF;
}
body .triangle.level-2 {
border-color: #FFFFFF;
}
body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 .triangle-container.level-2.hover .triangle {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
font-family: Open Sans;
}
.header__language-switcher-label-current:after {
border-top-color: #14234C;
}
@media(max-width: 767px) {
.header__navigation {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.header__navigation-toggle svg,
.menu-arrow svg {
fill: #14234C;
}
}
.footer {
background-color:
rgba(39, 141, 193, 1.0)
;
}
/* Footer Content */
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6
.footer p,
.footer a,
.footer div,
.footer span {
color: #ffffff;
}
.blog-post__date {
border-color: #071835;
}
.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
color: #071835;
}
.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
color: #00000d;
}
.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
color: #2f405d;
}
.blog-tag-filter__menu-link--active-item:after {
background-color: #ffffff;
}
.blog-pagination__link {
color: #071835;
}
.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
background-color: #ffffff;
}
.blog-post__title {
font-family: 'Open Sans'; font-style: normal; font-weight: 700; text-decoration: none;
color: #278dc1;
font-size: 38px;
}
.blog-post__author {
background-color: #fce800;
}
#comments-listing .comment-reply-to {
color: #278DC1;
}
#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
color: #006599;
}
#comments-listing .comment-reply-to:active {
color: #4fb5e9;
}
body .icon svg {
fill: #ffffff;
}
body .tns-nav button.tns-nav-active {
background-color: #ffffff;
}
body .tns-nav button:hover,
body .tns-nav button:focus {
background-color: #ffffff;
}
body .team-member__description {
background-color: #fce800;
}
.moduleH2{
font-family: 'Niveau Grotesk';
color: #071835 !important;
padding: 0px 0 0 !important;
margin: 0 !important;
font-size: 34px !important;
line-height: 33px !important;
position: relative !important;
font-weight: 200 !important;
display: inline-block !important;
}
.moduleH3{
font-family: 'Niveau Grotesk' !important;
color: #071835 !important;
padding: 10px 0 10px !important;
margin: 0 !important;
font-size: 16px !important;
line-height: 22px !important;
text-transform: uppercase !important;
font-weight: normal;
}