@charset "UTF-8";


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html, body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-indent: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}
html{
	overflow-y: scroll;
	scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
a {
	font-weight: 600;
	color: #e82e31;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
a:focus, a:hover, a:active {
	outline: 0;
}
a:active, a:hover {
	color: #0e2b5c;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: 600;
	margin: 0 0 8px;
	color: #0e2b5c;
}
h1 {
	font-size: 36px; 
	line-height: 42px; 
	margin-bottom: 27px;
	font-weight: 800;
}
h2 {
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 17px;
	font-weight: 800;
}
h3 {
	margin-top: 10px;
	margin-bottom: 18px;
	font-size: 21px;
	line-height: 26px;
	font-weight: 600;
}
h4 {
	font-size: 16px;
	line-height: 24px;
}
h5 {
	font-size: 14px;
	line-height: 20px;
}
h6 {
	font-size: 13px;
	line-height: 21px;
}
address {
	font-style: italic;
	margin-bottom: 24px;
}
abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}
b, strong {
	font-weight: 700;
	font-style: normal;
}
cite, dfn, em, i {
	font-style: italic;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
p {
	margin-bottom: 24px;
}
code, kbd, tt, var, samp, pre {
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:none;
	-ms-hyphens: none;
	hyphens:none;
	line-height: 1.6;
}
pre {
	border-radius: 3px;
	background: #f7f7f7;
	border: 1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 10px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens:none;
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
blockquote {
	color: #0e2b5c;
	font-size: 18px;
	font-weight: 400;
	line-height: 36px;
	font-style: italic;
	padding:0;
	margin: 59px 0 58px;
	text-transform: none;
}
blockquote p{
	position: relative;
}
blockquote p:before{
	width: 2px;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 70px;
	background-image: linear-gradient(359deg, #e82e31 0%, #9a249c 59%, #4f0dcf 100%);
}
blockquote p:nth-child(n+2):before{
	display: none;
}
blockquote cite, blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote strong, blockquote b {
	font-weight: 400;
}
small {
	font-size: smaller;
}
big {
	font-size: 125%;
}
sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
dl {
	font-size: 17px;
	line-height: 24px;
	margin: 48px 0 43px;
}
dt {
	font-weight: 600;
}
dd {
	font-weight: 400;
	margin-bottom: 24px;
}
ul {list-style: none; margin: 0 0 27px 60px; }
ul > li{position: relative;}
ul > li:before{content: ""; display: block; position: absolute; width: 6px; height: 6px; top: 8px; left: -20px; background-color: #0e2b5c;}
li > ul{ margin: 12px 0 12px 60px;} 
ol { counter-reset: section; list-style:none; margin: 0 0 46px 60px;}
ol > li { counter-increment: li; position:relative;}
ol > li:before{color: #0e2b5c; display: block; counter-increment: section; content: counters(section,".") ".";  position:absolute;  left: -21px; font-size: 14px; font-weight: 600;}
li > ol { margin: 24px 0 37px 0; }

img{
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}
img:not(.aligncenter){
	width: auto;
	height: auto;
}
figure {
	margin: 0;
}
fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}
legend {
	white-space: normal;
}
button, input, select, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button, input {
	line-height: normal;
}
input, textarea {
	background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table, th, td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 0;
	margin: 23px 0 50px;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
}
table tbody tr:first-child td{
	padding-top: 11px;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	background-color: #e82e31;
	color: #ffffff;
	border-width: 0;
	font-weight: 600;
	padding: 8px 18px 7px;
}
td {
	border-width: 0 0 1px 0;
	padding: 7px 18px 8px;

}
del {
	color: #54565b;
}
hr {
	display: block;
	background-color: rgba(29, 37, 44, 0.1);
	border: 0;
	width: 100%;
	height: 1px;
	margin: 30px 0 28px; /* default content */
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background-color: #000840;
	color: #ffffff;
}

::-moz-selection {
	background-color: #000840;
	color: #ffffff;
}

/* Input fields */
input[type="search"]{
	background-color: transparent;
	color: #ffffff;
	font-weight: normal;
	font-size: 16px;
	border-radius: 0;
	border: 0;
	padding:16px 17px 15px;
}
input[type="search"]:focus{
	border: 0;
}
input, select, textarea {
	outline: 0;
	border: 0;
	background-color: #f4f4f4;
	box-shadow: none;
	border-radius: 5px;
	color: #54565b;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	padding: 15px 18px 13px;
	vertical-align: middle;
	-webkit-appearance:none;
	font-family: 'Lexend', sans-serif;
}
textarea {
	width: 100%;
	resize: none;
	height: 143px;
}
input:focus, textarea:focus {
	box-shadow: none;
	outline: 0;
}
input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"]{
	background-color: #EC0083;
	border: 0;
	box-shadow: none;
	outline: 0;
	border-radius: 3px;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	padding: 17px 30px 15px;
	text-transform: none;
	vertical-align: middle;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
 input[type="button"]:hover, input[type="button"]:focus, button[type="submit"]:focus, button[type="submit"]:hover,
 input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #A8A8AA;
    color: #EC0083;
}
 input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button[type="submit"]:active {
    background-color: #A8A8AA;
    color: #EC0083;
}
 input[type="button"]:hover,
 input[type="button"]:focus,
 button[type="submit"]:focus,
 button[type="submit"]:hover,
 button[type="submit"]:active,
 input[type="button"]:active{
 	color: #0e2b5c;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field input:-webkit-autofill,
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field input:-webkit-autofill:focus,
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field input:-webkit-autofill:active,
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field textarea:-webkit-autofill,
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field textarea:-webkit-autofill:focus,
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field textarea:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	background-color: transparent !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}
::placeholder {
  color: #ffffff;
  opacity: 1; /* Firefox */
}
::-webkit-input-placeholder {
	color: #ffffff;
}
::-moz-placeholder { 
	color: #ffffff;
}
:-ms-input-placeholder {
	color: #ffffff;
}
:-moz-placeholder { 
	color: #ffffff;
}
.search-field {
	width: 100%;
}
.search-submit {
	display: none;
}

/* Buttons css */
button, .button, .main-default-article div.frm_forms form .frm_form_fields .frm_submit button.frm_button_submit,
.contact-form .frm_style_formidable-style.with_frm_style button.frm_button_submit{
	font-family: 'Lexend', sans-serif;
	display: inline-block;
	background-color: transparent;
	/*background: linear-gradient(90deg, #4f0dcf, #9a249c, #e82e31);*/
	background:#e82e31 ;
	border: 0;
	border-radius: 0;
	color: #ffffff;
	cursor: pointer;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	padding: 13px 16px 11px;
	vertical-align: middle;
	letter-spacing: 0.1px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
    -webkit-appearance: none;
    outline: 0;
    position: relative;
	-webkit-transform-style: preserve-3d;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	text-orientation: mixed;
	transition: all 0.5s ease-in-out;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
button:hover, .button:hover, .contact-form .frm_style_formidable-style.with_frm_style button.frm_button_submit:hover{
	color: #0e2b5c;
}
.button:after, .contact-form .frm_style_formidable-style.with_frm_style button.frm_button_submit:after{
    width: 100%;
    content: "";
    display: block;
    height: 100%;
    /*background: linear-gradient(90deg, #4f0dcf, #9a249c, #e82e31);*/
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    z-index: -1;
    background:#e82e31;
}
.button:before, .main-default-article div.frm_forms form .frm_form_fields .frm_submit button.frm_button_submit:before{
	background: transparent;
	width: 0%;
	height: calc(100% - 4px);
	left: 2px;
	top: 2px;
	z-index: 1;
	content: "";
	position: absolute;
	transition: all 0.5s ease-in-out;
}
.button:hover:before{
	width: calc(100% - 4px);
	background: #ffffff;
}
.button.button-transparent{color: #0e2b5c;}
.button.button-transparent:hover{color: #ffffff;}
.button span, .main-default-article div.frm_forms form .frm_form_fields .frm_submit button.frm_button_submit span{position: relative; z-index: 2;}
.button.button-transparent:before{
	background: #ffffff;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	left: 2px;
	top: 2px;
	z-index: 1;
	content: "";
	position: absolute;
}
.button.button-transparent:after{
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
	width: 0%;
	z-index: 1;
	background: #e82e31;
}
.button.button-transparent:hover:after{
	width: 100%;
}
.button.btn-white{
	background: #ffffff;
	color: #e82e31;
}
.button.btn-white:hover{
	color: #ffffff;
}
.button.btn-white:before{
	display: none;
}
.button.btn-white:after{
	width: 0%;
}
.button.btn-white:hover:after{
	width: 100%;
}
.button.btn_white_line{
	background: none;
	border: 2px solid rgb(255 255 255 / 70%);
	padding: 11px 16px 9px;
}
.button.btn_white_line:hover{
	color: #4915c5;
	border-color: #ffffff;
}
.button.btn_white_line:before{
	display: none;
}
.button.btn_white_line:after{
	background: transparent;
	width: 0%;
}
.button.btn_white_line:hover:after{
	width: 100%;
	background: #ffffff;
}
.button-white-slide.button:hover{
	color: #e82e31;
}
.button-white-slide.button:before{
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
}
.button-white-slide.button:hover:before{
	width: 100%;
}
.button-text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.12px;
    color: #ffffff;
    text-transform: capitalize;
}
.button-text:hover{
	color: #e82e31;
}
.button-text i.fa-external-link-alt{
	font-size: 16px;
	margin-left: 10px;
}
/* Buttons css ends*/


/* Responsive images. Fluid images for posts, comments, and widgets */
.comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption {
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */
.comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img {
	height: auto;
}
img.size-full, img.size-large, .wp-post-image, .post-thumbnail img {
	height: auto;
	max-width: 100%;
}
/* Make sure embeds and iframes fit their containers */

embed, iframe, object, video {
	margin-bottom: 24px;
	max-width: 100%;
}
p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {
	margin-bottom: 0;
}

/* Alignment */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {
	margin: 76px 22px 61px 0;
}
.wp-caption.alignleft {
	margin: 76px 22px 61px 0;
}
blockquote.alignright, figure.wp-caption.alignright, img.alignright {
	margin: 76px 0 61px 22px;
}
.wp-caption.alignright {
	margin: 76px 0 61px 22px;
}
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {
	margin-top: 76px;
	margin-bottom: 61px;
}
img.alignnone{
	margin-top: 76px;
	margin-bottom: 60px;
}
.site-content blockquote.alignleft, .site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}
.site-content blockquote.alignleft p, .site-content blockquote.alignright p {
	margin-bottom: 17px;
}
.wp-caption {
	margin-bottom: 24px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}
.wp-caption {
	color: #54565b;
}
.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}
div.wp-caption .wp-caption-text {
	padding-right: 10px;
}
 div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}
.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.hide {
	display: none;
}
/* Genericons */
.bypostauthor > article .fn:before, .comment-edit-link:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .contributor-posts-link:before, .menu-toggle:before, .search-toggle:before, .slider-direction-nav a:before, .widget_twentyfourteen_ephemera .widget-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}
.comment-form label {
	display: block;
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
	width: 100%;
}
.clearfix{clear: both; display: table; width: 0;}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
/*-- flex css starts here --*/
.flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; }
.flex-vcenter{-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.flex-content-center{-ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.flex-center{-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; }
.flex-nowrap{flex-wrap: nowrap; }
.table{ display: table; width: 100%; height: 100%;}
.table-cell{display: table-cell; vertical-align: middle;}

/*-- custom css starts here --*/
body{margin: 0; background-color: #FFFFFF; font-family: 'Lexend', sans-serif; color: #0e2b5c; font-size: 16px; font-weight: 400; line-height: 24px; } 

.is-opened-nav .logo-link:before{
/*	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition-delay: .65s;
	transition-delay: .65s;*/
}



.menu-toggle{ width: 70px; height: 70px; padding: 0; display: block; background-color: #0e2b5c; color: #FFFFFF; text-align: center; position: fixed; right: 0; z-index: 802; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; cursor: pointer;}
.is-opened-nav .menu-toggle{
	background-color: transparent;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}
.menu-toggle-icon{width: 100%; height: 100%; display: block; margin: 0; vertical-align: middle; position: absolute; -webkit-transition: background-color .55s,-webkit-transform .55s; transition: background-color .55s,-webkit-transform .55s; transition: background-color .55s,transform .55s; transition: background-color .55s,transform .55s,-webkit-transform .55s; -webkit-transform: translateX(0); transform: translateX(0); }
.menu-toggle-icon.menu-toggle-open{right: 0; top: 0;}
.menu-toggle-icon.active span.line, .menu-toggle-icon:hover span.line{
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.menu-toggle-icon span.line{
	width: 100%; 
	height: 2px; 
	margin: 0 auto;  
	display: block; 
	position: absolute; 
	left: 0; 
	right: 0; 
	top: 50%;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,-webkit-transform .35s;
    transition: transform .35s,opacity .35s;
    transition: transform .35s,opacity .35s,-webkit-transform .35s;
}
.menu-toggle-icon span.line:after {
	width: 17px; 
	height: 2px; 
    content: "";
    top: 0;
    bottom: 0;
    left: 50%;
    background-color: #ffffff;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s;
    -webkit-transform-origin: center;
    transform-origin: center;
}
.menu-toggle-icon.active span.line:after{left: calc(50% - 0px); }
.menu-toggle-icon span.line:nth-child(1){ top: calc(50% - 7px);}
.menu-toggle-icon span.line:nth-child(3){ top: calc(50% + 7px);}
.menu-toggle-icon span.line:nth-child(1):after{ -webkit-transform: translateX(-90%); transform: translateX(-90%);}
.menu-toggle-icon span.line:nth-child(3):after{ -webkit-transform: translateX(-90%); transform: translateX(-90%);}

.menu-toggle-icon.active span.line:nth-child(1):after, .menu-toggle-icon:hover span.line:nth-child(1):after{ -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.menu-toggle-icon.active span.line:nth-child(3):after, .menu-toggle-icon:hover span.line:nth-child(3):after{ -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.is-opened-nav .menu-toggle-open:hover span.line:nth-child(1):after { transform: translate(-50%, 7px) rotate(45deg); -webkit-transform: translate(-50%, 7px) rotate(45deg); }
.is-opened-nav .menu-toggle-open:hover span.line:nth-child(3):after { -webkit-transform: translate(-50%, -7px) rotate(-45deg); transform: translate(-50%, -7px) rotate(-45deg); }

.is-opened-nav .menu-toggle-icon span.line{ -webkit-transform: translateX(0); transform: translateX(0);}
.is-opened-nav .menu-toggle-icon span.line:nth-child(2){opacity: 0;}
.is-opened-nav .menu-toggle-icon span.line:nth-child(1):after{ -webkit-transform: translate(-50%, 7px) rotate(45deg); transform: translate(-50%, 7px) rotate(45deg);}
.is-opened-nav .menu-toggle-icon span.line:nth-child(3):after{-webkit-transform: translate(-50%, -7px) rotate(-45deg); transform: translate(-50%, -7px) rotate(-45deg);}

.menu-toggle-icon.menu-toggle-open span.line:after{
	width: 30px;
	height: 3px;
}
.model-overlay-hide{overflow-y: hidden;}
.menu-overlay{ 
    position: fixed;
    top: 0;
    right: 0;
    z-index: 4;
    height: 100vh;
    width: 100%;
    /*max-width: 410px;*/
    pointer-events: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s,-webkit-transform 0.5s;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
	background-color:rgb(14 43 92 / 97%);
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.menu-overlay::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    display: none;
}
.menu-overlay-open{ pointer-events: all; -webkit-transform: translateX(0); transform: translateX(0); }
.menu-overlay-main{ width: 100%; height: auto; padding: 0 70px 0 30px;}
.header_quote_text {/*justify-content: space-between;*/justify-content: flex-end; padding-bottom: 57px;}
.header_quote_text p{margin-bottom: 0; margin-right:45px;}
.header_quote_text p a{color: #ffffff;} 
.header_quote_text p a:hover{color: #e82e31;} 
.header_overlay_right{text-align: right;}
nav.main-navigation{display: inline-block; }
ul.menu-list{margin: 0;}
ul.menu-list li{
	-webkit-transform: translateX(-5rem);
	transform: translateX(-5rem);
	opacity: 0;
	-webkit-transition: opacity .55s,-webkit-transform .55s;
	transition: opacity .55s,-webkit-transform .55s;
	transition: opacity .55s,transform .55s;
	transition: opacity .55s,transform .55s,-webkit-transform .55s;
}
ul.menu-list li:before{display: none;}
.is-opened-nav ul.menu-list li{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.is-opened-nav ul.menu-list li:first-of-type{
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}
.is-opened-nav ul.menu-list li:nth-of-type(2){
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.is-opened-nav ul.menu-list li:nth-of-type(3){
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.is-opened-nav ul.menu-list li:nth-of-type(4){
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.is-opened-nav ul.menu-list li:nth-of-type(5){
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.is-opened-nav ul.menu-list li:nth-of-type(6){
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.is-opened-nav ul.menu-list li:nth-of-type(7){
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

ul.menu-list li a{color: #FFFFFF;position: relative;font-size: 24px; line-height: 28px; font-weight: 400;}
ul.menu-list li a:hover{color: #e82e31;}
ul.menu-list li.current-menu-item a, ul.menu-list li.current-page-ancestor a, ul.menu-list li.current_page_item a, ul.menu-list li.current-menu-parent a{color: #e82e31; font-weight: 700;}

figure.next-logo{margin-bottom: 35px;}
.menu-overlay-trigger{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background-color: transparent;
    display: none;
    z-index: 3;
}
.is-opened-nav .menu-overlay-trigger{display: block;}

span.phone-alt{padding-right: 14px; top: -2px; position: relative;}
span.phone-alt img{width: 16px;}
.header_quote_btn{min-height: 70px; display: flex; align-items: center; justify-content: center;}
.header_quote_btn.button:before{width: 100%; height: 100%; top: 0; left: 0;}
.header_quote_btn.button:hover:before{background: #0e2b5c;}
.header_quote_btn.button:hover{color: #ffffff;}

hr.menu_overlay_hr{width: 40px; height: 1px; margin: 12px 0 47px auto; opacity: 0.4; background-color: #ffffff; }

ul.header_social_icons{margin:24px 0 26px;}
ul.header_social_icons li{display: inline-block; margin-left: 15px;}
ul.header_social_icons li:before{display: none;}
ul.header_social_icons li a{display: inline-block; width: 32px; height: 32px;}
ul.header_social_icons li a span.sc_bg{width: 32px; height: 32px; top: 0; left: 0; position: absolute; transition: all 0.5s ease-in-out; display: inline-block; background-repeat: no-repeat; background-position: center; }
ul.header_social_icons li a span.sc_bg.sc_bg_hover{opacity: 0;}
ul.header_social_icons li a:hover span.sc_bg{opacity: 0;}
ul.header_social_icons li a:hover span.sc_bg.sc_bg_hover{opacity: 1;}



.hero_container_main{position: relative; width: 100%; }
.ticker-slide-line:before{width: 100%; height: 1px; background-color: rgba(29, 37, 44, 0.2); margin-bottom: 29px; content: ""; display: block;}
.ticker-slide-line{ position: absolute; bottom: 0; width: 25%; max-width: 30%; }
.ticker-slide-main{top: -8px; position: relative; display: flex; width: 100%; flex-wrap: nowrap; font-size: 13px; letter-spacing: 0.19px; font-weight: 400; line-height: 18px; display: -ms-flexbox; -ms-flex-direction: row; white-space: nowrap;}
.ticker-slide-main span.text{ margin-top: -1px; margin-right: 3px; white-space: nowrap; color: rgba(29, 37, 44, 0.6);}
.ticker-slide-main p{margin: 0; padding: 0; font-size: 1.1rem; font-weight: 600; letter-spacing: 0.17px; color: rgba(29, 37, 44, 0.6); line-height: normal;}
.ticker-slide-main p.ticker-content{position: relative; left: 0 !important;}

.ticker_load{display: none;}
.ticker_load.open{display: block;}
  
.posttitle{font-size: 28px; line-height: 36px; margin-bottom: 4px; font-weight: 600;}
.posttitle a{color: #ffffff; font-weight: 700;}
.posttitle a:hover{color: #e82e31;}
.hero-recent-work h2{color: #ffffff; font-weight: 400;}
.hero-recent-work {position: absolute; bottom: 56px; left: 60px; z-index: 10; color: #ffffff; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s,-webkit-transform .35s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hero-recent-work .button{color: #ffffff; background: transparent;}
.hero-recent-work .button:before{width: calc(100% - 4px); height: calc(100% - 4px); top: 0; left: 0; z-index: 0; background: transparent; border: 2px solid #ffffff;}
.hero-recent-work .button:after{width: 0%; z-index: 1;}
.hero-recent-work .button:hover:after{width: 100%;}


.hero_container_section{position: relative; width: 100%; overflow: hidden;padding-bottom: 60px;}
.hero_container_slider_main .home_slider_img{position: relative; overflow: hidden;}
.hero_container_slider_main figure.home_slider_figure{margin: 0; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s,-webkit-transform .35s; }
.hero_container_slider_main figure.home_slider_figure img{width: 100%; height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }

.hero_container_slider_main .slick-initialized .slick-slide{padding: 0;}
.hero_container_text_space .button.button-transparent{margin-right: 14px;}

.home-view-case-btn{position: absolute; right: 0;}
a.view-all-cases{font-size: 14px; font-weight: 500; letter-spacing: 0.2px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
a.view-all-cases.btn-white{color: #ffffff; }
a.view-all-cases span{ padding-left: 5px; padding-top: 1px; display: inline-block; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
a.view-all-cases:hover span{ transform: translateX(-5px); }
a.view-all-cases:hover:after{transform: rotate(90deg);}
a.view-all-cases:after{width: 17px; height: 17px; margin-left: 13px; display: inline-block; content: ""; background: url('images/sqare-icon.svg') no-repeat center; vertical-align: middle; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;  -moz-transition: all 0.25s ease-in-out;}


.hero-progress-main{position: absolute; color: #ffffff; font-size: 14px; font-weight: 500; letter-spacing: 0.18px; }
.progress-bar-bg{display: inline-block; margin: 0 16px; width: 120px; height: 2px; background-color: rgba(255, 255, 255, 0.3); position: relative; overflow: hidden; vertical-align: middle; }
.hero-progress-bar {display: inline-block; width: 0; height: 2px; margin: 0; overflow: hidden; background-color: #ffffff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.hero-progress-main span{display: inline-block; }


.hero-left-button .hero-btn-box{background-color: #0e2b5c; color: #FFFFFF; font-weight: 500; width: 70px; height: 170px; position: absolute; left: auto; right: 0; bottom: 0; font-size: 14px;}
.hero-left-button .hero-btn-box:hover{color: #ffffff;}
.hero-btn-box span.bar-text{ position: relative; display: block; text-transform: capitalize;}
.hero-btn-box span.bar-line{ position: absolute; left: calc(50% - 0px); bottom: 40px; width: 2px; height: 70px; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.hero-btn-box span.bar-line-wrap{position: absolute; width: 100%; height: 100%; overflow: hidden;}
.hero-btn-box span.bar-line-down{width: 2px; height: 58px; background-color: #FFFFFF; display: block; animation: slide-down 2s infinite; -webkit-animation: slide-down 2s infinite; }

@keyframes slide-down{0%{-webkit-transform:translateY(-100%); transform:translateY(-100%);} 100% {-webkit-transform:translateY(100%);transform:translateY(100%);}}
@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-100%); transform:translateY(-100%);} 100%{-webkit-transform:translateY(100%);transform:translateY(100%);}}

.hero_container_text p.slide{letter-spacing: 0.19px;font-size: 13px;color: rgba(29, 37, 44, 0.6);}
.hero_container_text p.slide strong{letter-spacing: 0.17px;}

.what-do-grid svg{width: 64px; height: 64px; margin-bottom: 15px;}

/*-- smart svg animation starts here --*/
.smart-svg svg{opacity: 0;}
.smart-animation-view .smart-svg svg{opacity: 1;}
.smart-svg svg g.fill path, .smart-svg svg g.fill rect {opacity: 0; }
.smart-animation-view .smart-svg svg g.fill path, .smart-animation-view .smart-svg svg g.fill rect {
	opacity: 1; 
	-webkit-transition: opacity .35s ease-in 1s; 
	transition: opacity .35s ease-in 1s;
}
.smart-svg svg g.stroke rect{stroke-linecap: square; }
.smart-svg svg g.stroke path, .smart-svg svg g.stroke rect{fill: none; } 
.smart-animation-view .smart-svg svg g.stroke path, .smart-animation-view .smart-svg svg g.stroke rect{
    stroke-dashoffset: 0px !important;
    -webkit-transition: stroke-dashoffset 1.35s;
    transition: stroke-dashoffset 1.35s;
}
/*-- smart svg animation ends here --*/
.what-do-section-main{scroll-behavior: smooth;}
.what-do-section h2{font-weight: 700;}
.what-do-section h2 a{color: #0e2b5c; font-weight: 700;}
.what-do-section h2 a:hover{color: #e82e31;}
.smart-svg { width: 64px; margin-bottom: 18px; display: block; }
.smart-svg img{ width: 100%; height: auto;}

.home-recognition-left span.verticle-line{
	letter-spacing: 3.5px;
	font-weight: 600;
}
.home-recognition-main h2{font-weight: 700;}
.recognition_bg_main {
    position: relative;
    display: block;
}
.recognition_bg_main span{
	display: block;
}
span.recognition_bg{
	transition: transform .5s linear;
}
span.recognition_bg_shadow {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: transform .5s linear;
}
.recognition_bg_main:hover span.recognition_bg{
	opacity: 0;
	transform: translateY(-10px);
}
.recognition_bg_main:hover span.recognition_bg_shadow{    
    transform: translateY(-10px);
    opacity: 1;
}
span.recognition_bg img{width: 100%; height: auto;}
span.recognition_bg_shadow img{width: 100%; height: auto;}


.our-happy-clients-title h3{color: #ffffff; font-size: 24px; line-height: 30px; font-weight: 700;}
.our-happy-clients-text{background-color:#0e2b5c; color: #FFFFFF;}
.our-happy-clients-text .sm_title{ margin-bottom: 35px;display: block; font-size: 14px;font-weight: 500; letter-spacing: 3.5px;text-transform: uppercase;}
.our-happy-clients-text .sm_title:before{width: 31px;height: 2px;background-color: #ffffff; display: inline-block; vertical-align: middle; content: ""; margin-right: 12px;}
.our-happy-clients-title{color: #ffffff;}
.who-we-work-text-about{ background-color: #0e2b5c; }
@media(min-width: 1920px){
    .who-we-work-text-about{
        background-color: transparent !important;
    }
}
.who-we-work-text{ background-color: #0e2b5c; color: #FFFFFF;}
.who-we-work-text h2{color: #FFFFFF; }
span.intro{ display: block; font-size: 18px; font-weight: 500;letter-spacing: 3.5px;text-transform: uppercase;}
span.intro:before{width: 31px;height: 2px;background-color: #e82e31; display: inline-block; vertical-align: middle; content: ""; margin-right: 12px;}
.who-work-grid h2 a{color: #FFFFFF; font-weight: 700;}
.who-work-grid h2 a:hover{color: #e82e31;}
.who-work-grid ul{margin: 0; margin-left: 16px;}
.who-work-grid ul li{margin: 0;}
.who-work-grid ul li:before{top: 11px; left: -15px; background-color: #e82e31;}
.who-work-grid ul li a{color: #FFFFFF; text-align: left; font-size: 14px; line-height: 24px;}
.who-work-grid ul li a:hover{color: #e82e31;}

.home-blog-section{ text-align: center;}
.recent-our-blog p{margin-bottom: 7px; color: rgba(29, 37, 44, 0.5); font-weight: 600;}
.recent-our-blog p a{color: rgba(29, 37, 44, 0.5);}
.recent-our-blog p a:hover{ color: #e82e31; }
.recent-our-blog h2 a{color: #0e2b5c; font-weight: 700;}
.recent-our-blog h2 a:hover{color: #e82e31;}
.recent-our-new-article-image a{display: block; width: 100%; height: 100%;}

span.read_time{position: relative; display: inline-block;}
span.read_time:before{left: 4px; top: 4px; opacity: 0.3; content: ""; display: block; width: 1px; height: 14px; background-color: #1c242b; position: absolute;}
span.span-reading-time.rt-reading-time{padding-left: 15px;}


.main-footer{background-color: #ffffff;}
.footer{position: relative; z-index: 2; color: #FFFFFF;}
.footer:before{ background-color:#e82e31; content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: -1; left: 0; right: 0; bottom: 0; top: 0;}
.footer-resp-mobile strong a{color: #ffffff;}
.footer-resp-mobile strong a:hover{color: rgb(255 255 255 / 40%);}
.footer address{font-size: 14px;line-height: 20px; font-style: normal; display: inline-block; vertical-align: top;}
.footer address a{color: #FFFFFF; font-weight: 400;}
.footer address a:hover{color: rgb(255 255 255 / 40%);}
ul.footer-social-icons{ margin: 12px 0 0; display: flex; align-items: center;}
ul.footer-social-icons li:before{display: none;}
ul.footer-social-icons li:first-child{margin-left: 0;}
ul.footer-social-icons li{display: inline-block; margin-left: 1px; vertical-align: middle;}
ul.footer-social-icons li a{opacity: 0.5;}
ul.footer-social-icons li a:hover{opacity: 1;}
ul.footer-social-icons li a img{ width: auto; height: 24px; }
.footer-left .footer-logo a img{height: auto;}

.footer-copyrights p{font-size: 14px; margin: 15px 0 61px; color: rgba(29, 37, 44, 0.5); display: flex; align-items: center;}
.footer-copyrights p a{color: rgba(29, 37, 44, 0.5); font-weight: 400;}
.footer-copyrights p a.active, .footer-copyrights p a:hover{color: #e82e31;}
.footer-copyrights p br{display: none;}
.footer-copyrights span.mobile-flex{display: flex; align-items: center; display: -ms-flexbox; -ms-box-align: center; }
.footer-copyrights span.pipe-line{margin: 0 8px 0 9px; width: 1px; height: 14px; background-color: #000000; display: block; opacity: 0.3;}
.footer-copyrights nav{ background-color: #0e2b5c; position: relative; z-index: 2; }
.footer-copyrights ul{margin: 0;}
.footer-copyrights ul li{display: inline-block;}
.footer-copyrights ul li:before{display: none;}
.footer-copyrights ul li a{color: #FFFFFF; font-weight: 400;}
.footer-copyrights ul li a:hover, .footer-copyrights ul li.current_page_item a, .footer-copyrights ul li.current-page-ancestor a, .footer-copyrights ul li.current-menu-item a, .footer-copyrights ul li.current-post-parent a{color: #e82e31;}



.ctm_born_text{ background-color: #0e2b5c; color: #FFFFFF;}
.ctm_born_tex ..single-item.show{color: #fff;}


.ctm_born_text. single-item.show img{width: 40px;}
.single-item.show img {
    width: 40px;
}

/*-- animations css strts here  --*/
.animation--hidden-bar{
	position: relative;
	overflow: hidden;
}
.smart-animation-view .animation--reval-bar--form-left {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.smart-animation-view .animation--reval-bar--form-right {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.animation--reval-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 1.35s;
    transition: -webkit-transform 1.35s;
    transition: transform 1.35s;
    transition: transform 1.35s,-webkit-transform 1.35s;
    z-index: 10;
}
.smart-animation-view .animation--fade{
	opacity: 1;
}
.animation--fade {
    opacity: 0;
    -webkit-transition: opacity 1.35s;
    transition: opacity 1.35s;
}
.smart-animation-view .animation--from-left-fade{ 
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.animation--from-left-fade{
	-webkit-transform: translateX(-1.42857rem);
	transform: translateX(-1.42857rem);
	position: relative;
	-webkit-transition: opacity 1.35s,-webkit-transform 1.35s;
	transition: opacity 1.35s,-webkit-transform 1.35s;
	transition: transform 1.35s,opacity 1.35s;
	transition: transform 1.35s,opacity 1.35s,-webkit-transform 1.35s;
	opacity: 0;
}
.smart-animation-view .animation--from-right-fade {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.animation--from-right-fade {
    -webkit-transform: translateX(1.42857rem);
    transform: translateX(1.42857rem);
    position: relative;
    -webkit-transition: opacity 1.35s,-webkit-transform 1.35s;
    transition: opacity 1.35s,-webkit-transform 1.35s;
    transition: transform 1.35s,opacity 1.35s;
    transition: transform 1.35s,opacity 1.35s,-webkit-transform 1.35s;
    opacity: 0;
}
.smart-animation-view .animation--from-top-fade, .smart-animation-view.animation--from-top-fade{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.animation--from-top-fade {
    -webkit-transform: translateY(-1.42857rem);
    transform: translateY(-1.42857rem);
    position: relative;
    -webkit-transition: opacity 1.35s,-webkit-transform 1.35s;
    transition: opacity 1.35s,-webkit-transform 1.35s;
    transition: transform 1.35s,opacity 1.35s;
    transition: transform 1.35s,opacity 1.35s,-webkit-transform 1.35s;
    opacity: 0;
}
.smart-animation-view .animation--from-bottom-fade, .smart-animation-view.animation--from-bottom-fade{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.animation--from-bottom-fade{
    -webkit-transform: translateY(1.42857rem);
    transform: translateY(1.42857rem);
    position: relative;
    -webkit-transition: opacity 1.35s,-webkit-transform 1.35s;
    transition: opacity 1.35s,-webkit-transform 1.35s;
    transition: transform 1.35s,opacity 1.35s;
    transition: transform 1.35s,opacity 1.35s,-webkit-transform 1.35s;
    opacity: 0;
}
.smart-animation-view .animation-smooth-out, .smart-animation-view.animation-smooth-out{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.animation-smooth-out{
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: opacity 700ms cubic-bezier(0.694, 0, 0.335, 1), transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
	-o-transition: opacity 700ms cubic-bezier(0.694, 0, 0.335, 1), transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
	-webkit-transition: opacity 700ms cubic-bezier(0.694, 0, 0.335, 1), -webkit-transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
	transition: opacity 700ms cubic-bezier(0.694, 0, 0.335, 1), -webkit-transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
	transition: opacity 700ms cubic-bezier(0.694, 0, 0.335, 1), transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
	transition: opacity 700ms cubic-bezier(0.694, 0, 0.335, 1), transform 700ms cubic-bezier(0.694, 0, 0.335, 1), -webkit-transform 700ms cubic-bezier(0.694, 0, 0.335, 1);
}
figure.animation--fade img{ 
	width: 97%; 
	height: auto;
	font-family: "object-fit: cover;"; 
	-o-object-fit: cover; 
	object-fit: cover; 
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
        padding: 35px 90px 90px 120px;
        
}
.smart-animation-view .animation--from-0-to-100, .smart-animation-view.animation--from-0-to-100{
	width: 100%;
}
.animation--from-0-to-100 {
    width: 0;
    -webkit-transition: width 1.35s;
    transition: width 1.35s;
}
.figure-animation-image{
    opacity: 0;
    -webkit-transition: opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1);
    -o-transition: opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1);
    transition: opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1);
}
.smart-animation-view .figure-animation-image{
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

/*-- animations css ends here  --*/

/*-- hero-bg-section css starts here --*/
.hero-bg-section { position: relative; z-index: 1;}
.hero-bg { display: none; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background-repeat: no-repeat; background-size: cover; background-position: center top; }
.hero-container { position: absolute; z-index: 1; max-width: 930px; margin: 0 auto;  width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; color: #ffffff; font-size: 18px; text-align: center;}
.hero-container span{letter-spacing: 2px; text-transform: uppercase; display: block;}
.hero-container h3{color: #ffffff;}
.table{display: table; width: 100%; height: 100%;}
.table-cell{display: table-cell; vertical-align: middle;}


.hero-banner-section{ position: relative; }
.hero-banner-section .hero-left-button {transform: translate(-70px, 0px);}
.hero-bg-fill-main{position: relative; z-index: 2;}
.hero-bg-fill-main img{position: relative; z-index: 2; width: 100%; height: 100%;  -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%;}
/*.hero-bg-fill{width: 100%; height: 100%; position: absolute; display: block; bottom: 0; left: 0; z-index: -1; background-image: linear-gradient(-45deg, #e82e31 0%, #9a249c 53%, #4f0dcf 100%); transform: translate(0px, 30px); overflow: hidden;}*/

.hero-bg-fill{width: 100%; height: 100%; position: absolute; display: block; bottom: 0; left: 0; z-index: -1; background-color:#e82e31; transform: translate(0px, 30px); overflow: hidden;}


/*-- bg-color common css --*/
body.page-template-process{position: relative; overflow: hidden;}
.process-flex{ position: relative; }
.process-image figure{position: relative; z-index: 2;}


.bg-color-main{
	position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
}
.bg-color-right{right: 0; transform: translate(100px, 100px);}
.bg-color-left{left: 0; transform: translate(-100px, 100px);}

.bg-color-fill.bg-color-fill-grad{
	background-image: linear-gradient(318deg,#e82e31 0%,#9a249c 53%,#4f0dcf 100%);
}
.bg-color-fill{
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.1);
	display: block; 
	position: absolute; 
	bottom: 0; 
	z-index: -1;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.smart-animation-view .bg-color-fill{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.bg-color-main:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    -webkit-transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.smart-animation-view .bg-color-main.bg-color-left:after{-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.smart-animation-view .bg-color-main.bg-color-right:after{ -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);}


/*-- bg-color common css --*/

/*-- work page bg-image common css --*/
body.page-template-SEM-template .work-section-common{background-color: #f3f4f4;}
body.page-template-SEM-template .work-text .button.button-transparent:before{background: #f3f4f4;}

.work-section-common{position: relative; overflow: hidden; }
.work-image{position: relative; z-index: 1;}
.work-image img{width: 100%;height: 100%;}
.smart-animation-view:nth-child(even) .bg-image-main:after{-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.smart-animation-view:nth-child(odd) .bg-image-main:after{ -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);}

.bg-image-main.bg-image-left{left: 0px; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
.bg-image-main.bg-image-right{right: 0; } 
.bg-image-main{
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.1);
}
.bg-image-main:after{
    content: '';
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    -webkit-transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.bg-image-fill{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	bottom: 0;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.smart-animation-view .bg-image-fill{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/*-- process page bg-image common css --*/

/*-- work-default page css starts here --*/
.view-all-case{ color: #ffffff;}
.view-all-case h2{color: #ffffff;}
.view-all-case ul{margin-left: 22px;}
.view-all-case ul li:before{background-color: #ffffff;}
.view-all-case ul li{margin-bottom: 4px;}
.view-all-case ol{margin-left: 22px;}
.view-case-btn-verticle{/*position: absolute; left: 0;*/}
.work-default-section{position: relative;}

.container-img.smart-animation-view {
    opacity: 1;
    -webkit-transform: translateZ(0px) rotate3d(0, 0, 0, 0deg);
    -ms-transform: translateZ(0px) rotate3d(0, 0, 0, 0deg);
    transform: translateZ(0px) rotate3d(0, 0, 0, 0deg);
}
.container-img {
	border: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	width: auto;
    box-shadow: 0 30px 60px rgba(29, 37, 44, 0.3);
    padding-top: 21px;
    position: relative;
    opacity: 0;
 	-webkit-transform-style: preserve-3d;
    will-change: transform;
    -webkit-transform: translateZ(200px) rotate3d(-1, -1, 0, 60deg);
    -ms-transform: translateZ(200px) rotate3d(-1, -1, 0, 60deg);
    transform: translateZ(200px) rotate3d(-1, -1, 0, 60deg);
    -webkit-transition: transform 1500ms cubic-bezier(0.000, 0.785, 0.000, 1.000), opacity 1s ease;
    -o-transition: transform 1500ms cubic-bezier(0.000, 0.785, 0.000, 1.000), opacity 1s ease;
    -webkit-transition: opacity 1s ease, -webkit-transform 1500ms cubic-bezier(0.000, 0.785, 0.000, 1.000);
    transition: opacity 1s ease, -webkit-transform 1500ms cubic-bezier(0.000, 0.785, 0.000, 1.000);
    transition: transform 2000ms cubic-bezier(0.000, 0.785, 0.000, 1.000), opacity 1s ease;
    transition: transform 2000ms cubic-bezier(0.000, 0.785, 0.000, 1.000), opacity 1s ease, -webkit-transform 2000ms cubic-bezier(0.000, 0.785, 0.000, 1.000);
}
.container-img .head {
    width: 100%;
    height: 21px;
    background-color: #ffffff;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    display: flex;
    align-items: center;
    padding: 0px 8px;
}
.container-img .head .ptn{
	width: 5px;
	height: 5px;
	background-color: #232426;
	border-radius: 300px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.2;
	margin: 0 2px;
}
.container-screen {overflow: hidden; height: 676px; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px;}
.container-screen img { width: 100%; height: auto;} 
.container-img.smart-animation-view .container-screen img{
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-name: scrollCoverBrowser;
    animation-name: scrollCoverBrowser;
    -webkit-animation-timing-function: cubic-bezier(1.000, 0.005, 0.305, 1.000);
    animation-timing-function: cubic-bezier(1.000, 0.005, 0.305, 1.000);
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}
@keyframes scrollCoverBrowser {
    10% {
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(calc(-50% + 338px));
            -ms-transform: translateY(calc(-50% + 338px));
                transform: translateY(calc(-50% + 338px));
    }
    100% {
        -webkit-transform: translateY(calc(-100% + 676px));
            -ms-transform: translateY(calc(-100% + 676px));
                transform: translateY(calc(-100% + 676px));
    }
}
@-webkit-keyframes scrollCoverBrowser {
    10% {
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(calc(-50% + 338px));
            -ms-transform: translateY(calc(-50% + 338px));
                transform: translateY(calc(-50% + 338px));
    }
    100% {
        -webkit-transform: translateY(calc(-100% + 676px));
            -ms-transform: translateY(calc(-100% + 676px));
                transform: translateY(calc(-100% + 676px));
    }
}

.workdefault-feautered-article{ position: relative;}
.smart-animation-view.workdefault-feautered-article:before, .smart-animation-view.workdefault-feautered-article.feautered-accent-left:before{opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px);}
.workdefault-feautered-article:before{-webkit-transform: translateX(-100%) skew(-20deg); -ms-transform: translateX(-100%) skew(-20deg); transform: translateX(-100%) skew(-20deg); opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #f3f4f4; content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.workdefault-feautered-article.feautered-accent-left:before{-webkit-transform: translateX(100%) skew(20deg); -ms-transform: translateX(100%) skew(20deg); transform: translateX(100%) skew(20deg);}

.smart-animation-view .featured-article-verticle{ opacity: 1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);} 
.featured-article-verticle{ opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform-origin: initial; -ms-transform-origin: initial; transform-origin: initial; -webkit-transform: rotate(0deg) translateX(0%); -ms-transform: rotate(0deg) translateX(0%); transform: rotate(0deg) translateX(0%);}

.featured-article-wrap blockquote p:before{display: none;}

.featured-article-verticle h2{margin-bottom: 0; position: relative;}
.featured-article-verticle h2:before{width: 31px; height: 3px; content: ""; background-color: #e82e31; display: block; vertical-align: middle; position: absolute; left: -51px; right: 0; top: 17px;}
.featured-article-verticle h3{color: rgba(29, 37, 44, 0.5); font-weight: 400; }

.featured-article-title.smart-animation-view h2{ opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}
.featured-article-title h2{ opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;}


.featured-article-wrap{position: relative; z-index: 2;}
.featured-article-wrap p{opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.featured-article-wrap .smart-animation-view p{ opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}

.container_bottom_phone.smart-animation-view{ -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}
.container_bottom_phone{ opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px);}

.container_right_phone.smart-animation-view{-webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}
.container_right_phone{ opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }


dl.author{font-size: 18px; opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
dl.author.smart-animation-view { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}
dl.author dd{font-size: 16px;}


.workdefault-feautered{position: relative; z-index: 2;}

.featured-article-accent{position: absolute; z-index: 3; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.featured-article-accent.smart-animation-view{opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

.accent-bg{ display: block; background-image: linear-gradient(315deg, #e82e31 0%, #9a249c 59%, #4f0dcf 100%); box-shadow: 0 4px 8px 0 rgba(29, 37, 44, 0.3);}
.mac-case-study-main{text-align: center;}

.work-default-slider{ position: relative;}
.work-default-slider-verticle{position: relative;}
.work-default-slider-des{font-size: 24px;line-height: 36px; text-align: center;}
.work_default_testimonial_slider .slick-slide img{width: 100%; height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%;}

/*--- blog counter section --*/
.next-page-acive {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
#tmp-overlay {position: absolute; top: 0; width: 100%; height: 100%; z-index: 200; margin: 0 auto; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }

#tmp-overlay.step-three:after {background-color: rgba(0, 0, 0, .3); } 
#tmp-overlay.step-three.active:after {background-color: transparent; }
#tmp-overlay.step-three.step-overlay {background-color: rgba(0, 0, 0, .3); z-index: 40;}


.next-bg-section {position: relative; z-index: 2; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}
.next-bg-section:after{content: ""; background-color: #0e2b5c; display: block; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.4; -webkit-transition: background-color .8s; transition: background-color .8s; z-index: -1;}

figure.next-hero-image {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;}
figure.next-hero-image img{ width: 100%; height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%;}

.next-hero-container {color: #ffffff; position: absolute; z-index: 2; max-width: 930px; margin: 0 auto; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; text-align: center; }
.next-hero-container p{font-weight: 400; line-height: normal; text-transform: uppercase; display: block;}
.next-hero-container h3{color: #ffffff; font-size: 48px; line-height: normal; font-weight: 700; }
.next-hero-container h3 a{color: #ffffff; font-weight: bold;}
.next-hero-container h3 a:hover{color: #e82e31;}
.count-numbers {position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: flex; justify-content: center; align-items: center; -webkit-transition: opacity .85s; transition: opacity .85s;}
.count-number{ font-weight: 700; color: #ffffff; line-height: 100%; display: block; position: relative; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: opacity .55s,visibility .55s; transition: opacity .55s,visibility .55s;}
.counter-hover .count-number{opacity: 0.2; visibility: visible;}
.down-arrow{ -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s,-webkit-transform .35s; display: inline-block; position: relative;}
.counter-hover:hover .down-arrow, .down-arrow:hover{ -webkit-transform: translateY(1rem) rotate(0deg); transform: translateY(1rem) rotate(0deg);}
.down-arrow img{width: 25px;}

/*--- blog counter section --*/
.desktop-cta-panel{ display: block; }
.ipad-cta-panel{display: none;}

/*-- process page css starts here --*/
.process-text{ position: relative; z-index: 2;}
.process-text h2{font-weight: 700; margin-bottom: 15px;}
.process-count{color: #f3f4f4; font-size: 100px; font-weight: 700; line-height: normal; position: absolute; top: -60px; z-index: -1;}
.process-image{position: relative;}

/*-- about page css starts here --*/

.about-recognition-wrap{border-bottom: 1px solid #DCDCDC;}

.the-company-logos{margin-top: 36px;}
.the-company-logo{margin: 0 37px 63px; display: inline-block; vertical-align: middle;}
.the-company-logo img{min-width: 130px;}

span.verticle-line{ padding-left: 42px; display: block; font-size: 14px; font-weight: 400; letter-spacing: 1.56px; text-transform: uppercase; margin-bottom: 11px; position: relative;}
span.verticle-line:before{width: 24px; height: 2px; background-color: #e82e31; display: inline-block; vertical-align: middle; content: ""; position: absolute; left: 0; top: 50%;}
span.verticle-line.more:before{width: 31px;}
.hero-banner-text h1{font-size: 28px; line-height: 36px; margin-bottom: 24px;}
.hero-banner-text .button{margin-right: 14px;}

.the-company-section{background-color: #0e2b5c; color: #ffffff;}
.the-company-main{text-align: center; padding: 136px 0 137px;}
.the-company-main h3{font-size: 18px; line-height: 22px; letter-spacing: 4.5px; color: rgb(255 255 255 / 50%); text-transform: uppercase; font-weight: 500;}
hr.the-company-hr{width: 48px; height: 2px; margin: 0 auto 51px; background-color: #e82e31; }
.the-company-slider.slick-slider .slick-slide{padding: 0;}
.the-company-slide-text{padding-bottom: 9px;}
.the-company-slide-text h4{font-size: 32px;line-height: 44px; margin-bottom: 25px; color: #ffffff; font-weight: 400; font-style: italic;}
.the-company-slide-text h4 p{font-size: inherit; line-height: inherit;}
.the-company-slide-text p{font-size: 16px; line-height: 19px;}
.the-company-slide-text p span{display: block; font-weight: 600;}


.the-company-slider ul.slick-dots li{width: 9px; height: 9px; margin: 0 6px;}
.the-company-slider ul.slick-dots li:before{display: none;}
.the-company-slider ul.slick-dots li button{width: 9px; height: 9px; border-radius: 3000px; background: #ffffff;}
.the-company-slider ul.slick-dots li.slick-active button, 
.the-company-slider ul.slick-dots li.slick-active button:hover{background: #e82e31;}
.the-company-slider ul.slick-dots li button:before,
.the-company-slider ul.slick-dots li button:after{display: none;}

.testimonial-section{position: relative; overflow: hidden; color: #ffffff;}
.smart-animation-view .testimonial-main:before{right: 0; transform: translateX(0); -webkit-transform: translateX(0); -webkit-transition: opacity 1.35s,-webkit-transform 1.35s; transition: opacity 1.35s,-webkit-transform 1.35s; transition: transform 1.35s,opacity 1.35s; transition: transform 1.35s,opacity 1.35s,-webkit-transform 1.35s;}
.testimonial-main:before{ position: absolute; right: 100%; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; background-color: #0e2b5c; content: ""; transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.testimonial-text span{font-size: 18px;font-weight: 700; line-height: normal; letter-spacing: 4.5px; color: #ffffff;}
.testimonial-text blockquote{color: #ffffff;}
.testimonial-text blockquote p:before{display: none;}

.grid-layout-content{background-image: linear-gradient(-45deg, #e82e31 0%, #9a249c 53%, #4f0dcf 100%); color: #ffffff; font-size: 18px; line-height: 30px;}
.grid-layout-content h2{ font-weight: 400; color: #ffffff;}
.grid-layout-content p a{color: #ffffff; font-weight: 700;}
.grid-layout-content p a:hover{color: #fdd9dd;}


.grid-layout-boxes{ width: 100%; display: flex; flex-wrap: wrap; text-align: center; display: -ms-flexbox; -ms-flex-wrap: wrap}
.grid-layout-box{flex: 50%; -ms-flex:50%; max-width: 50%; height: 50%; background-color: #ffffff; color: #0e2b5c; }
.grid-layout-box:nth-child(2), .grid-layout-box:nth-child(3){ background-color: #0e2b5c; color: #ffffff; }
.grid-layout-box hr{ background-color: #e82e31; }
.grid-layout-box:nth-child(2) hr, .grid-layout-box:nth-child(3) hr{ background-color: #ffffff; }
.grid-layout-box p{font-size: 24px; line-height: normal;}
.grid-layout-box span{font-size: 44px;font-weight: 600; line-height: normal;}


/*-- contact page css starts here --*/
body.page-template-contact{ position: relative; overflow: hidden; }
.contact-form{background-image: linear-gradient(-45deg, #e82e31 0%, #9a249c 53%, #4f0dcf 100%); color: #ffffff;}
.contact-form h3{color: #ffffff; font-size: 24px; font-weight: 400; line-height: 30px; margin-bottom: 19px;}
.contact-form  .frm_style_formidable-style.with_frm_style .frm_form_fields > fieldset{ min-width: 100%;font-family: 'Lexend', sans-serif;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field{ float: left; width: 100%; position: relative;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field .frm_primary_label{position: absolute; width: auto; color: rgba(255, 255, 255, 0.7); font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 9px 15px; line-height: normal; font-family: 'Montserrat', sans-serif; visibility: visible; z-index: 3;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field .frm_primary_label.black-text{color: #0e2b5c;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field input[type="text"], 
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field input[type="email"], 
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field .selectBox-dropdown,
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field textarea{ padding: 22px 15px 10px; margin: 0; background: rgba(255, 255, 255, 0.08); color: #ffffff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; height: 60px; line-height: 26px; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; min-width: 100%;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field textarea{height: 260px;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field .selectBox-dropdown{padding-right: 30px;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_blank_field input,
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_blank_field .selectBox-dropdown,
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_blank_field textarea{ box-shadow: 0px 0px 1px #e82e31; }
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field .selectBox-dropdown{ cursor: pointer; }

.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field input:not([type="file"]):focus, 
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field input[type="text"]:focus, 
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field input[type="email"]:focus, 
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field select:focus,
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field textarea:focus{ background-color: rgba(255, 255, 255, 0.08); box-shadow: none !important; border-color: transparent !important; color: #ffffff;}

.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field div.selector{ width: 100% !important; height: auto; border:0; line-height: normal; font-family: 'Montserrat', sans-serif; font-size: 14px;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field div.selector > span{display: none; width: 100% !important;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field select{background-color: rgba(255, 255, 255, 0.08); color: #ffffff; font-family: 'Lexend', sans-serif; font-size: 14px; border: 0; height: 0; position: absolute; width: 0; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; padding: 0; line-height: normal; visibility: hidden; display: none;}

.contact-form .selectBox-dropdown .selectBox-label{background: none; display: block; padding: 4px 0; height: auto; line-height: initial; font-family: 'Lexend', sans-serif; white-space: normal;}
.contact-form .selectBox-dropdown .selectBox-arrow{ display: block; background: url('images/arrow-down.png') no-repeat center; border: 0; width: 14px; height: 8px; top: 30px; padding: 0; right: 12px; opacity: 0.4;}
.contact-form .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow{ background: url('images/up-arrow.png') no-repeat center; }
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field .selectBox-menuShowing{background: #ffffff; color: #0e2b5c; z-index: 2;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_message, .contact-form .frm_style_formidable-style.with_frm_style .frm_error_style{ margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; color: #ffffff; font-size: 16px; line-height: 24px; background-color: transparent; border:0;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_message p, .contact-form .frm_style_formidable-style.with_frm_style .frm_error_style p{color: #ffffff; margin: 0; }

.contact-form .frm_style_formidable-style.with_frm_style .frm_blank_field input:not([type="file"]):focus ~ .frm_error, 
.contact-form .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="text"]:focus ~ .frm_error, 
.contact-form .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="email"]:focus ~ .frm_error, 
.contact-form .frm_style_formidable-style.with_frm_style .frm_blank_field .selectBox-dropdown:focus ~ .frm_error,
.contact-form .frm_style_formidable-style.with_frm_style .frm_blank_field textarea:focus ~ .frm_error{ display: none; }

.contact-form .frm_style_formidable-style.with_frm_style button[type="submit"].frm_button_submit{
	background: none;
	border: 2px solid rgb(255 255 255);
	padding: 11px 16px 9px;
}
.contact-form .frm_style_formidable-style.with_frm_style button[type="submit"].frm_button_submit:hover{
	color: #4915c5;
	border-color: #ffffff;
}
.contact-form .frm_style_formidable-style.with_frm_style button[type="submit"].frm_button_submit:after{
	background: none;
	width: 0%;
}
.contact-form .frm_style_formidable-style.with_frm_style button[type="submit"].frm_button_submit:hover:after{
	background: #ffffff;
	width: 100%;
}

div.frm_error.input-has-value{display: none;}
div.frm_error.no-value{display: none;}

ul.selectBox-options{padding: 9px 0 10px; background-color: #ffffff; border-radius: 0; max-width: 466.55px; min-height: 100px; max-height: 600px;}
ul.selectBox-dropdown-menu{ max-width: 100%; background: #f6f6f6; border:0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 0; padding-bottom: 19px;}
ul.selectBox-dropdown-menu li:before{display: none;}
ul.selectBox-dropdown-menu li:first-child{ display: none; }
ul.selectBox-dropdown-menu li a{padding: 0 14px; color: #0e2b5c; font-size: 14px; font-weight: normal; line-height: 32px; white-space: normal; background: transparent; cursor: pointer;}
ul.selectBox-dropdown-menu li.selectBox-selected a{ color: #e82e31; background-color: transparent;}

.contact-form .frm_style_formidable-style.with_frm_style .frm_required {color: #FFF; font-weight: normal; position: absolute; left: 9px; top: 9px; opacity: 0.7; font-size: 10px; }
.contact-form .frm_style_formidable-style.with_frm_style .frm_error{color: #ffffff; font-size: 10px; line-height: 14px; font-weight: 400; text-align: right; font-family: 'Montserrat', sans-serif; }
.contact-form .frm_style_formidable-style.with_frm_style .frm_error:before{ content: ""; background: url('images/error-tooltip.svg') no-repeat center; width: 30px; height: 30px; display: block; position: absolute; right: 0; bottom: 15px; background-size: cover;}

.contact-form .frm_style_formidable-style.with_frm_style .invisible_html{display: flex; align-items: center; flex-wrap: wrap;}
.contact-form .frm_style_formidable-style.with_frm_style .invisible_html label{display: none;}
.contact-form .frm_style_formidable-style.with_frm_style .invisible_html .frm_upload_icon{display: none;}
.contact-form .frm_style_formidable-style.with_frm_style div.frm_dropzone {
	border-radius: 0;
	color: rgba(255, 255, 255, 0.7);
	background: none;
	border: 0;
	max-width: 50%;
	min-width: 50%;
	width: 50%;
	display: block;
	text-align: center;
	padding: 0;
	min-height: auto;
	margin: 0 0 20px;
	position: relative;
	float: left;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field .g-recaptcha{position: relative; overflow: hidden;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-preview{width: 100%; display: block; clear: both; border-color: rgba(255, 255, 255, 0.4);}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-preview .dz-details{padding-right: 20px; }
.contact-form .frm_style_formidable-style.with_frm_style .frm_blank_field .frm_dropzone{
	color: rgba(255, 255, 255, 0.7);
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid #e82e31;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-preview .dz-image{display: none;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-preview .dz-column{float: none; width: 100%;}

.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_html_container#frm_field_74_container{padding: 0; width: 100%; float: none;}

.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback,
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-message{ margin: 0; border: 0; padding: 7px 0 6px; width: 100%; font-size: 10px; line-height: 15px; text-transform: uppercase; background: transparent;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-message .frm_small_text{font-size: 10px;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_html_container{margin: 0; padding: 0; padding-left: 20px; width: 50%; float: left; font-size: 16px; font-weight: 200; line-height: 22px; color: rgba(255, 255, 255, 0.75); font-family: 'Montserrat', sans-serif;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_submit{ padding-top: 0; }
.contact-form .frm_style_formidable-style.with_frm_style .frm_error_style{display: none;}
.contact-form .frm_style_formidable-style.with_frm_style .invisible_html .frm_error{ right: auto; left: 0; bottom: -15px; }
.contact-form .frm_style_formidable-style.with_frm_style .invisible_html .frm_error:before{ right: auto; left: 0; }

.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]{
	font-size: 14px;
	line-height: normal;
	text-transform: capitalize;
	display: block;
	color: #ffffff;
	width: 100%;
	/*height: 60px;*/
	border: 0;
	outline: none;
	background-color: transparent;	
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	cursor: pointer;
	outline: none;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]::-webkit-file-upload-button {
	color: #ffffff;
	border-color: #ffffff;
	outline: none;
	margin-right: 40px;
	padding-right: 40px;
}

/*
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]{
	font-size: 0;
	line-height: normal;
	text-transform: capitalize;
	display: block;
	color: #ffffff;
	width: 100%;
	height: 60px;
	border: 0;
	outline: none;
	background-color: transparent;	
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	cursor: pointer;
}
@supports (-moz-appearance:none) {
    .contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]{
    	font-size: 14px;
    }
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]::-webkit-file-upload-button {
	visibility: hidden;
	opacity: 0;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]::before {
	content: 'Choose Files';
	background-color: rgba(255, 255, 255, 0.09);
	border: 1px solid transparent;
	font-size: 14px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	height: 58px;
	width: 50%;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]:hover::before {
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.5);	
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]:active::before {
	border: 1px solid rgba(255, 255, 255, 0.5);	
	background-color: transparent;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]::after {
	content: 'No File Chosen';
	font-size: 14px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	height: 58px;
	width: 45%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: flex-start;
}*/

/*.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]{
	font-size: 14px;
	line-height: normal;
	text-transform: uppercase;
	display: block;
	color: #ffffff;
	width: 100%;
	height: 60px;
	border: 0;
	outline: none;
	font-family: 'Montserrat', sans-serif;
	background-color: transparent;	
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]:active,
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]:focus{
	border: 0;
	outline: 0;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]::-webkit-file-upload-button {
	color: #ffffff;
	cursor: pointer;
	border: 1px solid transparent;	
	font-family: 'Montserrat', sans-serif;
	outline: 0;
	background-color: rgba(255, 255, 255, 0.09);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding: 15px;
	min-width: 148px;
	height: 60px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .fallback input[type="file"]:hover::-webkit-file-upload-button{
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.5);	
}*/
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .frm_upload_icon:before, 
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-remove{right: 20px; top: 44px; color: #ffffff; position: absolute; }
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-preview .dz-progress{
	background: transparent;
	border: 1px solid #ffffff;
	border-radius: 10px;
}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-preview .dz-progress .dz-upload, 
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-preview.dz-complete .dz-progress{
	background: #ffffff;
	border-color: #ffffff;
}
.contact-form .frm_style_formidable-style.with_frm_style div.frm_dropzone button:after{display: none;}
.contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone .dz-preview .dz-error-message{display: block; color: rgba(255, 255, 255, 0.7); font-size: 12px; padding: 10px 0 0;}

.contact-logos{display: flex; flex-wrap: wrap; width: 100%; padding-top: 84px;}
.contact_logo{width: 33.333%; padding-right: 14px; padding-bottom: 28px;}

.contact_logo_bg_main {
    position: relative;
    display: block;
}
span.contact_logo_bg{
	transition: transform .5s linear;
}
span.contact_logo_bg_shadow {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: transform .5s linear;
}
.contact_logo_bg_main:hover span.contact_logo_bg{
	opacity: 0;
}
.contact_logo_bg_main:hover span.contact_logo_bg_shadow{    
    transform: translateY(-20px);
    opacity: 1;
}

ul.blog-menu li a{color: #0e2b5c;}
ul.blog-menu li.current-cat a, ul.blog-menu li a:hover{color: #e82e31;}

/*-- blog page css starts here --*/
.mobile-show{display: none;}
#ajax-load-more ul{margin: 0;}
#load-more{text-align: center;}
.blog-post-main{margin: 0 auto; text-align: center;}
.blog-post:before{display: none;}
.blog-post{transform: translateY(0px); transition: all 0.25s ease-in-out;}
.blog-post:hover{box-shadow: 0 0 50px rgba(29, 37, 44, 0.2);background-color: #ffffff; transform: translateY(-20px); transition: transform .5s linear;}
.blog-post-text h2 {line-height: 28px !important;}
.blog-post-text h2 a{color: #0e2b5c; font-weight: 700; font-size: 22px;}
.blog-post-text h2 a:hover{color: #e82e31;}
.blog_excerpt { display: none; }
.post_paginations { display: none; }
.blog-post-text p{margin-bottom: 7px; color: rgba(29, 37, 44, 0.5); font-weight: 600;}
.blog-post-text p a{color: rgba(29, 37, 44, 0.5);}
.blog-post-text p a:hover{color: #e82e31;}


.search-overlay-main {position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0;  overflow-y: auto; z-index: 800; transition: all 0.6s ease-in-out; visibility: hidden; opacity: 0;}
.search-overlay-main.search-overlay-open{visibility: visible; opacity: 1;}
.search-overlay-bg{ background-image: linear-gradient(314deg, #e82e31 0%, #9a249c 59%, #4f0dcf 100%); opacity: 0.95; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.6s ease-in-out; -webkit-transform: translateX(100%); transform: translateX(100%); pointer-events: none;}
.search-overlay-open .search-overlay-bg{ pointer-events: all; -webkit-transform: translateX(0); transform: translateX(0);}
.search-overlay-pos{ display: flex; flex-wrap: wrap; width: 100%; height: 100%; overflow-y: auto;}
.search-overlay{margin: 100px auto; position: relative; overflow: hidden;}
.search-overlay-open .search-form{ pointer-events: all; -webkit-transform: translateX(0); transform: translateX(0);}
.search-form{ -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s,-webkit-transform 1s;}
.search-overlay input{ background-color: rgba(255, 255, 255, 0.2); border-radius: 0; color: #ffffff; font-weight: 400; height: 60px; width: 100%; box-shadow: none;}
.search-overlay input.search-button{ background: url('images/search-btn.svg') no-repeat center right; margin: 0; padding: 0; width: 24px; height: 24px; right: 20px; top: calc(50% - 10px); position: absolute; color: transparent;}
.search-overlay input.search-button:hover { opacity: 0.5; }
.search-close-icon{position: fixed; right: 38px; top: 24px; cursor: pointer; z-index: 802;}
.search-close-icon img{width: 25px; height: 25px;}
#search-overlay-pos.loading > * { opacity:0.2; }
#search-overlay-pos.loading:before { content: "Loading New Posts"; padding: 22px; background: #000; color: #fff; width: 100%; box-sizing: border-box; }
.menu-close-icon{display: none;}

.search-header{color: #ffffff;}
.search-content{color: #ffffff;}
.search-content h2 a{color: #ffffff;}
.search-content h2 a:hover{ color: rgba(255, 255, 255, 0.8);}
.search-content p a{color: #ffffff;}
.search-content p a:hover{color: rgba(255, 255, 255, 0.8);}
.search-content hr{background-color: #ffffff; opacity: 0.4;}
.search-content span.read_time:before{background-color: #ffffff;}

.main-default-article p.full-size-image{padding-left: 0; padding-right: 0;}
.main-default-article p a.button{font-weight: 700; margin-right: 14px;}

/*-- blog default page css starts here --*/
.single-hero-container{ position: relative; }
.single-hero-image{ position: relative; z-index: 3;}
.single-hero-figure img{width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: block; }
.single-hero-bg {position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.single-hero-bottom{padding: 60px; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; color: #ffffff;}
.single-hero-bottom h1{color: #ffffff; margin-bottom: 11px;}
.single-hero-bottom span.read_time:before{opacity: 0.75; background-color: #ffffff;}
.single-hero-bottom p{margin: 0;}
.single-hero-bottom span a{color: #ffffff;}
.single-hero-bottom span a:hover{color: #e82e31;}
.blog-archives .smart-animation{transition-delay: 2s;}
.blog-archives a{ color: #0e2b5c; font-size: 14px; font-weight: 600; letter-spacing: 0.2px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; display: flex; align-items: center; justify-content: center; line-height:24px;}
.blog-archives a:hover{color: #e82e31;}
.blog-archives a span{display: inline-block; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transform-style: preserve-3d; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; text-orientation: mixed; vertical-align: middle; padding-right: 10px;}
.blog-archives a:after{width: 18px; height: 17px; display: inline-block; vertical-align: middle; content: ""; background: url('images/archive-icon.svg') no-repeat center; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
.blog-archives a:hover:after{transform: rotate(90deg);}
.post-navigation-main{transition-delay: 2s;}

.default-article-section{position: relative;}
span.mobile-share{display: none;}
aside.sidebar_right { display: none; float: right; width: 48px; right: 0; margin: 0; position: absolute; text-align: center; top: 0; }
.fixed-social-icons {position: absolute; }
.social-default-article.active .fixed-social-icons {position: fixed; }
.fixed-social-icons span.share-text{ margin-bottom: 8px; font-size: 14px; font-weight: 700; display: block; }
.fixed-social-icons .addthis_inline_share_toolbox {opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
.social-default-article.active .fixed-social-icons .addthis_inline_share_toolbox {opacity: 1; }
.fixed-social-icons .addthis_inline_follow_toolbox p{ margin: 0;}
.fixed-social-icons .at-share-btn-elements .at-share-btn, .fixed-social-icons .addthis_inline_follow_toolbox .at-follow-btn {
	display: block;
	cursor: pointer;
	border-radius: 0px !important;
	background-color: #f3f4f4 !important;
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
	width: 48px;
	height: 48px;
	padding: 0;
	margin: 0 auto 6px !important;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	transform: none; 
	-webkit-transform: none; 
	-moz-transform: none;
}
.fixed-social-icons .at-share-btn-elements .at-share-btn:hover, .fixed-social-icons .addthis_inline_follow_toolbox .at-follow-btn:hover{transform: none; -webkit-transform: none; -moz-transform: none; background-color: #e82e31 !important; }
.fixed-social-icons .at-share-btn-elements .at-share-btn span.at-icon-wrapper, .fixed-social-icons .addthis_inline_follow_toolbox .at-follow-btn span.at-icon-wrapper{
    float: none;
    display: flex;
    width: 100% !important;
    height: 100% !important;
    justify-content: center;
    align-items: center;
}
.fixed-social-icons .at-share-btn-elements .at-share-btn span.at-icon-wrapper svg.at-icon, .fixed-social-icons .addthis_inline_follow_toolbox .at-follow-btn span.at-icon-wrapper svg.at-icon{
	fill: #c5c8cb !important;
}
.fixed-social-icons .at-share-btn-elements .at-share-btn:hover span.at-icon-wrapper svg.at-icon, .fixed-social-icons .addthis_inline_follow_toolbox .at-follow-btn:hover span.at-icon-wrapper svg.at-icon{
	fill: #ffffff !important;
}
.search-close-icon .x_close { width: 25px; height: 25px; }
.search-close-icon .x_close span { width: 2px; height: 22px; background-color: #ffffff; top: 0 !important; left: 10px !important; }

.main-default-article .blog_form_container > h3{display: none;}
.main-default-article div.frm_forms{margin: 64px 0 68px;}
.main-default-article div.frm_forms form{padding: 2px; background-image: linear-gradient(90deg,#4f0dcf,#9a249c,#e82e31);}
.main-default-article div.frm_forms form .frm_form_fields{ background: #ffffff; padding: 44px 40px 33px;}
.main-default-article div.frm_forms form .frm_form_fields h3.wrap_heading{max-width: 800px; margin: 0 auto; padding-left: 0; padding-right: 0; padding-bottom: 45px; font-size: 28px; line-height: 36px; font-family: 'Montserrat',sans-serif; font-weight: 700; text-align: center;}
.main-default-article div.frm_forms form .frm_form_fields .frm_fields_container{max-width: 645px; margin: 0 auto;}
.main-default-article div.frm_forms form .frm_form_fields .form-field{position: relative; clear: none;}
.main-default-article div.frm_forms form .frm_form_fields label.frm_primary_label{
	width: calc(100% - 20px);
	left: 0;
	right: 0;
	position: absolute;
	color: #0e2b5c;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 9px 15px;
	line-height: normal;
	font-family: 'Montserrat',sans-serif;
	visibility: visible;
	letter-spacing: 0.5px;
}
.main-default-article div.frm_forms form .frm_form_fields label.frm_primary_label span.frm_required{
   	color: #0e2b5c;
    font-weight: 400;
    position: absolute;
    left: 9px;
    top: 9px;
    opacity: 0.7;
    font-size: 10px;
}
.main-default-article div.frm_forms form .frm_form_fields input{
	padding: 22px 14px 10px;
	margin: 0;
	background: transparent;
	color: #0e2b5c;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	height: 75px;
	line-height: 26px;
	border: 1px solid rgb(29 37 44 / 15%);
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	font-family: 'Montserrat',sans-serif;
	font-size: 16px;
	font-weight: 400;
	min-width: 100%;
}
.main-default-article div.frm_forms form .frm_form_fields input:not([type="file"]):focus{
	box-shadow: none;
	background-color: transparent;
	border: 1px solid rgb(29 37 44 / 15%);
}
.main-default-article div.frm_forms form .frm_form_fields .frm_submit{float: left; width: 50%; padding: 0 10px; clear: none;}
.main-default-article div.frm_forms form .frm_form_fields .frm_submit button.frm_button_submit{margin: 0; width: 100%; min-height: 75px;}
.main-default-article div.frm_forms form .frm_form_fields .form-field div.g-recaptcha div{width: 100% !important;}

.main-default-article div.frm_forms form .frm_form_fields .frm_form_field.frm_blank_field input{border-color: rgb(29 37 44/15%);}
.main-default-article .frm_style_formidable-style.with_frm_style .frm_error_style{display: none;}
.main-default-article .frm_style_formidable-style.with_frm_style .frm_error {
    color: #e82e31;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    text-align: right;
    font-family: 'Montserrat',sans-serif;
}
.main-default-article div.frm_forms .frm_message{font-size: 16px; line-height: 24px; padding: 30px; margin: 0; z-index: 2; position: relative; background-image: linear-gradient(90deg,#4f0dcf,#9a249c,#e82e31);}
.main-default-article div.frm_forms .frm_message:before {
    content: "";
    display: block;
    background: #ffffff;
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
    z-index: 1;
}
.main-default-article div.frm_forms .frm_message h3, .main-default-article div.frm_forms .frm_message p{
	position: relative;
	z-index: 2;
	color: #0e2b5c;
	padding: 0;
}
.main-default-article div.frm_forms form .frm_form_fields .frm_submit button.frm_button_submit:before{
	margin: 0;
	border: 0;
	border-radius: 0;
	animation: none;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
}
.main-default-article div.frm_forms form .frm_form_fields .frm_submit button.frm_button_submit:active,
.main-default-article div.frm_forms form .frm_form_fields .frm_submit button.frm_button_submit:focus{
	color: #ffffff !important;
}
.main-default-article div.frm_forms form .frm_form_fields .frm_submit button.frm_button_submit:hover:before{
	width: 100%;
	background: #0e2b5c;
}
.main-default-article div.frm_forms form .frm_form_fields .frm_submit button.frm_button_submit:hover{
	color: #ffffff;
}

/*-- careers page css starts here --*/
.our-philosophy-bg{background-image: linear-gradient(-45deg, #e82e31 0%, #9a249c 53%, #4f0dcf 100%); color: #ffffff;}
.our-philosophy-text span{font-size: 18px; line-height: 30px; display: block;}
.our-philosophy-text p{margin: 0;}
.our-philosophy-text .main-title{ color: #ffffff; margin: 0; font-size: 56px; line-height: normal; font-weight: 700;}
.our-process-list{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.our-process-list:last-child{border-bottom: 0;}
.process-list-left{margin-top: 1px;}

.our-philosophy-image{-webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; }
.our-philosophy-figure img {width: 100%; height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: block; }

.career-intro h2{font-size: 24px; font-weight: 700;line-height: 30px;}
.career-intro span.verticle-line{font-weight: 500;letter-spacing: 3.5px; font-size: 14px;}

.default-title-section{text-align: center; position: relative; z-index: 3;}
.default-title-section span, section.general-title-section > p:first-child{text-transform: uppercase; letter-spacing: 1.33px; color: rgba(29, 37, 44, 0.5); display: block;}

ul.accordion-list{ margin: 0; }
ul.accordion-list li:before{display: none;}
ul.accordion-list li{display: block;}
ul.accordion-list li a{color: #0e2b5c; line-height: normal; font-weight: 600; padding: 24px 0 25px; display: block; }
ul.accordion-list li a:hover{color: #0e2b5c;}
ul.accordion-list li span.bottom-line{
	bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #cacaca;
    position: absolute;
    -webkit-transition: height .35s,width 1.35s,-webkit-transform .35s;
    transition: height .35s,width 1.35s,-webkit-transform .35s;
    transition: height .35s,transform .35s,width 1.35s;
    transition: height .35s,transform .35s,width 1.35s,-webkit-transform .35s;
    display: block;
}
ul.accordion-list li span.bottom-line:after{width: 0%; height: 3px; background-image: linear-gradient(-45deg, #e82e31 0%, #9a249c 53%, #4f0dcf 100%);position: absolute; bottom: 0; left: 0; right: 0; content: "";
transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}
ul.accordion-list li a:hover span.bottom-line:after{ width: 100%; }

.accordion .verticle-line{ font-size: 14px; letter-spacing: 3.5px; font-weight: 500; }

.container-middle.in-between{margin: 57px auto 49px;}
.container-middle.in-between img{margin: 0 auto; width: auto; height: auto}
.container-middle.in-between.no_space{margin-bottom: 0; padding-bottom: 0;}


.ui-accordion.ui-widget{font-family: 'Montserrat', sans-serif; display: block; width: 100%; font-size: inherit;}
.ui-accordion h3.ui-accordion-header{background: none; border: 0; display: block; width: 100%; border-radius: 0; color: #191919; font-size: 18px; line-height: 24px; padding: 20px 20px 20px 0px; font-weight: 600; margin: 0;}
.ui-accordion h3.ui-accordion-header:hover, .ui-accordion h3.ui-accordion-header.ui-state-active{color: #0e2b5c;}
.ui-accordion h3.ui-accordion-header:before {
	content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #cacaca;
    position: absolute;
    -webkit-transition: height .35s,width 1.35s,-webkit-transform .35s;
    transition: height .35s,width 1.35s,-webkit-transform .35s;
    transition: height .35s,transform .35s,width 1.35s;
    transition: height .35s,transform .35s,width 1.35s,-webkit-transform .35s;
    display: block;
}
.ui-accordion h3.ui-accordion-header:after{
    width: 0%;
    height: 3px;
    /*background-image: linear-gradient(-45deg, #e82e31 0%, #9a249c 53%, #4f0dcf 100%);*/
    background-color: #e82e31;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.ui-accordion h3.ui-accordion-header:hover:after, .ui-accordion h3.ui-accordion-header.ui-state-active:after{
	width: 100%;
}
.ui-accordion h3.ui-accordion-header .ui-icon {
	width: 13px;
	height: 9px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	text-indent: 0;
	background: url("../../assets/images/about/arrowDown.svg") no-repeat center;
}
.ui-accordion h3.ui-accordion-header.ui-state-active .ui-icon{
	transform: translateY(-50%) rotate(180deg);
}

.ui-accordion div.ui-accordion-content{padding: 15px ; border: 0; width: 100%;color: #212529; font-size: 15px; font-weight: 400; line-height: 190%;}
.ui-accordion div.ui-accordion-content ul{margin-bottom: 23px;}
.ui-accordion div.ui-accordion-content ol{margin-bottom: 23px;}
.ui-accordion div.ui-accordion-content p,.ui-accordion div.ui-accordion-content ul li{ font-family: 'Lexend', sans-serif;color: #212529;}

.content_before_carousel p a, .workdefault-feautered p a,
.main-default-article ul li a, .ui-accordion div.ui-accordion-content ul li a,
.main-default-article ol li a, .ui-accordion div.ui-accordion-content ol li a,
.main-default-article p a:not(.button), .ui-accordion div.ui-accordion-content p a{
	color: #e82e31;
	font-weight: 500;
    word-break: break-word;
}
.content_before_carousel p a:hover, .workdefault-feautered p a:hover, 
.main-default-article ul li a:hover, .ui-accordion div.ui-accordion-content ul li a:hover, 
.main-default-article ol li a:hover, .ui-accordion div.ui-accordion-content ol li a:hover, 
.main-default-article p a:not(.button):hover, .ui-accordion div.ui-accordion-content p a:hover{
	color: #4915c5;
}





/*-- common css starts here --*/
body.home .lets-make-common-section.bg:nth-child(4){background: transparent;}
body.home .lets-make-common-section{/*background-color: transparent;*/}
.lets-make-common-section.bg{background-color: #f3f4f4;}
.lets-make-common-text{ text-align: center; }
.lets-make-common-text h2{font-weight: 700; line-height: normal;}
.lets-make-common-text .button-transparent:before{background: #f3f4f4;}
.get_a_quote_section .lets-make-common-text .button-transparent:before, body.page-template-process .lets-make-common-text .button-transparent:before{background: #ffffff;}

/*-- contact page css starts here --*/
.contact-top p a{color: #0e2b5c;}
.contact-top p a:hover{color: #e82e31;}

/*-- 404 page css starts here --*/
.page-not-found h1{color: #ffffff;}
.page-not-found h1 span{ font-weight: 400; display: block; }
.hero-left-container{position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%;}
.hero-left-container .table-cell{vertical-align: bottom;}
.page-not-found .button{ color: #ffffff; }
.page-not-found .button:after, .page-not-found .button:before{ background-color: #ffffff; }
.page-not-found .button:hover{ color: #e82e31; }
.page-not-found .button:hover:after, .page-not-found .button:hover:before{ background-color: #e82e31; }


/*-- sitemap page css starts here --*/
.sitemap-section h1{text-align: center;}
.sitemap-grids h2{color: #0e2b5c; font-size: 18px; font-weight: 600; line-height: 30px; display: block; margin-bottom: 0;}
.sitemap-grids ul{ margin: 0 0 0 22px; }
.sitemap-grids ul li a{color: #0e2b5c;font-size: 14px;font-weight: 400;line-height: 24px;}
.sitemap-grids ul li a:hover{color: #e82e31;}


.desktop{display: block;}
.tablet{display: none;}
.mobile{display: none;}

/*-- slick slider common css starts here --*/
ul.slick-dots{margin: 0; text-align: center;}
ul.slick-dots li{display: inline-block; margin: 0 5px; width: 48px; height: 3px; vertical-align: middle;}
ul.slick-dots li:before{display: none;}
ul.slick-dots li button:before, ul.slick-dots li button:after{display: none;}
ul.slick-dots li button{ color: transparent; width: 48px; height: 4px; background: #0e2b5c; opacity: 0.2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: none; padding: 0;}
ul.slick-dots li.slick-active button, ul.slick-dots li.slick-active button:hover{background-color: #e82e31; opacity: 1;}

.cookie-bar-bar #cookie-law-info-bar{-webkit-transition: none; -moz-transition: none; transition: none; }
html.cookie-law-info-bar #cookie-law-info-bar{padding: 0 !important;}
html.js #cookie-law-info-bar .ctcc-inner{ text-align: center; margin-top: -1px; font-size: 15px;}
html.js #cookie-law-info-bar .ctcc-inner .ctcc-left-side{display: block;}

html.js #cookie-law-info-bar .cookie_action_close_header.cli_action_button span,
html.js #cookie-law-info-bar .cookie_action_close_header_reject.cli_action_button span,
html.js #cookie-law-info-bar .medium.cli_settings_button span{
	padding: 0;
}

html.js #cookie-law-info-bar .cookie_action_close_header.cli_action_button,
html.js #cookie-law-info-bar .cookie_action_close_header_reject.cli_action_button,
html.js #cookie-law-info-bar .medium.cli_settings_button{
    font-family: 'Montserrat',sans-serif;
    display: inline-block;
    background-color: transparent;
    background: linear-gradient(90deg,#4f0dcf,#9a249c,#e82e31) !important;
    border: 0;
    border-radius: 0;
    margin: 5px 5px 0 0;
    color: #fff !important;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    padding: 13px 16px 11px;
    vertical-align: middle;
    letter-spacing: .11px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-appearance: none;
    outline: 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    transition: all .5s ease-in-out;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
html.js #cookie-law-info-bar .cookie_action_close_header.cli_action_button:hover{
	color: #0e2b5c !important;
}
html.js #cookie-law-info-bar .cookie_action_close_header.cli_action_button:after{
	width: 0%;
	content: "";
	display: block;
	height: calc(100% - 4px);
	background: transparent;
	position: absolute;
	top: 2px;
	left: 2px;
	transition: all .5s ease-in-out;
	z-index: -1;
}
html.js #cookie-law-info-bar .cookie_action_close_header.cli_action_button:hover:after{
	width:  calc(100% - 4px);
	background: #ffffff;
}
html.js #cookie-law-info-bar .cookie_action_close_header_reject.cli_action_button,
html.js #cookie-law-info-bar .medium.cli_settings_button{
	color: #0e2b5c !important;
	margin-left: 11px;
}
html.js #cookie-law-info-bar .cookie_action_close_header_reject.cli_action_button:hover,
html.js #cookie-law-info-bar .medium.cli_settings_button:hover{
	color: #ffffff !important;
}
html.js #cookie-law-info-bar .cookie_action_close_header_reject.cli_action_button:before,
html.js #cookie-law-info-bar .medium.cli_settings_button:before{
	background: #fff;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	left: 2px;
	top: 2px;
	z-index: 1;
	content: "";
	position: absolute;
}
html.js #cookie-law-info-bar .cookie_action_close_header_reject.cli_action_button:after,
html.js #cookie-law-info-bar .medium.cli_settings_button:after{
	width: 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s ease-in-out;
	z-index: 1;
	background: linear-gradient(90deg,#4f0dcf,#9a249c,#e82e31) !important;
}
html.js #cookie-law-info-bar .cookie_action_close_header_reject.cli_action_button:hover:after,
html.js #cookie-law-info-bar .medium.cli_settings_button:hover:after{
	width: 100%;
}
html.js #cookie-law-info-bar .cookie_action_close_header_reject.cli_action_button span,
html.js #cookie-law-info-bar .medium.cli_settings_button span{
	position: relative;
	z-index: 2;
}
.localbusiness {display: none; }


html.js #cookie-law-info-bar{position: fixed; bottom: 35px !important; padding: 0; margin: 0; left: auto; right: 32px; max-width: 480px; font-size: 15px; font-family: 'Montserrat', sans-serif !important; text-align: left; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);}
html.js #cookie-law-info-bar span{display: block;}
html.js #cookie-law-info-bar p{margin: 0 0 8px;}
html.js #cookie-law-info-bar p a{ color: #e82e31 !important; font-weight: 500; }
html.js #cookie-law-info-bar p a:hover{color: #4915c5 !important; }
html.js #cookie-law-info-bar .cookie_icon{display: flex; align-items: center; width: 100%; margin-bottom: 5px; font-size: 20px; line-height: 24px; font-weight: 700; color: #0e2b5c;}
html.js #cookie-law-info-bar .cookie_icon img{margin-right: 5px; width: 50px; height: auto;}

/*-- new payment css starts here --*/
.payment-login-image.hero-bg-fill-main .hero-bg-fill{background: #f3f4f4;}
.payment-login-form .password_field{position: relative; margin-bottom: 17px;}
.payment-login-form label.frm_primary_label {position: absolute; left: 0; right: 0;; width: 100%; color: #0e2b5c; font-size: 10px; font-weight: 400; text-transform: capitalize; padding: 9px 15px; line-height: normal; font-family: 'Montserrat', sans-serif; max-width: 240px;}
.payment-login-form input[type="password"]{ padding: 18px 18px 10px; width: 100%; height: 60px; max-width: 240px; background: #f3f4f4; color: #0e2b5c;  letter-spacing: 0; font-size: 18px; line-height: 24px;}
.payment-login-form input::placeholder {color: #0e2b5c; opacity: 1;}
.payment-login-form input::-webkit-input-placeholder {color: #0e2b5c; }
.payment-login-form input::-moz-placeholder {color: #0e2b5c; }
.payment-login-form input:-ms-input-placeholder {color: #0e2b5c; }
.payment-login-form input:-moz-placeholder {color: #0e2b5c; }
.payment-login-form button.frm_button_submit{ font-size: 14px; font-weight: 600; color: #0e2b5c; box-shadow: none; border: 0; padding: 13px 16px 11px; -webkit-transform-style: preserve-3d; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; text-orientation: mixed; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0;}
.payment-login-form label.error{display: block; font-size: 12px; color: #e82e31;}
.payment-login-form span.passwd_err{display: block; font-size: 12px; color: #e82e31;}


.make-payment-container{padding: 147px 70px 136px;}
.make-payment-main{max-width: 550px; margin: 0 auto; text-align: center;}
.make-payment-wrap{max-width: 480px; margin: 0 auto;}
.make-payment-text h2{font-size: 62px; line-height: 68px; font-weight: 800; margin-bottom: 44px;}
.app-store-buttons{padding: 26px 0 16px;}
.app-store-button{margin-bottom: 15px; width: 100%; height: 50px; display: flex; align-items: center; justify-content: center;}
.app-store-button a{background-color: #000000; color: #ffffff; display: block; width: 100%; height: 100%; padding: 12px 0; border-radius: 4px;}
.app-store-button a:hover{background-color: #222222;}

.pay-with-card{position: relative; margin-bottom: 28px;}
.pay-with-card:before, .pay-with-card:after{ content: ""; display: block; width: 152px; height: 1px; top: 50%; transform: translateY(-50%); position: absolute; background-color: rgba(29, 37, 44, 0.2);}
.pay-with-card:before{left: 0;}
.pay-with-card:after{ right: 0; }
.pay-with-card span{display: inline-block; background-color: #ffffff; color: rgba(29, 37, 44, 0.4);}

.make_payment_form{max-width: 480px; margin: 0 auto;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_fields > fieldset{padding: 0; margin: 0; border: 0;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field{position: relative;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_half{width: 50%; margin-left: 0; margin-right: 0;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_first{padding-right: 10px;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_last{padding-left: 10px;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_primary_label{z-index:1; position: absolute; width: 100%; color: rgba(29, 37, 44, 0.8); font-size: 10px; font-weight: 400; text-transform: uppercase; padding: 9px 44px 9px 14px; line-height: normal; font-family: 'Montserrat', sans-serif; }
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_required{ left: 10px; right: 10px; position: absolute; color: rgba(29, 37, 44, 0.8); font-size: 9px; font-weight: 400; line-height: normal; font-family: 'Montserrat', sans-serif;}

.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field input::placeholder {color: #0e2b5c; opacity: 1;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field input::-webkit-input-placeholder {color: #0e2b5c; }
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field input::-moz-placeholder {color: #0e2b5c; }
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field input:-ms-input-placeholder {color: #0e2b5c; }
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field input:-moz-placeholder {color: #0e2b5c; }

.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field select{background-color: transparent; color: #ffffff; font-size: 14px; border: 0; height: 60px; position: absolute; width: 100%; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; padding: 0; line-height: normal; }
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field input,
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field .selectBox-dropdown,
.make_payment_form .frm_style_formidable-style.with_frm_style .frm-card-element.StripeElement,
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field textarea{padding: 18px 14px 10px; width: 100%; height: 60px; background: #f3f4f4; color: #0e2b5c; letter-spacing: 0; font-size: 14px; line-height: 18px; font-family: 'Montserrat', sans-serif; font-weight: 400; box-shadow: none; border: 0; display: block; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field input:not([type=file]):focus{box-shadow: none; background-color: #f3f4f4; border: 0;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field .selectBox-dropdown .selectBox-label {padding: 0; display: block; white-space: normal; overflow: inherit; }
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field .selectBox-dropdown .selectBox-arrow {width: 14px; height: 8px; top: 29px; padding: 0; right: 12px; opacity: 0.4; display: block; background: url(images/arrow-black.svg) no-repeat center; border: 0; }
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_submit{padding-top: 6px;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_submit button{font-size: 14px; font-weight: 600; color: #0e2b5c; background: none !important; box-shadow: none; border: 0; padding: 0 10px 0 0; -webkit-transform-style: preserve-3d; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; text-orientation: mixed; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_submit button:hover{color: #e82e31;}


.make_payment_form .frm_style_formidable-style.with_frm_style #frm_field_97_container.frm_form_field .frm-card-element{padding-top: 22px;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
input[type=number] {-moz-appearance: textfield; }

.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field .selectBox-dropdown{cursor: pointer; padding-right: 44px; padding-top: 26px; color: #0e2b5c;}

.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_blank_field input{background-color: #f3f4f4; box-shadow: 0px 0px 1px #e82e31; border: 0; padding-right: 44px;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_required_field label.error{text-align: right; font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 400; line-height: normal; color: #e82e31; display: block;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_blank_field div.frm_error{font-size: 10px; font-weight: 400; line-height: normal; color: #e82e31; text-align: right; display: block;}
.make_payment_form .frm_style_formidable-style.with_frm_style .frm_error:before, .make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_required_field label.error:before {
    content: "";
    background: url(images/error-tooltip.svg) no-repeat center;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 13px;
    background-size: cover;
}


.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field.frm_first .frm_error:before{right: 10px;}
body.page-template-make-payment ul.selectBox-dropdown-menu{background-color: #f3f4f4;}

.make_payment_form #frm_field_97_container .frm_error{display: none;}
.make_payment_form .frm_blank_field .frm_error{display: block !important;}

.CardField-child{margin-right:40px !important;}

.make_payment_form .frm_style_formidable-style.with_frm_style .frm_form_field .frm_description{bottom: -15px; right: 0; padding-top: 10px; position: absolute; display: block; font-size: 10px; line-height: normal; font-family: 'Montserrat', sans-serif; color: #0e2b5c;}

body.page-template-make-payment ul.selectBox-dropdown-menu{padding: 0; max-height: 100%; min-height: 75px;}

.thanks-note-title{text-align: center;}

input:focus::-webkit-textfield-decoration-container,
select:focus::-webkit-textfield-decoration-container {
   visibility: hidden;
   pointer-events: none;
   position: absolute;
   right: 0;
}
input[autocomplete="off"]::-webkit-contacts-auto-fill-button,
input[autocomplete="off"]::-webkit-credentials-auto-fill-button,
select[autocomplete="off"]::-webkit-contacts-auto-fill-button,
select[autocomplete="off"]::-webkit-credentials-auto-fill-button{
	visibility: hidden;
	display: none !important;
	pointer-events: none;
	height: 0;
	width: 0;
	margin: 0;
}

/*-- media css starts here --*/
@media only screen and (min-width:768px){
	.home_slider_img:hover figure.home_slider_figure {transform: scale(1.3); -webkit-transform: scale(1.3); }
	.home_slider_img:hover .hero-recent-work{transform: translateX(20px); -webkit-transform: translateX(20px); }
        
	.hero-recent-work span.verticle-line{font-size: 12px; letter-spacing: 2.57px; padding-left: 32px;}
	.hero-recent-work h2{ font-size: 20px; line-height: 24px; font-weight: 400; margin-bottom: 10px;}
	.hero-recent-work .button{margin-top: 19px; margin-right: 16px;}

	.hero-banner-text h1{ font-size: 36px; line-height: 42px; margin-bottom: 17px;}
	span.verticle-line.large{font-size: 18px; margin-bottom: 15px;letter-spacing: 2px;}

	.brand-logos-main{margin-top: 74px;}
	.brand-logos:first-child{margin-top: 0;}
	.brand-logos { margin-top: 51px; display: flex; flex-wrap: nowrap; width: 100%; align-items: center; display: -ms-flexbox; -ms-flex-wrap: nowrap; justify-content: center; }
	.brand-logo {display: inline-block; vertical-align: middle; }
	.brand-logo{ margin: 0; padding: 0; width: 100%; } 
	.brand-logo img{margin: 0; width: 100%; height: auto;}
	img.mobile_svg{display: none;}

	
	.who-work-text-des h2{font-size: 24px;line-height: 30px; margin-bottom: 18px;}

	.mobile-blog-menu{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%;} 
	.blog-menu-main{max-width: 870px; margin: 0 auto; position: relative;}
	ul.blog-menu{margin: 0; display: inline-block;}
	ul.blog-menu li{display: inline-block; margin: 0 19px;}
	ul.blog-menu li:before{display: none;}
	ul.blog-menu li a{font-size: 18px; line-height: 18px; font-weight: 600; display: block;}
	.search-icon{ margin: 0 19px 0 23px; display: inline-block;}

	.default-title-section span, .default-title-section > p:first-child{font-size: 18px; font-weight: 400; letter-spacing: 2px;} 

	.work-text ul{margin: 0 0 46px 20px;}
	.work_default_testimonial_slider .slick-slide{ opacity: 0.2; }
	.work_default_testimonial_slider .slick-slide.slick-active{opacity: 1;}
	.work_default_testimonial_slider .slick-slide img{width: 100%; border-radius: 10px; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2);}

	.process-text{ font-size: 16px; line-height: 26px;}

	.page-not-found h1{font-size: 36px; line-height: 42px; margin-bottom: 43px;}
	.hero-left-container{padding: 0 60px 30px;}

	.our-process-list{ display: flex; align-items: center; flex-wrap: nowrap; width: 100%;}
	.our-philosophy-text .main-title{ float: left; margin-right: 20px; }


	.our-philosophy-text .main-title{ font-size: 66px; }
	.our-philosophy-text span{font-size: 24px; line-height: 30px; margin-bottom: 5px;}
	.career-intro span.verticle-line{margin-bottom: 35px;}
	ul.accordion-list li a{font-size: 24px;}
	.accordion-arrow{width: 8px; height: 8px; display: inline-block; position: absolute; right: .71429rem; top: 50%; -webkit-transform: translate(-2.85714rem,-50%); transform: translate(-2.85714rem,-50%); }
	.accordion-arrow:after{ content: ""; top: 0; left: 0; width: 8px; height: 8px; border-top: 2px solid #0e2b5c; border-right: 2px solid #0e2b5c; position: absolute; -webkit-transform: translateY(-50%) rotate(45deg) scale(1); transform: translateY(-50%) rotate(45deg) scale(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; right: 1rem; -webkit-transition: border-color .35s,-webkit-transform .35s; transition: border-color .35s,-webkit-transform .35s; transition: transform .35s,border-color .35s; transition: transform .35s,border-color .35s,-webkit-transform .35s;}
    ul.accordion-list li a:hover .accordion-arrow{ transform: translateX(100%) rotate(0deg); -webkit-transform: translateX(100%) rotate(0deg); }

	.contact-text .contact-line{margin-bottom: 9px; font-size: 18px;font-weight: 400;letter-spacing: 2px;text-transform: uppercase;}
	.contact-text .title{margin-bottom: 16px;}
	.contact-top{ margin-top: 48px; max-width: 371px;}
	.contact-form p{ font-size: 16px; line-height: 22px; font-weight: 400; color: #ffffff;}

	.contact-form .frm_style_formidable-style.with_frm_style .frm_error{position: absolute; right: 0;}
	.contact-form .frm_style_formidable-style.with_frm_style .frm_message h3, .contact-form .frm_style_formidable-style.with_frm_style .frm_message p, .contact-form .frm_style_formidable-style.with_frm_style .frm_error_style p{padding: 0 10px;}
	.contact-form .frm_style_formidable-style.with_frm_style .frm_form_field .frm_primary_label{width: 100%; left: 0; right: 0;}
	.top_email{margin-right: 22px;}

	.sitemap-main {display: flex; flex-wrap: wrap; justify-content: space-between; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-justify-content: space-between; width: 100%;}
	.sitemap-grids h2{font-size: 24px; margin-bottom: 21px;}
	.sitemap-grids ul li a{font-size: 16px;}

	.grid-layout-content h2{font-size: 32px; line-height: 36px; margin-bottom: 50px;} 
	.testimonial-logos-main{ display: block;}
	.testimonial-logo img{width: 100%;}

	.grid-layout-box hr{width: 65px; height: 2px;}

	.main-default-article h2:first-child{margin-top: 0;}
	.main-default-article h2{margin-top: 40px;}

	.main-default-article div.frm_forms form .frm_form_fields .form-field{width: 50%; padding-left: 10px; padding-right: 10px; margin: 0 0 24px; }
	.main-default-article div.frm_forms form .frm_form_fields label.frm_primary_label{left: 10px;}
}
@media only screen and (max-width: 1160px) and (min-width: 200px){
	
}
@media only screen and (max-width: 835px) and (min-width: 768px){
	.desktop{display: none;}
	.tablet{display: block;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
	.hero_container_text{padding: 0 30px; }
	.hero_container_text_space{left: 30px; right: 30px; width: calc(100% - 60px); padding: 0;}
	.ticker-slide-line { width: calc(100% - 90px);}
	.ticker-slide-line:before{margin-bottom: 19px;}
        .post-navigation-main{display: none;}
	.who-work-grids ul.slick-dots li button{background-color: #ffffff; opacity: 0.2;}
	.who-work-grids ul.slick-dots li.slick-active button{background-color: #e82e31; opacity: 1;}

	.bg-image-main{ height: 200px; }
	.search-close-icon { right: 21px; top: 27px; }

	img.desktop_svg{display: none;}
	img.mobile_svg{display: block; width: 100%; height: auto;}

}
@media only screen and (max-width: 470px) and (min-width: 200px){
	.tablet{display: none;}
	.mobile{display: block;}
}

/*-- IE Css starts here --*/
@media screen\0 {
	.menu-overlay{visibility: hidden;}
	.menu-overlay-open{visibility: visible;}
	.site-content-main{display: block;}
	.footer-copyrights span.pipe-line{margin-top: 4px;}
	.footer-copyrights p{max-width: 610px; margin-left: auto; margin-right: auto;}
	ul.footer-social-icons{ display: -ms-flexbox; }
	ul.footer-social-icons li{margin-left: 0;}
	ul.footer-social-icons li:first-child{width: 29px;}
	.work-text{position: relative; z-index: 2;}
	.sitemap-grids{flex: 25%; -ms-flex: 25%; max-width: 25%; }
	.work-image img{height: auto;}
}
/*-- retina css starts here --*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.contact-form .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow{ background: url(images/up-arrow@2x.png) no-repeat center; background-size: 14px 8px;}
	.contact-form .selectBox-dropdown .selectBox-arrow{ background: url(images/arrow-down@2x.png) no-repeat center; background-size: 14px 8px;}
}

.form-select:hover{
  --border-opacity: 1;
border-color: #ef5f63;
border-color: rgba(239,95,99,var(--border-opacity));
outline: 0;
box-shadow: 0 0 0 3px rgba(239,95,99,.2);
}
.card_details{
    padding:26px 12px;
    background-color:#fce8ec;
    /*background-color: red;*/
    border-radius: 2px;
    
}
.card_details_parent{
    background-color:#e5e0e0;
    border-radius: 5px; 
    padding:22px 25px;
    z-index:1;
   }
   .card_details p span label{
        font-weight:bold !important;
   }