/* Theme base styles */

@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
   

@font-face {
    font-family: 'Roc Grotesk';
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraBold.eot');
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraBold.eot#iefix') format('embedded-opentype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraBold.woff2') format('woff2'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraBold.woff') format('woff'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraBold.ttf') format('truetype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraBold.svg#RocGrotesk-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roc Grotesk';
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Black.eot');
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Black.eot#iefix') format('embedded-opentype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Black.woff2') format('woff2'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Black.woff') format('woff'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Black.ttf') format('truetype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Black.svg#RocGrotesk-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roc Grotesk';
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.eot');
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.eot#iefix') format('embedded-opentype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.woff2') format('woff2'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.woff') format('woff'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.ttf') format('truetype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.svg#RocGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roc Grotesk';
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraLight.eot');
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraLight.eot#iefix') format('embedded-opentype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraLight.woff2') format('woff2'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraLight.woff') format('woff'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraLight.ttf') format('truetype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-ExtraLight.svg#RocGrotesk-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roc Grotesk';
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Light.eot');
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Light.eot#iefix') format('embedded-opentype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Light.woff2') format('woff2'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Light.woff') format('woff'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Light.ttf') format('truetype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Light.svg#RocGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roc Grotesk';
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Heavy.eot');
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Heavy.eot#iefix') format('embedded-opentype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Heavy.woff2') format('woff2'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Heavy.woff') format('woff'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Heavy.ttf') format('truetype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Heavy.svg#RocGrotesk-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roc Grotesk';
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Medium.eot');
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Medium.eot#iefix') format('embedded-opentype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Medium.woff2') format('woff2'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Medium.woff') format('woff'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Medium.ttf') format('truetype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Medium.svg#RocGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roc Grotesk';
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Regular.eot');
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Regular.eot#iefix') format('embedded-opentype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Regular.woff2') format('woff2'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Regular.woff') format('woff'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Regular.ttf') format('truetype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Regular.svg#RocGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roc Grotesk';
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Thin.eot');
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Thin.eot#iefix') format('embedded-opentype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Thin.woff2') format('woff2'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Thin.woff') format('woff'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Thin.ttf') format('truetype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Thin.svg#RocGrotesk-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


/* @font-face {
    font-family: 'Proxima Nova Rg';
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/ProximaNova-Regular.eot');
    src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/ProximaNova-Regular.eot#iefix') format('embedded-opentype'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/ProximaNova-Regular.woff') format('woff'),
        url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} */

/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
 



 


































































*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
a.cta_button {box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -ms-box-sizing:border-box !important;}

body { font-family: 'Geist', sans-serif;; color: #707070;  font-size: 18px; line-height:1.5; padding:0; margin:0; overflow-x:hidden; }
 
h1,h2,h3,h4,h5,h6 { font-family: 'Geist', sans-serif;; font-weight:bold; margin:0; padding:0; }
h1 { ; font-family: 'Geist', sans-serif;; font-weight:bold; color: #191C26;  font-size: 64px; line-height:1.1; letter-spacing: 0px; text-transform: none;}
h2 { ; font-family: 'Geist', sans-serif;; font-weight:bold; color: #191C26;  font-size: 48px; line-height:1.1; letter-spacing: 0px; text-transform: none;}
h3 { ; font-family: 'Geist', sans-serif;; font-weight:bold; color: #191C26;  font-size: 34px; line-height:1.1; letter-spacing: 0px; text-transform: none;}
h4 { ; font-family: 'Geist', sans-serif;; font-weight:bold; color: #191C26;  font-size: 30px; line-height:1.1; letter-spacing: 0px; text-transform: none;}
h5 { ; font-family: 'Geist', sans-serif;; font-weight:bold; color: #191C26;  font-size: 24px; line-height:1.1; letter-spacing: 0px; text-transform: none;}
h6 { ; font-family: 'Geist', sans-serif;; font-weight:bold; color: #191C26;  font-size: 20px; line-height:1.1; letter-spacing: 0px; text-transform: none;} 
 
img { height:auto; max-width:100%; }
p { padding:10px 0; margin:0; }
a { text-decoration:none; outline:none; color:#0051C2; transition: background .4s; }
a:hover { color:#0051C2; } 


form label { color:#191C26; }
input , 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"] { font-family: 'Geist', sans-serif;; font-weight:400; outline:none !important; margin:5px 0; border-width:1px; border-style: solid; border-color:#E5E5E5;  background:#fff; height:46px; padding:10px 15px; font-size:16px; line-height:24px; width:100%; display:inline-block; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
input[type=submit] , form button,.hs-button { width:auto; float:none; display:inline-block; font-size:24px; line-height:30px; cursor:pointer; height:auto; padding:14px 25px; font-family: 'Geist', sans-serif;; font-weight:bold; min-width:150px; border:none; outline:none; color:#ffffff; background-color:#0051C2; border:2px solid #0051C2; border-radius:5px; -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;; }
input[type=submit]:hover , form button:hover,.hs-button:hover { color:#ffffff; background-color:#001D4E; border-color: #001D4E; }

ul.hs-error-msgs { padding: 0; margin: 0; list-style: none; width: 100%; text-align: left; font-size: 16px; }
ul.hs-error-msgs label { color:#f00; }

input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#191C26; font-family: 'Geist', sans-serif;; opacity:1; font-size:18px; line-height:26px;}
input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder { color:#191C26; font-family: 'Geist', sans-serif;; opacity:1; font-size:18px; line-height:26px;}
input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder { color:#191C26; font-family: 'Geist', sans-serif;; opacity:1; font-size:18px; line-height:26px;}
input:-moz-placeholder,select:-moz-placeholder,textarea:-moz-placeholder { color:#191C26; font-family: 'Geist', sans-serif;; opacity:1; font-size:18px; line-height:26px; }
 
/*-slick-*/
.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 { 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; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; outline: none; }
.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-dots { margin:0; padding:0; list-style:none; }

.slick-arrow { position:absolute; top:50%; padding:0; border:none; font-size:0; min-width:auto;  width:80px; height:80px; border-radius:50%; line-height:0; outline:none; background:; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; transition:all .4s ease; }
.slick-arrow:hover { background:#011E24; color:#fff; }
.slick-arrow:before { position:absolute; content:""; left: 50%; top: 50%; transform: translate(-50% ,-50%); }
.slick-prev { left:0; color:#011E24; }
.slick-prev:before { width:38px; height:25px; background:url('https://f.hubspotusercontent20.net/hubfs/20236778/School_Theme_4/Images/prev-arrow.png') no-repeat center center / 100% 100%; }
.slick-next { right:0;}
.slick-next:before { width:38px; height:25px; background:url('https://f.hubspotusercontent20.net/hubfs/20236778/School_Theme_4/Images/prev-arrow.png') no-repeat center center / 100% 100%; transform:translate(-50%,-50%) rotate(180deg); }

ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:; cursor:pointer; min-width:auto; outline:none; padding:0; border:2px solid ;width:14px; height:14px; border-radius:100%; font-size:0; text-indent:-9999; cursor:pointer; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:transparent; }
 

.fancybox-stage .fancybox-content{ overflow:visible !important; padding:15px !important; text-align:center;}
.fancybox-stage .fancybox-close-small{ top:-60px !important; right:-30px}
.fancybox-stage .fancybox-close-small:after{ background:#888; color:#fff;  }
.fancybox-stage .fancybox-button { background:;top:0;right:0; padding:6px; border-radius:50%;min-width:auto }
.fancybox-stage .fancybox-button svg path{ fill:#ffff; color:#fff;}
 

.btn_style a { width:auto; float:none; font-family: 'Geist', sans-serif;; font-weight:500; display:inline-block; min-width:160px; text-transform:capitalize; text-align:center; font-size: 18px; line-height: 28px; padding:8px 20px; color:#ffffff; border:2px solid #0051C2; background:#0051C2; border-radius:5px; }
.btn_style a:hover { color:#ffffff; border-color:#0051C2; background:transparent; }  

.border_btn a { width:auto; float:none; font-family: 'Geist', sans-serif;; font-weight:500; display:inline-block; min-width:160px; text-transform:capitalize; text-align:center; font-size: 18px; line-height: 28px; padding:8px 20px; color:#ffffff; border:2px solid #0051C2; background:transparent; border-radius:5px; }
.border_btn a:hover { color:#fff; background:#0051C2; border-color:#0051C2; }  

.black_btn a { width:auto; float:none; font-family: 'Geist', sans-serif;; font-weight:500; display:inline-block; min-width:160px; text-transform:capitalize; text-align:center; font-size: 18px; line-height: 28px; padding:9px 20px 8px 20px; color:#fff; border:2px solid #0051C2; background:#0051C2; border-radius:5px; }
.black_btn a:hover { color:#ffffff; background:#0051C2; border-color:#0051C2; }  



.white_color { color:#fff; }
.text_left { text-align:left; }
.text_center { text-align:center; }
.text_right { text-align:right; }

/* flex */
.flex { display:flex; }
.flex_wrap { display:flex; flex-wrap:wrap; }
.align_center { align-items:center; }
.align_start { align-items:flex-start; }
.align_end { align-items:flex-end; }
.justify_center { justify-content:center; }
 
.container,.row-fluid .container { width:100%; margin:0 auto; padding:0 20px; max-width:1440px; }    



 

@media (max-width: 1400px){  
    
}
@media (max-width: 1200px){  
    
}

@media (max-width: 991px){  
    
}
@media (max-width: 767px){ 
          
}
/* Customer Review  */
.customer_review { display: inline-block; width: 100%; vertical-align: top; }


.customer_review { width:100%; display:block; padding:170px 0 240px; position:relative; overflow:hidden; }
.customer_review:before { position:absolute; content:""; right:auto; left:0; top:50%; width:calc(100% - 25%); height:calc(100% - 160px); background: #F4F7FE; transform:translateY(-50%); }
.customer_review .container { position:relative; }
.customer_review .customer_review_wrap { width:100%; padding-left:calc(100%/2 - 1440px/2 + 5px); display:flex; flex-wrap:wrap; margin:40px 0  0; position:relative; }
/* .customer_review .customer_review_wrap:before { position:absolute; content:""; width:120px; height:120px; z-index:-1; right:-23px; bottom:-14px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/imgpat-left.png') no-repeat center center; transform:rotate(-90deg); } */
.customer_review .customer_review_wrap .slick-list { padding-right:200px; }

.customer_review .slick-arrow { width:48px; height:48px;  background:#fff; border-radius:50%; border: 2px solid #0051C2; cursor:pointer; opacity:0.2; }
.customer_review .slick-arrow.slick-prev:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform: rotate(180deg) translateX(50%) translateY(50%); width: 17px; height: 17px; }
.customer_review .slick-arrow.slick-next:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform:translate(-50%,-50%) rotate(0deg); }
.customer_review .slick-arrow.slick-prev { left: calc(100%/2 - 1440px/2 + 20px); bottom: -90px; transform: translateY(0); top: auto; } 
.customer_review .slick-arrow.slick-next { right:auto; left: calc(100%/2 - 1440px/2 + 80px); bottom: -90px; transform: translateY(0); top: auto; } 
.customer_review .slick-arrow:hover { opacity:1; }

.customer_progress { width: 100%; height: 6px; background: #E5E5E5; margin-left:95px; border-radius:6px; overflow:hidden; position: absolute; bottom: 168px; max-width: 1280px; left: 50%; transform:translateX(-50%); } 
.customer_progress .progress { width: 0%; height: 6px; background: #0051C2; } 

.customer_review_wrap .review_col { width: calc(100% - 40px) !important; margin: 0 20px; display: inline-block; padding: 30px; background: #fff; border: 1px solid #f5f5f5; box-shadow: 0px 4px 20px 2px rgb(0 0 0 / 5%); border-radius: 6px; position:relative; transition:all .5s ease-in-out; }
/* .reviews_inner { overflow-x: hidden; } */
.customer_review_wrap .review_col .stars-5 { background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat; width: 150px; height: 28px; display: inline-block; line-height: 27px; font-size: 19px; }

.customer_review_wrap .review_col h5 { margin: 15px 0; font-size: 18px; line-height: 27px; }
.customer_review_wrap .review_col .review_content { font-size: 18px; line-height: 27px; color: #636363; font-weight: 400; }

.customer_review_wrap .review_col .hover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; display: block; padding: 30px; background: #191C26; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; opacity: 0; transition:all .5s ease-in-out; }
.customer_review_wrap .review_col .hover h4 { color: #fff; margin: 15px 0; font-family: Roc Grotesk; font-style: normal; font-weight: 500; font-size:18px; line-height:27px; }
/* .customer_review_wrap .review_col .hover .stars-4-5 { background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat center; height: 28px; width: 39%; } */
.customer_review_wrap .review_col .hover .hover_content { color: #fff; font-size: 18px; line-height: 27px; padding-bottom: 15px; }
.customer_review_wrap .review_col .hover a { text-decoration: underline; font-size: 18px; line-height: 27px; font-family: Roc Grotesk; font-style: normal; font-weight: 500; }
.customer_review_wrap .review_col .hover a:hover { color: #fff; }
.customer_review_wrap .review_col:hover .hover{ opacity:1; transition:all .5s ease-in-out; } 
.customer_review_wrap .review_col .review_top { display: flex; align-items: center; }
.customer_review_wrap .review_col .review_top span { padding-left: 10px; }

.customer_review_wrap .review_col .stars-0-5 {  background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat; height: 28px; width: 16px; display: inline-block; line-height: 27px; font-size: 19px; }
.customer_review_wrap .review_col .stars-1 {  background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat; height: 28px; width: 30px; display: inline-block; line-height: 27px; font-size: 19px;}
.customer_review_wrap .review_col .stars-1-5 {  background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat; height: 28px; width: 45px; display: inline-block; line-height: 27px; font-size: 19px;}
.customer_review_wrap .review_col .stars-2 {  background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat; height: 28px; width: 60px; display: inline-block; line-height: 27px; font-size: 19px;}
.customer_review_wrap .review_col .stars-2-5 {  background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat; height: 28px; width: 75px; display: inline-block; line-height: 27px; font-size: 19px;}
.customer_review_wrap .review_col .stars-3 {  background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat; height: 28px; width: 90px; display: inline-block; line-height: 27px; font-size: 19px;}
.customer_review_wrap .review_col .stars-3-5 {  background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat; height: 28px; width: 105px; display: inline-block; line-height: 27px; font-size: 19px;}
.customer_review_wrap .review_col .stars-4 {  background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat; height: 28px; width:120px; display: inline-block; line-height: 27px; font-size: 19px;}
.customer_review_wrap .review_col .stars-4-5 {  background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat; height: 28px; width: 135px; display: inline-block; line-height: 27px; font-size: 19px;}
/* .customer_review_wrap .review_col .stars-5 {  background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/star.png)repeat center; width: 39%; height: 28px; width: 15%; margin-left: -15px; } */

.industriser_area.industries_section {margin: 70px 0 0;}
.zigzag_box.left_img.fullgreay_area { background: #f4f7fe; margin-top:70px; }
.zigzag_box.left_img.fullgreay_area .zigzag_img { box-shadow: none; border-radius: 0; height:402px; }
.zigzag_box.left_img.fullgreay_area .zigzag_img:before { display: none; }
.zigzag_box .btn_style a:hover { background-color: #001D4E; }

/*  */
.countries_section { display: inline-block; width: 100%; vertical-align: top; padding-bottom:80px; }
.countries_section .countries_head { display: flex; border-bottom: 1px solid rgba(0,0,0,.1); }
.countries_section .countries_head .countries_th { width: 14.28%; text-align: center; justify-content:center; border-right: 1px solid rgba(0,0,0,.1); display: flex; align-items: center; padding: 18px 15px; }
.countries_section .countries_wrap { border: 1px solid rgba(0,0,0,.1); margin-top:35px; }
.countries_section .countries_head .countries_th:last-child { border: none; }
.countries_section .countries_head .countries_th:first-child { justify-content:normal; text-align:left; width:250px }
.countries_section .countries_head .countries_th:nth-child(even){ background-color:#F4F7FE; }
.countries_section .countries_head .countries_th h5 { font-size: 18px; line-height: 27px; }

.countries_section .table_tr { display: flex; border-bottom:1px solid rgba(0,0,0,.1); }
.countries_section .countries_list { width: 14.28%; border-right:1px solid rgba(0,0,0,.1); padding:0 15px; font-size:18px; line-height:27px; display:flex; align-items:center; }
.countries_section .countries_info { width: 14.28%; text-align: center; padding:22px 0;border-right:1px solid rgba(0,0,0,.1); display:flex; align-items:center; justify-content:center; }
.countries_section .countries_info:nth-child(even){ background-color:#F4F7FE; }
.countries_section .countries_info:last-child{ border:0; }
.countries_section .sumup.countries_info { display: flex; justify-content: center; }
.countries_section .sumup.countries_info .enroll_now { padding-left: 10px; text-decoration: underline; }
.countries_section .countries_list { width: 249px; }
.countries_section i.fa.fa-window-minimize { font-weight: 900; font-size: 0; }
.countries_section i.fa.fa-window-minimize:before { position: absolute; content: ""; width: 16px; height: 2px; background: #999; margin-left: -8px; }
.countries_section .table_tr:last-child { border-bottom: 0; }

/*  */
.location_section { display: inline-block; width: 100%; vertical-align: top; background-color: #F4F7FE; position: relative; z-index: 1; margin: 50px 0 0; overflow:hidden; }
.location_section:before { position: absolute; top: 0; left: 0; width: 50%; bottom: 0; background-color: #F65F18; content: ""; }
.location_section .location_wrap { display: flex; flex-wrap: wrap; }
.location_section .location_wrap .location_left { width: 50%; padding: 100px 110px 50px 0px; position: relative; z-index: 1; }
.location_section .location_wrap .location_left:before { position: absolute; content: ""; top: -90px; left: 0; width: 180px; height: 180px; border: 16px solid rgba(255, 255, 255, 0.2); border-radius: 100%; }
.location_section .location_wrap .location_left:after { position: absolute; content: ""; bottom: -90px; right: 110px; width: 180px; height: 180px; border: 16px solid rgba(255, 255, 255, 0.2); border-radius: 100%; }
.location_section .location_wrap .location_right { width: 50%; padding: 100px 50px 50px 50px; }
.location_section .location_wrap .location_left h3 { }
.location_section .location_wrap .location_left h2 { color: #fff; padding: 15px 0; }
.location_section .location_wrap .location_left .content { color: #fff; font-size: 18px; line-height: 27px; }
.location_section .location_wrap .location_left ul { list-style-type: none; padding: 0; margin: 30px 0; counter-reset: my-sec-counter; }
.location_section .location_wrap .location_left ul li { padding-left: 70px; position: relative; z-index: 1; font-size: 18px; line-height: 27px; color: #fff;  padding: 6px 0 6px 60px; }
.location_section .location_wrap .location_left ul li:before { position: absolute; content: ""; top: 0; left: 0; width: 40px; height: 40px; border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 100%; counter-increment: my-sec-counter; content: counter(my-sec-counter); display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); }
.location_section .location_wrap .location_left ul li+li { margin-top: 25px; position: relative; }
.location_section .location_wrap .location_left ul li+li:after { position: absolute; content: ""; top: -25px; width: 1px; height: 25px; background: rgba(255, 255, 255, 0.4); left: 20px; }
.location_section .location_wrap .location_left ul li.active:before { border-color: #fff; }
.location_section .location_wrap .location_right .step { font-size: 18px; line-height: 27px; font-family: Roc Grotesk; margin-bottom: 10px; color: #191C26; font-weight: 500; }
.location_section .location_wrap .location_right .location_form { }
.location_section .location_wrap .location_right h3 { padding: 10px 0; }
.location_section .location_wrap .location_right .location_form .hs-richtext { font-size: 18px; line-height: 27px; font-weight: 500; color: #191C26; }
.location_section .location_wrap .location_right form select { margin-bottom: 30px; width: 50%; background: #FFFFFF; border: 1px solid #E5E5E5; box-sizing: border-box; border-radius: 6px; color: #636363; padding: 0 15px; appearance: none; background-image: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/down-arrow-1.png);background-repeat:no-repeat; background-position: 97%; }
.location_section .location_wrap .location_right form input.hs-button { padding: 10px; width: auto; font-size: 18px; line-height: 24px; color: #fff; font-family: 'Geist'; }
.location_section .location_wrap .location_right form input.hs-button:hover { color: #fff; border-color: #001D4E; background: #001D4E; }

.abthreebox_area.global_innovative:before { left: auto; right: 0; }
.industriser_area.whatwedo::before { left: 0; right: auto; }
.abthreebox_area.global_innovative .abthreebox_cover:before { right:auto; left:-23px;     transform: rotate( 0 ); }
@media ( max-width:1200px){
    .customer_review_wrap .review_col { margin: 0 5px; width: calc(100% - 10px) !important; padding: 15px; }
    .customer_review_wrap .review_col .review_top { flex-wrap: wrap; }
    .customer_review_wrap .review_col .review_top span { width: 100%; padding: 4px 0 0; }
    .customer_review .customer_review_wrap { padding-left: calc(100%/2 - 930px/2 + 5px); }

    .customer_review_wrap .review_col .hover { padding: 15px; }
    .customer_review_wrap .review_col .review_content { font-size: 16px; }
    .customer_review_wrap .review_col h5 { margin: 10px 0; }
    .customer_review_wrap .review_col .hover h4 { margin: 10px 0; }
    .customer_review_wrap .review_col .hover .hover_content { font-size: 16px; padding-bottom: 10px; }
    .customer_review_wrap .review_col .hover a { font-size: 16px; }
    
    
    .customer_review .customer_review_wrap { padding-left:calc(100%/2 - 950px/2 + 5px); }
    .customer_review .slick-arrow.slick-prev { left:calc(100%/2 - 950px/2 + 48px); }
    .customer_review .slick-arrow.slick-next { left:calc(100%/2 - 950px/2 + 110px); }
    .customer_progress { max-width:700px; margin-left:60px; }
    
    .industriser_area.industries_section { margin: 50px 0 0; }
    .zigzag_box.left_img.fullgreay_area { margin-top: 50px; }
    
    
    /* */
    .countries_section { padding-bottom:50px; }
    .countries_section .countries_head .countries_th h5 { font-size: 16px; line-height: 25px; }
    .countries_section .countries_list { font-size: 16px; line-height: 25px; padding: 0 5px; }
    .countries_section .countries_head .countries_th:first-child { padding: 15px 5px; }
    .countries_section .countries_head .countries_th { padding: 20px 5px; }
    .countries_section .countries_info { padding: 10px 0; }
    .location_section .location_wrap .location_left { padding: 100px 30px 10px 0px; }
    .location_section .location_wrap .location_right { padding: 100px 0px 50px 30px; }
    .location_section .location_wrap .location_right .location_form .hs-richtext { font-size: 16px; line-height: 25px; }
    
    .abthreebox_area.global_innovative .abthreebox_cover:before { display:none; }
}

@media (max-width:991px){
    .customer_review .customer_review_wrap { padding-left: calc(100%/2 - 730px/2 + 5px); }
    

    .customer_review .customer_review_wrap { padding-left:calc(1ƒ00%/2 - 750px/2 + 10px); }
    .customer_review .slick-arrow.slick-prev { left:calc(100%/2 - 750px/2 + 48px); }
    .customer_review .slick-arrow.slick-next { left:calc(100%/2 - 750px/2 + 110px); }
    .customer_progress { max-width:500px; margin-left:60px; }
    .customer_review .customer_review_wrap .slick-list { padding-right:10px; }

    .location_section .location_wrap .location_left { padding: 70px 30px 10px 0; }
    .location_section .location_wrap .location_left:before { width: 100px; height: 100px; top: -50px; }
    .location_section .location_wrap .location_left:after { width: 100px; height: 100px; bottom: -50px; right: 20px; }
    .location_section .location_wrap .location_left .content { font-size: 16px; line-height: 25px; }
    .location_section .location_wrap .location_left ul li { font-size: 16px; line-height: 25px; }
    .location_section .location_wrap .location_left ul li+li { margin-top: 15px; }
    .location_section .location_wrap .location_left ul li+li:after { top: -15px; height: 15px; }
    .location_section .location_wrap .location_right { padding: 78px 0 30px 30px; }
    .location_section .location_wrap .location_right h3 { padding: 0; }
    .location_section .location_wrap .location_right form select { width: 100%; margin-bottom: 15px; }
    .countries_section .countries_wrap { width: 100%; overflow: scroll; overflow-y: hidden; } 
    .countries_inner { border: 1px solid rgba(0,0,0,.1); width: 1000px; overflow-x: auto; display: block; }
} 
@media (max-width:767px){

    .customer_review .customer_review_wrap { padding-left:10px; padding-right:10px; }
    .customer_review .customer_review_wrap.slick-list { padding-right:0; }
    .customer_review .slick-arrow.slick-prev { left:20px; }
    .customer_review .slick-arrow.slick-next { left:80px; }
    .customer_progress { max-width:160px; margin-left: 155px; left: 0; bottom:170px; transform: translateX(0); }

    .location_section .location_wrap .location_left { width: 100%; background-color: #f65f18; padding: 50px 30px; overflow:hidden; }
    .location_section .location_wrap .location_right { width: 100%; background-color: #f4f7fe; padding: 50px 30px; }
    .location_section:before { display: none; }
    
    .countries_section { padding: 50px 0; }
    
}

@media (max-width:500px){
    .location_section .location_wrap .location_left { padding: 50px 15px; }
    .location_section .location_wrap .location_right { padding: 50px 15px; }
    
}
/* Responsive grid */

.row-fluid {
  width: 100%;
}

.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: 1px;
  margin-left: 2.127659574%;
  -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%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

.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%;
  }

  .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: 1px;
    margin-left: 2.762430939%;
    -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%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

  .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: 1px;
    margin-left: 2.564102564%;
    -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%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

.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;
  }
}

/*
 * bootstrap 
 */
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--bs-gutter-x)*.5);
  padding-right: calc(var(--bs-gutter-x)*.5);
  width: 100%
}

@media (min-width: 576px) {
  .container,.container-sm {
    max-width:540px
  }
}

@media (min-width: 768px) {
  .container,.container-md,.container-sm {
    max-width:720px
  }
}

@media (min-width: 992px) {
  .container,.container-lg,.container-md,.container-sm {
    max-width:960px
  }
}

@media (min-width: 1200px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    max-width: 1440px;
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--bs-gutter-x)*-.5);
  margin-right: calc(var(--bs-gutter-x)*-.5);
  margin-top: calc(var(--bs-gutter-y)*-1);
}

@media(max-width: 1199.98px) {
  .row [class*=col-] {
    padding-right: 18px;
    padding-left: 18px;
  }
}

@media(min-width: 1200px) {
  .row [class*=col-] {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex:1 0 0%
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
.header { width:100%; position:relative; top:0; left:0; background:#001D4E; display:inline-block; color:#fff; font-family: 'Geist', sans-serif;; font-weight:400; transition:all .4s ease; z-index:99; }
.header .container { width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; }
.header .header_top { width:100%; display:block;background:#4b4f5a; padding:8px 0; }
.header .contact_btn a { color:#fff; }
.header .contact_btn a:hover { color:#8555c9; }
 
.header .header_main { width:100%; display:block; padding:20px 0; }
.header .logo { display:flex; flex-wrap:wrap; align-items:center; line-height:0; }
.header .hiring_btn a { width:auto; display:inline-block; margin-left:20px; border:1px solid #8555c9; padding:6px 20px 3px 20px; color:#fff; background:#443367; border-radius:40px; font-size: 15px; line-height: 22px; }
.header .hiring_btn a:hover { background:#8555c9; }   
.header .header_right { display: flex; align-items: center; line-height: 0; }
.header .search_btn { margin-left:25px; cursor:pointer; }
.header .search_btn img { width:26px; } 
 
.header_topwrap { position:relative; } 
.header_topwrap .language_title { display:flex; flex-wrap:wrap; align-items:center; font-size:14px; line-height:20px; }
.header_topwrap .language_title img { max-height:21px; margin-right:10px; } 
.header_topwrap .language_title .down { margin-left:10px; }

.header--no-navigation .header__logo {max-width: 200px; margin: 0 auto;}

.header_topwrap:hover .language_cover { opacity:1; visibility:visible; pointer-events:inherit; }
.language_cover { width:270px; position:absolute; top:100%; left:0; margin-top:5px; background:#fff; padding:30px 25px; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; opacity:0; visibility:hidden; pointer-events:none; transition:all .4s ease; }
.language_cover:before { position:absolute; content:""; left: 55px; top: -18px; border:10px solid transparent; border-bottom-color:#fff; } 
.language_cover .language_box { width:100%; display:block; margin-bottom:20px; }
.language_cover .language_box:last-child { margin-bottom:0; }
.language_cover .language_box .langname_wrap { width:100%; display:flex; flex-wrap:wrap; align-items:center; }
.language_cover .language_box .language_icon { display:none; }
.language_cover .language_box .language_name { margin-right:15px; }
.language_cover .language_box h5 { color:#001D4E; font-weight:500; font-size:18px; line-height:24px; }
.language_cover .language_name a { color:#001D4E; text-decoration:underline; }
.language_cover .language_name a:hover { color:#F65F18; }

.login_menu { width:100%; display:block; position:relative; }
.login_menu .hs-menu-wrapper ul { width:100%; padding:0; margin:0; list-style:none;  }
.login_menu .hs-menu-wrapper > ul > li a { color: #fff; font-weight: normal; font-size: 18px; line-height: 28px; } 
.login_menu .hs-menu-wrapper > ul > li a:hover { color:#f65f18; }

.login_menu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity:1; visibility:visible; pointer-events:inherit; }
.login_menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper { display:none !important; position:absolute; display: flex; flex-wrap: wrap; content:""; right:-40px; top:100%; margin-top:10px; width:800px; padding:30px; background: #FFFFFF; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; opacity:0; visibility:hidden; pointer-events:none; transition:all .4s ease;  }
.login_menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper:before { position:absolute; content:""; right: 60px; top: -18px; border:10px solid transparent; border-bottom-color:#fff; } 
.login_menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li a { color: #001D4E; font-weight: normal; font-size: 18px; line-height: 28px; }
.login_menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li a:hover { color:#F65F18; }
.login_menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > a { font-weight:500; } 
.login_menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul > li > a { font-weight:500; }

.login_menu .hs-menu-wrapper ul li.hs-menu-depth-2 { width:100%; }
.login_menu .hs-menu-wrapper ul li.hs-menu-depth-2 > ul { display: flex; flex-wrap: wrap; margin-top:20px; }
.login_menu .hs-menu-wrapper ul li.hs-menu-depth-2 ul > li { padding:0; width: 33.33%; display: inline-block; }
.login_menu .hs-menu-wrapper ul li.hs-menu-depth-2 ul > li li { width:100%; padding:10px 0; }
 
.search_open .hs_search_field { opacity:1; visibility:visible; }
.hs_search_field { width:100%; height:100%; position:fixed; left:0; top:0; background: #fff; padding:50px 0; opacity:0; visibility:hidden; transition:all .4s ease; z-index:99; }
.hs_search_field .container { display:block; } 
.hs_search_field .searchfield_top { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:40px; }
.hs_search_field .searchfield_top h2 { color:#001D4E; font-family: 'Geist', sans-serif;; font-weight: bold; } 
.hs_search_field .searchfield_close { text-align:center; cursor:pointer; color: #636363; width:40px; line-height: 20px; } 
.hs_search_field .searchfield_close small { display:block; }

.hs_search_field form { width:100%; display:block; position:relative; }
.hs_search_field form .hs-search-field__input { width:calc(100% - 150px); height:60px; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 6px; margin:0; padding:14px 20px 10px 20px; }
.hs_search_field form button { border:none; background:#001D4E; color:#fff; min-width:160px; font-weight: bold; border-radius:0 6px 6px 0; font-size: 18px; line-height: 24px; padding:18px 25px; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; position: absolute; right: 0; top: 0; margin: 0; }
.hs_search_field form button img { margin-left:20px; }  
.hs_search_field form button:hover { background:#0051C2; }

.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul.moblogin { display:none; }




@media (min-width: 768px) {

    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul { width:100%; margin:0; padding:0; list-style:none; line-height:0; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children { position:relative; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul > li.hs-item-has-children > a:after { position:relative; content:"\f107"; font-family:"FontAwesome"; margin-left: 8px; margin-top:-1px; font-size: 18px; font-weight: 300; float: none; display: inline-block; vertical-align: middle; line-height: 7px; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul ul.hs-menu-children-wrapper li.hs-item-has-children > a:after { content:"\f105"; font-size: 16px; line-height: 15px; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li { padding:0; position:relative; width:auto; float:none; display:inline-block; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-weight: 400; font-size: 18px; line-height:26px; padding:10px 20px; display:inline-block; color:#fff; position:relative; white-space: normal; width:100% !important; max-width: 100% !important; overflow: hidden;  text-overflow: inherit; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover { color:#F65F18; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li:hover > a { color:#F65F18; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children.active-branch > a { color:#F65F18; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children.active-branch li.active > a { color:#F65F18; }
     
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {  pointer-events:inherit; opacity:1; visibility:visible; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { top:100%; left:0; position:absolute; width:270px; padding:10px 0; line-height:0; transition:all .4s ease; opacity:0; visibility:hidden; z-index:11; pointer-events:none; background: #FFFFFF; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper:before { position:absolute; content:""; left: 55px; top: -18px; border:10px solid transparent; border-bottom-color:#fff; } 
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { width:100%; border-radius:6px; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding:10px 20px; color: #001D4E; font-weight: 500; font-size: 18px; line-height: 27px; width:100% !important; white-space: normal; width:100% !important; float:left;  max-width: 100% !important; overflow: hidden;  text-overflow: inherit; }    
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { color:#F65F18; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover > a {  color:#F65F18; }
    
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { left:100%; top:0; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper { pointer-events:inherit; }
 
}

.breadcumeb_menu .hs-menu-wrapper > ul { width:100%; margin:0; padding:0; list-style:none; display: flex; align-items: center; flex-wrap:wrap; }
.breadcumeb_menu .container { display:flex; align-items: center; justify-content: flex-start; }
.breadcumeb_menu a.homelink { font-weight: normal; color:#fff; text-decoration:underline; position:relative; font-size: 18px; line-height: 27px; margin-right:20px; font-weight:400; }
.breadcumeb_menu a.homelink:after { position:absolute; content:"/"; right:-14px; top:0; color:#fff; }
.breadcumeb_menu a.homelink:hover { color:#f65f18; } 
.breadcumeb_menu ul { padding:0; margin:0; list-style:none; }
.breadcumeb_menu ul li { width:auto; display: none; align-items: center; }
.breadcumeb_menu li.hs-item-has-children.active-branch,.breadcumeb_menu li.active { display: flex; }
.breadcumeb_menu ul li a { font-weight: normal; color:#fff; text-decoration:underline; position:relative; font-size: 18px; line-height: 27px; margin-right:20px; font-weight:400; }
.breadcumeb_menu ul li a:after { position:absolute; content:"/"; right:-12px; top:0; color:#fff; }
.breadcumeb_menu ul li.active a { margin-right:0; text-decoration:none; font-weight:500; }
.breadcumeb_menu ul li.active a:after { display:none; }
.breadcumeb_menu ul li a:hover { color:#f65f18; } 
.breadcumeb_menu ul li.active a:hover { color:#fff; } 


/*-footer-*/
.footer { width:100%; padding:100px 0 0; position:relative; background: #001D4E; color:#fff; font-size: 16px; line-height: 26px; overflow:hidden; }
.footer:before { position:absolute; content:""; left:-90px; bottom:100px; border-radius:50%; width:180px; height:180px; border: 4px solid rgba(255, 255, 255, 0.2); } 
.footer:after { position:absolute; content:""; right:-90px; top:100px; border-radius:50%; width:180px; height:180px; border: 4px solid rgba(255, 255, 255, 0.2); } 
 
.footer .footer_box { width:50%; } 
.footer .footer_box h4 { color:#fff; font-family: 'Geist', sans-serif;; font-weight: 500; font-size: 18px; line-height: 27px; margin-bottom:5px; }
.footer .footer_box1 { padding-right:70px; }
.footer .footer_logo { width:100%; display:block; margin-bottom:20px; }
.footer .footer_box1 .f_content { font-family: 'Geist', sans-serif;; }

.footer .footer_box2 { padding-left:70px; display:flex; flex-wrap:wrap; }
.footer .footer_box2 .footer_menubox { width:calc(100%/3); }
.footer .footer_box2 .footer_menu { width:100%; margin-bottom:40px; }

.footer .footer_menu ul { padding:0; margin:0; list-style:none; }
.footer .footer_menu ul li { width:100%; }
.footer .footer_menu ul li a { width:100%; display:block; padding:5px 0; color:#fff; font-size:16px; line-height:24px; font-family: 'Geist', sans-serif;; text-decoration:underline; }
.footer .footer_menu ul li a:hover { color:#0051C2; }

.footer .socials { width:100%; display:block; margin-top:30px; }
.footer .socials ul { width:100%; padding:0; margin:0; list-style:none; }
.footer .socials ul li { width:auto; display:inline-block; }
.footer .socials ul li a { width:48px; height:48px; margin-right:10px; display:inline-block; padding:10px; border: 2px solid #FFFFFF; border-radius: 6px; text-align: center; font-size: 24px; color: #fff; }
.footer .socials ul li a:hover { background:#fff; color:#000; }

.footer .copyright { width:100%; margin:80px 0 0; padding:70px 0; font-family: 'Geist', sans-serif;; font-size: 14px; line-height: 24px; border-top:1px solid rgba(255, 255, 255, 0.1); }
.footer .copyright_wrap { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
.footer .copyright ul { padding:0; margin:0; list-style:none; }
.footer .copyright ul li { width:auto; display:inline-block; }  
.footer .copyright ul li a { font-family: 'Geist', sans-serif;; margin-left:20px; font-weight: normal; font-size: 14px; line-height: 24px; color:#fff; text-decoration:underline; }
.footer .copyright ul li a:hover { color:#F65F18; }
.footer .copyright_btm { margin-top:20px; }
.footer .copyright_btm ul li a { margin:0; } 



.worldnetMig {background: #191c26;}
.worldnetMig .header__logo {max-width: none!important; display: block; text-align: center; margin: 0px auto;}
.worldnetMig .header__logo img {height: 150px; width: auto;}


@media (max-width: 1600px){  
    
    .footer { padding:60px 0 0; }
    .footer .footer_box2 { padding-left:0; }  
    .footer .copyright { padding:40px 0; margin:40px 0 0; } 
    

}

@media (max-width: 1200px){  

    .footer .footer_menu ul li a { font-size: 14px; line-height: 20px; }
    .footer .copyright { padding: 30px 0; margin: 20px 0 0; }
    .footer:before,.footer:after { width:140px; height:140px; }
    .footer .footer_box2 { margin-top:30px; }
    .footer .copyright ul li a { margin-left:0; margin-right:10px; }
    
    .header .logo { max-width:160px; }
    .hiring_btn { width:100%; }
    .header .hiring_btn a { margin:10px 0 0; } 
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-size:16px; line-height:24px; padding:10px; }
    
     
 
}

@media (max-width: 991px){  
 
    .header .logo { max-width:300px; }  
    .hiring_btn { width:auto; margin:0 0 0 20px; }   
    .header .headertop_text { font-size:11px; margin-top: 5px; }   
    .header .contact_btn a { font-size:14px; }
    .hero_area .hero_btn > div { margin-bottom:15px; }

    .footer .footer_box2 { margin:0; }
    .footer .footer_box2 .footer_menubox { width:calc(100%/2); }
    .copyright_menu { margin-top:10px; }
    .footer .copyright_btm { margin-top:10px; }

}
@media (max-width: 767px){ 
 
    .footer { padding:40px 0 0; }
    .footer .footer_box { width:100%; padding:0; }
    .footer .footer_box1 { padding:0; } 
    .footer .footer_box2 .footer_menubox { width:100%; }
    .footer .footer_box2 { margin-top:40px; }
    .footer:before, .footer:after { display:none; }
    
    
    
}


@media (min-width:768px) {
    a.mobile-trigger, a.child-triggerm { display: none !important; }
    .row-fluid .mainmenu .hs-menu-wrapper { display: block !important; }
}
@media (max-width:767px) {
    
    .header .header_main { position:relative; border-bottom: 1px solid rgba(255,255,255,0.1); }  
    .header .headertop_text { display:none; }
    .header .header_right { position:absolute; right: 80px; top: 46px; } 
    .header .header_right .login_menu { display:none; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul.moblogin { display:block; }  
    .header .logo { max-width:160px; }
    .hiring_btn { margin-left:0; }  
    
    .header .search_btn img { width:19px; }    
    .hs_search_field form .hs-search-field__input { width:100%; }
    .hs_search_field form button { position:relative; border-radius: 6px; margin-top: 20px; }
 
    
    .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; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; cursor: pointer; position: absolute; top: 31px; right: 15px; width: 50px; height: 50px; padding: 16px 13px; background: #00E0B8; z-index: 9; -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; }
    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: #455560; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }
    .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; }
    .mobile-open a.mobile-trigger span:after { opacity: 1; }
    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; /* Icon line width */ height: 3px; /* Icon line height */ background-color: #fff; /* Icon color */ 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); }

    .mainmenu .hs-menu-flow-horizontal ul > li a.child-triggerm { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important; min-width: 55px !important; height: 44px !important; padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); }
    .mainmenu .hs-menu-flow-horizontal ul > li a.child-triggerm:hover { text-decoration: none; }
    
    a.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
    a.child-triggerm span:after { position: absolute; content: ''; }
    a.child-triggerm span, a.child-triggerm span:after { width: 10px; height: 1px; background-color: #fff; display: block; }
    .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover a.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover a.child-triggerm span:after { background-color: #fff; }
    a.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; }
    a.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; }
    a.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; }
 
    /* Hide menu on mobile */
    .mainmenu.js-enabled .hs-menu-flow-horizontal, .mainmenu.js-enabled .hs-menu-children-wrapper { display: none; }

    /* Make child lists appear below parent items */
    .mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; }

    /* Mobile Menu Styles */
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { width: 100%; float: left; }
    .mainmenu.js-enabled .hs-menu-flow-horizontal { position: absolute; top: 107px; 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: 0; background-color: #00E0B8; width: 100%; z-index: 8888; }

    /* Level 1 Menu List Styles */
    .mainmenu .hs-menu-flow-horizontal > ul > li { position: relative; width: 100%; float: left; }
    .mainmenu .hs-menu-flow-horizontal > ul > li a { font-size: 16px; line-height: 24px; padding: 10px 15px; float: left; width: 100% !important; max-width: 100% !important; overflow: visible; white-space: normal; width: 100% !important; float: left; max-width: 100% !important; overflow: hidden; text-overflow: inherit; }

    /* Level 1 and Higher Menu List Styles */
    .mainmenu .hs-menu-flow-horizontal ul li { position:relative; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; }
    .mainmenu .hs-menu-flow-horizontal ul li { border-top: 1px solid rgba(255, 255, 255, .35); }
    .mainmenu .hs-menu-flow-horizontal ul li a { padding: 10px 15px; float: left; width: 100%; }
    .mainmenu .hs-menu-flow-horizontal ul li a:hover { color: #fff; background: #000; }

    /* Level 2 and Higher Menu List Styles */
    .mainmenu .hs-menu-flow-horizontal > ul ul li { background-color: rgba(255, 255, 255, .08); width: 100%; float: left; }
    .mainmenu .hs-menu-flow-horizontal > ul ul li a { text-indent: 10px; font-size: 16px; width: 100%; float: left; }

    /* Level 3 and Higher Menu List Styles */
    .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; }
}
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

@font-face {
  font-family: 'BodyFontRegular';
  src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/ProximaNova-Regular.eot');
  src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/ProximaNova-Regular.eot#iefix') format('embedded-opentype'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/ProximaNova-Regular.woff2') format('woff2'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/ProximaNova-Regular.woff') format('woff'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/ProximaNova-Regular.ttf') format('truetype'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BodyFontMedium';
  src: url("https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/proximanova-medium-webfont.woff2")
}

@font-face {
  font-family: 'BodyFontBold';
  src: url("https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/proximanova-bold-webfont.woff2")
}

@font-face {
  font-family: 'HeadlineFontRegular';
  src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Regular.eot');
  src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Regular.eot#iefix') format('embedded-opentype'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Regular.woff2') format('woff2'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Regular.woff') format('woff'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Regular.ttf') format('truetype'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Regular.svg#RocGrotesk-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HeadlineFontMedium';
  src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Medium.eot');
  src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Medium.eot#iefix') format('embedded-opentype'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Medium.woff2') format('woff2'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Medium.woff') format('woff'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Medium.ttf') format('truetype'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/fonts/RocGrotesk-Medium.svg#RocGrotesk-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HeadlineFontBold';
  src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.eot');
  src: url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.eot#iefix') format('embedded-opentype'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.woff2') format('woff2'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.woff') format('woff'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.ttf') format('truetype'),
    url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/Fonts/RocGrotesk-Bold.svg#RocGrotesk-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}



.fade {
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

@media(prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease
}

@media(prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.collapsing.width {
  width: 0;
  height: auto;
  -webkit-transition: width .35s ease;
  -o-transition: width .35s ease;
  transition: width .35s ease
}

@media(prefers-reduced-motion: reduce) {
  .collapsing.width {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.dropup, .dropright, .dropdown, .dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
  margin-left: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem
}

.dropdown-menu.show {
  display: block
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .75em 1em;
  clear: both;
  font-weight: 400;
  color: #001D4E;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem 1rem
}

.navbar-light .nav-link {
  color: #001D4E;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 18px;
  line-height: 27px;
}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }
}

.text-uppercase {
  text-transform: uppercase !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

/*
* reset
*/
#main-footer, #main-header {
  font-family: 'Geist', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 768px) {
  #main-header .btn {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  #main-footer p {
    font-size: 16px;
    line-height: 24px;
  }

  #main-header h5 {
    font-size: 18px;
    line-height: 27px;
  }

  #main-header .row [class*=col-],
  #main-footer .row [class*=col-]{
    padding-left: 24px;
    padding-right: 24px;
  }
}

/*
* header
*/
#main-header .navbar-nav {
  margin: 0
}

.website-navigation .top-navigation {
  background: #001D4E;
  padding-bottom: 9px;
  padding-top: 9px
}

@media (min-width: 992px) {
	.website-navigation .featured-news {
		font-size: 16px;
		white-space: nowrap;
		overflow: hidden;
	}
  
  .website-navigation .top-navigation .topmenu-container .language-region {
    width: 230px;
  }
}

.website-navigation .top-navigation .topmenu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.website-navigation .top-navigation .topmenu-container .language-region a {
  color: #fff;
  display: flex;
  align-items: center;
}

.website-navigation .top-navigation .topmenu-container .language-region img {
  margin-right: 7px;
  margin-top: -2px
}

.website-navigation .top-navigation .topmenu-container .language-region .dropdown-menu.show {
  border: none;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(25,28,38,.2);
  box-shadow: 0px 4px 20px 0px rgba(25,28,38,.2);
  margin-top: 10px;
  width: 240px
}

.website-navigation .top-navigation .topmenu-container .language-region .dropdown-menu.show ul {
  margin: 0px;
  padding: 0
}

.website-navigation .top-navigation .topmenu-container .language-region .dropdown-menu.show ul .dropdown-item {
  cursor: pointer;
  /*padding: .5rem 1.5rem*/
}

.website-navigation .top-navigation .topmenu-container .language-region .dropdown-menu.show ul .dropdown-item a {
  color: #001D4E;
}

.website-navigation .top-navigation .topmenu-container .language-region .dropdown-menu.show ul .dropdown-item:active {
  background-color: transparent;
  color: #212529
}

.website-navigation .top-navigation .topmenu-container .featured-news a {
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  padding-left: 4px;
  padding-right: 4px
}

.website-navigation .top-navigation .topmenu-container .featured-news a:hover {
  text-decoration: underline
}

.website-navigation .top-navigation .topmenu-container .contact-us {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%
}

.website-navigation .top-navigation .topmenu-container .contact-us a {
  color: #fff;
  display: flex;
}

.website-navigation .top-navigation .dropdown-item-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.website-navigation .top-navigation .dropdown-item-wrapper img {
  height: 36px;
  width: 54px
}

.website-navigation .top-navigation .dropdown-item-wrapper h6 {
  font-family: 'Geist', sans-serif;
  font-weight: 600;
  margin-bottom: 0px
}

@media (min-width: 768px) {
  .website-navigation .language-region a.dropdown-toggle {
    font-size: 18px;
  }
}

.website-navigation .main-navigation {
  background: #fefefe
}

.website-navigation .main-navigation .payroc-logo {
  margin-right: 18px
}

.website-navigation .main-navigation .payroc-logo img {
  max-width: 130px;
  padding-bottom: 8px;
  padding-top: 8px
}

.website-navigation .main-navigation .were-hiring {
  background: rgba(246,95,24,.4);
  border: 1px solid #0051C2;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  padding: .2em .6em
}

.website-navigation .main-navigation .container {
  display: block
}

.website-navigation .main-navigation .right-buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  gap: 4px;
  height: 100%
}

.website-navigation .main-navigation .right-buttons li:nth-child(1) {
  display: none
}

.website-navigation .main-navigation .right-buttons a {
  padding: .5rem 1rem
}

.website-navigation .main-navigation .right-buttons button {
  background: none;
  border: none;
  color: #001D4E;
  font-size: 1.25rem;
  padding: .25rem .75rem;
  position: relative
}

.website-navigation .main-navigation .right-buttons .navbar-toggler {
  margin-left: 24px
}

.website-navigation .main-navigation .right-buttons .navbar-toggler i {
  width: 20px;
  height: 20px
}

.website-navigation .main-navigation .right-buttons .navbar-toggler[aria-expanded=false] .menu-hide {
  display: none
}

.website-navigation .main-navigation .right-buttons .navbar-toggler[aria-expanded=true] .menu-bars {
  display: none
}

.website-navigation .main-navigation .login-link {
  display: inline-block;
  font-size: 18px;
  line-height: 27px;
  margin-right: 0px;
  padding-left: 24px;
  padding-right: 24px
}

.website-navigation .main-navigation .login-link span {
  margin-right: .55em
}

.website-navigation .main-navigation .login-link::after {
  margin-left: .55em;
  vertical-align: .1em
}

.website-navigation .main-navigation .dropdown-menu {
  border: none;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(25,28,38,.2);
  box-shadow: 0px 4px 20px 0px rgba(25,28,38,.2);
  margin-top: 24px;
  padding: 0px 0px
}

.website-navigation .main-navigation .dropdown-menu .dropdown-item {
  color: #001D4E !important;
  padding: .75em 1em
}

.website-navigation .main-navigation .dropdown-menu .dropdown-item .dropdown-item-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px
}

.website-navigation .main-navigation .dropdown-menu .dropdown-item .dropdown-item-wrapper .dropdown-item-content h6 {
  font-family: 'Geist', sans-serif;
  font-weight: 600;
  margin-bottom: 0
}

@media (min-width: 768px) {
  .website-navigation .dropdown-item-content h6 {
    font-size: 18px;
  }
}

.website-navigation .main-navigation .dropdown-menu .dropdown-item .dropdown-item-wrapper .dropdown-item-content p {
  color: #636363;
  margin-bottom: 0px
}

.website-navigation .main-navigation .dropdown-menu .dropdown-item:hover {
  background: none;
  text-decoration: underline
}

.website-navigation .main-navigation .dropdown-menu .pe-link {
  font-size: 18px;
  line-height: 27px;
  padding: .75rem 22px
}

.website-navigation .main-navigation .dropdown-menu.solutions-menu span.dropdown-item-image,
.website-navigation .main-navigation .dropdown-menu.services-menu span.dropdown-item-image,
.website-navigation .main-navigation .dropdown-menu.industries-menu span.dropdown-item-image,
.website-navigation .main-navigation .dropdown-menu.resources-menu span.dropdown-item-image {
  width: 23px;
  height: 24px
}

.website-navigation .main-navigation .dropdown-menu.solutions-menu span.dropdown-item-image img,
.website-navigation .main-navigation .dropdown-menu.services-menu span.dropdown-item-image img,
.website-navigation .main-navigation .dropdown-menu.industries-menu span.dropdown-item-image img,
.website-navigation .main-navigation .dropdown-menu.resources-menu span.dropdown-item-image img {
  width: 100%;
  height: auto
}

.website-navigation .main-navigation .navbar-nav .nav-item .nav-link {
  font-size: 18px;
  line-height: 27px
}

.website-navigation .main-navigation .dropdown-menu>.row .col-xl-4:first-child h5 {
  margin-left: 1.25em
}

.website-navigation .main-navigation .dropdown-item {
  padding: .75em 1.5em
}

.website-navigation .main-navigation .navbar-collapse {
  height: 100%
}

.website-navigation .main-navigation .right-buttons .contact---button .btn {
  border: none;
  min-height: auto;
  padding: 8px 15px;
  background: #0051C2;
  border-radius: .25rem;
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
  display: inline-block;
}

.website-navigation .main-navigation .contact---button .btn:hover, 
.website-navigation .main-navigation .contact---button .btn:active, 
.website-navigation .main-navigation .contact---button .btn:focus {
  background: #001D4E;
}

.website-navigation.sticky-header .main-navigation {
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100
}

.website-navigation a:hover {
  text-decoration: none
}

.website-navigation .menu-title {
  font-family: 'Geist';
  margin-bottom: 24px;
  text-transform: uppercase;
  margin-left: .8em;
  font-weight: 700;
}

.website-navigation .nav-border {
  border-top: 1px solid #e5e5e5;
  margin-top: 16px;
  position: relative
}

.website-navigation .dropdown-toggle::after {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  vertical-align: .1em
}

.website-navigation .menu-title {
  font-family: 'Geist';
  margin-bottom: 24px;
  text-transform: uppercase;
  margin-left: .8em;
  font-weight: 700;
}

.website-navigation .main-navigation .dropdown-menu>.row .col-xl-4:first-child h5 {
  margin-left: 1.25em;
}

.website-navigation .main-navigation .dropdown-menu .dropdown-item .dropdown-item-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.website-navigation .nav-border {
  border-top: 1px solid #e5e5e5;
  margin-top: 16px;
  position: relative;
}

@media (max-width: 991.98px) {
  .website-navigation .main-navigation .contact---button {
    display: none;
  }

  .website-navigation .language-region a,
  .website-navigation .nav-back-container a,
  .website-navigation .dropdown-item-content h6 {
    font-size: 14px;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl>.container, 
  .navbar-expand-xl>.container-fluid, 
  .navbar-expand-xl>.container-sm, 
  .navbar-expand-xl>.container-md, 
  .navbar-expand-xl>.container-lg, 
  .navbar-expand-xl>.container-xl {
    padding-right: 0;
    padding-left: 0;
  }

  .main-navigation .container>.row {
    margin: 0;
  }

  .navbar {
    padding: .5rem 0;
  }

  .website-navigation .main-navigation .right-buttons button {
    padding: .25rem 0;
  }

  .primary-navbar {
    background: #fefefe;
    border-top: 1px solid rgba(255, 255, 255, .2);
    height: calc(100vh - 98px) !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    overflow: hidden;
  }

  .primary-navbar .nav-item .nav-link {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #001D4E !important;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 24px !important;
    margin-left: 0px;
    margin-right: 0px;
    padding: 16px 0;
    display: block;
  }

  .primary-navbar .nav-item .dropdown-toggle::after {
    border: none !important;
    content: "";
    float: right;
    font-family: "FontAwesome";
    font-weight: 900;
  }

  .primary-navbar .dropdown-menu .nav-back-container {
    background-color: #fefefe;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }
  .primary-navbar .dropdown-menu .nav-back-container a {
    color: #001D4E;
    display: block;
    padding: 20px;
  }

  .primary-navbar .dropdown-menu>.row {
    overflow-y: auto;
    height: 100%;
    margin: 0;
    display: block;
    padding-bottom: 48px;
  }

  .primary-navbar .dropdown-menu>.row>[class*=col-] {
    padding-left: 0;
    padding-right: 0;
  }

  .primary-navbar .dropdown-menu h5 {
    margin-left: 1em !important;
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-size: 16px;
    line-height: 24px;
  }

  .primary-navbar .dropdown-menu.show {
    visibility: visible;
  }

  .primary-navbar .dropdown-menu {
    background-color: #fff;
    background-color: #fff;
    border-radius: 0px;
    bottom: 0;
    display: block;
    left: 0%;
    margin-bottom: 0px;
    margin-top: 0px !important;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 24px !important;
    position: fixed;
    visibility: hidden;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .website-navigation .featured-news a {
    font-size: 18px;
  }

  .website-navigation .main-navigation .right-buttons .login-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center; 
  }

  .website-navigation .main-navigation .right-buttons .login-nav li:nth-child(1) {
    display: block;
  }

  .website-navigation .main-navigation .nav-item .dropdown-menu {
    border-radius: .5rem;
    padding: 32px 0px!important;
  }

  .website-navigation .main-navigation .solutions-menu {
    margin-left: -40px;
    width: 990px;
  }

  .website-navigation .main-navigation .industries-menu.show, 
  .website-navigation .main-navigation .resources-menu.show {
    margin-left: -40px;
    /*padding: 40px 24px;*/
  }

  .website-navigation .main-navigation .login-menu.dropdown-menu {
    margin-left: -420px;
    width: 580px;
  }

  .website-navigation .main-navigation .nav-item.dropdown.show::before {
    border-bottom: 4px solid #0051C2;
    bottom: -24px;
    content: "";
    left: 0px;
    position: absolute;
    width: 100%;
  }

  .website-navigation .main-navigation .nav-item.dropdown.show .dropdown-toggle::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .website-navigation .main-navigation .nav-back-container {
    display: none;
  }

  .website-navigation .main-navigation .nav-border {
    border: none;
    height: 100%;
    margin: 0px;
    position: relative;
  }

  .website-navigation .main-navigation .nav-border::before {
    border-left: 1px solid #e5e5e5;
    content: "";
    height: 98%;
    left: -32px;
    position: absolute;
    width: 1px;
  }
}

/*
* footer
*/
#main-footer {
  /*background: #191c26;*/
  padding-top: 80px;
  padding-bottom: 48px;
}

#main-footer .sitemap-nav {
  margin-bottom: 36px;
}

#main-footer .sitemap-nav .nav-item {
  display: block;
  width: 100%
}

#main-footer .sitemap-nav .nav-item .nav-link {
  color: #001D4E;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 9px;
  display: block;
}

#main-footer .nav .nav-link:hover {
  color: #0051C2;
}

#main-footer .legal-text {
  color: #001D4E;
  font-size:14px;
}

.legal-text p,
p.legal-text {
  padding: 0;
  margin: 0 0 1rem;
}

@media (min-width: 1200px) {
  #main-footer .legal-text {
    font-size: 14px;
    line-height: 21px;
    color: #001D4E;
  }
}

#main-footer .online {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#main-footer .online::before {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  left: 0;
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
  background-color: #19a070
}

#main-footer .social-media-links {
  -webkit-padding-start: 0px;
  padding-inline-start:0px;display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 0;
}

#main-footer .social-media-links li {
  display: inline-block;
  margin-right: 16px
}

#main-footer .social-media-links li a {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #001D4E;
  color: #001D4E;
  align-items: center;
  border-radius: 6px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

#main-footer .social-media-links li a:hover {
  /*background-color: #fff*/
}

#main-footer .social-media-links li svg {
  fill: #001D4E;
}
.social-links__icon svg {
  fill: #001D4E;
  height: 24px;
  width: auto;
  display: block;
}

.social-links__icon:hover svg,
.social-links__icon:focus svg,
.social-links__icon:active svg {
  fill: #001D4E;
}


#main-footer .social-media-links li a:hover svg {
  fill: #001D4E;
}

#main-footer h5,#main-footer h6 {
  color: #001D4E;
  font-family: 'Geist', sans-serif;
}

#main-footer h5 {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left
}

#main-footer h6 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left
}

#main-footer hr {
  margin-top: 1rem;
  margin-bottom: 60px;
  border: 0;
  border-top: 1px solid #424242;
}

#main-footer .reviews-link {
  color: #fff;
  text-decoration: underline
}

#main-footer .legal-nav {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
}

#main-footer .legal-nav .nav-item {
  margin-left: 24px
}

#main-footer .legal-nav .nav-item .nav-link {
  color: #001D4E;
  text-decoration: none
}

footer .nav .nav-link {
  padding: 0em;
  margin-bottom: 9px;
  display: block;
}

@media(max-width: 767.98px) {
  #main-footer h5 {
    margin-top: 10px;
    margin-bottom: 20px
  }

  #main-footer ul.social-media-links {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 24px;
    margin-bottom: 40px
  }

  #main-footer .legal-nav {
    float: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #main-footer .legal-nav .nav-item {
    margin-left: 0px;
  }

  ul.nav.legal-nav li.nav-item:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media (max-width: 991.98px) {
  #main-footer .sitemap-nav {
    margin-bottom: 18px;
  }

  #main-footer hr {
    margin-bottom: 30px;
  }
}

@media (max-width: 1199.98px) {
  .legal-text {
    font-size: 14px;
    line-height: 21px;
  }
}
.event_filter_section { width:100%; padding:50px 0; display:block; position:relative; }
.event_filter_section .resourceshubl_left { width:100%; display:flex; flex-wrap:wrap; margin-top:20px; padding-bottom:46px; border-bottom:1px solid #E5E5E5; }
.event_filter_section .probox { width:100%; display:inline-block; max-width: 330px; margin-right: 50px; }

.filter_box { width:100%; position:relative; max-width:330px; color:#636363; font-weight: 500; font-size: 16px; line-height: 24px; }
.filter_box h6 { width:100%; color:#636363; font-weight: 500; cursor:pointer; font-size: 18px; line-height: 27px; background: #FFFFFF; text-transform: capitalize; border: 1px solid #E5E5E5; box-sizing: border-box; border-radius: 6px; padding: 10px 40px 10px 20px; }
.filter_box h6:after { position:absolute; content:""; right:15px; top:50%; width:16px; height:10px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/down-arrow.png') no-repeat center center / cover; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.filter_box ul { width:100%; max-width:330px; display:none; position:absolute; top:100%; left:0; z-index:9; padding:10px 0; margin:10px 0 0; list-style:none; border-radius:6px; overflow:hidden; background: #fff; border:1px solid #e5e5e5; box-shadow: 0px 4px 20px 2px rgb(0 0 0 / 5%); border-radius: 6px; }
.filter_box ul li { width:100%; cursor:pointer; padding:10px 20px; display:block; }
.filter_box ul li label { width:100%;  display:flex; flex-wrap:wrap; align-items:center; color:#636363; font-weight: 500; font-size: 16px; line-height: 24px; text-transform: capitalize; }
.filter_box ul li label input { width:20px; height:20px; display:inline-block; margin:0 10px 0 0; }
.filter_box ul li label:hover { color:#F65F18; } 

.postview_area { width:100%; position:relative; display:block; }
.postview_area:before { position: absolute; content: ""; left: 0; top:85px; width: calc(100% - 30%); height: 760px; background: #F4F7FE; }
   
.blog-index { width:100%; padding:0 0 50px; display:inline-block; position:relative; }
.post_listing { display:flex; flex-wrap:wrap; margin:0 -15px; }
.post_listing .post_item { width:calc(100%/3 - 30px); margin:0 15px 30px; background: #FFFFFF; overflow:hidden; border: 1px solid #F5F5F5; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; }
.post_listing .post_item .post_image { width:100%; display:block; height:335px; position:relative; }
.post_listing .post_item .post_content { width:100%; padding:25px; }
.post_listing .post_item:hover .post_title h3 { color:#F65F18; text-decoration:underline; }
.post_listing .post_item a h3 { font-weight: 500; font-size: 24px; line-height: 34px; transition:all .4s ease; }
.post_listing .post_item .minutes { width:100%; margin:20px 0 20px; display:inline-block; }
.post_listing .post_topic .tag { font-weight: normal; display:none; font-size: 18px; line-height: 27px; color: #F65F18; padding-right:20px; position:relative; }
.post_listing .post_topic .tag:hover { color:#F65F18; text-decoration:underline;  }
.post_listing .post_topic .tag:nth-child(-n+3) { display:inline-block; }
.post_listing .post_topic .tag:after { position:absolute; content:""; right:6px; top:11px; width:6px; height:6px; border-radius:50%; background:#F65F18; }
.post_listing .post_topic .tag:nth-child(3) { margin-right:0; } 
.post_listing .post_topic .tag:nth-child(3):after { display:none; }
    
.isotope-pager { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:50px 0; }
.isotope-pager a { width:48px; height:48px; font-size: 22px; line-height: 25px;  padding:11px 10px; color:#F65F18; text-align:center; margin:0 10px; border-radius:50%; border:2px solid #F65F18; }
.isotope-pager a:hover { background:#F65F18; color:#fff; }
.isotope-pager a.prev img { transform: rotate(180deg); } 
.isotope-pager a.prev:hover { background:#fff; } 
.isotope-pager a.next:hover { background:#fff; }  
.isotope-pager a.current_page { background:#F65F18; color:#fff;  } 
.isotope-pager a.disable { pointer-events:none; opacity: 0.5; }

/**/    
.blog_post { width:100%; display:block; padding:50px 0; margin:0 auto; max-width:1100px; position:relative; }
.blog_post .backblog a { display:flex; flex-wrap:wrap; align-items:center; color:#001D4E; font-weight: normal; font-size: 18px; line-height: 27px; }
.blog_post .backblog a img { margin-right:10px; }
.blog_post h1 { width:100%; display:block; margin:25px 0; }
.blog_post h2 { width:100%; display:block; margin:30px 0 0px; line-height:1.3; }
.blog_post h3 { width:100%; display:block; margin:30px 0 0px; }
.blog_post h4 { width:100%; display:block; margin:30px 0 0px; }
.blog_post .post_topic .tag { font-weight: normal; font-size: 18px; line-height: 27px; color: #F65F18; padding-right:20px; position:relative; }
.blog_post .post_topic .tag:hover { color:#F65F18; text-decoration:underline;  }
.blog_post .post_topic .tag:after { position:absolute; content:""; right:6px; top:8px; width:6px; height:6px; border-radius:50%; background:#F65F18; }
.blog_post .post_topic .tag:last-child { margin-right:0; }
.blog_post .post_topic .tag:last-child:after { display:none; } 
.blog_post .post_img { width:100%; display:inline-block; margin:30px 0 20px; height:600px; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; position:relative; }
.blog_post .post_img:before { position: absolute; content: ""; width: 120px; height: 120px; z-index: -1; right: -42px; bottom: -42px; background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/imgpat-left.png) no-repeat center center; transform: rotate(270deg); }
.blog-fullwidth-callout { background: #f5f6fd; color:#FF6200; padding: 25px; margin: 15px 0px 25px 0px; }
.blog-popout-box { border-radius: 6px; padding:20px 30px 30px; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); margin:30px 0; }

.post_info { width:100%; display:flex; flex-wrap:wrap; align-items: flex-start; padding:30px 0 0; position:relative; }
.post_info .social_sharing { width:100%; max-width:200px; position:sticky; top:20px; left:0; }
.post_info .social_sharing ul { width:100%; padding:0 0 0 30px; margin:20px 0 0; list-style:none; }
.post_info .social_sharing ul li { width:100%; }
.post_info .social_sharing ul li a { width: 30px; height: 30px; border-radius: 4px; color: #fff; padding: 0 0; font-size: 20px; text-align: center; background: #001D4E; display: inline-block; margin-bottom: 20px; }
.post_info .social_sharing ul li a:hover { background:#0051C2; }

.post_info .post_body { width:calc(100% - 200px); display:block; font-size: 18px; line-height: 28px; color: #636363; }
.post_info .post_body a { text-decoration:underline; }
.post_info .post_body p:first-child { padding-top:0; }
 
/**/ 
.related_postmain { width:100%; display:block; padding:180px 0 250px; position:relative; overflow:hidden;  }
.related_postmain:before { position:absolute; content:""; right:0; top:50%; width:calc(100% - 25%); height:calc(100% - 180px); background: #F4F7FE; transform:translateY(-50%); }
.related_postmain .container { position:relative; }
.related_postmain .relatedpost_cover { width:100%; padding-left:calc(100%/2 - 1440px/2 + 10px); display:flex; flex-wrap:wrap; margin:40px 0  0; position:relative; }
.related_postmain .relatedpost_cover .slick-list { padding-right:200px; }
.related_postmain .relatedpost_box { width:100%; display:inline-block; }
.related_postmain .relatedpost_boxinner { width:calc(100% - 30px); margin:0 15px 30px; padding-bottom:80px; position:relative; background: #FFFFFF; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow:hidden; }
.related_postmain .relatedpost_box .post_image { width:100%; display:block; height:335px; }
.related_postmain .relatedpost_box:hover a h3 { color:#F65F18; }
.related_postmain .relatedpost_box .post_date { color: #636363; }  
.related_postmain .relatedpost_box .post_title h3 { width:100%; margin:20px 0 30px; display:inline-block; font-weight: 500; font-size: 24px; line-height: 36px; }  
.related_postmain .relatedpost_box .relatedpost_boxwrap { width:100%; display:block; padding:20px 30px; }
.related_postmain .relatedpost_box .post_topic { position:absolute; bottom:0; left:0; width:100%; padding:0 30px 30px; }
.related_postmain .relatedpost_box .post_topic span { width:auto; display:none; color: #F65F18; font-weight: normal; font-size: 18px; line-height: 27px; position:relative; padding-right:20px; }
.related_postmain .relatedpost_box .post_topic span:nth-child(-n+3) { display:inline-block; }
.related_postmain .relatedpost_box .post_topic span:after { position:absolute; content:""; right:4px; top:10px; width:8px; height:8px; border-radius:50%; background:#F65F18; }
.related_postmain .relatedpost_box .post_topic span:nth-child(3) { padding:0; }
.related_postmain .relatedpost_box .post_topic span:nth-child(3):after { display:none; }    
 
.related_postmain .slick-arrow { width:48px; height:48px;  background:#fff; border-radius:50%; border: 2px solid #F65F18; cursor:pointer; opacity:0.2; }
.related_postmain .slick-arrow.slick-prev:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform: rotate(180deg) translateX(50%) translateY(50%); width: 17px; height: 17px; }
.related_postmain .slick-arrow.slick-next:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform:translate(-50%,-50%) rotate(0deg); }
.related_postmain .slick-arrow.slick-prev { left: calc(100%/2 - 1440px/2 + 20px); bottom: -90px; transform: translateY(0); top: auto; } 
.related_postmain .slick-arrow.slick-next { right:auto; left: calc(100%/2 - 1440px/2 + 80px); bottom: -90px; transform: translateY(0); top: auto; } 
.related_postmain .slick-arrow:hover { opacity:1; }
 
.related_progress { width: 100%; height: 6px; background: #E5E5E5; margin-left:95px; border-radius:6px; overflow:hidden; position: absolute; bottom: 180px; max-width: 1280px; left: 50%; transform:translateX(-50%); } 
.related_progress .progress { width: 0%; height: 6px; background: #F65F18; }

/**/
.news_listing .post_logoimg { position:absolute; left:0; top:0; width:100%; height:100%;  display:flex; flex-wrap:wrap; align-items:center; justify-content: center; }
.news_listing .post_logoimg img { position:relative; } 
.news_listing .post_logoimg:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background: #2C82C9; mix-blend-mode: multiply; }
.news_listing .post_item:nth-child(3n) .post_logoimg:before { background: rgba(24, 92, 81, 0.8); } 
.news_listing .post_item:nth-child(4n) .post_logoimg:before { background: rgba(54, 131, 71, 0.9); } 
.news_listing .post_item:nth-child(5n) .post_logoimg:before { background: rgba(25, 28, 38, 0.8); } 
.news_listing .post_item:nth-child(6n) .post_logoimg:before { background: #C7362F; } 
.news_listing .post_title {  width:100%; margin:20px 0; display:block; }
.news_listing .post_date { color: #636363; font-weight: normal; font-size: 18px; line-height: 27px; }
.post_height { width:100%; display:inline-block; }

  





   




@media (max-width: 1600px){  

    .related_postmain { padding:100px 0 180px; }
    .related_postmain:before { height:calc(100% - 120px); }
    .related_postmain .relatedpost_cover { padding-left:calc(100%/2 - 1280px/2 + 10px); }
    .related_postmain .slick-arrow.slick-prev { bottom:-60px; left:calc(100%/2 - 1280px/2 + 24px); }
    .related_postmain .slick-arrow.slick-next { bottom:-60px; left:calc(100%/2 - 1280px/2 + 92px); }
    .related_progress { margin-left:20px; bottom:142px; max-width:900px; } 

}

@media (max-width: 1400px){ 

    .post_listing .post_topic .tag { font-size: 14px; line-height: 22px; }
    .post_listing .post_item .post_content { padding:20px; }
    .post_listing .post_item .post_image { height:260px; }
    
    .blog_post .post_img { height:450px; }
    .blog_post .post_img:before { right:-24px; bottom:-24px; }
    
    .related_postmain { padding:100px 0 180px; }
    .postview_area:before { height:600px; }
    .related_postmain:before { height:calc(100% - 120px); }
    .related_postmain .relatedpost_cover { padding-left:calc(100%/2 - 1170px/2 + 10px); }
    .related_postmain .slick-arrow.slick-prev { bottom:-60px; left:calc(100%/2 - 1170px/2 + 24px); }
    .related_postmain .slick-arrow.slick-next { bottom:-60px; left:calc(100%/2 - 1170px/2 + 92px); }
    .related_progress { margin-left:20px; bottom:142px; max-width:900px; } 
    .related_postmain .relatedpost_cover .slick-list { padding-right:50px; }
    
    .event_filter_section.news_filter_area .probox { max-width: 280px; margin-right: 18px; }
    
    
    
}
 
@media (max-width: 1200px){ 

    .post_listing .post_item a h3 { font-size: 22px; line-height: 30px; }
    .post_listing .post_topic .tag:after { top:8px; }
    .isotope-pager { padding:30px 0; }

    .related_postmain .relatedpost_cover { padding-left:calc(100%/2 - 950px/2 + 30px); }
    .related_postmain .slick-arrow.slick-prev { left:calc(100%/2 - 950px/2 + 48px); }
    .related_postmain .slick-arrow.slick-next { left:calc(100%/2 - 950px/2 + 110px); }
    .related_progress { max-width:700px; margin-left:60px; }
    .related_postmain .relatedpost_cover .slick-list { padding-right:80px; }
    
    

}

@media (max-width: 991px){  

    .post_listing .post_item { width:calc(100%/2 - 30px); }  
    .event_filter_section .probox { max-width: 280px; margin-right: 30px; }
   
    .post_info .social_sharing { max-width:150px; }
    .post_info .post_body { width:calc(100% - 150px); }

    .related_postmain .relatedpost_cover { padding-left:calc(100%/2 - 750px/2 + 30px); }
    .related_postmain .slick-arrow.slick-prev { left:calc(100%/2 - 750px/2 + 48px); }
    .related_postmain .slick-arrow.slick-next { left:calc(100%/2 - 750px/2 + 110px); }
    .related_progress { max-width:500px; margin-left:60px; }
    
    .related_postmain .relatedpost_box .relatedpost_boxwrap { padding:20px; }
    .related_postmain .relatedpost_box .post_topic { padding:0 20px 20px; }
    
    .event_filter_section.news_filter_area .probox { max-width: 225px; margin-right: 10px; }
    
    
}

@media (max-width: 767px){ 

    .post_listing { margin:0; }
    .post_listing .post_item { width:100%; margin:0 0 30px; }  
    .event_filter_section .probox { max-width: 350px; margin:0 0 15px; }
    .isotope-pager a { width:42px; height:42px; padding:7px; margin:0 5px; }
    
     /**/ 
    .related_postmain .relatedpost_cover { padding-left:10px; padding-right:10px; }
    .related_postmain .slick-arrow.slick-prev { left:20px; }
    .related_postmain .slick-arrow.slick-next { left:80px; }
    .related_progress { max-width:160px; margin-left: 155px; left: 0; transform: translateX(0); }
    .related_postmain .relatedpost_cover .slick-list { padding-right:0; }
    .related_postmain .relatedpost_box .post_image { height:240px; }  
    
    .post_info .social_sharing { max-width:100%; position:relative; top:0; }
    .post_info .post_body { width:100%; padding:30px 0 0; }
    .blog_post .post_img { height:320px; }
    .blog_post .post_img:before { display:none; }
    .postview_area:before { display:none; } 
    .post_info .social_sharing ul { padding:0; }
    .post_info .social_sharing ul li { width:auto; display:inline-block; margin-right:10px; }
    .post_info .social_sharing ul li a { margin-bottom:0; }
    
     
    
}
.btn_style a { width:auto; float:none; font-family: 'Geist', sans-serif; font-weight:500; display:inline-block; min-width:160px; text-transform:none; text-align:center; font-size: 18px; line-height: 28px; padding:8px 20px; color:#ffffff !important; border:2px solid #0051C2; background:#0051C2; border-radius:6px; transition: background .3s;}
.btn_style a:hover { color:#ffffff; border-color:#0F1844; background:#0F1844; }  

/**/
.systemstyle_area { width:100%; position:relative; padding:150px 0; }
.systemstyle_area:before { position: absolute; content: ""; left: 0; top: 50%; width: calc(100% - 25%); height: calc(100% - 180px); background: #F4F7FE; transform: translateY(-50%); }
.systemstyle_area .container { position:relative; }
.systemstyle_area .systemstyle_cover { max-width:1110px; display:inline-block; font-size: 18px; line-height: 28px; }
.systemstyle_area h1 { margin-bottom:30px; width:100%; display:block; }
.systemstyle_area h4 { font-weight: 500; font-size: 24px; line-height: 32px; margin: 30px 0 10px; }  
.systemstyle_area a { text-decoration:underline; }

/**/
.error_page { width:100%; background: #fafafa; padding:150px 0; position:relative; }
.error_page:before { position: absolute; content: ""; right: 0; bottom: 0; width: 291px; height: 597px;) no-repeat center center/cover; }
.error_box { width:100%; display:inline-block; text-align:center; color:#424242; font-size:18px; line-height:24px; }
.error_box h1 { color:#001D4E; }
.error_box .error_boxtext { width:100%; margin:20px 0 50px; display:block; }

/**/
.systems_page { width:100%; background: #001D4E; padding:100px 0; position:relative; color:#fff; }
.systems_page:before { position: absolute; content: ""; right: 0; bottom: 0; width: 291px; height: 597px;) no-repeat center center/cover; }
.systems_page h1,.systems_page h2,.systems_page h3,.systems_page h4 { color:#fff; }
.systems_page .header { width:100%; margin-bottom:20px; }
.systems_page form { width:100%; color:#fff; max-width:605px; } 
.systems_page form label { color:#fff; }
.systems_page form .item { width:100%; display:block; margin-bottom:20px; }
.systems_page form .item .fakelabel { width:100%; display:flex; flex-wrap:wrap; align-items:center; }
.systems_page form input[type="checkbox"] { width:20px; height:20px; margin:0 10px 0 0; }
.systems_page .hs-button { width:auto; display:inline-block; margin-top:30px; font-size: 18px; line-height: 24px; letter-spacing: 0.5px; font-weight: 500; }
.systems_page .subscribe-options label { width:100%; display:flex; flex-wrap:wrap; align-items:center; }
.systems_page .subscribe-options .header { margin:0; }
.systems_page .email-edit { margin:12px 0 0; padding:10px !important; width:100% !important; max-width:500px; background:#fff; }
.systems_page #email-prefs-form .hs-button { margin-top:15px; }

.systems_page .form_container form { max-width: 730px; display: block; } 
.systems_page .form_container .hs-form-field { width:100%; margin-bottom:20px; display:inline-block; }
.systems_page .form_container .hs-form-field:last-child { margin-bottom:0; }
.systems_page .form_container .hs-button { margin-top:18px; }
.systems_page .hs_cos_wrapper_type_password_reset_request .hs-form-field:first-child { display:none; }
.systems_page .hs_cos_wrapper_type_password_reset_request .hs-form-field:nth-child(2) { display:none; }
.systems_page #hs-membership-form .hs-form-field { margin-bottom:0; }
.systems_page #hs-membership-form .form_container { margin-top:10px; }
.systems_page .form_container .form-input-validation-message { width:100%; margin:20px 0 !important; position:relative; }

.systems_page form input[type="password"] { height:46px !important; margin:12px 0 0 !important; }
     
  
/**/
.searchresult_main { width:100%; background: #fff; padding:100px 0; position:relative; color:#000; }
.searchresult_main:before { position: absolute; content: ""; right: 0; bottom: 0; width: 291px; height: 597px;) no-repeat center center/cover; }
.searchresult_main h6 { color:#636363; margin:40px 0; font-weight:400; }
.searchresult_main h6 strong { font-weight:500; }  

/**/
.result_box { width:100%; display:inline-block; padding:0; }
.result_box .hs_search_field { position: relative; opacity: 1; visibility:visible; padding:0; }
.result_box .hs_search_field .container { padding:0; }
.result_box .hs_search_field .searchfield_close { display:none; }

.result_box .hs-search-results ul { width:100%; padding:0 0 40px; margin:0; list-style:none; }
.result_box .hs-search-results ul li { width:100%; display:inline-block; margin-bottom:20px; color:#636363; font-size:16px; line-height:24px; }
.result_box .hs-search-results ul li a { width:100%; color:#0051C2; font-size:22px; line-height:28px; }
.result_box .hs-search-results ul li a:hover { color:#0051C2; }

.hs_search_field .hs-search-field__suggestions { display:none; width:100%; padding:15px; text-align:left; }

 
 







@media(max-width:1400px){ 
 
    .systemstyle_area { padding:100px 0; }
    .systemstyle_area:before { height:calc(100% - 100px); }
    .systemstyle_area .systemstyle_cover { font-size: 16px; line-height: 26px; }
    .systemstyle_area h1 { margin-bottom:10px; }
     
    .systems_page { padding:60px 0; }  
    .systems_page:before { display:none; }
    .error_page { padding:60px 0; }  
    .error_page:before { display:none; }
    
    .searchresult_main { padding:80px 0; }
    .searchresult_main:before { display:none; }
    .hs_search_field .searchfield_top { margin-bottom:20px; }  
    
}


@media(max-width:767px){ 

    .systemstyle_area { padding:40px 0; }
    .systemstyle_area:before { display:none; }
    
    .searchresult_main { padding:50px 0; }
    
}

.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.container, .row-fluid .container, #main-footer .container {
  padding-left: 15px;
  padding-right: 15px;
}

.list_style ul { padding:0; margin:0; list-style:none; }
.list_style ul li { width:100%; margin-bottom:12px; padding-left:35px; position:relative; }  
.list_style ul li:before { position:absolute; content:""; left:0; top:7px; width:17px; height:13px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/check.png') no-repeat center center / cover; }
.list_style ul li:last-child { margin-bottom:0; } 

.title h5 { color: #00E0B8; font-weight: bold; letter-spacing: 0.3em; font-size: 16px; line-height: 24px; margin-bottom:8px; }
.title h2 { color: #001D4E; }

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

.fancybox-stage .fancybox-content { padding:0 !important; line-height:0; width:100%; max-width:800px; }
.fancybox-stage .fancybox-button {  background: #fff; padding:6px; top:0 !important; }
.fancybox-stage .fancybox-button svg path { fill: #424242; }

ul.hs-error-msgs {
 margin: -15px 0 20px; 
}
 
/**/
.btn_style a { width:auto; float:none; font-family: 'Geist', sans-serif; font-weight:600; display:inline-block; min-width:160px; text-transform:none; text-align:center; font-size: 18px; line-height: 28px; padding:8px 20px; color:#ffffff !important; border:2px solid #0051C2; background:#0051C2; border-radius:6px; }
.btn_style a:hover { color:#ffffff; border-color:#0F1844; background:#0F1844; }  

.border_btn a { width:auto; float:none; font-family: 'Geist', sans-serif; font-weight:600; display:inline-block; min-width:160px; text-transform:none; text-align:center; font-size: 18px; line-height: 28px; padding:8px 20px; color:#0F1844; border:2px solid #0F1844; background:transparent; border-radius:6px; }
.border_btn a:hover { color:#575d7c; background:transparent; border-color:#575d7c; }  

.cta_btn a { width:auto; float:none; font-family: 'Geist', sans-serif; font-weight:600; display:inline-block; min-width:160px; text-transform:none; text-align:center; font-size: 18px; line-height: 28px; padding:8px 20px; color:#001D4E; border:2px solid #00E0B8; background:#00E0B8; border-radius:6px; }
.cta_btn a:hover { color:#001D4E; background:#00E0B8; border-color:#00E0B8; }  

.cta_phone a { color: #fff; }

.hero_area { width:100%; padding:120px 0; position:relative; background: #ffffff; color:#424242; z-index:11; }
/*.hero_area:before { position:absolute; content:""; right:0; bottom:0; width:191px; height:397px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/hero-pat.png') no-repeat top center / cover; z-index:-1; } */
.hero_area .container { display:flex; flex-wrap:wrap; align-items:center; }   
.hero_area .hero_left { width:calc(100% - 572px); padding-right:140px; }
.hero_area h1 { color: #001d4e; font-weight: 700; }
.hero_area h1 span, h1 span { color: #0051c2; }
.hero_area .hero_text { width:100%; margin:20px 0 50px; display:block; font-family: 'Geist', sans-serif;; font-size:18px; line-height:26px; }
.hero_area .hero_btn { width:100%; display:flex; flex-wrap:wrap; } 
.hero_area .hero_btn > div { margin-right:20px; }
.hero_area .hero_right { width:572px; height:572px; display: inline-block; border: 4px solid #001D4E; border-radius: 6px; }

.popup_form { display:none; }

.fancybox-slide .popup_form { width:100%; display:inline-block; padding:30px !important; font-size: 16px; line-height: 24px; text-align: left; }
.fancybox-slide .popup_form form fieldset { max-width:100% !important; }
.fancybox-slide .popup_form form .hs-input { width:100% !important; margin:2px 0 15px; }
.fancybox-slide .popup_form form .hs-button { padding:8px 20px; font-size: 18px; line-height: 28px; }

.payment_logos { width:100%; display:block; margin-top:60px; text-align:center; }
.payment_logos span { width:100%; text-align:center; }
.payment_logos .hero_logo { width:auto; display:flex; flex-wrap:wrap; align-items:center; margin:25px auto 0; }
.payment_logos .hero_logoitem { width:100%; padding:10px;max-width:100px; }
.payment_logos .hero_logoitem img { max-height:60px; }
  
/**/
.cta_area {  width:100%; text-align:center; position:relative; background: #001D4E; padding:100px 0; display:block; color:#fff; overflow:hidden; } 
.cta_area .cta_pat { position:absolute; }
.cta_area .cta_pat:before { position: absolute; content: ""; left:-100px; bottom:90px; border-radius: 50%; width: 180px; height: 180px; border: 4px solid rgba(255,255,255,0.2); }
.cta_area .cta_pat:after { position: absolute; content: ""; left: 100px; bottom: 0; border-radius: 50%; width: 120px; height: 120px; border: 4px solid rgba(255,255,255,0.2); }
.cta_area .cta_pat1 { bottom:32px; left:0; }
.cta_area .cta_pat2 { top: 200px; right: 190px; }

.cta_area .container { margin:0 auto; max-width:960px; }
.cta_area h2 { color:#fff; }
.cta_area .cta_text { width:100%; margin:15px 0 40px; display:block; }

/**/
.title-anchor-area  {  width:100%; text-align:center; position:relative; background: #0051C2; padding:40px 0 20px; display:block; color:#fff; overflow:hidden; } 
.title-anchor-area .cta_pat { position:absolute; }
.title-anchor-area .cta_pat:before { position: absolute; content: ""; left:-100px; bottom:90px; border-radius: 50%; width: 180px; height: 180px; border: 4px solid rgba(255,255,255,0.2); }
.title-anchor-area .cta_pat:after { position: absolute; content: ""; left: 100px; bottom: 0; border-radius: 50%; width: 120px; height: 120px; border: 4px solid rgba(255,255,255,0.2); }
.title-anchor-area .cta_pat1 { bottom:32px; left:0; }
.title-anchor-area .cta_pat2 { top: 200px; right: 190px; }

.title-anchor-area .container { margin:0 auto; max-width:960px; }
.title-anchor-area h2 { color:#fff; }
.title-anchor-area .cta_text { width:100%; margin:15px 0 20px; display:block; }
 
/**/
.numbspeak_area { width:100%; display:block; padding:70px 0 40px; position:relative; }  
.numbspeak_area h2 { text-align:center; } 
.numbspeak_area .numbspeak_cover { width:100%; display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin-top:50px; }
.numbspeak_area .numbspeak_box { width:calc(100%/4); padding:0 20px 40px; color: #636363; }
.numbspeak_area .numbspeak_box .numbspeak_wrap { width:100%; display:block; }
.numbspeak_area .numbspeak_box h4 { font-weight: bold; font-size: 64px; line-height: 64px; width:100%; margin:15px 0 8px 0; } 
.numbspeak_area .numbspeak_box .numbspeak_numb { color: #0051C2; font-weight: 500; font-size: 16px; line-height: 24px; }
.numbspeak_area .numbspeak_box .numbspeak_text { width:100%; margin-top:20px; }

/**/
.zigzag_area { width:100%; display:block; padding:50px 0; }   
.zigzag_area .zigzag_box { width:100%; display:block; padding:180px 0; position:relative; }
.zigzag_area .zigzag_box:before { position:absolute; content:""; left:0; top:50%; width:calc(100% - 25%); height:calc(100% - 130px); background: #F4F7FE; transform:translateY(-50%); }
.zigzag_area .zigzag_box .container { display:flex; flex-wrap:wrap; align-items:center; position:relative; }
.zigzag_area .zigzag_box .zigzag_wrap { width:calc(100% - 695px);  padding-right:100px; }
.zigzag_area .zigzag_box .zigzag_img { width:695px; position:relative; height:520px; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); border-radius: 4px; }
.zigzag_area .zigzag_box .zigzag_img:before { position:absolute; content:""; width:120px; height:120px; z-index:-1; right:-42px; bottom:-42px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/imgpat-left.png') no-repeat center center; transform: rotate(270deg); }
.zigzag_area .zigzag_box h5 { color: #00E0B8; font-weight: bold; letter-spacing: 0.3em; font-size: 16px; line-height: 24px; margin-bottom:8px; }
.zigzag_area .zigzag_box h2 { color: #001D4E; }
.zigzag_area .zigzag_box .zigzag_text { width:100%; margin:20px 0 40px; }
.zigzag_area .zigzag_box .zigzag_text img { border:3px solid #0051C2!important; }

.zigzag_area .zigzag_box .video_code { display:none; }
.zigzag_area .zigzag_box .play_icon { width: 100%; position: absolute; top: 0; left: 0; height: 100%; display: flex; align-items: center; justify-content: center; }
.zigzag_area .zigzag_box .play-btn { width:88px; height:88px; display:inline-block; border-radius:50%; background: #0051C2; text-align:center; padding:26px 16px 25px 25px; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); }

.zigzag_area .zigzag_box.left_img:before { left:auto; right:0; }
.zigzag_area .zigzag_box.left_img .container { flex-direction:row-reverse; }
.zigzag_area .zigzag_box.left_img .zigzag_wrap { padding-right:0; padding-left:100px; } 
.zigzag_area .zigzag_box.left_img .zigzag_img:before { right:auto; left:-42px; transform: rotate(0deg); }
 
/**/  
.blogfeed_area { width:100%; display:block; padding:270px 0; position:relative; }
.blogfeed_area:before { position:absolute; content:""; right:0; top:50%; width:calc(100% - 25%); height:calc(100% - 290px); background: #F4F7FE; transform:translateY(-50%); }
.blogfeed_area .container { position:relative; }
.blogfeed_area .blogfeed_cover { display:flex; flex-wrap:wrap; margin:40px -15px 0; position:relative; }
.blogfeed_area .blogfeed_cover:before { position:absolute; content:""; width:120px; height:120px; z-index:-1; left:-28px; bottom:-13px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/imgpat-left.png') no-repeat center center; }
 
.blogfeed_area .blogfeed_box { width:calc(100%/3 - 30px); margin:0 15px 30px; padding-bottom:40px; position:relative; background: #FFFFFF; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow:hidden; }
.blogfeed_area .blogfeed_box .post_image { width:100%; display:block; height:335px; }
.blogfeed_area .blogfeed_box:hover a h3 { color:#F65F18; }
.blogfeed_area .blogfeed_box .post_date { color: #636363; }  
.blogfeed_area .blogfeed_box .post_title h3 { width:100%; margin:20px 0 30px; display:inline-block; font-weight: 500; font-size: 24px; line-height: 36px; }  
.blogfeed_area .blogfeed_box .blogfeed_boxwrap { width:100%; display:block; padding:20px 30px; }
.blogfeed_area .blogfeed_box .post_topic { position:absolute; bottom:0; left:0; width:100%; padding:0 30px 30px; }
.blogfeed_area .blogfeed_box .post_topic span { width:auto; display:inline-block; color: #F65F18; font-weight: normal; font-size: 18px; line-height: 27px; position:relative; padding-right:20px; }
.blogfeed_area .blogfeed_box .post_topic span:after { position:absolute; content:""; right:4px; top:10px; width:8px; height:8px; border-radius:50%; background:#F65F18; }
.blogfeed_area .blogfeed_box .post_topic span:last-child { padding:0; }
.blogfeed_area .blogfeed_box .post_topic span:last-child:after { display:none; }    
 
.blogfeed_area .slick-arrow { width:48px; height:48px;  background:#fff; border-radius:50%; border: 2px solid #F65F18; cursor:pointer; opacity:0.2; }
.blogfeed_area .slick-arrow.slick-prev:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform: rotate(180deg) translateX(50%) translateY(50%); width: 17px; height: 17px; }
.blogfeed_area .slick-arrow.slick-next:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform:translate(-50%,-50%) rotate(0deg); }
.blogfeed_area .slick-arrow.slick-prev { left: calc(100%/2 - 1440px/2 + 20px); bottom: -90px; transform: translateY(0); top: auto; } 
.blogfeed_area .slick-arrow.slick-next { right:auto; left: calc(100%/2 - 1440px/2 + 80px); bottom: -90px; transform: translateY(0); top: auto; } 
.blogfeed_area .slick-arrow:hover { opacity:1; }

.blog_progress { width: 100%; height: 6px; background: #E5E5E5; margin-left:95px; border-radius:6px; overflow:hidden; position: absolute; bottom: 130px; max-width: 1280px; left: 50%; transform:translateX(-50%); } 
.blog_progress .progress { width: 0%; height: 6px; background: #F65F18; }


/**/ 
.testimonial_area { width:100%; padding:150px 0 200px; display:block; position:relative; }
.testimonial_area:before { position:absolute; content:""; right:0; top:50%; width:calc(100% - 25%); height:calc(100% - 120px); background: #F4F7FE; transform:translateY(-50%); }
.testimonial_area .title { position:relative; }
.testimonial_area .testimonial_cover { width:100%; margin-top:40px; padding-left:calc(100%/2 - 1440px/2); }
.testimonial_area .testimonial_cover .slick-list { padding-right:200px; }
.testimonial_area .testimonial_box { width:100%; }   
.testimonial_area .testimonial_box .testimonial_boxiner { width:calc(100% - 40px); margin:0 20px; display:inline-block; padding:30px; background: #FFFFFF; border: 1px solid #F5F5F5; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; }
.testimonial_area .testimonial_box .testimonial_bio { width:100%; display:block; margin:20px 0; }
.testimonial_area .testimonial_box .testimonial_poscomname { color:#636363; }
.testimonial_area .testimonial_box h6 { margin-bottom:8px; font-weight: 500; font-size: 18px; line-height: 27px; color: #001D4E; }
.testimonial_area .slick-arrow { width:48px; height:48px;  background:#fff; border-radius:50%; border: 2px solid #F65F18; cursor:pointer; opacity:0.2; }
.testimonial_area .slick-arrow.slick-prev:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform: rotate(180deg) translateX(50%) translateY(50%); width: 17px; height: 17px; }
.testimonial_area .slick-arrow.slick-next:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform:translate(-50%,-50%) rotate(0deg); }
.testimonial_area .slick-arrow.slick-prev { left: calc(100%/2 - 1440px/2 + 20px); bottom: -90px; transform: translateY(0); top: auto; } 
.testimonial_area .slick-arrow.slick-next { right:auto; left: calc(100%/2 - 1440px/2 + 80px); bottom: -90px; transform: translateY(0); top: auto; } 
.testimonial_area .slick-arrow:hover { opacity:1; }
 
.slider-progress { width: 100%; height: 6px; background: #E5E5E5; margin-left:95px; border-radius:6px; overflow:hidden; position: absolute; bottom: 130px; max-width: 1280px; left: 50%; transform:translateX(-50%); } 
.slider-progress .progress { width: 0%; height: 6px; background: #00E0B8; }


/**/
.innerhero_area { width:100%; padding:100px 0; background: #001D4E; position:relative; }
.innerhero_area:before { position:absolute; content:""; right:0; bottom:0; width:291px; height:597px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/hero-pat.png') no-repeat center center/cover; }
.innerhero_area .container { display:flex; flex-wrap:wrap; align-items:center; }
.innerhero_area .innerhero_left { width:calc(100% - 600px); padding-right:70px; color:#fff; font-weight: normal; font-size: 18px; line-height: 27px; }
.innerhero_area h1 { color:#fff; }
.innerhero_area .innerhero_img { width:600px; height:600px; position:relative; border-radius:50%; }
.innerhero_area .innerhero_img:before { position:absolute; content:""; left:-8px; top:-9px; width:calc(100% + 16px); height:calc(100% + 16px); border-radius:50%; border: 8px solid rgba(255, 255, 255, 0.2); }
.innerhero_area .innerhero_cover { width:100%; display:flex; flex-wrap:wrap; margin:30px 0 15px; }
.innerhero_area .innerhero_box { width:calc(100%/2); padding-right:20px; display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.innerhero_area .innerhero_box .innerhero_boximg { width:50px; }
.innerhero_area .innerhero_box .innerhero_boxtext { width:calc(100% - 50px); padding-left:15px; font-weight: 600; }
.innerhero_area .innerhero_box .innerhero_boxtext a { color:#fff; }
.innerhero_area .hero_btns { width:100%; display:flex; flex-wrap:wrap; } 
.innerhero_area .hero_btns > div { margin-right:20px; }


/**/
.apiintover_area { width:100%; padding:200px 0 180px; position:relative; }
.apiintover_area:before { position:absolute; content:""; right:0; top:50%; width:calc(100% - 25%); height:calc(100% - 200px); background: #F4F7FE; transform:translateY(-50%); }
.apiintover_area .container { position:relative; }
.apiintover_area .apiintover_cover { display:flex; flex-wrap:wrap; margin:50px -20px 0; position:relative; }
.apiintover_area .apiintover_cover:before { position:absolute; content:""; width:120px; height:120px; z-index:-1; left:-23px; bottom:-3px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/imgpat-left.png') no-repeat center center; }
.apiintover_area .apiintover_box { width:calc(100%/3 - 40px); margin:0 20px 40px; padding:30px; background: #FFFFFF; border: 1px solid #F5F5F5; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; color: #636363; font-weight: normal; font-size: 18px; line-height: 27px; }
.apiintover_area .apiintover_box h3 { color: #001D4E; font-weight: 500; font-size: 24px; line-height: 32px; }  
.apiintover_area .apiintover_box h3:hover { color:#F65F18; }
.apiintover_area .apiintover_boxtext { width:100%; margin:10px 0; }
.apiintover_area .apiintover_btns { width:100%; margin-top:20px; }
.apiintover_area .apiintover_btnbox a { color:#F65F18; font-weight: 500; margin-bottom:10px; font-size: 18px; line-height: 27px; text-decoration-line: underline; }
.apiintover_area .apiintover_btnbox a:hover { color:#000; }
  
/**/
.solutlogo_area { width:100%; padding:70px 0; position:relative; text-align:center; } 
.solutlogo_area .solutlogo_cover { width:100%; margin:30px auto 0; max-width:600px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.solutlogo_area .solutlogo_box { width:calc(100%/3); padding:0 15px 20px; min-height:80px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.solutlogo_area .solutlogo_box img { max-height:80px; }
.solutlogo_area h5 { font-weight: 500; }


/**/
.ctastripcon_area { width:100%; position:relative; padding:50px 0; }
.ctastripcon_area .ctastripcon_box { width:100%; padding:50px; min-height:410px; position:relative; text-align:center; display:flex; flex-wrap:wrap; justify-content: center;  align-items:center; background: #F4F7FE; border-radius: 6px; overflow:hidden; }
.ctastripcon_area .ctastripcon_box:before { position:absolute; content:""; left: 70px; top: -90px; width:180px; height:180px; border-radius:50%; border: 16px solid #FFFFFF; }
.ctastripcon_area .ctastripcon_box:after { position:absolute; content:""; right:70px; bottom:-110px; width:180px; height:180px; border-radius:50%; border: 16px solid #FFFFFF; }
.ctastripcon_area .ctastripcon_box h2 { margin-bottom:50px; } 
 

/**/
.industriser_area { width:100%; display:block; padding:150px 0 100px; position:relative; }  
.industriser_area:before { position:absolute; content:""; right:0; top:50%; width:calc(100% - 25%); height:calc(100% - 90px); background: #F4F7FE; transform:translateY(-50%); }
.industriser_area .container { position:relative; }
.industriser_area .industriser_cover { display:flex; flex-wrap:wrap; text-align:left; margin:50px -20px 0; }
.industriser_area .industriser_cover.four-col .industriser_box { width:calc(100%/4); }
.industriser_area .industriser_cover.two-col .industriser_box { width:calc(100%/2); }

.industriser_area .industriser_box { width:calc(100%/3); padding:0 20px 60px; color: #636363; }
.industriser_area .industriser_box .industriser_wrap { width:100%; display:block; }
.industriser_area .industriser_box h5 { font-weight: 500; font-size: 24px; line-height: 32px; width:100%; margin:20px 0 15px; display: inline-block; } 
.industriser_area .industriser_box .industriser_numb { color: #0051C2; font-weight: 500; font-size: 16px; line-height: 24px; }
.industriser_area .industriser_box .industriser_text { width:100%; }
.industriser_area .industriser_box .industriser_text ul {  }

/**/ 
.casefeed_area { width:100%; display:block; padding:180px 0 250px; position:relative; overflow:hidden; }
.casefeed_area:before { position:absolute; content:""; right:0; top:50%; width:calc(100% - 25%); height:calc(100% - 180px); background: #F4F7FE; transform:translateY(-50%); }
.casefeed_area .container { position:relative; }
.casefeed_area .casefeed_cover { width:100%; padding-left:calc(100%/2 - 1440px/2 + 10px); display:flex; flex-wrap:wrap; margin:40px 0  0; position:relative; }
.casefeed_area .casefeed_cover .slick-list { padding-right:200px; }
.casefeed_area .casefeed_box { width:100%; display:inline-block; }
.casefeed_area .casefeed_boxinner { width:calc(100% - 30px); margin:0 15px 30px; padding-bottom:80px; position:relative; background: #FFFFFF; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow:hidden; }
.casefeed_area .casefeed_box .post_image { width:100%; display:block; height:335px; }
.casefeed_area .casefeed_box:hover a h3 { color:#F65F18; }
.casefeed_area .casefeed_box .post_date { color: #636363; }  
.casefeed_area .casefeed_box .post_title h3 { width:100%; margin:20px 0 30px; display:inline-block; font-weight: 500; font-size: 24px; line-height: 36px; }  
.casefeed_area .casefeed_box .casefeed_boxwrap { width:100%; display:block; padding:20px 30px; }
.casefeed_area .casefeed_box .post_topic { position:absolute; bottom:0; left:0; width:100%; padding:0 30px 30px; }
.casefeed_area .casefeed_box .post_topic span { width:auto; display:none; color: #F65F18; font-weight: normal; font-size: 18px; line-height: 27px; position:relative; padding-right:20px; }
.casefeed_area .casefeed_box .post_topic span:nth-child(-n+3) { display:inline-block; }
.casefeed_area .casefeed_box .post_topic span:after { position:absolute; content:""; right:4px; top:10px; width:8px; height:8px; border-radius:50%; background:#F65F18; }
.casefeed_area .casefeed_box .post_topic span:last-child { padding:0; }
.casefeed_area .casefeed_box .post_topic span:last-child:after { display:none; }    

.casefeed_area .slick-arrow { width:48px; height:48px;  background:#fff; border-radius:50%; border: 2px solid #F65F18; cursor:pointer; opacity:0.2; }
.casefeed_area .slick-arrow.slick-prev:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform: rotate(180deg) translateX(50%) translateY(50%); width: 17px; height: 17px; }
.casefeed_area .slick-arrow.slick-next:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform:translate(-50%,-50%) rotate(0deg); }
.casefeed_area .slick-arrow.slick-prev { left: calc(100%/2 - 1440px/2 + 20px); bottom: -90px; transform: translateY(0); top: auto; } 
.casefeed_area .slick-arrow.slick-next { right:auto; left: calc(100%/2 - 1440px/2 + 80px); bottom: -90px; transform: translateY(0); top: auto; } 
.casefeed_area .slick-arrow:hover { opacity:1; }
 
.blog_progress { width: 100%; height: 6px; background: #E5E5E5; margin-left:95px; border-radius:6px; overflow:hidden; position: absolute; bottom: 180px; max-width: 1280px; left: 50%; transform:translateX(-50%); } 
.blog_progress .progress { width: 0%; height: 6px; background: #00E0B8; }

/**/
.solution_hero { width:100%; padding:50px 0; min-height:400px; display:flex; align-items:center; justify-content:center; position:relative; background: #001D4E; color:#fff; font-size: 18px; line-height: 27px; overflow:hidden; }
.solution_hero h1 { color:#fff; margin-bottom:10px; }
.solution_hero:before { position:absolute; content:""; right:90px; border-radius:50%; bottom:-40px; width:120px; height:120px; border: 4px solid rgba(246, 95, 24, 0.4); }
.solution_hero:after { position:absolute; content:""; right:-90px; border-radius:50%; bottom:170px; width:180px; height:180px; border: 4px solid rgba(255, 255, 255, 0.2); }

/**/
.soluctionbox_area { width:100%; display:inline-block; vertical-align:top; padding:100px 0; position:relative; }
.soluctionbox_area:before { position:absolute; content:""; right:0; top:0; width:calc(100% - 30%); height:100%; background: #F4F7FE; }
.soluctionbox_area .soluctionbox_cover { display:flex; flex-wrap:wrap; margin:0 -20px; position:relative; }
.soluctionbox_area .soluctionbox_cover:before { position:absolute; content:""; width:120px; height:120px; z-index:-1; left:-23px; bottom:-3px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/imgpat-left.png') no-repeat center center; }
.soluctionbox_area .soluctionbox_box { width:calc(100%/3 - 40px); position:relative; padding-bottom: 50px; margin:0 20px 40px; background: #FFFFFF; border: 1px solid #F5F5F5; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow:hidden; }
.soluctionbox_area .soluctionbox_img { width:100%; height:335px; display:inline-block; vertical-align:top; }
.soluctionbox_area .soluctionbox_content { width:100%; padding:25px;display:inline-block; }
.soluctionbox_area .soluctionbox_box h4 { font-weight: 500; font-size: 24px; line-height: 36px; transition:all .4s ease; }   
.soluctionbox_area .soluctionbox_box:hover h4 { color:#F65F18; text-decoration:underline; }
.soluctionbox_area .soluctionbox_box .soluctionbox_boxtext { width:100%; margin:20px 0; display:block; }
.soluctionbox_area .soluctionbox_link { position:absolute; left:0; width:100%; bottom:0; padding:0 25px 25px; }
.soluctionbox_area .soluctionbox_link a { text-decoration:underline; }
 
/**/ 
.abthreebox_area { width:100%; display:block; padding:180px 0; position:relative; overflow:hidden; }
.abthreebox_area:before { position:absolute; content:""; left:0; top:50%; width:calc(100% - 25%); height:calc(100% - 180px); background: #F4F7FE; transform:translateY(-50%); }
.abthreebox_area .container { position:relative; }
.abthreebox_area .abthreebox_cover { display:flex; flex-wrap:wrap; margin:50px -20px 0; position:relative; }
.abthreebox_area .abthreebox_cover:before { position:absolute; content:""; width:120px; height:120px; z-index:-1; right:-23px; bottom:-14px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/imgpat-left.png') no-repeat center center; transform:rotate(-90deg); }
.abthreebox_area .abthreebox_item { width:calc(100%/3 - 40px); margin:0 20px 30px; position:relative; background: #FFFFFF; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow:hidden; }
.abthreebox_area .abthreebox_item .abthreebox_img { width:100%; display:block; height:335px; }
.abthreebox_area .abthreebox_item h3 { width:100%; margin:0 0 10px; display:inline-block; font-weight: 500; font-size: 24px; line-height: 36px; }  
.abthreebox_area .abthreebox_item .abthreebox_wrap { width:100%; display:block; padding:25px 30px; }
.abthreebox_area .abthreebox_item p:first-child { padding-top:0; }

/**/
.maptext_area { width:100%; padding:100px 0; background: #F4F7FE; text-align:center; }
.maptext_area .maptext_top { width:100%; max-width:850px; margin:0 auto; font-size: 18px; line-height: 27px; }
.maptext_area .maptext_top h2 { font-weight: bold; font-size: 48px; line-height: 72px; } 
.maptext_area .maptext_toptext { width:100%; max-width:680px; margin:0 auto;  }
.maptext_area .maptext_img { width:100%; display:block; margin:30px 0; }
.maptext_area .maptext_btm { width:100%; max-width:1050px; margin:0 auto; }

/**/
.numbspeak_area.customnuber_space { padding:130px 0 40px; }
.industriser_area.industries_space { padding:150px 0; }
.industriser_area.industries_space:before { height:calc(100% - 150px);  margin-top: -40px; }

/**/
.isvsolution_area { width:100%; display:block; padding:180px 0 150px; position:relative; overflow:hidden; }
.isvsolution_area:before { position:absolute; content:""; left:0; top:50%; width:calc(100% - 25%); height:calc(100% - 180px); background: #F4F7FE; transform:translateY(-50%); }
.isvsolution_area .container { position:relative; }
.isvsolution_area .isvsolution_cover { width:100%; display:flex; flex-wrap:wrap; margin-top:50px; }
.isvsolution_area .isvsolution_box { width:calc(100%/3); padding:0 50px 40px 0; display:block; }
.isvsolution_area .isvsolution_box h3 { width:80px; height:80px; color:#fff; text-align:center; display: flex; align-items: center; justify-content: center; border-radius:50%; background: #001D4E; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.05);  }
.isvsolution_area .isvsolution_box h4 { font-weight: 500; font-size: 24px; line-height: 36px; margin:30px 0 20px; width:100%; }
.isvsolution_area .isvsolution_box .isvsolution_boxtext p:first-child { padding-top:0; }

/**/
.isvsolzigzag_area.zigzag_area { width:100%; display:block; padding:0; position:relative; overflow:hidden; }
.isvsolzigzag_area.zigzag_area .zigzag_box { padding:130px 0 100px; }
.isvsolzigzag_area.zigzag_area .zigzag_box:before { display:none; }
.isvsolzigzag_area.zigzag_area .zigzag_inerbox { width:100%; margin-bottom:50px; font-size: 18px; line-height: 27px; }
.isvsolzigzag_area.zigzag_area .zigzag_inerbox:last-child { margin-bottom:0; }
.isvsolzigzag_area.zigzag_area .zigzag_inerbox h3 { font-weight: 500; font-size: 32px; line-height: 48px; }
.isvsolzigzag_area.zigzag_area .zigzag_box .zigzag_text { margin:14px 0 32px; }

/**/
.isvservices_area.industriser_area { padding:150px 0; }
.isvservices_area.industriser_area:before { height:calc(100% - 160px); margin:-30px; right: auto; left: 0; }

/**/ 
.globallogo_area { width:100%; padding:70px 0; margin-bottom:80px; position:relative; text-align:center; background:#F4F7FE; } 
.globallogo_area .container { max-width:640px !important; }
.globallogo_area h3 { font-weight: 500; font-size: 32px; line-height: 48px; }
.globallogo_area .globallogo_cover { width:100%; margin:30px auto 0; max-width:600px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.globallogo_area .globallogo_box { width:calc(100%/3); padding:0 15px 20px; min-height:80px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.globallogo_area .globallogo_icon { width:100%; }
.globallogo_area .globallogo_box img { max-height:80px; }

/**/ 
.posterminals_area { width:100%; display:block; padding:170px 0 240px; position:relative; overflow:hidden; }
.posterminals_area:before { position:absolute; content:""; right:0; top:50%; width:calc(100% - 25%); height:calc(100% - 160px); background: #F4F7FE; transform:translateY(-50%); }
.posterminals_area .container { position:relative; }
.posterminals_area .posterminals_cover { width:100%; padding-left:calc(100%/2 - 1440px/2 + 5px); display:flex; flex-wrap:wrap; margin:40px 0  0; position:relative; }
.posterminals_area .posterminals_cover:before { position:absolute; content:""; width:120px; height:120px; z-index:-1; right:-23px; bottom:-14px; background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/imgpat-left.png') no-repeat center center; transform:rotate(-90deg); }
.posterminals_area .posterminals_cover .slick-list { padding-right:200px; }
.posterminals_area .posterminals_item { width:100%; }
.posterminals_area .posterminals_iteminer { width:calc(100% - 40px); margin:20px; position:relative; background: #FFFFFF; box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow:hidden; }
.posterminals_area .posterminals_item .posterminals_img { width:100%; padding:40px 0 0; display:block; height:auto; text-align:center; }
.posterminals_area .posterminals_item h3 { width:100%; margin:0; display:inline-block; font-weight: 500; font-size: 24px; line-height: 36px; }  
.posterminals_area .posterminals_item .posterminals_wrap { width:100%; display:block; padding:25px 30px; }
.posterminals_area .posterminals_item p:first-child { padding-top:0; }
.posterminals_area .posterminals_text { width:100%; margin:20px 0 30px; }
.posterminals_area .posterminals_btn a { text-decoration:underline; }
.posterminals_area .list_style ul li:before { filter: grayscale(1); }

.posterminals_area .slick-arrow { width:48px; height:48px;  background:#fff; border-radius:50%; border: 2px solid #F65F18; cursor:pointer; opacity:0.2; }
.posterminals_area .slick-arrow.slick-prev:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform: rotate(180deg) translateX(50%) translateY(50%); width: 17px; height: 17px; }
.posterminals_area .slick-arrow.slick-next:before { background:url('https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/Payroc_2022/images/right-arrow.png') no-repeat center center; transform:translate(-50%,-50%) rotate(0deg); }
.posterminals_area .slick-arrow.slick-prev { left: calc(100%/2 - 1440px/2 + 20px); bottom: -90px; transform: translateY(0); top: auto; } 
.posterminals_area .slick-arrow.slick-next { right:auto; left: calc(100%/2 - 1440px/2 + 80px); bottom: -90px; transform: translateY(0); top: auto; } 
.posterminals_area .slick-arrow:hover { opacity:1; }

.posterminals_progress { width: 100%; height: 6px; background: #E5E5E5; margin-left:95px; border-radius:6px; overflow:hidden; position: absolute; bottom: 168px; max-width: 1280px; left: 50%; transform:translateX(-50%); } 
.posterminals_progress .progress { width: 0%; height: 6px; background: #00E0B8; }

/**/ 
.contact_form_section { display: inline-block; vertical-align: top; width: 100%; padding: 100px 0; background: #F4F7FE; }
.contact_form_raw { display: flex; align-items: flex-start; width: 100%; flex-wrap: wrap; }
.contact_form_raw.vertStack {flex-direction: column; align-items: center;}
.contact_form_left { width: 690px; padding-right: 100px; max-width: 100%; }
.contact_form_left a { text-decoration: underline; }
.contact_form_right { width: calc(100% - 690px); max-width: 100%; padding-left: 22px; }
.contact_form_left h2 { line-height: 1.5; }
.contact_form_right form .hs-input {  border-radius: 6px; padding: 0 10px; height: 60px; margin: 0; }
.contact_form_right form li.hs-form-radio {list-style:none;}
.contact_form_right form .hs-form-radio-display .hs-input {height:auto;width:30px;padding:0 5px;}
.contact_form_right form fieldset.form-columns-2 .input, .contact_form_right form fieldset.form-columns-1 .input { margin: 0 !important; }
.contact_form_right form fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 20px; }
.contact_form_right form fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 20px; }
.contact_form_right form fieldset .hs-form-field { margin-bottom: 30px; }
.contact_form_right form fieldset { max-width: 100%; }
.contact_form_right form .hs-form-field > label { font-size: 18px; font-weight: 500; display: inline-block; vertical-align: top; width: 100%; margin-bottom: 5px; }
.contact_form_right form fieldset.form-columns-1 .hs-input { width: 100%; }
.contact_form_right .hs-form-field { 	margin-bottom:30px; }
.contact_form_right form fieldset textarea { height: 180px !important; resize: none; padding: 10px !important; }
.contact_form_right form input[type="submit"] { margin: 40px 0 0; font-size: 18px; padding: 7px 31px; width: auto; height: auto; }
.contact_form_right .submitted-message { text-align: center; }
.contact_form_right form .hs-form-field ul.inputs-list .hs-form-booleancheckbox {	list-style: none; }
.contact_form_right form .hs-form-booleancheckbox-display input { float: left; width: 20px!important; margin: -13px 10px 10px 0; }

/**/
.casestudies_form { width:100%; max-width: 600px; margin:0 auto;}
.casestudies_form form .hs-input {  border-radius: 6px; padding: 0 10px; height: 60px; margin: 0; }
.casestudies_form form fieldset.form-columns-2 .input, .contact_form_right form fieldset.form-columns-1 .input { margin: 0 !important; }
.casestudies_form form fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 20px; }
.casestudies_form form fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 20px; }
.casestudies_form form fieldset .hs-form-field { margin-bottom: 30px; }
.casestudies_form form fieldset { max-width: 100%; }
.casestudies_form form .hs-form-field > label { font-size: 18px; font-weight: 500; display: inline-block; vertical-align: top; width: 100%; margin-bottom: 5px; }
.casestudies_form form fieldset.form-columns-1 .hs-input { width: 100%; }
.casestudies_form form fieldset textarea { height: 180px !important; resize: none; padding: 10px !important; }
.casestudies_form form input[type="submit"] { margin: 40px 0 0; font-size: 18px; padding: 7px 31px; width: auto; height: auto;color:#FF6200;background:#fff;border-color:#fff; }
.casestudies_form .submitted-message {text-align: center;}

/**/
form li.hs-form-checkbox {list-style:none;}
.contact_form_right form ul {padding:0;}
.contact_form_right form li.hs-form-checkbox .hs-input,
form li.hs-form-checkbox input {height: 13px;margin-right: 10px;margin-top: 10px;}

/**/
.zigzag_area .zigzag_box.ecommerce_halfbox { padding:100px 0 50px; }
.zigzag_area .zigzag_box.ecommerce_halfbox:before { display:none; }
.zigzag_area .zigzag_box.ecommerce_halfbox .zigzag_img:before { display:none; }

/**/
.casefeed_area.ecommerce_studyfeed {  }
.casefeed_area.ecommerce_studyfeed:before { right:auto; left:0; }

/**/
.abthreebox_area.about3col_area:before { left:auto; right:0; }
.abthreebox_area.about3col_area .abthreebox_cover:before { right:auto; left: -23px; transform: rotate(0); }

/**/
.solutlogo_area.onthego_area { padding:70px 0 20px; }
.solutlogo_area.onthego_area .zigzag_box:first-child { padding:180px 0 150px; }
.solutlogo_area.onthego_area .zigzag_box:first-child:before { height:calc(100% - 100px); margin-top:20px; }
.zigzag_area.onthego_zigzag { padding:0; }
.ctastripcon_area.onthego_ctaarea { padding:50px 0 110px; }





 




@media (min-width: 992px){
    
    .hero_area {      
        background: url(https://2238251.fs1.hubspotusercontent-na1.net/hubfs/2238251/green-eclipse-2025.svg);
        background-position: right 0 bottom -20px;
        background-repeat: no-repeat;
        background-size: 42% 94%;
    } 
  
}

@media (max-width: 1600px){ 
    .contact_form_left { width: 500px; padding-right: 0; }
    .contact_form_right { width: calc(100% - 500px); }    
}

@media (max-width: 1200px){
    .contact_form_left { width: 400px; }
    .contact_form_right { width: calc(100% - 400px); }
    .contact_form_right form .hs-input { height: 50px; }
    .contact_form_right form fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 10px; }
    .contact_form_right form fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 10px; }
    .contact_form_section { padding: 80px 0; }
}

@media (max-width: 991px){
    .contact_form_left { width: 100%; }
    .contact_form_right { width: 100%; padding: 20px 0 0; }    
}

@media (max-width: 480px){
    .contact_form_section { padding: 50px 0; }
    .contact_form_left h2 { line-height: 32px; }
    .contact_form_right form .hs-input { width: 100% !important; }
    .contact_form_right form fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 0; }
    .contact_form_right form fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 0; }
    .contact_form_right form fieldset textarea { height: 100px !important; }
}




@media (max-width: 1600px){ 
    
/*     .container, .row-fluid .container, #main-footer .container { max-width:1280px; }     */
    h1 { font-size:48px; }
    h2 { font-size:40px; }
    
    .testimonial_area { padding:150px 0; }
    .testimonial_area:before { height:calc(100% - 60px); }
    .testimonial_area .testimonial_cover { padding-left:calc(100%/2 - 1240px/2 + 30px); }
    .testimonial_area .slick-arrow.slick-prev { left:calc(100%/2 - 1240px/2 + 48px); }
    .testimonial_area .slick-arrow.slick-next { left:calc(100%/2 - 1240px/2 + 110px); }
    .slider-progress { margin-left:20px; bottom:82px; max-width:900px; } 
    
    
    /**/
    .hero_area { padding:60px 0; }
    .hero_area .hero_left { padding-right:40px; }
    .hero_area .hero_text { margin:10px 0 36px; }  
    
    /**/
    .zigzag_area { padding:40px 0; }
    .zigzag_area .zigzag_box .zigzag_wrap { padding-right:30px; }
    .zigzag_area .zigzag_box.left_img .zigzag_wrap { padding-left:30px; }
    .zigzag_area .zigzag_box { padding:120px 0; }
    .zigzag_area .zigzag_box:before { height:calc(100% - 110px); }
    
    /**/
    .numbspeak_area .numbspeak_box h4 { font-size: 48px; line-height: 54px; }
    
    /**/
    .blogfeed_area { padding:150px 0; }
    .blogfeed_area:before { height:calc(100% - 150px); } 
    .blogfeed_area .blogfeed_box .post_image { height:260px; }
    
    /**/
    .cta_area { padding:60px 0; }
    
    /**/
    .apiintover_area { padding:160px 0 140px; }
    .apiintover_area .apiintover_box { font-size: 16px; line-height: 26px; }
    
    /**/
    .innerhero_area .innerhero_left { width:calc(100% - 500px); font-size: 16px;  line-height: 24px; }
    .innerhero_area .innerhero_img { width:500px; height:500px; }
    .innerhero_area:before { width: 191px; height: 397px; }
    
    /**/
    .solutlogo_area { padding:50px 0; }
    
    .casefeed_area { padding:100px 0 180px; }
    .casefeed_area:before { height:calc(100% - 120px); }
    .casefeed_area .casefeed_cover { padding-left:calc(100%/2 - 1240px/2 + 30px); }
    .casefeed_area .slick-arrow.slick-prev { bottom:-60px; left:calc(100%/2 - 1240px/2 + 48px); }
    .casefeed_area .slick-arrow.slick-next { bottom:-60px; left:calc(100%/2 - 1240px/2 + 110px); }
    .blog_progress { margin-left:20px; bottom:142px; max-width:900px; } 

    /**/
    .casefeed_area .casefeed_box .post_image { height:250px; }
    .casefeed_area .casefeed_box .post_title h3 { font-size: 20px; line-height: 30px; }
    .casefeed_area .casefeed_box .post_topic { position:relative; padding:30px 0 0; }
    .casefeed_area .casefeed_boxinner { padding-bottom:0; }
    
    /**/
    .soluctionbox_area { padding:70px 0; }
    
    .abthreebox_area { padding:130px 0; }
    .abthreebox_area:before { height:calc(100% - 130px); }
    
    /**/
    .industriser_area.industries_space { padding:120px 0; }
    .industriser_area.industries_space:before { height: calc(100% - 120px); margin-top: -30px; }
    .numbspeak_area.customnuber_space { padding:90px 0 40px; }
    
    .maptext_area { padding:70px 0; }
    .maptext_area .maptext_top h2 { font-size: 40px; line-height: 54px; }
    .maptext_area .maptext_toptext { max-width:600px; margin:10px auto 0; }    
    
    /**/
    .globallogo_area { margin-bottom:40px; }
    .isvsolution_area { padding:130px 0 100px; }
    .isvsolution_area:before { height:calc(100% - 130px); }
     
    .posterminals_area { padding:100px 0 180px; }
    .posterminals_area:before { height:calc(100% - 120px); }
    .posterminals_area .posterminals_cover .slick-list { padding-right:50px; }
    .posterminals_area .posterminals_cover { padding-left:calc(100%/2 - 1240px/2 + 30px); }
    .posterminals_area .slick-arrow.slick-prev { bottom:-60px; left:calc(100%/2 - 1240px/2 + 48px); }
    .posterminals_area .slick-arrow.slick-next { bottom:-60px; left:calc(100%/2 - 1240px/2 + 110px); }
    .posterminals_progress { margin-left:20px; bottom:142px; max-width:900px; } 
    
    
    
    
    
}

@media (max-width: 1400px){ 
    .container, .row-fluid .container, #main-footer .container { max-width:1170px; }  
    h1 { font-size:44px; }
    h2 { font-size:36px; } 
    
    .zigzag_area .zigzag_box .zigzag_img:before { right:-22px; bottom:-22px; }
    
    .apiintover_area { padding:130px 0 110px; }
    .apiintover_area:before { height:calc(100% - 150px); }
    .apiintover_area .apiintover_box { width: calc(100%/3 - 30px); margin: 0 15px 30px; }
    .apiintover_area .apiintover_cover:before { left: -5px; bottom: 11px; }
    
    /**/
    .innerhero_area .innerhero_left { width:calc(100% - 400px); padding-right:30px; }
    .innerhero_area .innerhero_img { width:400px; height:400px; }

    .zigzag_area .zigzag_box.left_img .zigzag_img:before { left:-32px; }
    .casefeed_area .casefeed_box .post_topic span { font-size: 14px; line-height: 18px; }
    .casefeed_area .casefeed_box .post_topic span:after { top: 6px; width: 6px; height: 6px; }

    /**/
    .solution_hero { min-height:320px; }
    .solution_hero:after { width: 140px; height: 140px; right:-50px; }
    .solution_hero:before { width:100px; height:100px; right:60px; }
    .soluctionbox_area .soluctionbox_img { height:280px; }
    .soluctionbox_area .soluctionbox_cover:before { left: -3px; bottom: 12px; }
    
    .abthreebox_area .abthreebox_cover:before { right: -3px; bottom: 5px; }
    
    /**/
    .maptext_area .maptext_top h2 { font-size: 34px; line-height: 46px; }
    .maptext_area .maptext_top { font-size: 18px; line-height: 26px; }
    
     /**/
    .posterminals_area .posterminals_cover { padding-left:calc(100%/2 - 1170px/2 + 5px); }
    .posterminals_area .slick-arrow.slick-prev { left:calc(100%/2 - 1170px/2 + 48px); }
    .posterminals_area .slick-arrow.slick-next { left:calc(100%/2 - 1170px/2 + 110px); }
    .posterminals_progress { max-width:700px; margin-left:60px; }
    
    
    
    
}

@media (max-width: 1200px){ 
    .container, .row-fluid .container, #main-footer .container { max-width:950px; }  
    
    /**/
    .hero_area .hero_left { width:calc(100% - 400px); }
    .hero_area .hero_right { width:400px; height:400px; }
    .hero_area:before { background-position:left center !important; }
    
    /**/
    .zigzag_area .zigzag_box .zigzag_wrap { width:calc(100% - 400px); }
    .zigzag_area .zigzag_box .zigzag_img { width:400px; height:400px; }    
    
    /**/
    .numbspeak_area { padding:40px 0 20px; }  
    .numbspeak_area .numbspeak_box h4 { font-size: 40px; line-height: 38px; }
    .numbspeak_area .numbspeak_box { padding:0 15px 40px; }
    
    .blogfeed_area .blogfeed_box .post_title h3 { font-size: 20px; line-height: 30px; }
    .blogfeed_area .blogfeed_cover:before { left: -10px; bottom: -24px; } 
    
    /**/
    .testimonial_area .testimonial_cover { padding-left:calc(100%/2 - 950px/2 + 30px); }
    .testimonial_area .slick-arrow.slick-prev { left:calc(100%/2 - 950px/2 + 48px); }
    .testimonial_area .slick-arrow.slick-next { left:calc(100%/2 - 950px/2 + 110px); }
    .slider-progress { max-width:700px; margin-left:60px; }
    
    /**/
    .numbspeak_area .numbspeak_box .numbspeak_numb { font-size:14px; line-height:20px; }
    .numbspeak_area .numbspeak_box h4 { font-size: 34px; }
    
    .apiintover_area .apiintover_box { padding:20px; }
    .innerhero_area .innerhero_left { font-size: 15px; line-height: 22px; }
    
    .ctastripcon_area .ctastripcon_box { min-height:300px; }
    .ctastripcon_area .ctastripcon_box h2 { margin-bottom:30px; }
    .ctastripcon_area .ctastripcon_box:before,.ctastripcon_area .ctastripcon_box:after { width: 150px; height: 150px; }  
    
    /**/
    .casefeed_area .casefeed_cover { padding-left:calc(100%/2 - 950px/2 + 30px); }
    .casefeed_area .slick-arrow.slick-prev { left:calc(100%/2 - 950px/2 + 48px); }
    .casefeed_area .slick-arrow.slick-next { left:calc(100%/2 - 950px/2 + 110px); }
    .blog_progress { max-width:700px; margin-left:60px; }
        
    /**/
    .soluctionbox_area .soluctionbox_cover { margin:0 -15px; }
    .soluctionbox_area .soluctionbox_box { width:calc(100%/3 - 30px); margin:0 15px 30px; }
    .soluctionbox_area .soluctionbox_content { padding:20px; }
    .soluctionbox_area .soluctionbox_link { padding:20px; }
    
    .abthreebox_area .abthreebox_item { width: calc(100%/3 - 20px); margin: 0 10px 30px; } 
    .abthreebox_area .abthreebox_cover:before { display:none; }
    
    /**/ 
    .posterminals_area .posterminals_cover { padding-left:calc(100%/2 - 950px/2 + 5px); }
    .posterminals_area .slick-arrow.slick-prev { left:calc(100%/2 - 950px/2 + 48px); }
    .posterminals_area .slick-arrow.slick-next { left:calc(100%/2 - 950px/2 + 110px); }
    .posterminals_progress { max-width:700px; margin-left:60px; }
    
    .isvsolzigzag_area.zigzag_area .zigzag_box { padding:60px 0 50px; }
    .isvsolution_area .isvsolution_box { padding:0 20px 30px 0; }  
    .isvsolution_area .isvsolution_box h4 { font-size: 20px; line-height: 28px; }
    
    .industriser_area .industriser_box h5 { font-size: 20px; line-height: 26px; }
    
    
    
}

@media (max-width: 991px){ 
    .container, .row-fluid .container, #main-footer .container { max-width:750px; }  
    h1 { font-size:40px; }
    h2 { font-size:34px; }
    
    /**/
    .testimonial_area .testimonial_cover { padding-left:calc(100%/2 - 750px/2 + 10px); }
    .testimonial_area .slick-arrow.slick-prev { left:calc(100%/2 - 750px/2 + 48px); }
    .testimonial_area .slick-arrow.slick-next { left:calc(100%/2 - 750px/2 + 110px); }
    .slider-progress { max-width:500px; margin-left:60px; }

    /**/
    .hero_area .hero_left { width:calc(100% - 350px); }
    .hero_area .hero_right { width:350px; height:350px; }

    /**/
    .zigzag_area { padding:0; }
    .zigzag_area .zigzag_box .zigzag_wrap { width:calc(100% - 350px); }
    .zigzag_area .zigzag_box .zigzag_img { width:350px; height:350px; }    
    
    /**/
    .testimonial_area { padding:60px 0 150px; }
    .numbspeak_area .numbspeak_box { width:calc(100%/2); }  
    
    /**/
    .blogfeed_area { padding:100px 0; }
    .blogfeed_area .blogfeed_cover { justify-content:center; }
    .blogfeed_area .blogfeed_cover:before { display:none; }
    .blogfeed_area:before { height:calc(100% - 140px); }
    .blogfeed_area .blogfeed_box { width:calc(100%/2 - 30px); margin:0 15px 30px; }
    
    /**/
    .cta_area .cta_pat { display:none; }
    
    /**/
    .apiintover_area .apiintover_box { width:calc(100%/2 - 30px); }  
    .apiintover_area { padding:110px 0 90px; }
    
    .innerhero_area { padding:50px 0; }
    .innerhero_area .innerhero_left { width:calc(100% - 300px); }
    .innerhero_area .innerhero_img { width:300px; height:300px; }
    .innerhero_area .innerhero_box { width:100%; padding-right:0; }
    .innerhero_area .innerhero_box .innerhero_boxtext { padding-left:8px; }
    
    /**/
    .industriser_area .industriser_box { width:calc(100%/2); }
    
    .casefeed_area .casefeed_cover .slick-list { padding-right: 50px; }
    
    /**/
    .casefeed_area .casefeed_cover { padding-left:calc(100%/2 - 750px/2 + 10px); }
    .casefeed_area .slick-arrow.slick-prev { left:calc(100%/2 - 750px/2 + 48px); }
    .casefeed_area .slick-arrow.slick-next { left:calc(100%/2 - 750px/2 + 110px); }
    .blog_progress { max-width:500px; margin-left:60px; }
    
    /**/
    .solution_hero { min-height:260px; }
    .soluctionbox_area .soluctionbox_box { width:calc(100%/2 - 30px); }
    .solution_hero:after { width: 120px; height: 120px; bottom: 120px; right: -60px; }
    
    .abthreebox_area .abthreebox_item { width: calc(100%/2 - 20px); }  
    .abthreebox_area { padding:100px 0; }
    .abthreebox_area:before { height:calc(100% - 80px); }
     
    /**/
    .posterminals_area .posterminals_cover { padding-left:calc(100%/2 - 750px/2 + 10px); }
    .posterminals_area .slick-arrow.slick-prev { left:calc(100%/2 - 750px/2 + 48px); }
    .posterminals_area .slick-arrow.slick-next { left:calc(100%/2 - 750px/2 + 110px); }
    .posterminals_progress { max-width:500px; margin-left:60px; }
    .posterminals_area .posterminals_cover .slick-list { padding-right:10px; }
    
    .industriser_area .industriser_cover.four-col .industriser_box { width:calc(100%/3); }
    .industriser_area .industriser_box h5 { font-size: 20px; line-height: 26px; }
    
    

}

@media (max-width: 767px){ 

    .container, .row-fluid .container, #main-footer .container { max-width:100%; }   
    h1 { font-size:34px; }
    h2 { font-size:26px; line-height:32px; }
    .btn_style a { font-size: 16px; line-height: 24px; }  
    .border_btn a {  font-size: 16px; line-height: 24px; }
    
    .needle_section .pin { width:100%; }
    .hero_area .hero_left { width:100%; padding:0; text-align:center; }
    .hero_area .hero_right { height:280px; width:100%; margin-top:40px; }
    .hero_area .hero_btn { justify-content:center; }
    .hero_area .hero_btn > div { margin:0 10px 20px; }
     
    /**/
    .zigzag_area { padding:0; }
    .zigzag_area .zigzag_box { background:#fff; padding:50px 0; }
    .zigzag_area .zigzag_box:before { display:none; }
    .zigzag_area .zigzag_box:nth-child(2n) { background:#F4F7FE; }
    .zigzag_area .zigzag_box .zigzag_wrap { width:100%; padding:0; }
    .zigzag_area .zigzag_box .zigzag_img { height:280px; width:100%; margin-top:40px; }
    .zigzag_area .zigzag_box.left_img .zigzag_wrap { padding:0; }
    .zigzag_area .zigzag_box .zigzag_img:before { display:none; }
    .zigzag_area .zigzag_box .zigzag_text { margin:10px 0 20px; }
    
    .testimonial_area:before { display:none; }
    .testimonial_area .testimonial_box .testimonial_boxiner { width:100%; margin:0; }
    .testimonial_area .testimonial_cover .slick-list { padding-right: 0; }
    .testimonial_area .testimonial_box .testimonial_boxiner { padding:20px; }
    
    .numbspeak_area .numbspeak_box { width:100%; padding:0 0 30px; }
    .numbspeak_area { background:#F4F7FE; padding:50px 0 20px; }
    
    /**/ 
    .testimonial_area .testimonial_cover { padding-left:20px; padding-right:20px; }
    .testimonial_area .slick-arrow.slick-prev { left:20px; }
    .testimonial_area .slick-arrow.slick-next { left:80px; }
    .slider-progress { max-width:160px; margin-left: 155px; left: 0; transform: translateX(0); }
    
    .cta_area .cta_pat { display:none; } 
    .cta_area .cta_text { margin:10px 0; }
     
    .blogfeed_area .blogfeed_cover { padding:0 10px; }  
    .blogfeed_area { background:#F4F7FE; padding:40px 0; }
    .blogfeed_area .blogfeed_box { margin:0 0 30px; width:100%; }
    .blogfeed_area .blogfeed_box .blogfeed_boxwrap { padding:20px 20px; } 
    .blogfeed_area .blogfeed_box .post_topic { padding:0 20px 30px; } 
    
    /**/
    .innerhero_area .innerhero_left { width:100%; padding:0 0 60px; }
    .innerhero_area .innerhero_img { width:280px; height:280px; }
 
    .apiintover_area { padding:60px 0 40px; }
    .apiintover_area .apiintover_cover:before { display:none; }
    .apiintover_area .apiintover_cover { margin:40px 0 0; }
    .apiintover_area .apiintover_box { width:100%; margin:0 0 30px; }
    .apiintover_area:before { display:none; }
    
    /**/
    .solutlogo_area { padding:30px 0; }
    .solutlogo_area .solutlogo_box { width:calc(100%/2); }
    
    .ctastripcon_area .ctastripcon_box { padding:20px; }
    .ctastripcon_area .ctastripcon_box:before,.ctastripcon_area .ctastripcon_box:after { display:none; }

    .industriser_area .industriser_box { width:100%; }
    .industriser_area { padding:50px 0 20px; background:#F4F7FE; }
    .industriser_area:before { display:none; }
    
     /**/ 
    .casefeed_area { padding:50px 0 120px; background: #F4F7FE; }
    .casefeed_area:before { display:none; }
    .casefeed_area .casefeed_cover { padding-left:10px; padding-right:10px; }
    .casefeed_area .casefeed_cover .slick-list { padding-right:0; }  
    .casefeed_area .slick-arrow.slick-prev { left:20px; }
    .casefeed_area .slick-arrow.slick-next { left:80px; }
    .blog_progress { max-width:160px; margin-left: 155px; left: 0; bottom:80px; transform: translateX(0); }    
    .casefeed_area .casefeed_box .casefeed_boxwrap { padding:20px 20px; }
    
    /**/
    .solution_hero { text-align:center; }
    .solution_hero:after,.solution_hero:before { display:none; }
    
    .soluctionbox_area { padding:60px 0 50px; }
    .soluctionbox_area:before  { display:none; }
    .soluctionbox_area .soluctionbox_cover:before { display:none; }
    .soluctionbox_area .soluctionbox_cover { margin: 0 auto; max-width: 400px; }
    .soluctionbox_area .soluctionbox_box { width:100%; margin:0 0 30px; }
    
    /**/
    .abthreebox_area { background:#F4F7FE; padding:50px 0; }
    .abthreebox_area:before { display:none; }   
    .abthreebox_area .abthreebox_item .abthreebox_img { height:250px; }
    .abthreebox_area .abthreebox_cover { margin:40px 0 0; }
    .abthreebox_area .abthreebox_item { width:100%; margin:0 0 30px; } 
    .abthreebox_area .abthreebox_item .abthreebox_wrap { padding:20px; }
    
    .title h5 { letter-spacing: .1em; }
    
    /**/
    .industriser_area.industries_space { padding:60px 0; }
    .industriser_area .industriser_box:last-child { padding-bottom:0; }
    .maptext_area { margin-top:20px; padding:50px 0; } 
    .maptext_area .maptext_top h2 { font-size: 26px; line-height: 34px; }
     
    .innerhero_area .hero_btns>div { margin:0 14px 10px 0; }
    
    /**/
    .posterminals_area { padding:70px 0 120px; background: #F4F7FE; }
    .posterminals_area:before { display:none; }
    .posterminals_area .posterminals_cover { padding-left:10px; padding-right:10px; }
    .posterminals_area .posterminals_cover .slick-list { padding-right:0; }  
    .posterminals_area .slick-arrow.slick-prev { left:20px; }
    .posterminals_area .slick-arrow.slick-next { left:80px; }
    .posterminals_progress { max-width:160px; margin-left: 155px; left: 0; bottom:80px; transform: translateX(0); }    
    
    /**/
    .isvsolzigzag_area.zigzag_area .zigzag_inerbox h3 { font-size: 24px; line-height: 34px; }
    .isvservices_area.industriser_area { padding:60px 0; }
    
    .globallogo_area .globallogo_box { width:calc(100%/2); } 
    .globallogo_area { padding:40px 0; }
    .globallogo_area h3 { font-size: 26px; line-height: 34px; }
    
    /**/
    .isvsolution_area { background:#F4F7FE; padding:70px 0; text-align:center; }
    .isvsolution_area:before { display:none; }
    .isvsolution_area .isvsolution_box { width:100%; padding:0 0 30px; }
    .isvsolution_area .isvsolution_box:last-child { padding-bottom:0; }
    .isvsolution_area .isvsolution_box h3 { margin:0 auto; }
    
    .posterminals_area:before { display:none; }
    .posterminals_area .posterminals_item .posterminals_wrap { padding:20px; }
    .posterminals_area .posterminals_item h3 { font-size: 20px; line-height: 30px; }
 
    .industriser_area .industriser_box { padding-bottom:40px; }
    .industriser_area .industriser_cover.four-col .industriser_box { width:100%; }
    
    
}


@media (max-width: 480px){ 

    .globallogo_area .globallogo_box { width:100%; } 
    
}


@media (min-width: 992px){
    .container {
        max-width: 1440px !important;
    }
}