/* Namari Landing Page v.1.1.0 Style Index - a free landing page by shapingrain.com

1. Default and Reset styles
- 1.1 Input Elements
2. Global elements
- 2.1 Header
- 2.2 Logo
- 2.3 Buttons
- 2.4 Navigation
- 2.5 Social Elements
- 2.6 Images
3. Fonts and Headings
4. Banner
- 4.1 SignUp Form
5. Content Elements
- 5.1 Icons
- 5.2 Parallax Elements
- 5.3 Divider
6. Landing Page Sections
- 6.1 Features
- 6.2 Testimonials
- 6.3 Gallery
- 6.4 Video
- 6.5 Clients
- 6.6 Pricing Table
7. Footer


/*------------------------------------------------------------------------------------------*/
/* 1. Defaults & Reset of specific styles across browsers */
/*------------------------------------------------------------------------------------------*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }
body { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
p { line-height: 25px; }
.row img { height: auto; max-width: 100%; }
a { text-decoration: none; line-height: inherit; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
iframe { border: 0 !important; }
.parallax-window { min-height: 400px; background: transparent; }
figure { margin: 0; }
/* Page Border */

.page-border { position: fixed; z-index: 999999; pointer-events: none; }
.page-border .bottom-border, .page-border .left-border, .page-border .right-border, .page-border .top-border { background: #f3f3ef; position: fixed; z-index: 9999; }
.page-border > .top-border, .page-border > .right-border, .page-border > .bottom-border, .page-border > .left-border { padding: 11px; background: #ccc; }
.page-border .bottom-border, .page-border .top-border { width: 100%; padding: 10px; left: 0; }
.page-border .left-border, .page-border .right-border { padding: 10px; height: 100%; top: 0; }
.page-border .top-border { top: 0; }
.page-border .right-border { right: 0; }
.page-border .bottom-border { bottom: 0; }
.page-border .left-border { left: 0; }
#wrapper { margin: 0 15px; padding: 15px 0; position: relative; }
/* --------- 1.1 Input Elements ---------- */

input, textarea { border: 1px solid #e1e1e1; padding: 10px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; border-radius: 3px; }
input { height: 40px; margin: 3px 0; outline: none; line-height: normal; font-size: 14px; }
input[type="submit"] { cursor: pointer; border-style: solid; border-width: 2px; padding-top: 0; padding-bottom: 0; }
select { border: 1px solid #e1e1e1; height: 40px; padding: 5px; }
input:focus, textarea:focus { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }
*:focus { outline: none; }
/*------------------------------------------------------------------------------------------*/
/* 2. Layout Elements */
/*------------------------------------------------------------------------------------------*/

section { clear: both; overflow: hidden; }
/* Rows and Columns */
 
 
 
  
/* --------- 2.1 Header --------- */

#header { overflow: visible; z-index: 9999; width: 100%; }
#header .row { padding: 0; }
#header aside { text-align: right; }
#header ul { text-align: right; }
#header li { display: inline-block; list-style: none; margin: 0; padding: 0% 1.5%; }
.header li { display: inline-block; list-style: none; margin: 0; padding: 0% 1.5%; }
/* --------- 2.2 Logo ---------- */

#logo { float: left; height: 71px; line-height: 66px; margin-right: 15px; }
#logo h1, #logo h2 { display: inline-block; }
#banner #logo h1 { font-size: 28px; margin-right: 10px; font-weight: 900; padding: 0; }
#logo h2 { font-size: 18px; padding: 0; }
#logo img { max-height: 22px; vertical-align: middle; margin-right: 15px; }
#navigation-logo { display: none; }
.nav-solid #logo #banner-logo { display: none; }
.nav-solid #logo #navigation-logo { display: inline-block; }
/* --------- 2.3 Buttons ---------- */

.call-to-action { padding: 35px 0 35px 0; }
/*Style*/

.button { font-size: 16px; margin: 35px 0; padding: 11px 16px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; display: inline-block; border-width: 3px; border-style: solid; }
/* Play Button */

#video-section { position: relative; }
.play-video { height: 110px; position: absolute; top: 50%; margin-top: -110px; width: 100%; }
.play-icon { display: inline-block; font-size: 0px; cursor: pointer; margin: 45px auto; width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; z-index: 1; }
.play-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.play-icon:before { font-family: 'fontawesome'; content: '\f144'; speak: none; font-size: 74px; line-height: 110px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; color: #fff; }
.play-video .play-icon { background: rgba(255, 255, 255, 0.5); -webkit-transition: -webkit-transform ease-out 0.3s, background 0.4s; -moz-transition: -moz-transform ease-out 0.3s, background 0.4s; transition: transform ease-out 0.3s, background 0.4s; }
.play-video .play-icon:after { top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
.play-video .play-icon:hover { background: rgba(255, 255, 255, 0.05); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); color: #fff; }
/* --------- 2.4 Navigation ---------- */

#header { font-size: 13px; }
#header aside { float: right; }
#header nav a { color: #fff; font-size: 18px; display: block; font-family: 'Prompt', sans-serif; font-weight: 400; ; }
#header nav a:hover { color: #e21b23; }
/*Navigation Solid*/

#header.nav-solid [class*='col-'] { padding: 0 20px; }
#header.nav-solid nav a { border-bottom: 3px solid; font-size: 14px; font-weight: 500; border-color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#header.nav-solid nav a:hover { opacity: 1; }
/* Social Elements when Solid*/

#header.nav-solid .social-icons a { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0.5; }
#header.nav-solid .social-icons a:hover { opacity: 1; color: #e4473c; }
/* Responsive Nav Styling */

#nav-trigger { display: none; text-align: right; }
#nav-trigger span { display: inline-block; width: 38px; height: 71px; color: #fff; cursor: pointer; text-transform: uppercase; font-size: 22px; text-align: center; border-top-right-radius: 5px; border-top-left-radius: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#nav-trigger span:after { font-family: "fontAwesome"; display: inline-block; width: 38px; height: 71px; line-height: 75px; text-align: center; content: "\f0c9"; border-top-right-radius: 5px; border-top-left-radius: 5px; }
#nav-trigger span.open:after { content: "\f00d"; }
#nav-trigger span:hover, .nav-solid #nav-trigger span.open:hover, .nav-solid #nav-trigger span:hover { opacity: 0.6; }
#nav-trigger span.open, #nav-trigger span.open:hover { color: #fff; }
.nav-solid #nav-trigger span.open:hover { color: #999; }
.nav-solid #nav-trigger span { color: #999; opacity: 1; }
nav#nav-mobile { position: relative; display: none; }
nav#nav-mobile ul { display: none; list-style-type: none; position: absolute; left: 0; right: 0; margin-left: -20px; margin-right: -20px; padding-top: 10px; padding-bottom: 10px; text-align: center; background-color: #fff; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2); }
nav#nav-mobile ul:after { display: none; }
nav#nav-mobile li { margin: 0 20px; float: none; text-align: left; border-bottom: 1px solid #e1e1e1; }
nav#nav-mobile li:last-child { border-bottom: none; }
.nav-solid nav#nav-mobile li { border-top: 1px solid #e1e1e1; border-bottom: none; }
nav#nav-mobile a { display: block; padding: 12px 0; color: #333; width: 100%; height: auto; line-height: normal; display: block; border-bottom: none !important; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
nav#nav-mobile a:hover { background: #fafafa; opacity: 1; }
/* --------- 2.5 Social Elements ---------- */

#header .col-4 { text-align: right; }
.social-icons { display: inline-block; list-style: none; }
.social-icons a { display: inline-block; width: 32px; text-align: center; }
.social-icons a:hover { opacity: 0.7; }
.social-icons span { display: none; }
#header .social-icons { margin-top: 27px; }
/* --------- 2.6 Images ---------- */

/*Alignment*/

img { vertical-align: top; }
.image-center { display: block; margin: 0 auto; }
a img { border: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-backface-visibility: hidden; }
a img:hover { opacity: 0.7; }
/*------------------------------------------------------------------------------------------*/
/* 3. Fonts */
/*------------------------------------------------------------------------------------------*/

h1 { padding: 20px 0; }
h2 { padding: 14px 0; }
h3 { padding: 10px 0; }
h4 { padding: 7px 0; }
h5 { padding: 7px 0; }
h6 { padding: 7px 0; }
/* Text Alignment */

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/* Section Headings */

.section-heading { padding: 0 0 15px 0; }
.section-subtitle { font-size: 18px; padding-top: 0; }
.section-heading h3 { font-size: 14px; font-weight: bold; color: #ccc; letter-spacing: 2px; padding-bottom: 0; }
/*------------------------------------------------------------------------------------------*/
/* 4. Banner */
/*------------------------------------------------------------------------------------------*/

#banner { background-size: cover; }
#banner-content.row { padding-top: 170px; padding-bottom: 100px; }
#banner h1 { padding-top: 5%; }
#banner .section-heading:before { content: ""; display: block; width: 30px; height: 5px; margin-top: 30px; }
/*------------------------------------------------------------------------------------------*/
/* 5. Content Elements */
/*------------------------------------------------------------------------------------------*/

/* --------- 5.1 Icons ---------- */

/*Font Icon sizes*/

.fa-1x { font-size: 15px !important; }
/*Icon Block*/

.icon-block { position: relative; }
.icon-block h4 { font-weight: bold; padding-top: 0; }
.icon-block .icon { position: absolute; }
.icon-block p { margin-top: 0; }
/* Icon Left*/

.icon-left .icon { left: 15; }
.icon-left .icon-block-description { padding-left: 53px; }
/* Icon Right */

.icon-right .icon { right: 15; }
.icon-right .icon-block-description { padding-right: 53px; }
/* Icon Above */

.icon-top { display: block; }
.icon-top .icon { position: relative; display: block; }
.icon-top .icon-block-description { padding-top: 25px; }
/* --------- 5.2 Parallax Elements ---------- */

.banner-parallax-1, .banner-parallax-2, .banner-parallax-3 { min-height: 350px; }
/* --------- 5.3 Divider ---------- */

.divider { position: relative; width: 40%; height: 20px; line-height: 20px; margin: 10px auto 5px auto; clear: both; text-align: center; }
.divider-inner { position: absolute; height: 1px; width: 100%; top: 50%; margin-top: -1px; border-top: 1px solid; border-color: #e1e1e1; }
.divider i { background: #fff; position: relative; top: -11px; padding: 0 5px 0 5px; color: #e1e1e1; }
/*------------------------------------------------------------------------------------------*/
/* 6. Landing Page Sections */
/*------------------------------------------------------------------------------------------*/

/* --------- 6.1 Introduction ---------- */

.introduction img.featured { padding: 55px 0 0 0; }
/* --------- 6.2 Features ---------- */

.features.row { padding-left: 5%; padding-right: 5%; }
.features div:nth-child(4) { clear: both; }
/* --------- 6.3 Testimonials ---------- */

.testimonial { padding: 15px; }
blockquote { position: relative; }
.testimonial img { max-height: 120px; border-radius: 250em; }
.testimonial footer { padding-top: 12px; }
/* Style Classic - Avatar above Testimonial */

.testimonial.classic img { display: inline-block; margin-bottom: 25px; }
.testimonial.classic q { display: block; }
.testimonial.classic footer:before { display: block; content: ""; width: 30px; height: 4px; margin: 10px auto 15px auto; }
/* Style Big */

.testimonial.bigtest { padding-top: 0; }
.testimonial.bigtest q { font-size: 22px; }
/* --------- 6.4 Gallery ---------- */

#gallery img { max-height: 300px; }
#gallery [class*='col-'] { padding: 0; }
#gallery a { display: inline-block; position: relative; overflow: hidden; }
#gallery a:hover img { opacity: 0.15; -moz-backface-visibility: hidden; }
#gallery a:before { font-size: 2.2em; font-style: normal; font-weight: normal; text-align: center; content: "+"; width: 70px; height: 70px; border-radius: 100em; display: block; position: absolute; top: 55%; left: 50%; line-height: 72px; margin: -35px 0 0 -35px; opacity: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; vertical-align: middle; }
#gallery a:hover:before { opacity: 1; top: 50%; left: 50%; }

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.3 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
.featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); }
/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); }
.featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.featherlight .featherlight-content { /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 25px 0; border-bottom: 25px solid transparent; /* dimensions: handling small or empty content */ min-width: 30%; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ cursor: auto; /* reset white-space wrapping */ white-space: normal; }
/* contains the content */
.featherlight .featherlight-inner { /* make sure its visible */ display: block; }
.featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 25px; right: 25px; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; color: #fff; font-family: "fontawesome"; font-size: 22px; opacity: 0.5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.featherlight .featherlight-close-icon:hover { opacity: 1; }
.featherlight .featherlight-image { /* styling */ max-height: 100%; max-width: 100%; }
.featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; }
.featherlight iframe { /* styling */ border: none; }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
.featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 10px; margin-right: 10px; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; }
}

/* Gallery Styling */
@media all {
.featherlight-next, .featherlight-previous { font-family: "fontawesome"; font-size: 22px; display: block; position: absolute; top: 25px; right: 0; bottom: 0; left: 80%; cursor: pointer; /* preventing text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* IE9 hack, otherwise navigation doesn't appear */ background: rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.featherlight-previous { left: 0; right: 80%; }
.featherlight-next span, .featherlight-previous span { display: inline-block; opacity: 0.3; position: absolute; top: 50%; width: 100%; font-size: 80px; line-height: 80px; /* center vertically */ margin-top: -40px; color: #fff; font-style: normal; font-weight: normal; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.featherlight-next span { text-align: right; left: auto; right: 7%; }
.featherlight-previous span { text-align: left; left: 7%; }
.featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; opacity: 1; }
/* Hide navigation while loading */
.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next { display: none; }
}

/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px) {
.featherlight-next:hover, .featherlight-previous:hover { background: none; }
.featherlight-next span, .featherlight-previous span { display: block; }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
.featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85%; }
.featherlight-previous { left: 10px; right: 85%; }
.featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px; }
}
/* --------- 6.5 Video ---------- */

#video-box { color: #fff; position: relative; overflow: hidden; text-align: center; }
.video_container, .easyContainer { position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ margin: 0; padding-top: 0; /* IE6 workaround*/ height: 0; overflow: hidden; }
.video_container iframe, .video_container object, .video_container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed { width: 100% !important; height: 529px !important; }
.videojs-background-wrap { overflow: hidden; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -998; }
#slvj-window { width: 100%; min-height: 100%; z-index: 9999999999; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; }
#slvj-window, #slvj-window * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#slvj-background-close { width: 100%; min-height: 100%; z-index: 31; position: fixed; top: 0; left: 0; }
#slvj-back-lightbox { max-width: 940px; max-height: 529px; z-index: 32; text-align: center; margin: 0 auto; }
.slvj-lightbox { width: 100%; height: 100%; margin: 0; z-index: 53; }
#slvj-close-icon:before { font-family: "fontawesome"; color: #fff; content: '\f00d'; font-size: 22px; opacity: 0.5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 99999; height: 22px; width: 22px; position: absolute; top: 15px; right: 15px; cursor: pointer; }
 #slvj-close-icon:before:hover {
 opacity: 1;
 cursor: pointer;
}
/* --------- 6.6 Clients ---------- */

#clients a { display: block; text-align: center; position: relative; text-transform: uppercase; font-weight: bold; color: #fff; }
#clients img { display: inline-block; padding: 15px 25px; }
.client-overlay { background: rgba(0, 0, 0, 0.8); position: absolute; top;
 0;
right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#clients a:hover .client-overlay { opacity: 1; }
.client-overlay span { position: absolute; top: 48%; left: 0; width: 100%; text-align: center; display: inline-block; }
/* --------- 6.7 Pricing Table ---------- */

.pricing-block-content { background: #fff; padding: 25px 0 25px 0; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07); transition: all 0.2s ease-in-out 0s; position: relative; border: 10px solid #fff; }
.pricing-block ul { list-style: none; margin: 25px 0 25px 0; }
.pricing-block li { padding: 14px 0; border-bottom: 1px dotted #e1e1e1; }
.pricing-block li:last-of-type { border: none; }
.pricing-block h3 { font-size: 17px; text-transform: uppercase; padding-bottom: 0; }
.pricing-sub { font-style: italic; color: #ccc; margin: 0 0 25px 0; }
/*Price*/

.pricing { background: #f5f5f5; padding: 25px; position: relative; }
.price { display: inline-block; font-size: 62px; font-weight: 700; position: relative; }
.price span { position: absolute; top: 0; left: -20px; font-size: 22px; }
.pricing p { font-style: italic; color: #b4b4b4; line-height: auto; margin: 0; }
/*------------------------------------------------------------------------------------------*/
/* 7. Footer */
/*------------------------------------------------------------------------------------------*/

#landing-footer { clear: both; }
#landing-footer .row { padding: 0; }
#landing-footer p { margin: 0; }
#landing-footer ul { list-style: none; text-align: right; }
#landing-footer li { display: inline-block; }
/* Scroll Up */

#scrollUp { bottom: 15px; right: 30px; width: 70px; height: 80px; margin-bottom: -10px; padding: 0 5px 20px 5px; text-align: center; text-decoration: none; color: #fff; -webkit-transition: margin-bottom 150ms linear; -moz-transition: margin-bottom 150ms linear; -o-transition: margin-bottom 150ms linear; transition: margin-bottom 150ms linear; }
#scrollUp:hover { margin-bottom: 0; }
#scrollUp:before { background: #ccc; font-family: "fontawesome"; font-size: 2.4em; font-style: normal; font-weight: normal; text-align: center; color: #fff; width: 45px; height: 45px; display: inline-block; line-height: 45px; content: "\f106"; opacity: 1; }
/*Preloader*/

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; /* change if the mask should have another color then white */ z-index: 99999; /* makes sure it stays on top */ }
#status { width: 110px; height: 110px; position: absolute; left: 50%; /* centers the loading animation horizontally one the screen */ top: 50%; /* centers the loading animation vertically one the screen */ background-position: center; margin: -55px 0 0 -55px; /* is width and height divided by two */ text-align: center; }
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-triangle-path, .la-ball-triangle-path > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.la-ball-triangle-path { display: block; font-size: 0; color: #fff; }
.la-ball-triangle-path.la-dark { color: #333; }
.la-ball-triangle-path > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }
.la-ball-triangle-path { width: 32px; height: 32px; }
.la-ball-triangle-path > div { position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-radius: 100%; }
.la-ball-triangle-path > div:nth-child(1) { -webkit-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; -moz-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; -o-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite; }
.la-ball-triangle-path > div:nth-child(2) { -webkit-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; -moz-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; -o-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite; }
.la-ball-triangle-path > div:nth-child(3) { -webkit-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; -moz-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; -o-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite; }
.la-ball-triangle-path.la-sm { width: 16px; height: 16px; }
.la-ball-triangle-path.la-sm > div { width: 4px; height: 4px; }
.la-ball-triangle-path.la-2x { width: 64px; height: 64px; }
.la-ball-triangle-path.la-2x > div { width: 20px; height: 20px; }
.la-ball-triangle-path.la-3x { width: 96px; height: 96px; }
.la-ball-triangle-path.la-3x > div { width: 30px; height: 30px; }

/*
 * Animations
 */
@-webkit-keyframes ball-triangle-path-ball-one { 0% {
 -webkit-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -webkit-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -webkit-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -webkit-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
}
 @-moz-keyframes ball-triangle-path-ball-one { 0% {
 -moz-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -moz-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -moz-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -moz-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
}
 @-o-keyframes ball-triangle-path-ball-one { 0% {
 -o-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -o-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -o-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -o-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
}
 @keyframes ball-triangle-path-ball-one { 0% {
 -webkit-transform: translate(0, 220%);
 -moz-transform: translate(0, 220%);
 -o-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -webkit-transform: translate(110%, 0);
 -moz-transform: translate(110%, 0);
 -o-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -webkit-transform: translate(220%, 220%);
 -moz-transform: translate(220%, 220%);
 -o-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -webkit-transform: translate(0, 220%);
 -moz-transform: translate(0, 220%);
 -o-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
}
 @-webkit-keyframes ball-triangle-path-ball-two { 0% {
 -webkit-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -webkit-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -webkit-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -webkit-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
}
 @-moz-keyframes ball-triangle-path-ball-two { 0% {
 -moz-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -moz-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -moz-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -moz-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
}
 @-o-keyframes ball-triangle-path-ball-two { 0% {
 -o-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -o-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -o-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -o-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
}
 @keyframes ball-triangle-path-ball-two { 0% {
 -webkit-transform: translate(110%, 0);
 -moz-transform: translate(110%, 0);
 -o-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -webkit-transform: translate(220%, 220%);
 -moz-transform: translate(220%, 220%);
 -o-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -webkit-transform: translate(0, 220%);
 -moz-transform: translate(0, 220%);
 -o-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -webkit-transform: translate(110%, 0);
 -moz-transform: translate(110%, 0);
 -o-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
}
 @-webkit-keyframes ball-triangle-path-ball-tree { 0% {
 -webkit-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -webkit-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -webkit-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -webkit-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
}
 @-moz-keyframes ball-triangle-path-ball-tree { 0% {
 -moz-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -moz-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -moz-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -moz-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
}
 @-o-keyframes ball-triangle-path-ball-tree { 0% {
 -o-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -o-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -o-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -o-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
}
 @keyframes ball-triangle-path-ball-tree { 0% {
 -webkit-transform: translate(220%, 220%);
 -moz-transform: translate(220%, 220%);
 -o-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
 17% {
 opacity: .25;
}
 33% {
 opacity: 1;
 -webkit-transform: translate(0, 220%);
 -moz-transform: translate(0, 220%);
 -o-transform: translate(0, 220%);
 transform: translate(0, 220%);
}
 50% {
 opacity: .25;
}
 66% {
 opacity: 1;
 -webkit-transform: translate(110%, 0);
 -moz-transform: translate(110%, 0);
 -o-transform: translate(110%, 0);
 transform: translate(110%, 0);
}
 83% {
 opacity: .25;
}
 100% {
 opacity: 1;
 -webkit-transform: translate(220%, 220%);
 -moz-transform: translate(220%, 220%);
 -o-transform: translate(220%, 220%);
 transform: translate(220%, 220%);
}
}

/*------------------------------------------------------------------------------------------*/
/* Responsive Elements */
/*------------------------------------------------------------------------------------------*/

/* =Media Queries for Nav
===============================*/
@media all and (max-width: 1024px) {
#nav-trigger { display: block; }
nav#nav-main { display: none; }
nav#nav-mobile { display: block; }
nav#nav-mobile li { display: block; }
#header aside { display: none; }
}

/* Landscape mobile & down
===============================*/
@media (max-width: 480px) {
#wrapper { margin: 0; padding: 0; }
.page-border, #scrollUp, #scrollUp:before { display: none; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-2-3, .col-3-4, .col-9-10, .col-61, .col-38, .row { width: 100%; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-2-3, .col-3-4, .col-9-10, .col-61, .col-38 { padding-right: 0; padding-left: 0; }
/*-----------------Header Elements-----------------*/
#header .row { padding: 0 15px !important; }
#header.nav-solid [class*="col-"] { padding: 0; }
/*Logo*/
#logo h2 { padding: 0; }
/* Social */
#header aside { clear: both; padding: 0; }
#header ul.social-icons { margin-top: 0; }
#banner-content.row { padding-top: 85px !important; }
/*-----------------Sections-----------------*/

    /* Call to Action*/
.call-to-action { padding-bottom: 25px; }
/* Video */
.slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed { height: 270px !important; }
/* Footer */
#landing-footer #copyright { float: left; width: 50%; }
#landing-footer .social-icons { float: right; width: 50%; }
/*-----------------Typography-----------------*/
h1 { font-size: 38px; }
#banner h1 { font-size: 48px; }
/* Hide Elements */
a#scrollUp { display: none !important; }
}

/* Mobile to Tablet Portrait
===============================*/
@media (min-width: 480px) and (max-width: 767px) {
#wrapper { margin: 0; padding: 0; }
.page-border, #scrollUp, #scrollUp:before { display: none; }
.row { padding: 15px 0 !important; }
.col-1, .col-2, .col-5, .col-7, .col-9, .col-11, .col-2-3, .col-3-4, .col-61, .col-38, .row { width: 100%; }
.col-3, .col-4, .col-6, .col-8, .col-10, .col-12 { width: 50%; }
/*-----------------Header Elements-----------------*/
#header .row { padding: 0 !important; }
#header aside { display: inline-block; position: absolute; top: 40px; right: 60px; padding-top: 3px; padding-right: 5px; }
#header.nav-solid aside { top: 20px; }
#header aside ul { margin-top: 0 !important; padding-top: 6px; }
#banner-content.row { padding-top: 85px !important; }
/*Navigation*/
nav#nav-mobile ul { margin-left: -40px; margin-right: -40px; padding-left: 20px; padding-right: 20px; }
/*-----------------Sections-----------------*/

    /* Video */
.slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed { height: 370px !important; }
/* Footer */
#landing-footer #copyright { float: left; width: 50%; }
#landing-footer .social-icons { float: right; width: 50%; }
}

/* Landscape Tablet to Desktop
===============================*/
@media (min-width: 768px) and (max-width: 1024px) {
#wrapper { margin: 0; padding: 0; }
.page-border { display: none; }
.big-padding-top { padding-top: 45px !important; }
/*-----------------Header Elements-----------------*/
#header aside { display: inline-block; position: absolute; top: 40px; right: 60px; padding-top: 3px; padding-right: 5px; }
#header.nav-solid aside { top: 20px; }
#header aside ul { margin-top: 0 !important; padding-top: 6px; }
/*Navigation*/
nav#nav-mobile ul { margin-left: -40px; margin-right: -40px; padding-left: 20px; padding-right: 20px; }
/*-----------------Sections-----------------*/

    /* Video */
.slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed { height: 432px !important; }
}
.w-130px { width: 130px; }
.con-1168 { max-width: 1168px; }
.banner-main { width: 100%; background: #e4473c; padding-top: 77px; }
.top-bar { background: #292929; }
.banner-main .swiper-slide { height: 628px; position: relative; }
.banner-main .swiper-slide::after { display: block; left: 0; top: 0; bottom: 0; width: 45%; content: ""; background: rgba(0, 0, 0, 0.7); position: absolute; z-index: 2; }
.emailblock a { color: #fff; font-family: 'Audiowide', sans-serif; font-size: 18px; margin-left: 10px; margin-right: 10px; }
.but { display: inline-flex; padding: 8px 40px; border-radius: 10px; font-family: 'Prompt', sans-serif; color: #fff; }
.but:hover { color: #fff; }
.banner-txt-block-main { position: relative; z-index: 100; padding-bottom: 100px; }
.b-style-01 { background: #e01a24; border: solid 2px #e01a24; }
.b-style-01:hover { background: #b91119; }
.b-style-02 { border: solid 2px #fff }
.b-style-02:hover { border: solid 2px #e01a24 }
.banner-but-block { display: flex; flex-wrap: wrap; margin-top: 35px; }
.banner-but-block li { list-style: none; padding: 0 10px; }
.banner-txt-block-main h4 { font-family: 'Prompt', sans-serif; font-size: 30px; font-weight: normal; margin: 0; padding: 0; }
.banner-txt-block-main h1 { font-size: 82px; font-family: 'Prompt', sans-serif; font-weight: normal; font-weight: 600; margin: 0; padding: 0; line-height: 90px; }
.img-block-1 { position: relative; }
.img-block-1:after { display: block; width: 20%; position: absolute; left: 0; top: 0; background: #e01a24; content: ""; height: 100%; z-index: 50; }
.video-block-home { padding-top: 40px; position: relative; z-index: 100; margin-left: 3%; margin-right: 6%; border-radius: 5px; overflow: hidden; }
.block-02 { width: 53%; }
.block-01 { width: 47%; }
.title-block-01 h3 { color: #e01a24; font-family: 'Prompt', sans-serif; font-weight: 400; padding-bottom: 7px; position: relative; margin-bottom: 10px; font-size: 20px; }
.title-block-01 h3:after { content: ""; display: block; position: absolute; width: 90px; height: 3px; background: #e01a24; bottom: 0; }
.title-block-01 h2 { padding-top: 0; margin-top: 0; color: #111111; font-family: 'Prompt'; font-size: 36px; font-weight: 500; letter-spacing: -1px; }
p { font-size: 16px; font-family: 'Montserrat', sans-serif; color: #292929; font-weight: 500; }
.number-block { color: #e01a24; font-size: 66px; font-family: 'Montserrat', sans-serif; font-weight: 800; }
.txt p { margin: 0; font-weight: 600; }
.txt { padding-left: 10px; }
.positionimg { position: absolute; right: 0; bottom: 0; }
.title-white h2 { color: #fff; }
.font-50 h2 { font-size: 50px; font-weight: 400; padding: 0; }
.txt-white p { color: #fff; }
.list-style-01 { margin: 0; padding: 0; }
.list-style-01 li { margin-bottom: 10px; font-family: 'Montserrat', sans-serif; font-weight: 500; padding-left: 30px; background: url(../images/list-style.png) no-repeat left 6px; color: #fff; list-style: none; font-size: 22px; }
.icn-box-01 { width: 86px; height: 86px; border-radius: 10px; background: #222222; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.icn-txt-block { padding-left: 6%; width: calc(100% - 86px); display: flex; flex-wrap: wrap; align-items: center; }
.icn-txt-block h4 { font-weight: 600; color: #111111; font-size: 24px; font-family: 'Prompt', sans-serif; }
.shadow a { display: inline-flex; width: 100%; }
.shadow a:hover .icn-box-01 { background: #e01a24; }
.parap-black p { color: #292929; }
.black-clr li { color: #292929; }
.why-box { display: flex; flex-wrap: wrap; align-items: start; }
.why-box .icn-box { width: 49px; height: 49px; border-radius: 10px; background: #e01a24; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.why-box .txt-box { width: calc(100% - 49px); padding-left: 5%; }
.why-box .txt-box h5 { font-size: 18px; font-family: 'Prompt', sans-serif; margin: 0 0px 3px; padding: 0; }
.why-box .txt-box p { color: #fff; font-size: 14px; line-height: 18px; margin: 0; font-weight: 400; }
.why-box-1 { border-bottom: solid 2px #e01a24; }
.why-box-1:hover { background: #e01a24; }
.blog-txt-01 span { font-size: 16px; color: #fff; font-family: 'Prompt', sans-serif }
.blog-txt-01 h4 { font-size: 26px; color: #fff; font-family: 'Prompt', sans-serif; font-weight: 500; }
.blog-txt-01 p { font-size: 18px; }
.link { color: #e01a24; font-family: 'Prompt', sans-serif }
.blog-thumb-block { width: 184px; height: 184px; overflow: hidden; }
.blog-thumb-txt { width: calc(100% - 184px); padding-left: 4%; }
.blog-thumb-txt h4 { font-size: 20px; }
.test-img { width: 125px; margin-left: auto; margin-right: auto; height: 125px; border-radius: 100%; overflow: hidden; margin-bottom: 20px; }
.test-img img { width: 100%; border-radius: 100%; overflow: hidden; }
.testi-txt p { font-size: 24px; font-style: italic; color: #fff; max-width: 700px; margin-left: auto; margin-right: auto; }
.testi-txt h4 { font-family: 'Montserrat', sans-serif; font-size: 22px; max-width: 700px; margin-left: auto; margin-right: auto; }
.testi-txt span { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #e01a24; }
.testi-txt { text-align: center; }
.mySwiper-testi .swiper-bt::after { color: #fff; }
.service-block-h h2 { font-family: 'Prompt', sans-serif; font-size: 54px; font-weight: 500; max-width: 770px; margin-left: auto; margin-right: auto; }
.service-block-h h5 { font-family: 'Prompt', sans-serif; font-size: 28px; max-width: 770px; margin-left: auto; margin-right: auto; }
.port-but { height: 60px; display: flex; flex-wrap: wrap; align-items: center; width: 100%; font-size: 18px; background: #212121; color: #fff; font-family: 'Montserrat', sans-serif; }
.port-but:hover { background: #e01a24; color: #fff; }
.social-row-01 h4 { text-align: center; font-family: 'Prompt', sans-serif; color: #000; font-size: 30px; font-weight: 500; }
.social-box { margin: 10px 0px 0px 0px; display: flex; justify-content: center; }
.social-box li { list-style: none; margin: 0 5px; }
footer p { font-size: 16px; color: #fff; line-height: 24px; letter-spacing: 0px; font-family: 'Prompt', sans-serif; font-weight: 400; }
footer h5 { color: #fff; font-family: 'Prompt', sans-serif; font-size: 18px; font-weight: 400; }
footer h5 span { width: 53px; height: 2px; background: #e80000; display: block; margin-top: 5px; }
.foter-link { margin: 0; padding: 0; margin-top: 20px; }
.foter-link li { list-style: none; padding-bottom: 5px; }
.foter-link li a { color: #fff; font-size: 14px; text-decoration: none; font-family: 'Prompt', sans-serif; }
.foter-cont li { position: relative; padding-left: 45px; }
.foter-cont li .icn-con { position: absolute; left: 0; top: 0; }
.copy-block { border-top: solid 1px #919191; }
.copy-block p { margin-bottom: 0; }
.top-contact a { line-height: 30px; display: block; color: #e01a24; font-size: 30px; font-weight: 900; font-family: 'Montserrat', sans-serif; }
.top-contact { font-family: 'Montserrat', sans-serif; color: #fff; }
.banner-dot .swiper-pagination { position: unset; }
.banner-dot { position: absolute; right: 10%; bottom: 20px; z-index: 100; }
.banner-dot .swiper-pagination-bullet { width: 26px; height: 26px; background: transparent; border: solid 2px #fff; }
.banner-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
.partners-logo img { filter: grayscale(100%); }
.partners-logo:hover img { filter: grayscale(0%); }
.partners-logo { cursor: pointer; }
.mb_100 { margin-bottom: 100px; }
.py_100 { padding-top: 100px; padding-bottom: 100px; }
.txt-block-1 p { font-weight: 500; }
 @media only screen and (max-width: 820px) {
.cl2-right { width: 100%; }
.cl2-left { width: 100%; }
.emailblock a { font-size: 16px; }
.top-contact a { font-size: 25px; }
.top-contact { font-size: 13px; }
.but { padding: 10px 10px; }
.banner-txt-block-main h1 { font-size: 60px; line-height: 66px; }
.banner-txt-block-main h4 { font-size: 25px; }
.block-01 { width: 100%; }
.block-02 { width: 100%; }
.number-block { font-size: 58px; }
.font-50 h2 { font-size: 44px; }
.list-style-01 li { font-size: 18px; }
p { font-size: 16px; }
.title-block-01 h2 { font-size: 25px; margin-top: 20px; }
.title-block-01 h3 { font-size: 18px; }
.icn-txt-block h4 { font-size: 16px; }
.service-block-h h2 { font-size: 40px; }
.service-block-h h5 { font-size: 24px; }
.testi-txt p { font-size: 19px; }
.testi-txt h4 { font-size: 19px; }
.testi-txt span { font-size: 17px; }
.blog-thumb-txt h4 { font-size: 16px; }
.link { font-size: 13px; }
.emailblock img { width: 20px; }
.mb_100 { margin-bottom: 50px; }
.py_100 { padding-top: 50px; padding-bottom: 50px; }
}
/* .nav-tabs .active .icn-box-01{ background: #b91119;} */

.b-style-03 { color: #e01a24; padding: 0; font-weight: 500; font-size: 20px; }
.b-style-03:hover { color: #9d0c12; }
.title-30 h2 { font-size: 30px; }
 @media only screen and (max-width: 768px) {
.partner-wrapper .but { margin-bottom: 20px; }
.emailblock a { font-size: 13px; }
.cta-bar-wrapper h2 { padding: 0; }
.emailblock { width: 50%; margin-left: 0; padding-left: 13px; }
.top-contact { width: 50%; }
.mob-hide { display: none; }
#banner-logo { width: 85px; }
.banner-txt-block-main h1 { font-size: 47px; line-height: 52px; }
.title-block-01 h2 { line-height: 18px; font-size: 22px; margin-top: 20px; }
.positionimg { display: none; }
.service-block-h h2 { font-size: 25px; }
.service-block-h h5 { font-size: 19px; }
.blog-txt-01 h4 { font-size: 20px; }
.blog-txt-01 span { font-size: 13px; }
.blog-txt-01 p { font-size: 14px; line-height: 18px; }
.blog-thumb-txt h4 { font-size: 13px; }
.social-row-01 h4 { font-size: 20px; }
.footer-cl { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #6b6b6b; }
.copy-block { text-align: center; }
.top-contact { padding-right: 15px; }
.mb_100 { margin-bottom: 30px; }
.py_100 { padding-top: 30px; padding-bottom: 30px; }
}
 @media only screen and (max-width: 480px) {
.client-logo { width: 50%; }
.copy-block .justify-content-end { justify-content: center !important; }
.row { width: auto; }
.icn-box-01 { width: 65px; height: 65px; }
}
.icn-box-01 img { padding: 10px; }
.shadow { box-shadow: 0px 2px 5.52px 0.48px rgba(0, 0, 0, 0.24); border-radius: 10px; }
/* 
font-family: 'Audiowide', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Prompt', sans-serif; */


.nav-item { cursor: pointer; }
.nav-item:hover .icn-box-01 { background: #b91119; }
/* Contact Us */ 
 
 
.contact-elemet-wrapper .paragraph-style { margin-bottom: 6px; }
.page-banner-sty { height: 350px; align-items: center; display: grid; padding-top: 200px; }
.Contact-page-banner { background: url(../images/contact-banner.jpg) rgb(27 27 27); background-blend-mode: soft-light; text-align: center; background-position: bottom; background-size: cover; }
h1.page-main-title { font-family: 'Prompt'; color: #fff; font-weight: 500; font-size: 50px; }
.container-fluid.contatc-wrapper { padding-top: 80px; padding-bottom: 80px; background-image: url(../images/banner-bgf-contact.png); background-size: cover; background-attachment: fixed; background-position: top center; }
.col.contact-inner-box-sty { border: 1px solid #dadada; border-radius: 16px; margin: 15px; padding: 30px; }
.col.contact-inner-box-sty:hover { box-shadow: 0px 3px 7px #ccccccb0 !important; transition-duration: 0.8s; background: #f9f9f9; }
.contact-inner-box-sty h5.title-black { font-weight: 600; color: #e01a24; font-family: 'Prompt'; font-weight: 500; }
.row.contact-elemet-wrapper { width: 88%; margin: auto; padding-top: 20px; }
.row.contact-form-wrapper { width: 86%; margin: auto; }
.form-inner-wrapper { background: #434549; padding: 40px; border-radius: 12px; }
.form-inner-wrapper h5 { font-weight: 600; }
.contact-inner-box-sty .fa { font-size: 50px; color: #434549; margin-bottom: 10px; }
.contact-form-wrapper .form-control { display: block; width: 100%; font-family: 'Montserrat'; font-weight: 500 !important; font-size: 16px; padding: .375rem .75rem;
font-weight: 400; line-height: 1.5; background-color: #FFFFFF; border: none; -moz-appearance: none; border-radius: 6px; height: 50px !important; margin-bottom: 17px; }
.contact-form-wrapper .form-control-message { display: block; font-family: 'Montserrat'; font-weight: 500 !important; font-size: 16px; width: 100%; padding: .375rem .75rem;
font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; border: none; -moz-appearance: none; border-radius: 6px; height: 160px !important; margin-bottom: 17px; }
.map-inner-wrapper { padding-left: 40px; }
.form-control:focus { box-shadow: initial; border: 2px solid; color: #fff !important; border: none; }
.container-fluid.container-fluid-pdng.footer-bg-no-cta { background: #434549; padding-top: 90px; margin-top: 0; padding-bottom: 60px; }
.form-group-btn { text-align: end; }
input.form-control-btn { width: 50%; }
.contact-map { width: 72%; border-radius: 12px; margin-top: 60px; }
.contact-map img.img-fluid { border-radius: 20px; box-shadow: 1px 1px 6px #ccc; }
.map-inner-wrapper h5 { color: #e01a24; font-family: 'Prompt'; font-weight: 500; font-size: 20px; }
.form-inner-wrapper h5 { color: #ffffff; font-family: 'Prompt'; font-weight: 500; font-size: 20px; }
.form-inner-wrapper p { font-size: 14px; font-family: 'Montserrat', sans-serif; color: #ffffff; font-weight: 600; }
input.form-control-btn.button-sty-fill-white { border-radius: 30px; border: none; background: #e01a24; color: #fff; font-family: 'Prompt', sans-serif; font-weight: 500; }
input.form-control-btn.button-sty-fill-white:hover { border-radius: 30px; border: none; background: #fff; color: #222; font-family: 'Prompt', sans-serif; font-weight: 500; }
@media only screen and (max-width: 480px) {
h1.page-main-title { font-size: 34px; }
.page-banner-sty { height: 360px; padding-top: 150px; }
}
@media only screen and (max-width: 768px) {
h1.page-main-title { font-size: 38px; }
.page-banner-sty { height: 360px; padding-top: 150px; }
}
@media only screen and (max-width: 1024px) {
h1.page-main-title { font-size: 34px; }
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1920px) {
}
@media only screen and (min-width: 2500px) {
}
/* news */ 

.news-page-banner { background: url(../images/news.jpg) rgb(27 27 27); background-blend-mode: soft-light; text-align: center; background-position: bottom; background-size: cover; }
.main-blog { padding-top: 60px; }
.main-blog-card { margin-top: 30px !important; }
.date-auther-sty { padding-top: 15px; }
.hom-blog-wrapper .col-4.blog-box-sty { margin-bottom: 30px !important; }
span.auther-list-blog { font-weight: 600; }
.date-list-auther-sty { padding-left: 15px; padding-bottom: 15px; font-size: 14px !important; color: #979494 !important; font-family: 'Montserrat'; margin-top: -6px; font-weight: 500 !important; }
.auther-blog { color: #434549; font-weight: 600; font-size: 18px; }
.blog-page-banner { background: url(../images/blog-banner.png) rgb(27 27 27); background-blend-mode: soft-light; text-align: center; background-position: bottom; }
.blog-sidebar { padding-left: 40px; }
input.search-form.me-2 { width: 100%; border: 2px solid #ccc; color: #434549 !important; border-radius: 10px; padding: 10px; font-size: 15px; font-weight: 600; }
input.search-form.me-2 { outline: none !important; }
.mini-title { font-weight: 700; margin-top: 20px; margin-bottom: 20px; }
.post-similar .card-img-left { width: 30% !important; }
ul.post-tag { list-style: none; padding: 0; }
.blog-tag li { background: #434549; display: inline-block; color: #fff; font-size: 12px; font-weight: 600; padding: 10px; margin-bottom: 6px; border-radius: 6px; }
.blog-tag li:hover { background: #434549; }
.blog-list { margin-bottom: 15px; }
.post-similar a:hover { color: #434549; }
img.img-fluid.blog-feature-img { width: 100%; border-radius: 10px; }
.blog-box-sty p { font-size: 14px; font-family: 'Montserrat', sans-serif; color: #292929; font-weight: 500; padding-left: 15px; line-height: 1.4em; padding-right: 15px; }
.col-4.blog-box-sty { background: #f9f9f9; padding: 0; width: 30%; margin: 0 1.6%; border-radius: 12px; }
.blog-box-sty h6 { padding-left: 15px; padding-right: 15px; color: #222; font-family: 'Prompt'; font-weight: 500; margin-top: 10px; font-size: 18px; }
.blog-box-sty:hover h6 { color: #e01a24 !important; }
@media only screen and (max-width: 480px) {
.col-4.blog-box-sty { background: #f9f9f9; padding: 0; width: 97%; margin: -10px 1.6%; border-radius: 12px; }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1920px) {
}
@media only screen and (min-width: 2500px) {
}
/* news detilas*/ 

.news-detila-page-banner { text-align: center; background: #111; padding-left: 20%; padding-right: 20%; }
.blog-det-banner-sty { height: auto; padding-top: 250px; padding-bottom: 100px; }
h5.meta { font-family: 'Montserrat'; }
.title-block-recnd h2 { padding-top: 0; margin-top: 0; color: #111111; font-family: 'Prompt'; font-size: 36px; font-weight: 500; }
.container.blog-detail-inner-wrapper { margin-top: -80px; width: 70%; }
.blog-detail-inner-wrapper img { width: 100%; border-radius: 12px; padding-bottom: 20px; }
.blog-detail-inner-wrapper p { font-size: 16px; font-family: 'Montserrat', sans-serif; color: #292929; font-weight: 500; }
/* partners */ 

.parteners-page-banner { background: url(../images/partners.jpg) rgb(27 27 27); background-blend-mode: soft-light; text-align: center; background-position: bottom; background-size: cover; }
.row.partner-logo-wrapper { margin: auto; }
/* Spaceing */ 
.co-padding-top { padding-top: 80px; }
.co-padding-bottom { padding-bottom: 80px; }
.co-padding-all { padding-bottom: 80px; padding-top: 80px; }
.padding-top-no { }
 @media only screen and (max-width: 480px) {
.title-block-recnd h2 { margin-bottom: -26px; }
.news-detila-page-banner { text-align: center; background: #111; padding-left: 2%; padding-right: 2%; }
.blog-det-banner-sty { height: auto; padding-top: 192px; padding-bottom: 100px; }
.padding-top-no { padding-top: 0 !important }
.co-padding-top { padding-top: 40px; }
.co-padding-bottom { padding-bottom: 40px; }
.co-padding-all { padding-bottom: 40px; padding-top: 40px; }
.container.blog-detail-inner-wrapper { margin-top: -80px; width: 100%; }
}
@media only screen and (max-width: 768px) {
.map-inner-wrapper h5 { padding-top: 20px; }
.col.contact-inner-box-sty { flex: inherit; }
.title-block-recnd h2 { margin-bottom: -26px; }
.news-detila-page-banner { text-align: center; background: #111; padding-left: 2%; padding-right: 2%; }
.blog-det-banner-sty { height: auto; padding-top: 192px; padding-bottom: 100px; }
.container.blog-detail-inner-wrapper { margin-top: -80px; width: 100%; }
.co-padding-top { padding-top: 40px; }
.co-padding-bottom { padding-bottom: 40px; }
.co-padding-all { padding-bottom: 40px; padding-top: 40px; }
}
@media only screen and (max-width: 1024px) {
.col.contact-inner-box-sty { flex: inherit; }
.blog-det-banner-sty { height: auto; padding-top: 192px; padding-bottom: 100px; }
.news-detila-page-banner { text-align: center; background: #111; padding-left: 2%; padding-right: 2%; }
.container.blog-detail-inner-wrapper { margin-top: -80px; width: 100%; padding: 0; }
.co-padding-top { padding-top: 40px; }
.co-padding-bottom { padding-bottom: 40px; }
.co-padding-all { padding-bottom: 40px; padding-top: 40px; }
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1920px) {
}
@media only screen and (min-width: 2500px) {
}
/*//// Spaceing */ 


/* services */ 


.services-page-banner { background: url(../images/services.jpg) rgb(27 27 27); background-blend-mode: soft-light; text-align: center; background-position: bottom; background-size: cover; }
.ser-box-sty img { border-radius: 10px; width: 100%; }
img.ser-icon-sty { background: #111; width: 20%; padding: 15px; margin-left: 15px; margin-top: -35px; }
.ser-box-sty:hover img { background: #e01a24; }
.ser-box-sty h3 { padding-left: 15px; padding-right: 15px; color: #222; font-family: 'Prompt'; font-weight: 500; margin-top: 10px; font-size: 18px; }
.ser-box-sty p { font-size: 14px; font-family: 'Montserrat', sans-serif; color: #292929; font-weight: 500; padding-left: 15px; line-height: 1.4em; padding-right: 15px; }
.ser-box-sty a { margin-left: 15px; color: #222; font-family: 'Prompt'; font-weight: 500; font-size: 14px; }
.ser-box-sty:hover a { color: #e01a24; ; }
.col-4.ser-box-sty { padding: 0; margin: 1%; width: 31.3%; border-radius: 10px; padding-bottom: 15px; box-shadow: 0px 3px 30px 0px rgba(16, 23.000000000000032, 46, 0.1); }
 @media only screen and (max-width: 480px) {
.col-4.ser-box-sty { padding: 0; margin: 1%; width: 98%; border-radius: 10px; padding-bottom: 15px; box-shadow: 0px 3px 30px 0px rgba(16, 23.000000000000032, 46, 0.1); margin-bottom: 20px; }
}
@media only screen and (max-width: 768px) {
.col-4.ser-box-sty { padding: 0; margin: 1%; width: 98%; border-radius: 10px; padding-bottom: 15px; box-shadow: 0px 3px 30px 0px rgba(16, 23.000000000000032, 46, 0.1); margin-bottom: 20px; }
}
@media only screen and (max-width: 1024px) {
.col-4.ser-box-sty { padding: 0; margin: 1%; width: 98%; border-radius: 10px; padding-bottom: 15px; box-shadow: 0px 3px 30px 0px rgba(16, 23.000000000000032, 46, 0.1); margin-bottom: 20px; }
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1920px) {
}
@media only screen and (min-width: 2500px) {
}
/* services detial*/ 


.ser-detail-page-banner { background: url(../images/services.jpg) rgb(27 27 27); background-blend-mode: soft-light; text-align: center; background-position: bottom; background-size: cover; }
.col.ser-cot-box { flex: inherit; padding: 20px 0px; border-bottom: 1px solid #ccc; }
.ser-cot-box .fa { font-size: 30px; }
.ser-cot-box p { font-size: 16px; font-family: 'Montserrat', sans-serif; color: #747474; font-weight: 600; }
 @media only screen and (max-width: 480px) {
.ser-detil-wrapper .container { padding: 0; }
.counter-box-2 { margin-left: 0; margin-right: 0; }
}
@media only screen and (max-width: 768px) {
.counter-box-2 { margin-left: 0 !important; margin-right: 0 !important; }
.counter-box-4 { margin-left: 0 !important; }
.job-txt-wrapper { flex: 0 0 auto; width: 100% !important; align-self: center; }
.py_100 { padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; }
.py_100 { padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; }
.row.contact-form-wrapper { width: 95%; margin: auto; }
.ser-detil-wrapper .container { padding: 0; }
.form-inner-wrapper { background: #434549; padding: 15px; border-radius: 12px; }
.map-inner-wrapper { padding-left: 0px; }
.row.contact-elemet-wrapper { width: 100%; margin: auto; padding-top: 20px; }
.row.contact-elemet-wrapper { width: 100%; margin: auto; padding-top: 20px; }
.job-list-wrapper .title-block-01 h2:after { content: ""; display: block; width: 90px; height: 3px; background: #e01a24; bottom: 0; margin-top: 8px !important; }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1920px) {
}
@media only screen and (min-width: 2500px) {
}
/* services detial*/ 


.job-page-banner { background: url(../images/blog-img-01.jpg) rgb(27 27 27); background-blend-mode: soft-light; text-align: center; background-position: bottom; background-size: cover; }
.job-txt-wrapper { flex: 0 0 auto; width: 50%; align-self: center; }
.job-list-wrapper .title-block-01 h2:after { content: ""; display: block; width: 90px; height: 3px; background: #e01a24; bottom: 0; }
/* about*/ 
.about-page-banner { background: url(../images/banner-main-01.jpg) rgb(27 27 27); background-blend-mode: soft-light; text-align: center; background-position: bottom; background-size: cover; }
.counter-box-2 { margin-left: -4%; margin-right: 4%; }
.counter-box-4 { margin-left: -2%; }
.row.coutner-wrapper { background: #f6f6f6; border-radius: 16px; box-shadow: 0px 3px 30px 0px rgb(61 61 61 / 24%); padding: 40px; }
.counter-main-wrapper.number-block { font-size: 50px; }
.vis-title-wrapper { float: left; }
.vis-cnt-wrapper { display: grid; }

/* about jpurney*/ 
.co-journey { }
.journey-wrapper { background-image: url(../images/map-bg.png); background-size: cover; background-position: center; }
.journey-wrapper h2 { padding-top: 0; margin-top: 0; color: #111111; font-family: 'Prompt'; font-size: 36px; font-weight: 500; letter-spacing: -1px; }
.journey-text-wrapper hr { width: 10%; margin: auto; margin-bottom: 40px; border: 2px solid #e01a24; opacity: 1; }
.journey-text-wrapper { text-align: center; }
.journey-timeline-wrapper { }
.circle { font-family: 'Prompt'; padding: 13px 20px; border-radius: 10%; background-color: #e01a24; color: #fff; max-height: 50px; z-index: 2; opacity: 1; }
.how-it-works.row .col-2 { align-self: stretch; }
.how-it-works.row .col-2.bottom::after { height: 50%; left: 50%; top: 50%; }
.how-it-works.row .col-2.full::after { height: 100%; left: calc(50% - 3px); }
.how-it-works.row .col-2.top::after { height: 50%; left: 50%; top: 0; }
.timeline div { padding: 0; height: 40px; }
.timeline hr { border-top: 3px solid #e01a24; margin: 0; top: 17px; position: relative; opacity: 1; }
.timeline .col-2 { display: flex; overflow: hidden; }
.timeline .corner { border: 3px solid #e01a24; width: 100%; position: relative; border-radius: 15px; }
.timeline .top-right { left: 50%; top: -50%; }
.timeline .left-bottom { left: -50%; top: calc(50% - 3px); }
.timeline .top-left { left: -50%; top: -50%; }
.timeline .right-bottom { left: 50%; top: calc(50% - 3px); }
 @media only screen and (max-width: 767px) {
.journey-timeline-wrapper .col-2 { flex: 0 0 auto; width: 20%; }
.journey-timeline-wrapper .col-6 { flex: 0 0 auto; width: 80%; }
.journey-timeline-wrapper .col-8 { flex: 0 0 auto; width: 60%; }
.row.timeline { width: 100%; }
.journey-timeline-wrapper .col-6.text-right { padding-right: 12px; }
.journey-timeline-wrapper .text-sty-left { padding-left: 10px; }
.journey-timeline-wrapper { width: 113%; }
}
.ach .col-lg-5 {
    flex: 0 0 auto;
    width: 100%;
}

.ach .col-lg-7 {
    width: 100%;
    padding: 0;
    padding-left: 0 !important;
}



.ach .why-box-1 {

    height: 90px;
}
.ach{
    background: url(https://demo2x.com/clutch/cms/wp-content/uploads/2023/11/banner-main-01.jpg) rgb(27 27 27);
    background-blend-mode: soft-light;
    background-size: cover;
}


.social-row-01 .col-sm-5{width:100%;}


.social-row-01 .fa {
    font-size: 18px;
    border: 2px solid #d42129;
    color: #d42129;
    border-radius: 60px;
    width: 36px;
    height: 36px;
    text-align: center;
    align-items: center;
    display: grid;
}
.social-row-01 i.fab.fa:hover {
   
    
    color: #ffffff;
   
    background: #d42129;

}

.awsm-job-wrap h2{font-family: 'Montserrat'!important;}
.awsm-job-wrap p{font-family: 'Montserrat'!important;}
.awsm-grid-item{
    font-family: 'Montserrat'!important;
}


.awsm-job-wrap {
    font-family: 'Montserrat' !important;
    font-weight: 500;
}

.awsm-job-item h2.awsm-job-post-title {
    color: #e01a24!important;
    font-family: 'Prompt';
    font-weight: 500;
}

a.awsm-job-item {
    border-radius: 10px !important;
    background: #2a2a2a;
    border: none !important;
    box-shadow: 0px 0px 10px #00000012 !important;
}

a.awsm-job-item:hover {

    background: #f6f6f6;
    
}

span.wpcf7-spinner {
    position: absolute;
    margin-left: -30px;
    margin-top: 11px;
}

footer p {
    font-size: 15px!important;}
    
a, .la-ball-triangle-path {
    color: #e80000;
}

.social-box {
font-size: 18px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: none !important;
    color: #e01a24;
    font-family: 'Montserrat';
}



img.img-fluid.blog-feature-img {
    object-fit: cover !important;
    height: 228px;
    width: auto !important;
}

@media screen and (max-width: 600px) {}
@media screen and (min-width: 768px) {
.form_left {
    padding-right: 80px;
}

}
@media screen and (max-width: 767px) {
.form_left {
    padding-right: 0px;
}

}
.form_right input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
    font-size: 15px;
    font-weight: 500;
}
.form_right textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control-message {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}

.form-group .form-control-message {
    width: 100%;
    overflow: hidden;
    font-size: 1rem;
}
.col.serv_list_col {
    flex: inherit;
    
    margin-bottom: -30px;
}

@media only screen and (max-width: 767px){

.col.serv_list_col {

    margin-bottom: 0;
}
.row.serv_list {
    margin-bottom: 25px;
}

}