/* =Import Required styles
========================================================================================*/
@import url('material-design-iconic-font.css');
 @font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Medium.eot');
    src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-Medium.woff') format('woff'), url('../fonts/HelveticaNeue-Medium.ttf') format('truetype'), url('../fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg'); 
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Roman.eot');
    src: url('../fonts/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-Roman.woff') format('woff'), url('../fonts/HelveticaNeue-Roman.ttf') format('truetype'), url('../fonts/HelveticaNeue-Roman.svg#HelveticaNeue-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue-Heavy.eot');
  src: url('../fonts/HelveticaNeue-Heavy.eot?#iefix') format('embedded-opentype'),
      url('../fonts/HelveticaNeue-Heavy.woff2') format('woff2'),
      url('../fonts/HelveticaNeue-Heavy.woff') format('woff'),
      url('../fonts/HelveticaNeue-Heavy.ttf') format('truetype'),
      url('../fonts/HelveticaNeue-Heavy.svg#HelveticaNeue-Heavy') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* =Box Sizing
========================================================================================*/
* { -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }
::selection { color: #e83d4b; background-color: #18283b; }

/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; height: 100%; }
html { overflow-y: inherit !important; /*cursor: none;*/ }
body { font:16px/1.45 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#6b7a8c; background-color: #fff; letter-spacing: 0.09em; font-weight: normal; padding-top: 80px; }
img { vertical-align:top; border:0; max-width: 100%; height: auto; }
a, input[type="button"], input[type="submit"], button, table th, table td { -webkit-transition:0.35s all; transition:0.35s all; }
.allanim, #header, #mainmenu > li > a:after, #mainmenu > li > a, .social-icons a, .blog-post-block, .link:before, .member-info:after, .member-info, .lamp, .card-header .btn:after, .card-header .btn:before, .socials a, .lg-toolbar .lg-icon, .lg-actions .lg-next, .lg-actions .lg-prev, .navbar-nav li ul, .accordion-trigger { -webkit-transition:all 550ms cubic-bezier(0.77,0,0.175,1); transition:all 550ms cubic-bezier(0.77,0,0.175,1); }
.btn { -webkit-transition:all 350ms cubic-bezier(0.77,0,0.175,1); transition:all 350ms cubic-bezier(0.77,0,0.175,1); }
a { color:#e83d4b; text-decoration:none; }
a:hover { text-decoration:underline; color:#e83d4b; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { a:active{ background-color:transparent;}
}
*:focus { outline: none; }
b, strong { font-weight:700; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; color: #18283b; font-weight:500; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; }
h1,h2 { font-size: 40px; font-weight: 800; }
h3 { font-size: 32px; }
h4 { font-size: 25px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul li { line-height:1.3; }
.fs-sm {font-size: 0.875rem;}

/* =Layout Width
========================================================================================*/
#main { padding:0; }
.container { max-width: 1270px; }

/* =Header Css
========================================================================================*/
#header { position: fixed; top: 0; left: 0; right: 0; /*padding: 25px 0;*/ z-index: 9; overflow:inherit; background: #fff; font:16px/1.45 'Helvetica Neue', Arial, Helvetica, sans-serif; letter-spacing: 0.09em;  }
#header.headerfix { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); /*padding: 15px 0;*/ }
#header.navhide { top: -80px; }
#header.navhide.navshow { top: 0; }
#logo { display: block; max-width: 160px; }
#logo img { width: 100%; height: auto;}
.navigation-row ul { margin: 0; padding: 0; list-style: none; text-align: left; }
.navigation-row { display: flex; align-items: center; height: 100%;}
.navigation-row nav, .navigation-row nav > ul { width: 100%; }
#mainmenu { flex-wrap: wrap; flex-direction: row; }
#mainmenu > li { margin-left: 30px; font-size: 14px; position: relative; }
#mainmenu > li:first-child { margin-left: 0; }
#mainmenu > li > a { position: relative; display: block; }
#mainmenu li a { color: #18283b; text-decoration: none; }
#mainmenu li a:hover { color: #e83d4b; text-decoration: none; }
#mainmenu li.active > a { color:#e83d4b; }
.navtrigger { display: none; position: absolute; height: 40px; width: 40px; top: 0; right: 0px; background: rgba(43,51,74,0.1); cursor: pointer; z-index: 2; }
.navtrigger:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 0; width: 0; border-top: 5px solid #18283b; border-left: 5px solid transparent; border-right: 5px solid transparent; }
#mainmenu .menu-title a { display: flex; }
.menu-title a .menu-ico { display: flex; width: 27px; margin-right: 5px; }
.big-menu .megamenu { min-width: 1100px; }
.mid-menu .megamenu { min-width: 970px; }
.menu-ad-box { position: relative; padding: 25px; background-repeat: no-repeat; background-color: #e83d4b; background-size: cover; background-position: 50% 50%; height: 100%; margin:0 -15px; z-index: 1; color:#fff; display: flex; }
.menu-ad-box:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; opacity: 0.8; 
    background: -moz-linear-gradient(45deg, rgba(232,61,75,1) 11%, rgba(232,61,75,1) 55%, rgba(232,61,75,0) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(11%, rgba(232,61,75,1)), color-stop(55%, rgba(232,61,75,1)), color-stop(100%, rgba(232,61,75,0)));
    background: -webkit-linear-gradient(45deg, rgba(232,61,75,1) 11%, rgba(232,61,75,1) 55%, rgba(232,61,75,0) 100%);
    background: -o-linear-gradient(45deg, rgba(232,61,75,1) 11%, rgba(232,61,75,1) 55%, rgba(232,61,75,0) 100%);
    background: -ms-linear-gradient(45deg, rgba(232,61,75,1) 11%, rgba(232,61,75,1) 55%, rgba(232,61,75,0) 100%);
    background: linear-gradient(45deg, rgba(232,61,75,1) 11%, rgba(232,61,75,1) 55%, rgba(232,61,75,0) 100%); }
.menu-ad-text { margin-top: auto; }
.menu-ad-text h5 { color: #fff; font-weight: 700; font-size: 19px; }
.menu-ad-text p { margin: 0 0 10px; line-height: 1.4; }
.menu-ad-text p:last-child { margin-bottom: 0; }
#mainmenu .menu-ad-text .btn.btn-sm { font-size: 12px; color: #e83d4b; box-shadow: none !important; }
.menu-ad-box .swiper-container-horizontal > .swiper-pagination-bullets { margin-top: 10px; text-align: right; }
.menu-ad-box .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
.menu-ad-box .swiper-pagination-bullet { border-radius: 0; background: #fff; opacity: 0.4; }

/* =Footer Css
========================================================================================*/
#footer{ background: #263138; padding: 50px 0 0; font-size:14px; color: #fff; background-image: url(../images/footer-bg.webp); background-repeat: no-repeat; background-size: cover; background-position: 50% 0; z-index: 2; position: relative; }
#footer::after { content: ""; opacity: 0.96; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #1e272c; z-index: -1; }
.footer-nav{ padding: 0; margin-left: -5px; margin-right: -5px; }
.footer-nav li { list-style: none; padding-left: 5px; padding-right: 5px; }
.footer-nav li a{ color:#fff; padding: 5px 0; display: inline-block; }
.footer-nav li a:hover, .footer-nav li.active a { color:#e83d4b; text-decoration:none; }
.social-icons a{ align-items: center; display: flex; justify-content: center; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #fff; color: #fff; margin: 0 10px 0 0; font-size: 20px;}
.social-icons a:hover { border-color: #e83d4b; color: #fff; background:#e83d4b; text-decoration: none;}
.copyright-block { border-top: 1px solid rgba(255,255,255,0.06); padding:25px 0; margin: 15px 0 0 0;}
.copyright-block p { margin:0; padding:0; }
.f-menu { margin: 0; margin-left: auto; padding: 0; list-style: none; font-size: 0; text-align: right; }
.f-menu li { font-size: 14px; display: inline-block; position: relative; padding-right: 11px; margin-right: 10px; }
.f-menu li:last-child { margin-right: 0; padding-right: 0; }
.f-menu li:after { content: ""; position: absolute; top: 0; bottom: 0; margin:auto; height: 80%; right: 0; width: 1px; background: #fff; }
.f-menu li:last-child:after { display: none; }
.f-menu li a { color: #fff; text-decoration: none; }
.f-menu li a:hover { color: #e83d4b; text-decoration: none; }
.company-info .c-logo { margin-bottom: 15px; width: 200px; }
.company-info .c-contact { color: #fff; font-weight: 500;  }
.company-info .c-contact:hover { color:#e83d4b; text-decoration:none; }
.company-info .c-contact span { font-size: 18px; }
#footer address { margin-bottom:18px; }
#footer h5 { color: #fff; padding-bottom: 15px; margin-bottom: 15px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.06); }
#footer h5::after { content: ""; position: absolute; left: 0; bottom: -2px; background: #e83d4b; height: 3px; width: 70px; border-radius: 50px; }

.cta-sec {background: url(../images/new-case-study/cta-bg.webp) #FFBB35 no-repeat center center; background-size: 100%;}
.talk-icon, .call-icon {background: #ffffff; border-radius: 50rem; border: 4px solid #F6EDE6; padding: 1rem; display: flex; align-items: center; justify-content: center; height: 6.875rem; width: 6.875rem; z-index: 1;}
.talk-icon {top: 20%; right: 21.25rem;}
.call-icon {top: 30%; right: -0.625rem;}
.cta-img::before {position: absolute;background-color: rgba(255,255,255,0.4);border: 1px solid rgba(255,255,255,0.4);border-radius: 20rem 20rem 0 0;content: "";height: 85%;max-width: 21.25rem;width: 100%;right: 2.688rem;bottom: 0;}

/* =Common css (common classes for all pages)
========================================================================================*/
.btn-primary { color: #fff; background-color: #e83d4b; border-color: #e83d4b; }
.btn { box-shadow: 0 0.7rem 1.1rem 0.1rem rgba(62, 90, 72, 0.3) !important; font-weight: 500; font-size: 16px; text-align: center; text-transform: uppercase; border-radius: 6px; padding: 12px 25px; /*color: #fff;*/ }
.btn:hover { background-position: left bottom; color: #fff; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { color: #fff; background-color: #353535; border-color: #353535; }
.btn.btn-outline { background: transparent; border: 2px solid #e83d4b; color: #e83d4b; box-shadow: none; }
.btn.btn-outline:hover, .btn.btn-outline:active, .btn.btn-outline:focus { background:#e83d4b; color:#fff; box-shadow:none; }

.btn.btn-sm { font-size: 14px; padding: 10px 20px; }
.btn-white { background: #fff; color: #e83d4b; }
.btn-white:hover, .btn-white:active, .btn-white:focus { background: #18283b; color: #e83d4b; }
.btn-radius { border-radius: 50px; }
.link { position: relative; padding-bottom: 2px; display: inline-block; text-decoration: none; color: #e83d4b; }
.link:hover { text-decoration: none; color: #e83d4b; }
.link::before { content: ""; height: 2px; position: absolute; left: 0; bottom: 0; width: 0; background: #e83d4b; }
.link:hover:before { width: 100%; }
.animated-row { overflow: hidden; position: relative; }
.animate { opacity: 0; }
.animated { opacity:1; }
.no-banner #wrapper { padding-top: 100px; }

.sec-spacing-top {padding-top: 6.25rem;}
.sec-spacing-bottom {padding-bottom: 6.25rem;}
.sec-spacing {padding-top: 6.25rem; padding-bottom: 6.25rem;}


/* =Responsive Css
========================================================================================*/

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
	.text-md-right {
        text-align: right !important;
    }
}

@media only screen and (min-width: 1024px) {
	#mainmenu { display: flex !important; }
	.megamenu { display: block !important; }	
	.megamenu h4 { font-size: 16px; letter-spacing: 2px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; }
	#mainmenu li li { font-size: 13px; margin-top: 6px; line-height: 1.45; }
	.megamenu ul { margin-bottom: 15px; margin-top: 15px; }
	#mainmenu > li > a { line-height: 80px; }
	#mainmenu li li a { transform: translateX(0); display: inline-block; transition: transform 0.5s; }
	#mainmenu li li a:hover { transform: translateX(5px); }
	li.hasnav { position: relative; }
	li.hasnav:after { content: ""; position: absolute; left: 0; right: 0; top: calc(100% - 7px); height: 0; width: 0; border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; margin: auto; opacity: 0; visibility: hidden; transition:all 0.5s cubic-bezier(.45, 1, .32, 1); }
	li.hasnav:hover:after { opacity: 1; visibility: visible; }
	.megamenu { line-height:1.585; position:absolute; z-index:-2; top:100%; left:50%; right:0; padding:0 15px; background: #fff; transition:all 0.5s cubic-bezier(.45, 1, .32, 1); opacity:0; visibility:hidden; transform:perspective(100px) rotateX(-4deg) translateX(-50%); transform-origin:50% 0; overflow: auto; max-height: calc(100vh - 80px); width: 210px; box-shadow: 0 2px 21px 5px rgba(0,0,0,0.1); border-radius: 7px; }
	#mainmenu > li:hover .megamenu { opacity: 1; z-index: -1; visibility: visible; -webkit-transform: perspective(0) rotateY(0deg) translateX(-50%); -ms-transform: perspective(0) rotateY(0deg) translateX(-50%); -o-transform: perspective(0) rotateY(0deg) translateX(-50%); transform: perspective(0) rotateY(0deg) translateX(-50%); }
	.menu-title + ul { padding-left: 35px; margin-top: 0; margin-bottom: 5px; }
	.sub-nav ul { display: flex !important; justify-content: center; }
	.megamenu ul > div > ul { margin-top: 0; margin-bottom: 0; }
	#mainmenu > li.mid-menu:nth-last-child(4) .megamenu{left:-50%;}
	.section-header { min-height: 25rem; padding: 4rem 0; }
}

@media only screen and (max-width: 1550px) {	
	#mainmenu > li.mid-menu:nth-last-child(4) .megamenu{left:-75%;}
	.mid-menu .megamenu {min-width: 800px;}
}

@media only screen and (max-width: 1399px) {
	.sec-spacing {padding: 5rem 0;}
	.sec-spacing-top {padding-top: 5rem;}
	.sec-spacing-bottom {padding-bottom: 5rem;}		
	.sec-heading::before {left: -12px;}	
}

@media only screen and (max-width: 1140px) {
	h3 { font-size: 30px; }
}
@media only screen and (max-width: 1199px) {
	.section-row { padding: 40px 0; }
	.section-title { margin-top: 20px; margin-bottom: 60px; }	
	.big-menu .megamenu { min-width: 800px; }
	.mid-menu .megamenu { min-width: 760px; }	
	.contact-box { margin-top: -154px; }			
	h1.sec-heading {font-size: 30px;}			
}

@media only screen and (max-width: 1023px) {
	.navtrigger { display: block; }
	#header { background:#fff; }
	#header, #header.headerfix { padding:15px 0; }
	#header .row > div { position: static; }
	#header.navhide { top:0; }
	#mainmenu { display:none; position:absolute; left:0; right:0; top:100%; background:#fff; border-top:solid 1px rgba(0,0,0,0.1); max-height: calc(100vh - 61px); overflow: auto; border-bottom: solid 1px rgba(0,0,0,0.1); }	
	#mainmenu li { float:none; margin:0; padding:0; border-bottom:solid 1px rgba(0,0,0,0.1); position:relative; display:block; font-size: 15px; }
	#mainmenu li a, #mainmenu .quote-link a { padding:10px 20px; display:block;  }
	#mainmenu li a:hover, #mainmenu li.active > a { background: #e83d4b; color:#fff; }
	#mainmenu li ul { margin: 0; padding: 0; list-style:none; display: none; border-top: 0; background: rgba(43,51,74,0.04); transition: none; }
	#logo { width:150px; }
	#mainmenu .megamenu ul { display: block; background: transparent;  }
	.megamenu { display: none; }
	.megamenu .container { padding: 0; overflow: hidden; border-top:solid 1px rgba(0,0,0,0.1); }
	.megamenu h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 2.7px; font-weight: bold; margin: 0; background: rgba(43,51,74,0.04); border-top:solid 1px rgba(0,0,0,0.1); border-bottom:solid 1px rgba(0,0,0,0.1); }
	#mainmenu .megamenu li a { padding: 10px 40px; font-size: 90%; }
	#mainmenu .megamenu h4 a { background: rgba(232,61,75,0.1); color: #e83d4b; }
	#mainmenu li:last-child { border-bottom: 0; }
	.megamenu .row > div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	#menu { display:block; height: 20px; width: 25px; margin-left: auto; margin-right: 0; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:normal; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width:25px; height:2px; background: #e83d4b; position: relative; float: left; margin:10px 0 0 0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:25px; height:2px; background: #e83d4b; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	body { padding-top: 60px; }
	.big-menu .megamenu, .mid-menu .megamenu { min-width: inherit; }
	#mainmenu .menu-title a { align-items: center; }
	.menu-ad-box { display: none; }
	.megamenu .row { margin: 0; }
	.megamenu .row > div { padding: 0; }
	#mainmenu > li > a { font-weight: 700; }
}

@media only screen and (max-width: 991px) {		
	.section-row { padding: 30px 0; }
	.section-title { margin-top: 10px; margin-bottom: 40px; }
	.company-info { margin-bottom: 20px; }
	.footer-contact { margin-top:20px; }
	.footer-nav li { margin-bottom:7px; }
	.footer-nav li:last-child { margin-bottom:0; }
	#footer { padding-top:30px; }
	.footer-nav li a { padding:0; }
	.copyright-block { padding:20px 0; }	
	h1, h2 { font-size: 35px; }		
	img { max-width:100%; height:auto; width:auto; }	
	h3 { font-size: 28px; }	
	.sec-spacing {padding-top: 3.75rem;padding-bottom: 3.75rem;}	
	.sec-spacing-top {padding-top: 3.75rem;}
	.sec-spacing-bottom {padding-bottom: 3.75rem;}
}

@media only screen and (max-width: 767px) {
	body { font-size: 15px; }	
	h1, h2 { font-size: 30px; }	
	h3 { font-size: 26px; }	
	h4 { font-size: 22px; }
}

@media only screen and (max-width: 575px) {	
	h1, h2 { font-size: 25px; }	
  .btn { padding: 8px 20px; }	
	h3 { font-size: 24px; }
	body, .service-slider { font-size: 14px; }	
	#mainmenu li { font-size:14px; }			
}