html {
width: 100%;
height: 100%
}

body {
position: relative; 
font-style: normal;
font-weight: 500;
font-family: 'Work Sans', sans-serif;
overflow-x: hidden;
font-size: 18px;
color: #7D7D92;
}

input:focus {
outline: none; 
}

input, textarea {
-webkit-appearance: none; 
}

a {
color: #3361ED;	
}

a:hover {
color: #3361ED;	
text-decoration: underline;
}

img {
max-width: 100%;
height: auto; 
}

h1, .h1 {
font-size: 48px;
font-weight: 500;
line-height: 120%; 
}

h2, .h2 {
font-weight: 500;
font-size: 48px;
line-height: 100%;
}

h3, .h3 {
font-weight: 500;
font-size: 36px;
line-height: 100%;
}

h4, .h4 {	
font-weight: 500;
font-size: 24px;
line-height: 120%;
}

h5, .h5 {
font-size: 24px;
line-height: 140%;
color: #3D3D49;
}

.p2 {
font-size: 18px;
line-height: 160%;  
}

.line_btm {
height: 1px;
margin: 40px 0;
background: #d8d8db;	
}

/* color */

.white {
color: #fff;  
}

.grey {
color: #3D3D49;
}

.grey_l {
color: #E8E8F2; 
}

.grey_2 {
color: #7D7D92; 
}

.blue {
color: #3361ED;	
}

/* color end */

/* tile */
.upfont {
		font-size: 115%;
}
.tile_grey {
padding: 190px 0 40px;
position: relative;
background: #f3f5f9;
max-width: 1920px;
margin: auto;
}

.tile_grey:before {
content: "";
width: 100%;
height: 200px;
position: absolute;
display: block;
background: #ffffff;
top: -95px;
left: -5px;
transform: rotateZ(-6deg);
}

.tile_white {
padding: 190px 0;
position: relative;
background: #fff;
max-width: 1440px;
margin: auto;
}

.tile_white:before {
content: "";
width: calc(100% + 20px);
height: 160px;
position: absolute;
display: block;
background: #F7F8FA;
top: -78px;
left: -20px;
transform: rotateZ(-6deg); 
}

.tile_blue {
padding: 150px 0 100px;
position: relative;
max-width: 1920px;
margin: auto;	
background: url(/wp-content/themes/pagemark/img/tile_blue_btm.png) center top no-repeat #f3f5f9;
background-size: cover;
}

.tile_blue2 {
padding: 150px 0 100px;
position: relative;
max-width: 1920px;
margin: auto;	
background: url(/wp-content/themes/pagemark/img/tile_blue_btm.png) center top no-repeat #fff;
background-size: cover;
}

.tile_top_grey {
padding: 20px 0 40px;
position: relative;
background: #f3f5f9;
max-width: 1920px;
margin: 0 auto 100px;
}

.tile_top_grey:after {
content: "";
width: 100%;
height: 200px;
position: absolute;
display: block;
background: #f3f5f9;
bottom: -100px;
right: -16px;
transform: rotateZ(6deg);
}

.tile_top_grey .container {
position: relative;
z-index: 10;	
}

.tile_btm_white {
padding: 20px 0 40px;
position: relative;
background: #fff;
max-width: 1920px;
margin: 0 auto;
}

.tile_btm_white:after {
content: "";
width: 100%;
height: 200px;
position: absolute;
display: block;
background: #fff;
top: -100px;
right: 16px;
transform: rotateZ(6deg);
}

.tile_btm_white .container {
position: relative;
z-index: 10;	
}

/* tile end */

/* top menu */

.menu-top-menu-container {
position: relative;	
float: right;
}

.top_menu {
list-style: none;
padding: 0;
margin: 35px 0 0 0; 
text-align: right;
}

.top_menu > li {
display: inline-block; 
padding: 10px 20px; 
}

.top_menu > li > a {
font-size: 18px;
line-height: 160%; 
color: #fff;
display: block;
}

.top_menu li a:hover, .top_menu li a:focus, .top_menu li.current_page_item a {
text-decoration: underline; 
}

.menu_grey .top_menu > li > a { color: #3D3D49; }

.top_menu > li > a:hover .sub-menu, .top_menu > li > a:focus .sub-menu, .top_menu > li:hover > .sub-menu {
display: block;
}

.top_menu .sub-menu {
display: none;	
position: absolute;
padding: 0;
margin: 0;
background: #5989e6;
text-align: left;
border-radius: 5px;
border: 1px solid #4179e5;
z-index: 1;
}

.top_menu .sub-menu > li {
display: block;
list-style: none;
padding: 0 10px;
}

.top_menu .sub-menu > li > a {
color: #fff;
display: block;
padding: 11px 5px 7px 10px;
border-bottom: 1px solid #4179e5;
}

.top_menu .closebtn {
position: absolute;
top: -15px;
right: 15px;
color: #313131;
text-decoration: none;
font-size: 50px;
font-weight: 300;
transform: rotateZ(45deg);
border: none;
}

/* top menu end */

/* left_top_menu */

.left_top_menu {
margin: 150px 0 0 -15px;
padding: 0;
}

.left_top_menu li {
list-style: none;
padding: 0;
}

.left_top_menu li a {
display: block;
padding: 5px 0;
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: #3D3D49;
opacity: 0.6;
}

.left_top_menu.left_top_menu_white li a {
color: #fff;	
}

.left_top_menu li:hover a, .left_top_menu li a:hover, .left_top_menu li.current-menu-item a {
opacity: 1;
}

/* left_top_menu end */

/* logo */

.custom-logo-link {
position: absolute;
left: 0;
top: 0;
display: block;
height: 250px;
width: 513px;
background: url(/wp-content/themes/pagemark/img/tile_logo.png) right top no-repeat;
}

.custom-logo-link img {
position: absolute;
left: 0;
top: 30px;	
}

#header_simple .custom-logo-link {
height: 100px;	
background: none;	
}

/* logo end */

/* main header */

#header_main {
max-width: 1920px;
margin: auto;
background: url(/wp-content/themes/pagemark/img/tile_mainheader.png) center top no-repeat;
height: 755px;
position: relative;
}

.header_top {
width: 100%;
display: table;
text-align: center;
position: relative;
}

.header_h1 {
margin: 60px 0 0 0;  
}

.header_h1.header_h1_solution {
margin: 70px 0 0 0;  	
}

#header_product, #header_product_grey {
min-height: 614px;
padding-bottom: 180px;
max-width: 1920px;
margin: auto;
position: relative;
background: url(/wp-content/themes/pagemark/img/tile_header.png) center bottom no-repeat;
background-size: cover; 
z-index: 10;
}

#header_product_grey {
background: url(/wp-content/themes/pagemark/img/tile_header_grey.png) center bottom no-repeat;	
background-size: cover;
}

.text_block {
margin-top: 15px;	
position: relative;
z-index: 10;
}

.txt_block {
position: relative;
z-index: 10;	
}

#header_solution {
min-height: 614px;
padding-bottom: 180px;
max-width: 1920px;
margin: auto;
position: relative;	
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
z-index: 10;
}

#header_simple {
padding-bottom: 20px;
max-width: 1920px;
margin: auto;	
}

.qr_code {
width: 910px;
height: 600px;
position: absolute;
text-align: center;
background: url(/wp-content/themes/pagemark/img/tile_qr_code.png) right bottom no-repeat;
right: 0;
bottom: -115px;
z-index: 10;
}

.qr_code img {
position: absolute;
left: 260px;
top: 90px;
}

.header_solution_mask, .image_placeholder {
position: relative;	
}

.header_solution_mask:after, .image_placeholder:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 614px;
background: url(/wp-content/themes/pagemark/img/block.svg) center bottom no-repeat;
z-index: 10;
background-size: 130%;	
}

/* main header end */

/* icons_block */

.icons_block {
padding: 40px 0;
display: flex;
justify-content: space-between;
}

.icons_block_item {
text-align: center;
margin: 20px 0;
width: 360px;
}

.icons_block_item img {
margin-bottom: 15px;
}

.icons_block_text {

}

/* icons_block end */ 

/* FAQ mainpage */

.front-page .ufaq-faq-list {   
padding-bottom: 40px;
padding-top: 65px;
background: #F7F8FA;
max-width: 1920px;
margin: auto;
position: relative;
}

.front-page .ufaq-faq-list:before {
content: "";
width: calc(100% + 20px);
height: 200px;
position: absolute;
display: block;
background: #f7f8fa;
top: -95px;
left: 0;
transform: rotateZ(-6deg);
}

.ewd-ufaq-faqs {
width: 1200px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
position: relative;
}

.ufaq-faq-title a {
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: #3D3D49;
}

div.ufaq-faq-categories, div.ufaq-faq-tags {
display: none;	
}

.ufaq-faq-title .ewd-ufaq-post-margin-symbol span {
font-size: 18px;	
}

.ufaq-faq-div {
margin: 32px 0;
}

div.ufaq-faq-title div.ewd-ufaq-post-margin-symbol {
margin-right: 30px;
padding: 11px 0px 0px 2px;	
}

.ufaq-faq-body {
padding: 0px 25px;
padding-left: 56px;
}

.ufaq-faq-body {
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: #7D7D92;
margin: 3px 0 !important;
}

div.ufaq-faq-post p {
margin: 0 !important;
}

.faq_page .h1 {
display: none;	
}

.faq_page .ufaq-faq-div {
margin: 0 0 32px 0;
background: #F7F8FA;
padding: 24px 55px;
}

.faq_page div.ufaq-faq-title div.ewd-ufaq-post-margin-symbol {
color: #2E5EED;	
}

.faq_page .ewd-ufaq-post-active {
background: #fff;	
}

.faq_page .ufaq-faq-title a {
color: #7D7D92;	
}

.faq_page .ewd-ufaq-post-active .ufaq-faq-title a {
color: #3D3D49;	
}

.faq_page .ewd-ufaq-faqs {
padding: 0;	
}

/* FAQ mainpage end */

/* main page text_block1 */

.text_block1 {
min-height: 1160px;
color: #fff;  
background-repeat: no-repeat;
background-position: center top;  
margin-top: -345px;    
padding-top: 400px;
}

.image_block {
padding-top: 20px;
max-width: 970px;
margin-left: 120px;
}

/* main page text_block1 */ 

/* block_targeted */

.block_targeted {
display: flex;
padding: 30px 0;
justify-content: space-between;
border-bottom: 1px solid rgba(61, 61, 73, 0.2);
}

.block_targeted_left {
width: 350px;
}

.block_targeted_right {
width: 660px;
}

.block_targeted_title {
padding: 0;
border-bottom: 0;	
}

/* block_targeted end */

/* list */

.list_ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 18px;
line-height: 160%;
}

.list_ul li {
padding: 12px 0 13px 120px;
position: relative;
}

.list_ul li:before {
content: "";	
position: absolute;
width: 20px;
height: 2px;
left: 0;
top: 26px;
background: linear-gradient(112.44deg, #2E5EED 0%, #5C81F2 100%);
}

/* list end */

/* solutions_block */

.solutions_main {
background: url(/wp-content/themes/pagemark/img/tile_solutions.png) center top no-repeat #F7F8FA;
}

.solutions {
display: flex;
flex-wrap: wrap;
}

.solutions_block {
display: flex;
flex-flow: column;
color: #3D3D49;
}

.solutions_block:hover {
text-decoration: none;	
color: #3D3D49;
}

.solutions_title {
max-width: 347px;	
}

.solutions_block2 .solutions_title {
max-width: 250px;	
}

.solutions_block6 .solutions_title {
max-width: 460px;	
}

.solutions_block1, .solutions_block4 {
flex: 2;
background-position: center top;
background-repeat: no-repeat;
max-width: 1200px;
padding-left: 60px;
min-height: 475px;
justify-content: flex-end;
padding-bottom: 40px;
}

.solutions_block2, .solutions_block3 {
flex: 1;
padding-left: 60px;
padding-right: 60px;
padding-top: 40px;
min-height: 475px;
}

.solutions_block5, .solutions_block6 {
padding-left: 60px;
padding-right: 60px;
width: 50%;
min-height: 665px;
justify-content: flex-end;
padding-bottom: 185px;
}

.solutions_description {
max-width: 800px;
padding-top: 50px;
padding-bottom: 20px;
margin: 10px 0 0 100px;
}

.solutions_block p {
max-width: 800px;	
}

/* solutions_block end */

/* Bottom menu */

.bottom_menu {
display: flex;
margin: 0;
padding: 0;
justify-content: space-between;
}

.bottom_menu > li {
display: block;
list-style: none;
}

.bottom_menu > li:hover > a {

}

.bottom_menu > li > a {
font-size: 24px;
line-height: 120%;
margin-bottom: 15px;
color: #3D3D49;
display: block;
}

.bottom_menu .sub-menu {
margin: 0;
padding: 0;
}

.bottom_menu .sub-menu > li {
list-style: none;
padding: 2px 0;
}

.bottom_menu .sub-menu > li > a {
font-size: 18px;
line-height: 160%;
display: block;
color: #7D7D92;
padding: 10px 0;
}

.bottom_menu .sub-menu > li:hover > a, .bottom_menu .sub-menu > li.current-menu-item a {
color: #3361ED;
}

/* Bottom menu end */

/* Buttons */

.btn {
display: inline-block;	
font-weight: 600;
font-size: 18px;
line-height: 21px;
text-align: center;
border-radius: 100px;	
color: #fff;
padding: 14px 25px 15px;
min-width: 300px;
border: transparent;
}

.btn_white {
background: rgba(255, 255, 255, 20%);
}

.btn_blue {
background: linear-gradient(270deg, #3A53C1 -69.81%, #5076E8 100%);
}

label {
font-size: 12px;
color: #c5d2fa;	
}

.form-control {
padding: 2px 0 10px;
margin-bottom: 20px;
border: none;
color: #fff;
font-size: 18px;
background: transparent;
transition: 0.5s;
width: 100%;
border-bottom: 1px solid #8aa5f5;
}

.form-control:focus, .form-control:active {
border-bottom: 1px solid #fff;	
}

.form-control::-webkit-input-placeholder { 
	color: #fff !important;
}

.form-control:-ms-input-placeholder { 
	color: #fff !important;
}

.form-control::placeholder {
	color: #fff !important;
}

.form-control_grey {
padding: 2px 0 10px;
margin-bottom: 20px;
border: none;
color: #1f1f1f;
font-size: 18px;
background: transparent;
transition: 0.5s;
width: 100%;
border-bottom: 1px solid #3D3D49;
}

.form-control_grey:focus, .form-control_grey:active {
border-bottom: 1px solid #3361ED;	
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900;
color: #ffb900;
}
/* Buttons end */

/* contact us page */

.contact_page {
max-width: 1920px;
margin: auto;	
background-position: center top;	
background-repeat: no-repeat;	
}

.page_contact_form label {
font-size: 12px;
color: #3D3D49;	
}

.page_contact_form label {
font-size: 12px;
color: #3D3D49;	
}

.page_contact_us > .container {
position: relative;	
}

.map_pin > div {
position: absolute;
right: 172px;
width: 314px;
top: 151px;
}

.map_pin .pin {
background: #2BC9F6;
border: 10px solid #4565d5;
width: 36px;
height: 36px;
border-radius: 50%;
float: left;
}

.map_pin .address {
color: #7D7D92;
font-size: 20px;  
float: right;
line-height: 25px;
width: 255px;	
margin-top: -10px;
}

.map_pin a {
display: block;
margin-top: 10px;	
}

/* contact us page end */

/* benefits */

.benefits {
padding-bottom: 190px;	
}

.benefits .container {
position: relative;
z-index: 10;	
}

.benefits .list_ul {
margin: 30px 45px;	
}

/* benefits end */

/* contact_form */

.contact_form p {
margin: 0;	
}

.contact_form .btn {
margin-top: 40px;
}

/* contact_form */

/* Footer */

.mainFooter {
padding: 70px 0 30px;
margin: auto;	
max-width: 1440px;
}

.copyright {
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: #7D7D92;
}

.footerIcon {
text-align: right;
font-size: 30px;	
margin-top: 5px;
}

.footerIcon a {
color: #d8d8db;
margin: 0 10px;	
}

.tile_footer {
padding-top: 285px;	
background: url(/wp-content/themes/pagemark/img/tile_footer.png) center top no-repeat #f3f5f9;	
}

.tile_footer .mainFooter {
padding-top: 0;
background: #fff;	
}

/* Footer end */

/* why_pagemark_icon */

.why_pagemark_block {
padding-top: 70px;
padding-bottom: 20px;
}

.why_pagemark, .why_pagemark2 {
display: flex;	
flex-wrap: wrap;
position: relative;
z-index: 10;
margin-top: 40px;
justify-content: space-between;
}

.why_pagemark2 {
justify-content: normal;	
}

.why_pagemark_icon {
width: 45%;
margin-bottom: 50px;
}

.why_pagemark2 .why_pagemark_icon {
width: 29%;
margin-right: 6%;
}

.why_pagemark2 .why_pagemark_icon:nth-child(3n) {
margin-right: 0;	
}

.why_pagemark_icon img {
display: block;
margin-bottom: 15px;
}

.why_pagemark_text {
font-size: 18px;
line-height: 160%;
color: #7D7D92;
}

/* why_pagemark_icon end */

/* products */

.products_block {
padding-bottom: 40px;
background: #F7F8FA;
max-width: 1920px;
margin: auto;
position: relative;
}

.products_block:before {
content: "";
width: calc(100% + 20px);
height: 200px;
position: absolute;
display: block;
background: #f7f8fa;
top: -95px;
left: 0;
transform: rotateZ(-5deg);
}

.products {
position: relative;	
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1400px;
margin: auto;
padding-top: 100px;
}

.products_left {
width: 40%;	
margin-left: 5%;
}

.products_right {
width: 50%;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}

.products_right > div {
width: 50%; 
display: flex;
justify-content: center;
flex-flow: column;
}

.products_item {
display: block;
width: 295px;
margin-bottom: 50px;
padding-left: 100px;
}

.products_item img {
display: block;	
margin-bottom: 10px;
}

.products_title {
display: block;	
}

.products_description {
margin: 0;	
}

/* products end */

/* image_placeholder */

.image_placeholder {
min-height: 840px;
padding-top: 200px;
background-repeat: no-repeat;	
background-position: center center;
}

/* image_placeholder end */

/* highlights */

.highlights_block {
padding-bottom: 60px;	
background: #F7F8FA;	
max-width: 1920px;
margin: auto;
position: relative;
}

.highlights_block:before {
content: "";
width: calc(100% + 20px);
height: 200px;
position: absolute;
display: block;
background: #f7f8fa;
top: -95px;
left: 0;
transform: rotateZ(-4.4deg);
}

.highlights {
display: flex;
justify-content: space-between;
padding: 30px 0;
flex-wrap: wrap;
position: relative;
}

.highlights_icon {
width: 26%;
}


.highlights_icon img {
display: block;
margin-bottom: 30px;	
}

.highlights_icon div {
font-weight: 500;
font-size: 24px;
line-height: 120%;
color: #3D3D49;	
}

.highlights_icon p {
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: #7D7D92;
}

/* highlights end */

/* partners */

.partners {
padding: 30px 0;	
}

.partners .h2 {
margin: 0 0 30px;	
}

.partners_item {
max-width: 540px;	
}

/* partners end */

/* Industry main page */

.industries_block {
max-width: 1920px;
margin: -35px auto 0;
position: relative;
z-index: 10;
padding: 0 0 275px;
background: url(/wp-content/themes/pagemark/img/vector.svg) center 30px no-repeat #F7F8FA;
background-size: 100%;
}

.industries_block:after { 
content: "";
width: calc(100% + 20px);
height: 270px;
position: absolute;
display: block;
z-index: 1;
background: #fff;
bottom: 110px;
left: 0;
transform: rotateZ(-6deg);
}

.industry_item {
display: block;	
}

.industry_item:hover {
text-decoration: none;
}

.industry_block {
z-index: 10;
position: relative;	
background: #4362D2;	
}

.industry_item1 {
float: left;
width: 600px;
margin-top: 275px;
}

.industry_item2 {
width: 360px;
float: left;
z-index: 10;
}

.industry_item3 {
width: 660px;
height: 490px;
position: absolute;
padding: 60px;
left: 600px;
bottom: 0;
z-index: 10;
}

.industry_item1 .industry_block {
height: 360px;
padding: 60px;
}

.industry_item2 .industry_block {
padding: 30px 40px;
height: 420px;
}

.industries {
float: left;
max-width: 600px;
margin-top: 435px;
margin-left: 115px;
}

/* Industry main page end */

.product_text_block {
position: relative;
z-index: 10;
background: #f7f8fa;
max-width: 1920px;
margin: auto;
padding: 0;
}

.product_text_block_c {
display: flex;	
}

.product_text_block_l {
padding: 30px 90px 30px 13%;
width: 62.5%;
}

.product_text_block_r {
background: #fff;
width: 37.5%;    
padding: 50px 13% 30px 90px;
}

/* posts */

.wp-block-latest-posts.columns-3 li a {
font-weight: 500;
font-size: 24px;
line-height: 120%;
color: #3D3D49;
}

/* posts end */

/* clear */
.clr{clear: both !important;}

/* display */
.db {display: block !important;}
.di {display: inline !important;}
.df {display: flex;}
.dib {display: inline-block !important;}
.dnone {display: none;}

/* float */
.fl {float: left !important;}
.fr {float: right !important;}
.fnone {float: none !important;}

/* border */
.brdnone {border: none}

/* width */
.w10p {width: 10% !important;} .w20p {width: 10% !important;} .w25p {width: 25% !important;} .w30p {width: 30% !important;} .w33p {width: 33% !important;}
.w40p {width: 40% !important;} .w50p {width: 50% !important;} .w60p {width: 60% !important;} .w70p {width: 70% !important;} .w80p {width: 80% !important;}
.w90p {width: 90% !important;} .w100p {width: 100% !important;}

.w70px {width: 70px !important;}
.w100px {width: 100px !important;}
.w150px {width: 100px !important;}
 
/* padding */
.p0 {padding: 0 !important;} .p5 {padding: 5px !important;} .p10 {padding: 10px !important;} .p15 {padding: 15px !important;} .p20 {padding: 20px !important;} .p25 {padding: 25px !important;}
/* padding-left */
.pl0 {padding-left: 0px !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} 
/* padding-right */
.pr0 {padding-right: 0px !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;}
/* padding-top */
.pt0 {padding-top: 0px !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;}
/* padding-bottom */
.pb0 {padding-bottom: 0px !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;}

/* margin */
.m0 {margin: 0 !important;} .m5 {margin: 5px !important;} .m10 {margin: 10px !important;} .m15 {margin: 15px !important;} .m20 {margin: 20px !important;} .m25 {margin: 25px !important;}
/* margin-left */
.ml0 {margin-left: 0px !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;}
/* margin-right */
.mr0 {margin-right: 0px !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} 
/* margin-top*/
.mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;}
/* margin-bottom */
.mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;}

.nowrap{white-space: nowrap;}
.text-center { text-align: center; }

@media (min-width: 1470px) {
	.container {
	width: 1440px;
	}
	.custom-logo-link img {
	left: 69px;
	top: 45px;
	}
	.custom-logo-link {
	left: -76px;
	top: 0;
	height: 250px;
	width: 613px;
	background: url(/wp-content/themes/pagemark/img/tile_logo.png) left -20px no-repeat;
	}
	.block_id_card {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    overflow: hidden;
    color: #3D3D49;
    padding: 0 50px;
    margin: auto;
    width: 1290px;
    display: flex;
	}
	.id_card_left {
    width: 300px;
    float: left;
    order: 1;
	}
	.block_id_card p {
    margin: 0px 0 37px;
	}
	.id_card_img {
    display: block;
    margin: 9px auto 0;
    float: left;
    width: 595px;
    order: 2;
	}
	.id_card_img img {
    margin: -4px 49px 0 -157px;
    max-width: inherit;
	}
	.id_card_right {
    float: left;
    width: 291px;
    order: 3;
	}
	.id_card_md, .block_id_card .num {
	display: none;	
	}
}
@media screen and (min-width: 1300px) and (max-width: 1469px) {
	.block_id_card {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    overflow: hidden;
    color: #3D3D49;
    padding: 0 50px;
    margin: auto;
    width: 1290px;
    display: flex;
	}
	.id_card_left {
    width: 300px;
    float: left;
    order: 1;
	}
	.block_id_card p {
    margin: 0px 0 37px;
	}
	.id_card_img {
    display: block;
    margin: 9px auto 0;
    float: left;
    width: 595px;
    order: 2;
	}
	.id_card_img img {
    margin: -4px 49px 0 -157px;
    max-width: inherit;
	}
	.id_card_right {
    float: left;
    width: 291px;
    order: 3;
	}
	.id_card_md, .block_id_card .num {
	display: none;	
	}
	.map_pin >div { right: 37px; }
}
@media screen and (max-width: 1299px) {

	.block_id_card {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #3D3D49;
	}

	.block_id_card .num {
	display: inline-block;	
	color: rgba(61, 61, 73, 0.4);
	margin-right: 20px;
	width: 30px;
	}
	.block_id_card p {
    margin: 0px 0 15px;
	}
	.block_id_card p {
    margin: 5px 0;
	}
	.id_card_img {
    display: block;
    margin: 9px auto 30px;
	}
	.id_card_md {
	display: block;	
	}
	.id_card_lg {
	display: none;	
	}
}

@media (min-width: 1200px) {
	header#header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 80;
	transform: translate3d(0px, 0px, 0px);
	transition: all 0.25s linear 0s;	
	}
	header#header.fixed-up {
	transform: translate3d(0px, -170px, 0px);  
	}   
	header#header.fixed-down {
	transform: translate3d(0px, 0, 0px);  
	background: #fff;
    border-bottom: 1px solid #ccc;
	}  
	
	header#header.fixed-down .top_menu > li > a {
	color: #3D3D49;
	}
	header#header.fixed-down .pagemark_logo {
	display: block;		
    float: left;
    margin-top: 30px;
	}
	header#header.fixed-up .pagemark_logo, .pagemark_logo {
	display: none;	
	}
	header#header.fixed-down .custom-logo-link {
	display: none;	
	}
	header#header.fixed-up .custom-logo-link {
	display: none;	
	}
	.header_title {
	padding-top: 80px;	
	}
	.navbar-toggle { 
	display: none;
	}
	.title_offerings {
	padding-top: 80px;	
	}
	.top_menu .closebtn {
	display: none;	
	}
	.products_left {
	padding-top: 112px;	
	}
	.benefits.tile_grey {
	padding-top: 250px;	
	padding-bottom: 30px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.products_left, .products_right, .industries, .ewd-ufaq-faqs {
	width: 1170px !important;
	margin: auto;
	padding: 0 30px;
	}
	.map_pin > div { right: 37px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.products_left, .products_right, .industries, .ewd-ufaq-faqs, .product_text_block_c {
	width: 970px !important;
	margin: auto;
	padding: 0 45px;
	}
	.tile_footer {
    padding-top: 215px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.products_left, .products_right, .industries, .ewd-ufaq-faqs, .product_text_block_c {
	width: 750px !important;
	margin: auto;
	padding: 0 30px;
	}
	h1, .h1 { font-size: 48px; }
	.solutions_title { font-size: 36px; }
	#header_main {
    background: url(/wp-content/themes/pagemark/img/tile_mainheader.png) center bottom no-repeat;
    height: 645px;
	}
	.qr_code {
	background: url(/wp-content/themes/pagemark/img/tile_qr_code.png) right -150px bottom no-repeat;
    right: 0;
    bottom: -70px;
    background-size: 540px;
	}
	.qr_code img {
	width: 165px;
	height: auto;	
    left: calc(50% - 80px);
    top: 380px;
	}
	.tile_footer {
    padding-top: 215px;
	}
}

@media screen and (min-width: 640px) and (max-width: 1399px) {
	.image_block { margin-left: 0; }
	.highlights_icon { width: 46%; }
	.solutions_description { margin: 0; }
	.solutions_block {
    display: flex;
    flex-flow: column;
    color: #3D3D49;
    width: 50% !important;
    justify-content: flex-end;
    flex: auto !important;
    padding-bottom: 50px;    
    padding-left: 30px;
    padding-right: 30px;
    min-height: 370px;
	}
	.products_right > div {
	justify-content: normal;
	width: 100%;
	display: block;
	overflow: hidden;
	}
	.products_right > div > div {
    width: 50%;
    float: left;	
	}
	.products_right {
	margin: 30px auto 0;	
	}
	.industries_block {
    display: flex;
    flex-flow: column;
    background-size: 160%;
    padding: 100px 0 75px;
    background: url(/wp-content/themes/pagemark/img/vector.svg) center top no-repeat #F7F8FA;
	}
	.industries {
	float: none;
    width: 100%;
    max-width: none;
    margin-top: 0;
    margin-left: auto;
    order: 1;	
	}
	.industry_item {
    display: flex;
    float: none !important;
    width: 100% !important;
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    margin-top: 0 !important;
	}
	.industry_item1 {
	order: 2;
	flex-flow: row-reverse;		
	}
	.industry_item2 {
	order: 3;
	flex-flow: row-reverse;	
	}
	.industry_item3 {
	order: 4;	
	display: block;
	}
	.industry_item1 .industry_block {
    width: 50%;
    position: absolute;
    left: 0;
	}
	.industry_item2 .industry_block {
	width: 50%;	
	}
	main { overflow: hidden; }
	.industries_block:after/*, .front-page .ufaq-faq-list:before, .products_block:before */{
	display: none;	
	}
	.solutions_block5, .solutions_block6 {
	padding-bottom: 185px;	
	}
	h2, .h2 {
	font-size: 36px;
	}
}


@media screen and (max-width: 1399px) {
	.products_item {
	width: auto;	
	padding-left: 30px;
	}
}

@media screen and (max-width: 991px) {
	.custom-logo-link {
    height: 85px;
    width: 240px;
    background: none;
	}
}

@media (max-width: 1199px) {
	header#header {	
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 80;	
	}

	#header_product_grey {		
    background: url(/wp-content/themes/pagemark/img/tile_header.png) center bottom no-repeat;
    background-size: cover;
	}

	.product_text_block {
	background: #fff;	
	}

	.product_text_block_c {
	display: block;
	margin: auto;	
	padding: 0 20px;
	}

	.product_text_block_l {
    padding: 30px;
    width: 100%;
	}

	.product_text_block_r {
    padding: 30px;
    width: 100%;
	}

	.header_title {
	padding-top: 40px;	
	}

	.pagemark_logo {
	display: none;	
	}

	.icon-bar {
    height: 1px;
    background: #fff;   
    margin: 0;
    opacity: 0.5;
    float: right;
    clear: both;
    } 

    .navbar-toggle-grey .icon-bar {
    background: #000;
    }

    .navbar-toggle .icon-bar1 {
    width: 20px;
    }

    .navbar-toggle .icon-bar2 {
    width: 20px;	
    }

    .navbar-toggle {
    display: block; 
    float: right;
    height: 32px;
    border-radius: 0;
    margin: 20px -10px 0 0;
    overflow: hidden;
    padding: 10px;
    background: transparent;
    border: none;
    text-align: right;
    }

    .navbar-toggle .icon-bar {
    margin: 0 auto 10px;   
    }

    .menu-top-menu-container {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1001;
    top: 0;
    right: 0;
    margin: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    display: none;
    align-items: center;
    justify-content: center;
	}


	.benefits {
    padding-bottom: 35px;
	}
	.bottom_menu {
	flex-wrap: wrap;	
	}
	.bottom_menu > li {
	width: 50%;
	margin-bottom: 40px;	
	}
	.tile_grey:before {
	height: 150px;	
	}
	.benefits .list_ul {
    margin: 30px 0;
	}
	.container {
	padding-left: 45px;
    padding-right: 45px;	
	}
	.top_menu > li {
    display: block;
    text-align: center;
	}
	.top_menu .sub-menu > li {
    text-align: center;
	}
	.top_menu > li > a {
	color: #333;	
	border-bottom: 1px solid #b3b3b3;
	}
	.top_menu .sub-menu {
	background: transparent;
	border: none;	
	display: block;
	position: relative;
	}
	.top_menu .sub-menu > li > a {
	color: #333;	
	border-bottom: 1px solid #d8d8d8;
	}

	.list_ul li {
    padding: 12px 0 13px 50px; 
	}
	.partners_item {
    max-width: 100%;
    margin-bottom: 30px;
	}
	.faq_page .ewd-ufaq-faqs {
    padding: 0;
    width: 100% !important;
	}
	#header_simple {
	padding-top: 60px;	
	padding-bottom: 0;	
	}
	.block_targeted {
	display: block;	
	}
	.block_targeted_title {
	display: none;	
	}
	.block_targeted_left, .block_targeted_right {
	width: 100%;	
	}
	.id_card_lg {
	display: none;	
	}
	.contact_page {
	background: none !important;	
	}
	.map_pin {	
    position: relative;
    right: auto;
    width: 100%;
    background-image: url(https://pagemark.intelexcanada.com/wp-content/uploads/2020/09/tile_contact_us.jpg);
    top: auto;
    height: 600px;
    background-position: right center;	
	}
	.map_pin:before {
	content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: url(/wp-content/themes/pagemark/img/tile_contact_us.png);
    background-position: center center;
    background-size: contain;
	}
	.map_pin > div {
	position: absolute;
	top: 318px;
	}
}

@media screen and (min-width: 640px) and (max-width: 991px) {
	.why_pagemark2 .why_pagemark_icon {
	width: 47%;
	margin-right: 6%;
	}

	.why_pagemark2 .why_pagemark_icon:nth-child(even) {
	margin-right: 0;
	}
	.why_pagemark2 .why_pagemark_icon:nth-child(3n) {
    margin-right: 6%;
	}
}


@media screen and (min-width: 991px) {
	.wp-block-latest-posts.columns-3 li {
	width: calc(33.33333% - 110px);
	margin: 0 110px 16px 0;
	}
}

@media screen and (max-width: 767px) {
	h1, .h1 {
    font-size: 36px;
	}
	h2, .h2 {
    font-size: 36px;
	}
	.bottom_menu > li {
	width: 100%;
	margin-bottom: 40px;
	}
	.footerIcon {
    text-align: left;
	}
	.why_pagemark_icon {
    width: 100%;
	}
	.container {
    padding-left: 20px;
    padding-right: 20px;
	}
	.tile_grey {
    padding: 100px 0 16px;
	}
	.tile_grey:before {
    height: 120px;
	}
	.benefits.tile_grey {
    padding: 100px 0 20px;
	}
	.faq_page .ufaq-faq-div {
	padding: 10px 0 10px 24px;	
	}
	div.ufaq-faq-title div.ewd-ufaq-post-margin-symbol {
    margin-right: 15px;
	}
	.ufaq-faq-title-text {
    width: calc(100% - 40px);
	}
	.ufaq-faq-body {
	padding-left: 40px;	
	}
	div.ufaq-faq-title h4 {
	font-size: 18px;
	}
	#header_main {
    background: url(/wp-content/themes/pagemark/img/tile_mainheader.png) center bottom no-repeat;
    height: 745px;
	}
	.qr_code {
	background: url(/wp-content/themes/pagemark/img/tile_qr_code.png) right -150px bottom no-repeat;    
    bottom: -80px;
    width: 100%;
    background-size: 440px;
	}
	.qr_code img {	
    width: 188px;
    height: auto;
    left: calc(50% - 86px);
    top: 355px;
	}
	.text_block1 {
    min-height: 790px;
    background-size: 1350px;
    padding-bottom: 95px;
    }
    .highlights {
	padding: 60px 0 0;
	}
    .highlights_icon  {
    width: 100%;	
    padding-bottom: 30px;
    }	
    .highlights_block {
	padding-bottom: 0;	
	}
    .solutions_block {
    width: 100%;
    height: 375px;
    min-height: auto;
    }
    .products_left, .products_right, .industries, .ewd-ufaq-faqs, .product_text_block_c {
    width: 100% !important;
    margin: auto;
    padding: 0 15px;
	}
	.products {
	padding-top: 0;	
	}
	.products_block {
	padding-top: 75px;	
	}
	.products_left {
	margin-bottom: 60px;	
	}
	.products_left .p2 {
	margin: 0;	
	}
	.products_right > div > div {
	width: 100%;
	float: none;	
	}
	.industry_item {
	flex-flow: column !important; 	
	position: relative;
	left: auto;
	bottom: auto;
	float: none;
	margin-top: 0;
	overflow: hidden;
	order: 2;
	width: 100%;
	}
	.industries {
	order: 1;	
	padding-top: 50px;
	}
	.industry_item1 .industry_block, .industry_item2 .industry_block, .industry_item3 {
	width: 100%;
	position: relative;
	}
	.industry_item1 .industry_block {
    height: 275px;
    padding: 50px 20px;
	}
	.industry_item2 .industry_block, .industry_item3 {
    padding: 55px 20px;
    height: 305px;
	}
	.industry_item.industry_item2 {
	display: flex;
	width: 100%;
	flex-flow: column-reverse !important;
	}
	.industries_block {
	padding-bottom: 0;	
	display: flex;
	flex-flow: column;
	background-size: 165%;
	background-position: center top;
	}
	.industries_block:after, .front-page .ufaq-faq-list:before, .products_block:before, .highlights_block:before {
	display: none;	
	}
	.industry_item1 img {
	max-width: inherit;
	width: 640px;	
	}
	.solutions {
	display: block;	
	}
	.solutions_block5, .solutions_block6 {
	padding-bottom: 25px;	
	}
	.solutions_block {
    padding: 20px;
    justify-content: flex-end;
	}
	.solutions_main {
    background: url(/wp-content/themes/pagemark/img/tile_solutions.png) right -42px top no-repeat #F7F8FA;
    padding-top: 30px;
    background-size: 760px;
	}

	.image_block {
	margin: auto;	
	padding-top: 37px;
	}

	.solutions_description {
	margin: 0;
	padding-top: 25px;	
	}
	.solutions_description .p2 { margin-top: 0 }
	.products_item img {
    margin-bottom: 20px;
	}
	.products_description {
    margin: 10px 0 0 0;
	}
	.ufaq-faq-div {
    margin: 22px 0;
	}
	.image_placeholder {
	min-height: 840px;
    padding-top: 130px;
    background-repeat: no-repeat;
    background-position: right -615px bottom;
    background-size: 565%;
	}
	.tile_footer {
    padding-top: 185px;
	}
	.icons_block, .icons_block_item {
	display: block;
	width: 100%;	
	}
	.icons_block_item { 
	margin-bottom: 60px;
	}
}


@media screen and (max-width: 479px) {
	#header_main .header_h1 {
	max-width: 200px;
	line-height: 100%;
	margin-bottom: 26px;	
	}

	.text_block .p2 {
	margin-bottom: 15px;	
	}
}

@media screen and (max-width: 639px) {
	.why_pagemark2 .why_pagemark_icon {
	width: 100%;
	margin-right: 0;
	}

	.why_pagemark2 .why_pagemark_icon:nth-child(even) {
	margin-right: 0;
	}
	.why_pagemark2 .why_pagemark_icon:nth-child(3n) {
    margin-right: 0;
	}
	.products_right > div {
	justify-content: normal;
	width: 100%;
	display: block;
	overflow: hidden;
	}
	.products_right > div > div {
    width: 50%;
    float: left;	
	}
	.products_right {
	margin: 30px auto 0;	
	}
	.benefits.tile_grey {	
	padding-bottom: 0;
	}
	.tile_footer {
    padding-top: 100px;
	}
	.map_pin {
	height: 500px;
	background-position: 505px center;
	}
	.map_pin > div {
    top: 260px;
    left: 20px;
	}
	.map_pin .pin { float: none; }
	.map_pin .address { width: 260px; margin-top: 20px; float: none; }
}