@font-face { font-family:'Graphik'; src:url('../fonts/Graphik-Light.eot'); src:url('../fonts/Graphik-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Light.woff2') format('woff2'), url('../fonts/Graphik-Light.woff') format('woff'), url('../fonts/Graphik-Light.ttf') format('truetype'), url('../fonts/Graphik-Light.svg#Graphik-Light') format('svg'); font-weight:300; font-style:normal; font-display:swap;  }
@font-face { font-family:'Graphik'; src:url('../fonts/Graphik-LightItalic.eot'); src:url('../fonts/Graphik-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-LightItalic.woff2') format('woff2'), url('../fonts/Graphik-LightItalic.woff') format('woff'), url('../fonts/Graphik-LightItalic.ttf') format('truetype'), url('../fonts/Graphik-LightItalic.svg#Graphik-LightItalic') format('svg'); font-weight:300; font-style:italic; font-display:swap;  }
@font-face { font-family:'Graphik'; src:url('../fonts/Graphik-Regular.eot'); src:url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Regular.woff2') format('woff2'), url('../fonts/Graphik-Regular.woff') format('woff'), url('../fonts/Graphik-Regular.ttf') format('truetype'), url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg'); font-weight:normal; font-style:normal; font-display:swap;  }
@font-face { font-family:'Graphik'; src:url('../fonts/Graphik-RegularItalic.eot'); src:url('../fonts/Graphik-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-RegularItalic.woff2') format('woff2'), url('../fonts/Graphik-RegularItalic.woff') format('woff'), url('../fonts/Graphik-RegularItalic.ttf') format('truetype'), url('../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic') format('svg'); font-weight:normal; font-style:italic; font-display:swap;  }
@font-face { font-family:'Graphik'; src:url('../fonts/Graphik-Medium.eot'); src:url('../fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Medium.woff2') format('woff2'), url('../fonts/Graphik-Medium.woff') format('woff'), url('../fonts/Graphik-Medium.ttf') format('truetype'), url('../fonts/Graphik-Medium.svg#Graphik-Medium') format('svg'); font-weight:500; font-style:normal; font-display:swap;  }
@font-face { font-family:'Graphik'; src:url('../fonts/Graphik-Semibold.eot'); src:url('../fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Semibold.woff2') format('woff2'), url('../fonts/Graphik-Semibold.woff') format('woff'), url('../fonts/Graphik-Semibold.ttf') format('truetype'), url('../fonts/Graphik-Semibold.svg#Graphik-Semibold') format('svg'); font-weight:600; font-style:normal; font-display:swap;  }
@font-face { font-family:'Graphik'; src:url('../fonts/Graphik-Bold.eot'); src:url('../fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Bold.woff2') format('woff2'), url('../fonts/Graphik-Bold.woff') format('woff'), url('../fonts/Graphik-Bold.ttf') format('truetype'), url('../fonts/Graphik-Bold.svg#Graphik-Bold') format('svg'); font-weight:bold; font-style:normal; font-display:swap;  }
/* Icon-Moon */
@font-face { font-family:'icomoon'; src:url('../fonts/icomoon.eot?nyyh8z'); src:url('../fonts/icomoon.eot?nyyh8z#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?nyyh8z') format('truetype'), url('../fonts/icomoon.woff?nyyh8z') format('woff'), url('../fonts/icomoon.svg?nyyh8z#icomoon') format('svg'); font-weight:normal; font-style:normal; font-display:block;  }
 [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
font-family:'icomoon' !important; speak:never; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;  }
 .icon-minus:before { content:"\e905";  }
 .icon-plus:before { content:"\e906";  }
 .icon-facebook:before { content:"\e900";  }
 .icon-instagram:before { content:"\e901";  }
 .icon-linkedin:before { content:"\e902";  }
 .icon-twitter:before { content:"\e903";  }
 .icon-youtube:before { content:"\e904";  }
/* =Box Sizing ========================================================================================*/
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
*:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;  }
/* =Deafult Tag & General Classes========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */
 -webkit-text-size-adjust:100%;  }
body { font:16px/1.45 'Graphik', Arial, Helvetica, sans-serif; color:#000; overflow-x:hidden; font-weight:normal;  }
img { vertical-align:top; border:0;  }
a, input[type="button"], input[type="submit"], button, table th, table td { -webkit-transition:background-color 550ms cubic-bezier(0.77,0,0.175,1), color 550ms cubic-bezier(0.77,0,0.175,1); transition:background-color 550ms cubic-bezier(0.77,0,0.175,1), color 550ms cubic-bezier(0.77,0,0.175,1);  }
.allanim, #mainmenu li a:after { -webkit-transition:all 550ms cubic-bezier(0.77,0,0.175,1); transition:all 550ms cubic-bezier(0.77,0,0.175,1);  }
a { color:#1270FE; text-decoration:none;  }
a:hover { text-decoration:none;  }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { a:active { background-color:transparent;  }
 }
strong { font-weight:bold;  }
small, .small { font-size:85%;  }
sub, sup { font-size:80%  }
p { margin:0 0 20px 0;  }
h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight:500; color:#000;  }
h1,h2 { font-size:80px;  }
h3 { font-size:45px;  }
h4 { font-size:30px;  }
h5 { font-size:24px;  }
h6 { font-size:16px;  }
 ul li { line-height:1.3;  }
 .cf:after,.wrap:after { content:""; display:table; clear:both;  }
.nodisplay { display:none;  }
.nodisplay_strict { display:none !important;  }
.alignleft { float:left;  }
.alignright { float:right;  }
:focus { outline:none;  }
.text_cont p { padding:0 0 10px 0;  }
.nopad p, p.nopad { padding:0;  }
.cols { margin-left:-30px; margin-right:-30px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;  }
.cols .col { padding-left:30px; padding-right:30px;  }
.cols1 .col { width:100%  }
.cols2 .col { width:50%  }
.cols3 .col { width:33.333333333333%;  }
.cols4 .col { width:25%;  }

/* =Blockquote & highlight========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px;  }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic;  }
.highlight, mark { background:#fffd64;  }

/* =Text Size, color & Custom list style========================================================================================*/
.text-bigger { font-size:22px;  }
.text-big { font-size:20px;  }
.text-small { font-size:12px;  }
.text-muted { color:#777;  }
.text-primary { color:#1270FE;  }
.text-secondary { color:#7979a9;  }
.bg-muted { background:#777;  }
.bg-primary { background:#e34f26;  }
.bg-secondary { background:#7979a9;  }
.text-lc { text-transform:lowercase;  }
.text-uc { text-transform:uppercase;  }
.has-show { display:block !important;  }
.has-hide { display:none !important;  }
.has-error { padding:8px 12px 0; display:block; color:#1270FE;  }
input.has-error { border:solid 1px #1270FE !important;  }
.tall-space { margin:45px 0;  }
.medium-space { margin:20px 0;  }
.custom-arrow-list { margin:0; padding:0; list-style:none;  }
.custom-arrow-list li { position:relative; padding-left:20px;  }
.custom-arrow-list li:before { content:''; border:solid 2px #bbb; border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:7px; height:7px;  }

/* =Divider Width========================================================================================*/
hr { border:0; border-bottom:solid 1px #e1e1e1; margin:20px 0; position:relative; width:100%;  }
hr:before { background:#888; bottom:0; content:""; display:block; height:1px; left:0; right:0; margin:0 auto; top:0; position:absolute; width:40px;  }
.dashed-border { border-bottom-style:dashed  }
.dotted-border { border-bottom-style:dotted;  }
.double-border { border-bottom-style:double; border-bottom-width:3px;  }
.double-border:before { height:3px;  }

/* =Drop Caps========================================================================================*/
p.drop-caps:first-child:first-letter { float:left; font-size:75px; line-height:60px; padding:4px; margin-right:5px; margin-top:5px; font-family:Georgia;  }
p.drop-caps.secundary:first-child:first-letter { background-color:#1270FE; color:#fff; padding:6px; margin-right:11px; border-radius:4px;  }

/* =Image Caps========================================================================================*/
.image-block { padding:25px 0;  }
.image-block:after { display:table; clear:both; content:'';  }
.image-block figure { width:33.33333%; float:left; position:relative; border:solid 1px #e5e5e5; padding:5px; background:#fff; margin:0 20px 10px 0;  }
.image-block figure img { width:100%; height:auto;  }
.image-block.right-align figure { float:right; margin:0 0 10px 20px;  }
.image-block figcaption { display:block; font-weight:700; position:absolute; left:5px; right:5px; bottom:5px; margin:0 auto; background:rgba(0,0,0,0.40); padding:13px 10px; color:#fff; text-align:center; line-height:1.25;  }
.image-block h3 { margin-bottom:20px;  }

/* =Section Caps========================================================================================*/
.section-block { padding:25px 0; background:#fff;  }

/* =Layout Width========================================================================================*/
#wrapper { /* overflow: hidden; position: relative; */ }
.wrap { max-width:1410px; width:100%; margin:0 auto; padding-left:30px; padding-right:30px;  }
#main { padding:0; transition:all 0.5s ease 0s;  }
#main:after { display:block; content:""; position:fixed; inset:0px; opacity:0; visibility:hidden; pointer-events:none; background:rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; transition:all 1.5s ease-in-out;  }
#primary { float:left; width:700px;  }
#content {  }
#sidebar { float:right; width:200px;  }
.one-column { width:auto !important; float:none !important;  }

/* =Common-Page (common classes for all pages)========================================================================================*/
#header {  z-index: 9999999; }
#logo { float:left; width:222px; position:relative;  }
#logo img { max-width:100%; height:auto; width:auto;  }
#mainmenu { float:left; font-size:14px; margin:0; width:0;  }
#mainmenu ul { margin:0; padding:0; list-style:none;  }
#mainmenu li { float:left; line-height:30px;  }
#mainmenu > ul > li { margin:0 0 0 35px; font-weight:300; text-transform:capitalize;  }
#mainmenu li a { text-decoration:none; padding:0; display:block; color:#000; position:relative; font-size:30px;  }
#mainmenu li a:after { content:''; position:absolute; width:0; height:2px; background:#1270FE; top:100%; left:0; right:0; margin:0 auto;  }
#mainmenu li a:hover:after, #mainmenu li.active a a:after { width:100%;  }
#footer { background:#000; padding:138px 0 124px; text-align:center;  }
#footer .wrap { max-width:1280px;  }
.fmenu { width:100%; 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; margin:0; padding:0; list-style:none; font-size:30px; margin:70px 0 60px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  }
.fmenu li { margin-right:60px; padding-right:60px; position:relative; margin-bottom:10px;   }
.fmenu li:last-child { margin-right:0; padding-right:0;  }
.fmenu li:last-child:after { display:none;  }
.fmenu li:after { content:''; width:1px; background:#2D2D2D; height:100%; position:absolute; right:0;  }
.fmenu li a { color:#fff;  }
.fmenu li a:hover, .fmenu li.active a { text-decoration:none; color:#1270FE;  }
.copyright { color:#626262; font-weight:400; margin:0; font-size:13px;  }
.footer-contact { width:100%; 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0; padding:0; list-style:none; font-size:16px; margin:70px 0 22px;  }
.footer-contact li { margin-right:30px; padding-right:30px; position:relative; color:#fff;  margin-bottom: 10px; }
.footer-contact li:last-child { margin-right:0; padding-right:0;  }
.footer-contact li:last-child:after { display:none;  }
.footer-contact li:after { content:''; width:1px; background:#2D2D2D; height:100%; position:absolute; right:0;  }
.footer-contact li a { color:#fff;  }
.footer-contact li a:hover, .footer-contact li.active a { text-decoration:none; color:#1270FE;  }
.social-media { width:100%; 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; margin:0; padding:0; list-style:none; font-size:20px; margin:70px 0 32px;  }
.social-media li { margin-right:24px; position:relative; color:#fff;  }
.social-media li:last-child { margin-right:0;  }
.social-media li a { color:#fff; width:50px; height:50px; border-radius:50%; border:1px solid #1270FE; 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;  }
.social-media li a:hover, .footer-contact li.active a { text-decoration:none; background:#1270FE; color:#fff;  }

/* =Home-Page (only homepage used classes)========================================================================================*/
.sprites { background-image:url(../images/bgi/sprites.svg);  }
 .sp-after:after { background-image:url(../images/bgi/sprites.svg); display:inline-block; width:25px; height:25px; margin-left:10px; content:''; vertical-align:middle;  }
.sp-before:before { background-image:url(../images/bgi/sprites.svg); display:inline-block; width:25px; height:25px; margin-right:10px; content:''; vertical-align:middle;  }

/* =Form Style========================================================================================*/
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;  }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0;  }
button, input { line-height:normal;  }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:#fff; padding:16px 20px 16px; height:53px; line-height:1.55; border:solid 1px #d7d9dd; color:#000; font-size:16px; width:100%; font-family:'Graphik', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in;  }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px;  }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px;  }
textarea { width:100%; height:160px; overflow:auto; resize:vertical; padding:10px 15px; font-family:'Graphik', Arial, Helvetica, sans-serif;  }
select { height:auto; padding:12px 42px 12px 12px; font-size:14px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0;  }
select::-ms-expand { display:none;  }
.custom-select { display:block; margin:0; position:relative; background:#fff;  }
.custom-select:before { position:absolute; right:1px; top:1px; width:48px; background:#fff; content:''; height:48px;  }
.custom-select:after { content:''; border-top:solid 6px #848690; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px;  }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 1px #acacac;  }
input::-moz-focus-inner, button::-moz-focus-inner { border:0; padding:0;  }
input[type="button"], input[type="submit"], button { background:#009CDA; color:#fff; border:0; cursor:pointer; width:auto; overflow:visible; padding:20px 40px 16px; vertical-align:middle; min-height:53px; text-decoration:none; text-transform:uppercase; font-size:13px; line-height:1.25; font-family:'Graphik', Arial, Helvetica, sans-serif; font-weight:600;  }
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#00DAB6; color:#fff;  }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0; vertical-align:top;  }
::-webkit-input-placeholder { opacity:0.5;  }
::-moz-placeholder { opacity:0.5;  }
:-ms-input-placeholder { opacity:0.5;  }
:-moz-placeholder { opacity:0.5;  }
.checkbox, .radio { position:relative; float:left; margin-right:20px;  }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding:0; padding-left:26px; display:block; line-height:1.1;  }
.checkbox input, .radio input { top:0; left:0; z-index:1; cursor:pointer; opacity:0; position:absolute;  }
.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color:#117b3c;  }
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity:0.35;  }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position:absolute; content:""; transition:all 200ms;  }
.checkbox .input-helper:before, .radio .input-helper:before { left:0; border:1px solid #7a7a7a;  }
.checkbox input { width:18px; height:18px; margin:0;  }
.checkbox input:checked + .input-helper:before { background-color:#117b3c;  }
.checkbox input:checked + .input-helper:before { background-color:#117b3c;  }
.checkbox input:checked + .input-helper:after { transform:scale(1); opacity:1;  }
.checkbox .input-helper:before { top:0; width:18px; height:18px; border-radius:2px; color:#fff;  }
.checkbox .input-helper:after { content:'\2713'; font-size:13px; left:2px; top:1px; font-weight:600; color:#fff; transform:scale(0); opacity:0;  }
.radio input { width:18px; height:18px; margin:0;  }
.radio input:checked + .input-helper:after { transform:scale(1);  }
.radio .input-helper:before { top:0; width:18px; height:18px; border-radius:50%;  }
.radio .input-helper:after { width:8px; height:8px; background:#117b3c; border-radius:50%; top:5px; left:5px; transform:scale(0);  }

/* =BreadCrumbs========================================================================================*/
.breadcrumbs { padding:10px 0; background:#efeded; border-bottom:solid 1px #dedede; font-size:14px; color:#999;  }
.breadcrumbs ul { display:inline; margin:0 0 0 5px; padding:0;  }
.breadcrumbs li { display:inline-block; margin:0 0 0 20px; position:relative;  }
.breadcrumbs li:before { content:''; border-left:solid 4px #999; border-bottom:solid 4px transparent; border-top:solid 4px transparent; width:0; height:0; display:inline-block; position:absolute; left:-14px; top:50%; margin-top:-4px;  }
.breadcrumbs li a { color:#505061; text-decoration:none;  }
.breadcrumbs li a:hover { color:#e34f26;  }

/* =Form list========================================================================================*/
.form-block { margin:10px 0;  }
.form-group { padding:10px 0  }
.form-group:after { clear:both; content:''; display:table;  }
.formlist .form-group ul { margin:0; padding:0; list-style:none;  }
.forgot-link { float:right;  }
.form-block .form-group label { display:inline-block; padding:0 0 5px;  }
.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5  }
.form-inline .form-group .field-box { width:70%; float:left;  }

/* =Common button CSS========================================================================================*/
.button { background-color:#1270FE; text-transform:uppercase; font-size:13px; color:#fff; display:inline-block; line-height:20px; padding:13px 25px 11px; vertical-align:bottom; font-weight:600; min-height:44px;  }
.button:hover { background-color:#009CDA; text-decoration:none; color:#fff;  }
.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { padding:16px 35px 16px; font-size:13px; min-height:53px;  }
.button.btn-sm, input[type="submit"].btn-sm, input[type="button"].btn-sm, button.btn-sm { padding:10px 25px; font-size:14px;  }
.button.btn-xs, input[type="submit"].btn-xs, input[type="button"].btn-xs, button.btn-xs { padding:8px 20px; font-size:12px;  }
.button.btn-lightgray, input[type="submit"].btn-lightgray, input[type="button"].btn-lightgray, button.btn-lightgray { background:#969fb0; color:#fff;  }
.button.btn-lightgray:hover, input[type="submit"].btn-lightgray:hover, input[type="button"].btn-lightgray:hover, button.btn-lightgray:hover { background:#757f90;  }
.button.btn-secondary, input[type="submit"].btn-secondary, input[type="button"].btn-secondary, button.btn-secondary { background:#000; color:#fff;  }
.button.btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover, button.btn-secondary:hover { background:#009CDA; color:#fff;  }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline, button.btn-outline { background:transparent; border:solid 2px #fff; color:#fff;  }
.button.btn-outline:hover, input[type="submit"].btn-outline:hover, input[type="button"].btn-outline:hover, button.btn-outline:hover { background:#fff; color:#1270FE;  }
.button.btn-lg.btn-outline, input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline { padding:14px 35px;  }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline { padding:10px 30px;  }
.button.btn-sm.btn-outline, input[type="submit"].btn-sm.btn-outline, input[type="button"].btn-sm.btn-outline { padding:8px 25px;  }
.button.btn-xs.btn-outline, input[type="submit"].btn-xs.btn-outline, input[type="button"].btn-xs.btn-outline { padding:6px 20px;  }
.button.btn-block { display:block;  }
.buttonset .button { margin:10px 22px 10px 0; text-align:center;  }

/* =Table CSS========================================================================================*/
table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd;  }
table { width:100%; margin-bottom:30px;  }
table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd; border-right:1px solid #ddd;  }
table th { background:#ececec; font-weight:700; padding:17px 15px; font-size:16px;  }
table tr:hover td { background:#fbfbfb;  }
table tr.selected td { background:#fbfbfb;  }
table thead th { vertical-align:middle;  }
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0;  }

/* =tabnav CSS========================================================================================*/
.tabnav { width:100%; margin:0; padding:0; list-style:none; border:solid 1px #e9edee;  }
.tabnav li { float:left; position:relative; margin:0; width:25%; text-align:center; font-weight:600; text-transform:uppercase;  }
.tabnav li:first-child { margin:0;  }
.tabnav li h2 { margin:0; font-size:15px;  }
.tabnav li a { display:block; padding:16px 5px; text-decoration:none; color:#505061; line-height:1.25; background:#e9edee; margin-bottom:-1px; border-left:solid 1px #dde1e2;  }
.tabnav li:first-child a { border-left:0;  }
.tabnav li.active a, .tabnav li a:hover { background-color:#fff; color:#1270FE  }
.tabnav li.active a:after { display:block;  }
.tab-container { padding:20px; border:solid 1px #e9edee; border-top:0;  }
.tabcontent .quicklist li, .tabcontent .quicklist { margin:0;  }
.tabcontent { display:none;  }
.tabcontent p { color:#666; margin:20px 0 0;  }
.tabcontent p:first-child { margin-top:0;  }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline;  }
.tabcontent p a:hover, .accordion-data p a:hover { color:#00305d  }
.tabcontent h4 { margin:0 0 15px;  }

/* =Accordian CSS========================================================================================*/
.accordion-databox .accordion-row {  }
.accordion-databox .accordion-row:first-child { border-top:0;  }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:0; background:#f3f3f3; color:#555; position:relative; padding:16px 54px 16px 16px; font-weight:600; font-size:15px; margin-bottom:7px; text-transform:uppercase;  }
.accordion-databox .accordion-row h5:before { position:absolute; right:0; top:0; content:''; width:54px; height:100%; z-index:1; background:rgba(0,0,0,0.08);  }
 .accordion-databox .accordion-row h5:after { content:''; position:absolute; right:18px; top:50%; margin-top:-4px; border-top:solid 8px #818181; border-left:solid 8px transparent; border-right:solid 8px transparent; z-index:2  }
.accordion-databox .accordion-row h5.open { color:#272c2f;  }
.accordion-databox .accordion-row h5.open:after { border-top:0; border-bottom:solid 8px #272c2f;  }
.accordion-data { display:none; padding:15px 0;  }
.accordion-data p { padding:0 6px; margin:20px 0 0;  }
.accordion-data p:first-child { margin-top:0;  }

/* =Alertbox CSS========================================================================================*/
.alert { padding:16px 16px 16px 55px; margin:20px 0; color:#454545; position:relative;  }
.alert:before { position:absolute; content:''; left:15px; top:15px; width:24px; height:24px; background:url(../images/bgi/sprites.svg) no-repeat 0 0;  }
.alert-notification { background-color:#fff0f4; border:solid 1px #db524c; color:#db524c;  }
.alert-notification:before { background-position:0 0;  }
.alert-info { background-color:#e8f6ff; border:solid 1px #0082d5; color:#0082d5;  }
.alert-info:before { background-position:-26px 0;  }
.alert-warning { background-color:#fef4ec; border:solid 1px #ff9948; color:#ff9948;  }
.alert-warning:before { background-position:-52px 0;  }
.alert-success { background-color:#edfff6; border:solid 1px #04be5b; color:#04be5b;  }
.alert-success:before { background-position:-79px 0;  }
.alert-normal { background-color:#efefef; border:solid 1px #999; padding-left:16px; color:#555;  }
.alert-normal:before { display:none;  }

/* =Default page CSS========================================================================================*/
.heading-listblock { padding:20px 0;  }
.heading-listblock p, .heading-listblock blockquote { margin:0 0 35px;  }
.heading-listblock p:last-child { margin-bottom:0;  }
 .heading-listblock .paragraph-block p { margin:0 0 20px;  }
.list-block ul, .list-block ol { padding-left:22px; margin-left:-5px;  }
.list-block ul li, .list-block ol li { margin:5px 0;  }
 .list-block ul.custom-arrow-list { margin:0; padding:0;  }

/* =New css========================================================================================*/
.banner-section { background-color: #000; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; padding:160px 0 173px; transition:all 350ms ease-in-out; height:calc( 100vh + 50px );  }
.menu-active { overflow:hidden;  }
.header-logo { top:0px; left:0px; z-index:100; width:84px; height:84px; display:block; overflow:hidden; position:absolute; padding:26px 16px; background:rgb(0, 0, 0) none repeat scroll 0% 0%; will-change:width; transition:all 0.3s ease 0s;  }
.header-logo:after { inset:0px 0px 0px 95px; background:rgb(0, 0, 0) none repeat scroll 0% 0%; opacity:1; transition:all 0.3s ease 0s; content:""; position:absolute; display:block; z-index:10;  }
.header-logo img { max-width:none;  }
.menu-active .header-logo { width:264px;  }
.active-hover .header-logo:after, .menu-active .header-logo:after { opacity:0; transition:all 0.3s ease 0.1s;  }
#mainmenu { width:100%; display:inline-block;  }
#mainmenu > ul { width:100%; display:inline-block;  }
#mainmenu ul li { float:none; margin:0 0 30px; padding:0; position:relative;  }
#mainmenu ul li:last-child { margin-bottom:0!important;  }
#mainmenu ul li a { padding:0; display:block;  }
#mainmenu ul li a:after { display:none;  }
.main-menu-div { top:0px; left:0px; z-index:500; position:fixed;  }
.menu-active #main { transform: translateX(450px); }
.menu-active #main:after { opacity:1; visibility:visible;  }
.header-menu-block { left:0px; top:84px; z-index:90; padding:96px 0px 0px; background:#E2FAFF none repeat scroll 0% 0%; position:absolute; visibility:hidden; opacity:0; transform:translateX(-100%); transition:all 0.5s ease 0s; height:calc(-100px + 100vh); min-width:450px; height:100vh; min-height:500px; padding:0px; top:0px;  }
.menu-active .header-menu-block { visibility:visible; opacity:1; transform:translateX(0px);  }
.header-menu-scroll { max-height:100%; height:calc(100% - 84px); overflow:auto; scrollbar-width:none; -ms-overflow-style:none; padding-right:30px;  }
.header-menu-inner { height:calc(-84px + 100vh); min-height:450px; position:relative; padding:90px 60px 70px 98px; overflow:auto; margin-right:-30px;  }
.header-menu-inner .mCSB_inside>.mCSB_container { margin-right:0; padding-right:30px;  }
.header-menu-inner .mCSB_scrollTools .mCSB_draggerRail { background-color:#fff !important; /* color of the rail */
  }
.header-menu-inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#1270FE!important; width:2px!important; border-radius:0!important;  }
.header-menu-block::before { display:block; content:""; height:84px; background:rgb(0, 0, 0) none repeat scroll 0% 0%;  }
.header-menu-scroll::-webkit-scrollbar { display:none;  }

/* Responsive Menu line icon*/
.menulines-button { display:flex; align-items:center; justify-content:center; left:0px; top:84px; padding:0px; z-index:100; width:84px; height:84px; position:absolute; background:#E2FAFF none repeat scroll 0% 0%;  }
.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px;  }
.menulines-button:hover { text-decoration:none;  }
.menulines { display:inline-block; width:30px; height:2px; background:#1270FE; position:relative; float:left; margin:0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1;  }
.menulines:before, .menulines:after { display:inline-block; width:30px; height:2px; background:#1270FE; position:absolute; left:0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin:0.28571rem center; -moz-transform-origin:0.28571rem center; -ms-transform-origin:0.28571rem center; transform-origin:0.28571rem center;  }
.menulines:before { top:10px;  }
.menulines:after { top:-10px;  }
.menuopen .menulines { background:none;  }
.menuopen .menulines:before, .menuopen .menulines:after { -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50%; top:0;  }
 .menuopen .menulines:before { -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg);  }
 .menuopen .menulines:after { -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg);  }
#mainmenu .menuopen + ul { transform:translateX(0);  }
#primary .list-block .col { width:100%;  }
.menu-item .navtrigger.active:before { border-top:6px solid #fff; border-bottom:0; border-left:6px solid transparent; border-right:6px solid transparent;  }

/*Menu*/
#mainmenu { margin-bottom:0;  }
#logo { width:100px;  }
#mainmenu li .sub-menu { position:static; -webkit-transition:none; overflow:auto; -o-transition:none; transition:none; visibility:visible; opacity:1; width:100%; transform:none; margin-top:30px;  }
#mainmenu li .sub-menu li { margin-bottom:18px;  }
.menu-item-has-children ul.sub-menu { display:none;  }
#mainmenu > ul > li:hover > .sub-menu::before { content:none;  }
.navtrigger { display:block; position:absolute; top:6px; right:0; font-size:0; font-weight:500; color:#1270FE; width:18px; height:18px; 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; cursor:pointer;  }
.navtrigger.active:after { content:'\e905';  }
.navtrigger:after { content:'\e906'; font-family:'icomoon' !important; font-size:18px; transition:all 350ms ease-in-out;  }
#mainmenu > ul > li:hover > .sub-menu { padding-top:0; transform:none;  }
#mainmenu ul.sub-menu li:last-child { border-bottom:0;  }
#mainmenu .sub-menu li a { padding:5px 15px; font-size:13px; font-weight:300;  }
#mainmenu ul.sub-menu:hover { display:block!important;  }
#mainmenu li .sub-menu li a { padding:0; padding-left:0; color:#1270FE; font-size:23px;  }
#mainmenu > ul > li > a::before { display:none;  }
#header.sticky .menulines-button { color:#769e25;  }
#header.sticky .menulines::before, #header.sticky .menulines::after { background:#769e25;  }
#header.sticky .menulines { background:#769e25;  }
a:hover em { color:#fff;  }
#header.sticky #mainmenu li a { color:#fff;  }
#header.sticky a:hover em { color:#769e25;  }
li.login-button { margin-right:0;  }
.menu-contact-details { max-width:230px; width:100%; margin-top:80px; display:inline-block; }
.menu-contact-details h3 { font-size: 20px; color:#000; }
.menu-contact-details p { font-size:16px; color:#779EB1; margin-bottom:10px; }
.menu-contact-details a { color:#1270FE; font-size: 16px; }
.menu-contact-details .social-media { margin:25px 0 0 0; font-size:10px; justify-content: flex-start; }
.menu-contact-details .social-media li { margin-right:9px; }
.menu-contact-details .social-media li a { background:#000; width:25px; font-size:13px; height:25px; border:0; }
.menu-contact-details .social-media li a:hover { background:#1270FE; }


/* Banner */
.banner-content { max-width:700px; width:100%; margin-left:0;  }
.banner-content h2 { color:#fff;  }
.banner-content p { font-size:18px; color:#fff; max-width:451px; margin-bottom:40px;  }
.banner-content a.button { transition:all 350ms ease-in-out; padding:10px 30px; line-height:22px; position:relative; border:1px solid #1270FE; background:transparent; padding-right:75px; font-size:13px; font-weight:600;  }
.banner-content a.button:hover { border-color:#009CDA;  }
.banner-content a.button span { width:44px; height:42px; background:#1270FE; display:block; position:absolute; right:0; top:0; display:flex; align-items:center; justify-content:center; border:1px solid #1270FE; transition:all 350ms ease-in-out;  }
.banner-content a.button:hover span { border-color:#009CDA; background:#009CDA;  }
 .banner-content a.button:hover span:before { border-color:transparent transparent transparent #fff;  }
.banner-content a.button span:before { content:''; width:0; height:0; border-style:solid; border-width:9px 0 9px 13px; border-color:transparent transparent transparent #fff; line-height:0px; _border-color:#000000 #000000 #000000 #ffffff; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); transition:all 350ms ease-in-out;  }
#header .magnetBtn { position:fixed; right:60px; top:40px; z-index:99;  }

/* About Section */
.about-section { position:relative; padding:85px 30px; background:rgb(0,156,218); background:-moz-linear-gradient(85deg, rgba(0,156,218,1) 0%, rgba(0,109,198,1) 100%); background:-webkit-linear-gradient(85deg, rgba(0,156,218,1) 0%, rgba(0,109,198,1) 100%); background:linear-gradient(85deg, rgba(0,156,218,1) 0%, rgba(0,109,198,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#009cda",endColorstr="#006dc6",GradientType=1);   }
.about-section .cols .col:first-child { position:relative;  }
.about-section figure { margin:0 auto; position:absolute; top:-130px; left:0; right:0; max-width:760px;  }
.about-section img { width:100%;  }
.about-content { max-width:489px; width:100%;  }
.about-content h3 { margin-bottom:30px; color:#fff;  }
.about-content p { color:#fff;  }
.about-content .buttonset { margin-top:40px;  }

/* Client Partner */
figure { margin:0;  }
.row-title { width:100%; text-align:center; margin-bottom:80px;  }
.row-title h4 { color:#000; margin-bottom:0;  }
.global-client { padding:150px 0 130px; width:100%; overflow:hidden;  }
.global-client-logo ul { list-style:none; padding:0; margin:0; white-space:nowrap; display:-webkit-box; display:-ms-flexbox; display:flex;  }
.global-client-logo ul li { width:150px; padding:5px; 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; margin-right:60px;  }
.global-client-logo ul li:last-child { margin-right:0;  }
.global-client .mCSB_scrollTools.mCSB_scrollTools_horizontal { max-width:1046px; margin:0 auto;  }
.global-client .mCSB_scrollTools .mCSB_draggerRail { background-color:#D3D3D3 !important; /* color of the rail */
  }
.global-client .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#000!important; height:2px!important; border-radius:0!important; margin:7px 0!important;  }
.global-client .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-bottom:90px;  }

 /* Journey */
 .journey-section { position:relative; width:100%; padding-top:383px; padding-bottom:137px; background-repeat:no-repeat; background-position:center top; background-size:cover; z-index:1; overflow: hidden; }
 .journey-section:before { content:''; position:absolute; left:0; bottom:0; width:100%;  z-index:-1; background:rgb(0,0,0); background:-moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background:-webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); opacity: 0; height: 0; transition:all 550ms ease-in;  }
 .journey-section.is-inview:before { opacity: 1; height:100%; }
.journey-info { max-width:747px; width:100%; text-align:left; color:#fff; margin-left:0;  }
.journey-info h2 { font-size:85px; margin-bottom:40px; color:#fff;  }
.journey-info p { font-size:35px; margin-bottom:0;  }
.advises-section { width:100%;  }
.advises-content { position:relative; padding:160px 80px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; height:100%;  }
 .advises-img { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center top; z-index:1;  }
.advises-content-box { max-width:535px; width:100%;  }
.advises-content-box > h4 { font-weight:normal; margin-bottom:80px; width:100%; color:#000;  }
.advises-point { width:100%; margin-bottom:68px;  }
.advises-point h4 { color:#1270FE;  }
.advises-point p { font-size:18px;  }
.advises-point:last-child { margin-bottom:0;  }
.advises-section .cols { margin:0;  }
.advises-section .cols .col { padding:0;  }

/* visionary-section */
.visionary-section { background:#0C237E; padding:172px 0; text-align:left; overflow:hidden;  }
.visionary-section .row-title { max-width:824px; width:100%; text-align:left; margin-bottom:30px;  }
.visionary-section .row-title h2 { font-weight:300; font-size:50px;  }
/* .has-scroll-smooth, .has-scroll-smooth body { overflow:inherit!important;  } */

 .pin-wrap { display:flex; justify-content:flex-start; align-items:center;  }
 .pin-wrap h2 { font-size:210px; font-weight:normal; margin-right:164px; margin-bottom:0;  }
 .pin-wrap h2:first-child a { color:#00DAB6;  }
 .pin-wrap h2:nth-child(2) a { color:#1FBFDD;  }
 .pin-wrap h2:nth-child(3) a { color:#7B68FF;  }
 .testimonial-content { position:relative; padding:40px 80px 48px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; height:100vh; }
 .testimonial-img { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center top; z-index:1;  }
.testimonial-content-box { max-width:454px; width:100%; color:#fff;  }
.testimonial-content-box > h4 { font-weight:300; font-style:italic; margin-bottom:58px; width:100%; color:#fff; font-size:40px;  }
.testimonial-content-box .author p { font-size:16px; font-weight:normal; margin-bottom:15px;  }
.testimonial-content-box .author span { text-transform:uppercase; font-weight:600;  }
.testimonial-section .cols { margin:0;  }
.testimonial-section .cols .col { padding:0;  }
.testimonial-section .cols .col:first-child { width:40%;  }
.testimonial-section .cols .col:last-child { width:60%;  }
.slick-slide { height:100%!important;  }

.testimonial-section { position:relative;  background:rgb(21,37,100); background:-moz-linear-gradient(45deg, rgba(21,37,100,1) 0%, rgba(31,191,221,1) 100%); background:-webkit-linear-gradient(45deg, rgba(21,37,100,1) 0%, rgba(31,191,221,1) 100%); background:linear-gradient(45deg, rgba(21,37,100,1) 0%, rgba(31,191,221,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#152564",endColorstr="#1fbfdd",GradientType=1);   }
.slide-controls { position:absolute; top:50%; transform:translateY(-50%); right:60px;  }
.slick-dots { margin:0; padding:0; list-style:none; font-size:0; text-align:right;  }
.slick-dots li { line-height:0; margin:24px 0;  }
.slick-dots li.slick-active button { width:90px; background:#fff;  }
.slick-dots li button { padding:0; width:50px; height:5px; min-height:auto; background:rgba(255,255,255,0.30); font-size:0; transition:all 350ms ease-in-out;  }

/* Block */
.blog-section { padding:160px 0 145px; text-align:center;  }
.blog-section .row-title h2 { font-size:70px;  }
.row-title.white h2, .row-title.white h3 { color:#fff;  }
.blog-box { width:100%; display:inline-block; margin-bottom:97px; text-align:left; /* overflow: hidden; */  }
.blog-box figure { padding-top:106.45%; position:relative; margin-bottom:30px; overflow:hidden; }
.blog-box figure img { position:absolute; top:0; left:0; width:100%; height:100%; transition:all 350ms ease-in-out;  }
.blog-box h5 { font-size:20px; margin-bottom:6px;  }
.blog-box span { color:#8B8B8B; font-weight:normal; transition:all 350ms ease-in-out; font-size:14px;  }
.blog-box:hover span { color:#1270FE;  }
.blog-box:hover figure img { transform:scale(1.03);  }
.blog-section .cols .col:first-child .blog-box { margin-top:55px;  }
.blog-section .cols .col:nth-child(2) .blog-box { margin-top:149px;  }
.subscribe-section { background:#0C237E; padding:60px 0;  }
.subscribe-section h2 { max-width:340px; font-size:50px; margin:0; color:#fff; margin-right:20px;  }
.subscribe-section .subscribe-row { 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:space-between;  }
.subscribe-section .form-block { max-width:470px; margin:0; 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;  }
.subscribe-section .form-block .button { font-weight:400; background:#009CDA; margin-left:16px;  }
.subscribe-section .form-block .button:hover { background:#fff; color:#009CDA;  }
.subscribe-section .form-block .form-group .textbox { width:303px;  }

body {
  transition: 0.3s ease-out;
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
  overscroll-behavior: none;
  //cursor: none;
}

.containerbox {
  overflow: hidden !important;
}

.o-image.is-inview img {
  opacity: 1;
  transform: scale(1);
  transition-delay: .6s;
}
.o-image img {
  width: 100%;
  opacity: 1;
  transform: scale(1.4);
  transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1);
  transition-delay: 0s, 0s;
}

.o-image {
  opacity: .75;
  mix-blend-mode: multiply;
}

.is-inview  .o-image  {
  opacity: 1;
  transform: scale(1);
  transition-delay: .6s;
}
.o-image  {
  width: 100%;
  opacity: 1;
  transform: scale(1.4);
  transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1);
      transition-delay: 0s, 0s;
}

.o-title_line {
    display: block;
    opacity: 0;
    transform-origin: center top;
    transform-style: preserve-3d;
    transform: translateY(100%) rotateX(-80deg);
    transition: opacity .8s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1);
    font-size: 0;
}

.o-title {
  margin: 0;
  perspective: 600px;
  -webkit-perspective: 600px;
}

.magnetBtn {
  display: inline-flex;
}
.magnetBtn > .button, .magnetBtn > a {
  transition: transform 0.3s cubic-bezier(.215,.61,.355,1), opacity 0.3s cubic-bezier(.215,.61,.355,1), background 0.3s cubic-bezier(.215,.61,.355,1), color 0.3s cubic-bezier(.215,.61,.355,1);
}
.cursor {
  pointer-events: none;
  position: fixed;
  top: -0.5rem;
  left: -0.5rem;
  padding: 1.6rem;
  background-color: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.4);
  mix-blend-mode: difference;
  border: 0;
  transition: transform 0.5s cubic-bezier(.215,.61,.355,1), opacity 0.5s cubic-bezier(.215,.61,.355,1);
  z-index: 9999999999;
}
.cursor.has-hover {
  transform: translate(-50%, -50%) scale(1);
  background: none;
  border: solid 2px #fff;
  opacity: 0.3;
}



.perspective {
  perspective: 600px;
  -webkit-perspective: 600px;
}
.banner-content h2, .book, .journey-info h2 {
  display: block;
  opacity: 0;
  transform-origin: center top;
  transform-style: preserve-3d;
  transform: translateY(100%) rotateX(-80deg);
  transition: opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1);
}
.banner-content p, .banner-content a.button, .journey-info p {
  opacity: 0;
  transform-origin: center top;
  transform: translateY(100%);
  transition: opacity 0s cubic-bezier(.215,.61,.355,1), transform 0s cubic-bezier(.215,.61,.355,1);
  transition-delay: .5s;
}
.banner-content a.button {
  transition-delay: 0.7s;
}
.is-inview .banner-content h2, .is-inview .banner-content p, .is-inview .banner-content .button, .is-inview .book,
.is-inview .movetop, .is-inview .anim-items > *, .is-inview .anim-items-right > *, .is-inview .journey-info h2, .is-inview .journey-info p, .is-inview .o-image, .is-inview .o-title_line, .is-inview .anim-items-left > *, .is-inview .moveleft, .is-inview .moveright {
  transform: none;
  opacity: 1;
  transition-duration: .7s;
}

.book {
  transform: translateX(-60%) translateY(50%) rotateX(90deg);
}

.journey-info {
  opacity: 0;
}

.movetop, .anim-items > * {
  opacity: 0;
  transform-origin: center top;
  transform: translateY(50%);
  transition: opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1);
}
.moveleft, .anim-items-left > * {
  display: block;
  opacity: 0;
  transform-origin: left top;
  transform: translateX(-50%);
  transition: opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1);
}
.moveright, .anim-items-right > * {
  display: block;
  opacity: 0;
  transform-origin: right top;
  transform: translateX(50%);
  transition: opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1);
}

.trans-delay1, .anim-items > *:nth-child(1), .anim-items-right > *:nth-child(1), .moveright, .moveleft, .movetop {
  transition-delay: 300ms;
}
.trans-delay2, .anim-items > *:nth-child(2), .anim-items-right > *:nth-child(2), .moveright, .moveleft, .movetop  {
  transition-delay: 600ms;
}
.trans-delay3, .anim-items > *:nth-child(3), .anim-items-right > *:nth-child(3), .moveright, .moveleft, .movetop  {
  transition-delay: 900ms;
}
.trans-delay4, .anim-items > *:nth-child(4), .anim-items-right > *:nth-child(4), .moveright, .moveleft, .movetop  {
  transition-delay: 1200ms;
}
.trans-delay5, .anim-items > *:nth-child(5), .anim-items-right > *:nth-child(5), .moveright, .moveleft, .movetop  {
  transition-delay: 1500ms;
}

.blog-section .moveleft {
  transition-delay: 200ms;
}
.blog-section .movetop {
  transition-delay: 400ms;
}
.blog-section .moveright {
  transition-delay: 600ms;
}
.subscribe-section .moveleft {
  transition-delay: 200ms;
}
.subscribe-section .moveright {
  transition-delay: 400ms;
}