/*
Theme Name: Excel
Text Domain: #
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 
Author: Francis 
Author URI: #
Theme URI: #
 */


@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: 'Poppins', sans-serif; font-size:16px; color:#231f20; line-height:22px; background:#fff; min-height:100%;}
p{ margin:0px; padding:0px 0 25px 0; font-family: 'Poppins', sans-serif; font-size:16px; color:#231f20; line-height:22px;}
h1{ margin: 0; padding:0px 0 25px 0; font-family: 'Poppins', sans-serif; font-size: 50px; line-height:54px; padding-bottom: 20px; margin:0px; color:#231f20;}
h2{ margin: 0; padding:0px 0 25px 0; font-family: 'Poppins', sans-serif; font-size: 50px; line-height:54px; padding-bottom: 20px; margin:0px; color:#231f20;}
h3{ margin: 0; padding:0px 0 25px 0; font-family: 'Poppins', sans-serif;}
h4{ margin: 0; padding: 0; font-family: 'Poppins', sans-serif;}
h5{ margin: 0; padding: 0; font-family: 'Poppins', sans-serif;}
h6{ margin: 0; padding: 0; font-family: 'Poppins', sans-serif;}

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;color:#4c7998;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img {max-width: 100%;height: auto;object-fit: cover; -webkit-object-fit: cover;}

.no-pad { padding:0px !important;}
.no-mag { margin:0px !important;}

/*	Reset style			*/
::-moz-selection { color: #fff; background: #c0262e;}
::selection {  color: #fff; background: #c0262e;}

/* for footer contact */
.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#000000;opacity:1}
.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {color:#000000;opacity:1}
.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#000000;opacity:1}
.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder {color:#000000;opacity:1}

.form-control, input[type="text"],input[type="tel"],input[type="email"],textarea,input[type="password"],input[type="number"], select { display: block; width: 100%; font-family: 'Poppins', sans-serif; font-size: 17px; color: #000000; height: auto; background-color:transparent; padding: 8px 15px; margin-bottom: 20px; outline: none; border-radius: 0; box-shadow: none; line-height: normal; border:none; border: 1px solid #f2622b;
appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
textarea.form-control, textarea {height:110px;resize:none; overflow:hidden; padding:8px 15px; margin-bottom:20px}
.form-control:focus,textarea.form-control:focus {outline:none;box-shadow:none; border: 1px solid #f2622b; background-color:transparent;}
/* for footer contact */

select.form-control { -webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%; border: 1px solid #bcbcbc; border-radius: 5px; box-shadow: none; background: url(images/down-arrow.png) no-repeat 78.5% center; font-size: 16px; color: #7e7e7e;height: 35px; padding: 0 15px; font-family: 'Poppins', sans-serif; line-height: normal;font-weight: 400; text-transform: none;    cursor: pointer; background-color: #fff;}
select.form-control:focus {border:1px solid #bcbcbc;outline: none;background:url(images/down-arrow.png) no-repeat 78.5% center #fff;}
select.form-control option {color:#1f1f1f; font-size:16px; font-weight:400;}

.btn, .btn:active, .btn.active { position: relative; font-family: 'Poppins', sans-serif;     font-size: 16px;    line-height: 24px;    padding: 6px 31px; color: #fff; font-weight: 500; outline: none; border: none; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 10px; 
background: rgb(250,164,60);
background: -moz-linear-gradient(90deg, rgba(250,164,60,1) 0%, rgba(241,92,42,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(250,164,60,1) 0%, rgba(241,92,42,1) 100%);
background: linear-gradient(90deg, rgba(250,164,60,1) 0%, rgba(241,92,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faa43c",endColorstr="#f15c2a",GradientType=1);
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0;box-shadow:none; color:#fff;}
.btn:hover { color:#fff; background: rgb(241,92,42);
background: -moz-linear-gradient(90deg, rgba(241,92,42,1) 0%, rgba(250,164,60,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(241,92,42,1) 0%, rgba(250,164,60,1) 100%);
background: linear-gradient(90deg, rgba(241,92,42,1) 0%, rgba(250,164,60,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f15c2a",endColorstr="#faa43c",GradientType=1);}
 
.padTopbtm{padding:90px 0;}
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
.tableWidth-full {width:100%;}
.tableWidth-half {width:50%; height:100%}

/*		menu style		*/
.navWrap { position: relative; z-index: 9; float: none; margin: 0px auto; left: 0px; right: 0px; display: inline-block; vertical-align:middle;}
.navigation ul{ margin:0px; padding: 0px; list-style: none; }
.navigation ul > li{ float: none; display: inline-block; vertical-align: top;position: relative; margin:0px; border-right:0;}
.navigation ul > li:after { display:none;}
.navigation ul > li:last-child { margin-right:0;}
.navigation ul > li:first-child { margin-left:0;}
.navigation ul > li > a{ color: #fff; line-height: normal; display: block; font-size: 20px; line-height:24px; padding:21px 35px; display: block; text-transform: uppercase;}
.navigation ul > li.arrow > a {padding-right:18px;}
.navigation ul > li:hover > a { color: #4f504e; background-color:#f7ce44;}
.navigation ul > li.active > a { color: #4f504e; background-color:#f7ce44;}
.navigation ul > li ul { visibility: hidden; opacity: 0;position: absolute; top: 75px; left:0px; width: 100%; transform: translateY(60%); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 210px; background: #ffffff; border: 0; border-radius: 0px; padding:0px;  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.navigation ul > li:hover > ul {visibility: visible; opacity: 1; z-index: 10; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; text-align: left; top: 66px;}
.navigation ul > li > ul li{ display: block; margin: 0px; padding:0; text-align:left;}
.navigation ul li > ul li a {color: #192340;border:0;padding: 13px 20px 13px 13px; margin:0; border-radius:0; height:auto; line-height:normal; font-size: 15px; line-height: normal;text-transform: uppercase;}
.navigation ul > li > ul li:last-child a {border-bottom:0;}
.navigation ul > li > ul > li:hover > a {color: #5d5552;
    background-color: #f7ce44;}
.navigation ul > li > ul li.has-children:hover:after { color:#fff;}
.navigation ul > li > ul li.active a { color:#204662;}
.has-children:after { content: '\f054'; position: absolute; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; top: 0px; right: 19px; bottom: 0px; margin: auto; height: 25px;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.navigation ul > li > ul > li > ul { visibility: hidden; opacity: 0;position: absolute; top: -6px; left: 212px; width: 100%; transform: translateY(60%); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 210px; background: #ffffff; border: 0; border-radius: 0px; padding:6px; border-radius: 10px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
.navigation ul > li > ul > li:hover > ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; text-align: left;}
.navigation ul li > ul li > ul li{ display: block; margin: 0px; padding:0; text-align:left;}
.navigation ul li > ul li > ul li a {color: #192340;border:0;padding: 13px 20px 13px 13px; margin:0; border-radius:0; height:auto; line-height:normal; font-size:15px; line-height:19px; text-transform:none; text-transform:mormal; border-radius:0;}
.navigation ul li > ul li > ul li:last-child a {border-bottom:0;}
.navigation ul li > ul li > ul li:hover a {color:#fff; background-color: #dc081b;}

.header-bottom { width:100%; position:relative; background-color:#5d5552;}

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:42px; padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:10px 13px 9px 13px;position:relative;top:0px;right:0;left:0 !important;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700; background-color:#ef4a2a; margin:0;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#ef4a2a;margin-top:7px; position: absolute;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%; box-sizing: border-box;}
.mean-container .mean-nav ul li a{display:block;float:left;width:100%;padding:9px 5%; font-size:15px;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase; box-sizing: border-box;}
.mean-container .mean-nav ul li:first-child a {border-top:0;}
.mean-container .mean-nav ul li li a{  width: 100%; padding: 9px 50px; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255,255,255,0.25);opacity: .75; filter: alpha(opacity=75); text-shadow: none!important; visibility: visible; box-sizing: border-box; font-size: 13px; background-color: #400204;}
.mean-container .mean-nav ul li li.active a {background:#4c7898;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{    width: 100%; padding: 9px 10%;}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav > ul > li.active > a, .mean-container .mean-nav > ul > li.current_page_item > a, .mean-container .mean-nav > ul > li > a:hover{background:#ad3119;}
.mean-container .mean-nav ul li a.mean-expand{margin-top:0px;width:42px;height:42px;padding:9px 12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:#8c0208;border:none!important;border-left:1px solid rgba(255,255,255,0.4)!important;border-bottom:1px solid rgba(255,255,255,0.2)!important; color:  #fff}
.mean-container .mean-nav ul li a.mean-expand:hover{background: #8c0208;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.small_nav{ position: relative; }

/* triangle-box */
.triangle-box {width: 0;height: 0;border-style: solid;border-width:0 45px 45px 0;border-color:transparent #ef4a2a transparent transparent; position:absolute; right:0; top:0; z-index:111; cursor:pointer; display:none;}
.triangle-box.active {border-color:transparent #c14d32 transparent transparent; }
.triangle-box i {color:#fff; font-size:14px;}
.triangle-box .fa-plus { margin: 5px 0 0 25px; }
.triangle-box .fa-minus {display:none;margin:8px 0 0 25px; color: #ffffff;}
.triangle-box.active .fa-plus {display: none;}
.triangle-box.active .fa-minus {display: block;}

/* scroll top */
.scrollTop { position: fixed; width: 35px; bottom: 2%; right: 1%; background-color: #f15c2b;color: #fff; font-size: 18px; line-height: 31px; opacity: 0; visibilty: hidden; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; text-align: center; border: 2px solid #f15b2b; border-radius: 10px;}
.scrollTop:hover, .scrollTop:focus{ color: #df4623; border: 2px solid #df4623; background-color: #fff;}
.scrollTop.pop{opacity:1; visibility:1;}

/* header */
.mainhd{ position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; padding: 33px 0px 0px;}
.header-bot{ padding:9px 0 14px;}
.logo{ width: 100%; float: left; max-width:340px; padding: 0px;  margin: 2px 0px;}
.group-nav-right { position:relative; margin:0px; padding:0px 0px; float: right;}
.group-nav-right .group-click-con { max-width:152px; position:relative; float:left;}
.group-nav-right .group-click-con p { padding: 0px; margin: 20px 0px 7px; color: #fff; line-height: 17px; }
.nav-outer{float: right;}
.lansl {width: 62px; float: left; margin: 63px 0 0 25px;}
/*Header end*/

/*Banner*/
.banner {position: relative; width:100%;}
.banner img { width: 100%;}
.banner .container{position: absolute; top:calc(50% + 65px); transform: translateY(-50%); left:0; right:0; text-align: center;}
.banner h2{ font-size:50px; line-height: 61px; color: #fff; padding: 0px 0px 25px; margin-bottom: 0;}
.banner h2 span{ font-weight: 600;}
.banner p {font-size: 22px; line-height: normal; color :#fff; margin-bottom: 0; padding: 0px 0px 50px;}
.adjust-banner-content { max-width:680px; float:left; width:100%; text-align:left;}
/*Banner*/

/* solutions-section */
.solutions-section { width:100%; position:relative; float:left; margin:0px; padding:85px 0px;text-align: center;}
.solutions-section h1 { display:inline-block; position:relative; background-color:#fff; padding: 5px 10px; margin-bottom:106px; font-size:64px; line-height:64px; font-weight:600; text-shadow: 3px 2px 0px #a3a3a3; color: #000;}
/*.solutions-section h1:before {content: ' '; position: absolute; width: calc(100% + 15px); border: 1px solid #ccc; height: 51px; left: -7px; right: 0px; margin: auto; z-index: -1; bottom: -15px;}*/
.solution-columns { width:100%; position:relative; margin:0px; padding:0px;}
.solution-columns .row { margin-left:-30px; margin-right:-30px;}
.solution-columns .row [class*="col-"] { padding:0px 30px;}
.solution-columns .row [class*="col-"]:first-child:after { content:' '; position:absolute; right:0px; top:0; bottom:0; width:1px; background-color:#7f7f7f;}
.supply-only { width:100%;  margin-bottom: 20px;  position: relative;}
.supply-only .heading-text { text-align:center; position:relative; margin:0px 0px 40px;}
.supply-only .heading-text h2 { font-size:36px; line-height:38px; color:#000; font-weight:500; margin: 0px; padding: 0px;}
.supply-only .heading-text h3 { font-size:24px; line-height:35px; color:#f2622b; font-weight:600; margin: 0px 0px 5px; padding: 0px;}
.supply-only .heading-text h4 { font-size:22px; line-height:24px; color:#231f20; font-weight:600; margin: 0px; padding: 0px;}
.supply-only .ul-listing { position:relative; float:left; width: 100%;}
.supply-only .ul-listing ul { padding:0px; margin:0px 0px 15px; list-style:none;}
.supply-only .ul-listing ul li { text-align:left; margin:0px; padding:0px 0px 15px 27px; border-bottom:1px solid #ccc; font-size:20px; line-height:24px; color:#231f20; font-weight:600; position:relative; margin-top: 15px;}
.supply-only .ul-listing ul li:before { content:' '; position:absolute; left:0px; top:4px; width:14px; height:14px; background-image:url(images/circle-dots.png); background-repeat:no-repeat; background-size:contain;}
.supply-only .ul-listing ul li:last-child { border:none;}
.supply-only p { text-align:left;}
.benefits-listing { width:100%; position:relative; float:left; margin:0px; padding:0px; text-align:left; }
.benefits-listing h3 { position:relative; font-size:28px; line-height:34px; color:#f2622b; font-weight:600; padding: 0px 0px 40px 0px;}
.benefits-listing { position:relative;   margin: 0px; padding: 0px 0px 30px;}
.benefits-listing ul { padding:0px; margin:0px 0px 15px; list-style:none;}
.benefits-listing ul li { text-align:left; margin:0px; padding:0px 0px 15px 30px; position:relative;}
.benefits-listing ul li:before { content:' '; position:absolute; left:0px; top:1px; width:15px; height:16px; background-image:url(images/trick-icon.png); background-repeat:no-repeat;}
.how-it-work-section { width:100%; position:relative;  margin:0px 0px 60px; padding:0px;}
.how-it-work-section h3 { position:relative; font-size:28px; line-height:34px; color:#f2622b; font-weight:600; padding: 0px 0px 40px 0px;}
.how-it-work-section ul { list-style:none; padding:0px; margin:0px -15px;text-align: center;}
.how-it-work-section ul li { display:inline-block; position:relative; padding:0px 15px; width:calc(99% / 2);     vertical-align: top;}
.work-item-bx { width:100%; position:relative; margin:0px; padding:0px;}
.work-item-bx .hex-item { width:107px; height:123px; position:relative; margin:0px auto 15px; background-image:url(images/hex-white.png); background-size:100%; }
.work-item-bx .hex-item span { width:58px; height:61px; position:absolute; top: 2px; right: -28px; background-image:url(images/hex-black.png); background-repeat:no-repeat; background-size:100%; box-sizing: border-box; padding: 0px 20px; line-height:61px; color:#fff; font-size:16px; font-weight:500;}

.video-excel { width:100%; position:relative; margin:0px; padding:0px;}
.video-excel .frame-vid { width: 100%; position: relative;margin: 0px;padding: 0px;border: 3px solid #fff;box-shadow: 0px 0px 15px 0px #0000002e;border-radius: 10px;overflow: hidden;}
.video-excel .frame-vid img { width:100%; height:100%; object-fit:cover;}
.video-excel .frame-vid a { width:65px; height:65px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin: auto;}

/* home-started */
.home-started {position:relative; z-index:1; background:url(images/started-bg.jpg) no-repeat 0 0; background-size:cover; text-align:center; 
padding:45px 0 40px;  width:100%;   float: left;}
.home-started p {font-weight:400; font-size:20px; color:#fff; line-height: 26px; padding:0 0 8px;}
.home-started h3 {font-weight:600; font-size:28px; color:#f15b2a; padding:0;}

/* home-faq */
.home-faq {position:relative; z-index:1; padding: 75px 0 90px; background:#e5e5e5; text-align:center; width:100%; float: left;}
.home-faq h2 {font-weight:600; font-size:48px; color:#000; padding:0; margin:0 0 50px;}
.home-faq ul {margin:0; padding:0; list-style-type:none;}
/*.faq-area {max-width:590px; margin:0 auto; }
.faq-area .faq-box {margin-top: 10px; position:relative;}
.faq-box p {display: block; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; line-height: 19px; color: #181818; position: relative; padding: 16px 16px 16px 72px; background-color: #b9b9b9; border-radius: 10px; text-align:left;}
.faq-box i {position: absolute; left: 0; top: 0; bottom:0; color: #f7e7e1; background: #f15f2b; padding: 12px 17px 12px 20px; font-size:25px; border-radius: 10px 0 0 10px; line-height: 27px;}*/

.faq_box { width:100%; padding:0px; margin:0px;}
.faq_item {text-align: left; position:relative; width:100%; margin-bottom:15px; border-radius: 14px; overflow: hidden; background-color: #fff;}
.faq_hd {margin-bottom:0px;cursor:pointer; position: relative;}
.faq_hd.closed h3 {color:#fff;}
.faq_hd h3 {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; line-height: 19px; color: #181818; position: relative; padding: 16px 16px 16px 72px; background-color: #b9b9b9; border-radius: 10px;}
.faq_hd i {position: absolute; left: 0; top: 0; bottom:0; color: #f7e7e1; background: #f15f2b; padding: 12px 17px 12px 20px; font-size:25px; border-radius: 10px 0 0 10px; line-height: 27px; z-index: 1}
.faq_cont {padding:15px 25px 5px; display:none;}
.faq_cont p {padding-bottom:10px;font-size: 15px;}

/* mainft */
.mainft {position:relative; z-index:1; background:url(images/ft-bg.jpg) no-repeat 0 0 ; background-size:cover;   width:100%;  float: left;}
.ft-top {padding:95px 0 50px; text-align:center; border-bottom:1px solid #3c3939;}
.ft-logo {width:220px; margin:0 auto 50px;}
.ft-top ul {margin:0 0 25px; padding:0; list-style-type:none;}
.ft-top ul li {font-family: 'Poppins', sans-serif; font-weight:400; font-size:16px; color:#f7e7e1; margin:0 25px; display:inline-block; position:relative;}
.ft-top ul li:after {content:''; position:absolute; width:2px; height:15px; background:#f7e7e1; top:0; bottom:0; margin:auto; right:-28px;}
.ft-top ul li:last-child:after {display:none;}
.ft-top ul li:first-child {margin-left:0;}
.ft-top ul li:last-child {margin-right:0;}
.ft-top ul li a {font-weight:500; font-size:22px; color:#f7e7e1;}
.ft-top ul li a:hover {color:#f15f2b;}
.ft-top p {font-weight:400; color:#f7e7e1; padding:0;}
.ft-top p a {font-weight:500; color:#f7e7e1; font-size:22px;}
.ft-top p a:hover {color:#f15f2b;}
.ft-bottom {padding:24px 0; text-align:center;}
.ft-bottom p {font-weight:300; font-size:14px; color:#f7e7e1; padding:0;}
.ft-bottom p a {color:#f7e7e1;}
.ft-bottom p a:hover {color:#f15f2b;}

/* excel-innovatice */
.excel-innovative { width:100%; position:relative; background-color:#fff; float:left; text-align:center; padding:90px 0px; overflow:hidden;}
.excel-innovative h2 { font-weight:600; color: #000; padding:0px 0px 60px; margin-bottom: 0;}
.group-circle { position:relative; text-align:center; max-width: 510px; height: auto; margin: 0px auto;     width: 100%;}
.group-circle .group-item-circle { width:260px; height:260px; position:relative; float:none; background-color:#ffffff; border-radius:50%; box-shadow: 0px 5px 0px 0px #d4d4d4; text-align: center; display: inline-block;}
.group-circle .group-item-circle span {position: absolute; width: 33px; height: 33px; background-color: #f1612b; border-radius: 50%; border: 3px solid #fff; box-shadow:0px 0px 15px 1px rgba(0, 0, 0, 0.3); left: 0px; top: 40px; color: #fff; line-height: 28px; font-weight: 500;}
.icon-bx-innovative { width:77px; margin:0px auto 20px; }
.group-circle .group-item-circle p { font-size:24px; line-height:26px; color:#071426; font-weight:600;}
/*.group-circle .group-item-circle:after {content: ' '; position: absolute; width: 10px; height: 10px; background-color: #faa33c; z-index: 1; top: 0px; left: 80px; border-radius: 50%;}*/
.group-circle .group-item-circle:nth-child(1) { border: 3px dotted #173c6b; z-index: 1; left: 0px; position: absolute; top: 60px; bottom: 0px; margin: auto;}
.group-circle .group-item-circle:nth-child(2) { background-color:#faa33c; margin-left: 160px;}
.group-circle .group-item-circle:nth-child(2) span { background-color:#000; left:inherit; right:0px;}
.group-circle .group-item-circle:nth-child(2) p { color:#fff;}
.group-circle .group-item-circle:nth-child(3) { background-color:#f1612b; margin-left: 160px;  margin-top: -60px;}
.group-circle .group-item-circle:nth-child(3) span { background-color:#f19931; left:inherit; right:0px;}
.group-circle .group-item-circle:nth-child(3) p { color:#fff;}
/*.group-circle .group-item-circle:nth-child(2):after { background-color:#fff; width:15px; height:15px;}*/
/*.group-circle .group-item-circle:nth-child(3):after { top:inherit; bottom:0px; left:inherit; right:80px; background-color:#fff; width:15px; height:15px;}*/

.innerPg {padding: 100px 0 110px;}
.contactPg label {font-weight: 400; font-size: 18px;margin-bottom: 5px}
.contactPg .btn {padding: 12px 45px;}

.cta{padding:20px; text-align: center; overflow: hidden}
.ctabtn{font-size: 20px;
    padding: 10px 20px;
}

.lgcl{background:#cecece; padding:5px; margin:5px}
.benefits-listing .lgcl{margin-bottom:10px}
.bnfts-logo {text-align:center;}
.bnfts-logo img {margin-bottom:15px;}
.excl-invt-top img {margin:0 15px 30px}
/**			==============	Responsive style start	============================---------------------------------------------------------------****
*********************************************--------------------------------------------------------------------------------------------------***/

/*------ adjust container media end ------*/


@media only screen and (max-width:1440px){
h1, h2 { font-size: 34px; line-height: 36px;}
.btn, .btn:active, .btn.active { font-size: 14px;}
.btn:after { right: -24px; border-top: 0px solid transparent; border-bottom: 37px solid transparent; border-left: 25px solid #f7ce44;}

}

@media only screen and (max-width:1299px){
	
.group-order-now { margin-left: 15px;}
.navigation ul > li > a { font-size: 14px;  padding: 21px 15px;}
.navigation ul li > ul li a { padding: 7px 10px; font-size: 14px }
.adjust-banner-content { max-width: 480px;}
.banner h2 { font-size: 34px; line-height: 40px; margin: 0 0 5px 0; }
.banner h6 { font-size: 16px; line-height: 20px;}

.solutions-section h1 { font-size: 50px; line-height: 50px;}

}
/*******		end 1299		*/

@media only screen and (max-width: 991px) {
/*.btn, .btn:active, .btn.active { padding: 10px 9px 11px 16px;}*/
.btn, .btn:active, .btn.active{padding: 6px 12px}
.group-click-con .btn{display:block}
h1, h2 { font-size: 30px; line-height: 34px;}
p { padding: 0px 0 15px 0; font-size:15px; line-height:24px;}

.triangle-box{display: block}
.group-order-now {display:none; position: absolute;margin: 0px;padding:37px 0px;float: none;left: 0;right: 0;top: 0px;text-align: center;background-color: #d8d8d8;z-index: 110;}
.group-nav-right { margin: 0px; padding: 0px; float: right; position: inherit;}
.group-nav-right .group-click-con p { margin: 10px 0px 7px; }
.mean-container .mean-nav { float: none; width: 100%; right: 0; z-index: 10;     margin: 40px 0 0 0; }
.nav-outer{float: none;    margin-top: 26px;}
.mean-container .mean-bar{float: right; margin: 0 10px 0 0px;}

.mainhd { padding: 20px 0px 0px;}

.banner h2 { font-size: 24px; line-height: 30px; margin: 0px 0 0px 0;}
.banner p { font-size: 16px; margin-bottom: 0; padding: 0px 0px 30px;}
.adjust-banner-content { max-width: 260px;}

.solutions-section { padding: 60px 0px 30px;}
.solutions-section h1 { margin-bottom: 60px;}
.solutions-section h1 { font-size: 30px; line-height: 30px;}
.solution-columns .row [class*="col-"]:first-child:after { display:none;}
.solution-columns .row { margin-left: -15px; margin-right: -15px;}
.solution-columns .row [class*="col-"] { padding:0px 15px;}
.supply-only .heading-text h2 { font-size: 24px; line-height: 26px;}
.supply-only .heading-text h3 { font-size: 20px; line-height: 34px;}
.supply-only .heading-text h4 { font-size: 18px; line-height: 20px;}
.supply-only .heading-text { margin: 0px 0px 15px;}
.supply-only .ul-listing ul li { font-size: 15px; line-height: 18px;}
.supply-only .ul-listing ul li:before { top: 2px;}
.supply-only { margin-bottom: 10px;}
.benefits-listing h3 { font-size: 20px; line-height: 24px; padding: 0px 0px 20px 0px;}
.benefits-listing { padding: 0px 0px 10px;}
.how-it-work-section h3 { font-size: 20px; line-height: 24px;}
.how-it-work-section { margin: 0px 0px 20px;}
.video-excel { margin: 0px 0px 30px;}

.home-started {padding: 40px 0 35px;}
.home-started h3 {font-size: 26px;}
.home-faq {padding:60px 0;}
.home-faq h2 {font-size: 38px; margin: 0 0 40px;}
.ft-top {padding: 60px 0 50px;}
.ft-logo {margin: 0 auto 40px;}
.ft-top ul {margin: 0 0 20px;}

.excel-innovative { padding: 60px 0px;}
.lansl { margin: 52px 0 0 25px; }
}
/*******		end 991		*/

@media only screen and (max-width: 767px) {
h1, h2 { font-size: 24px; line-height: 26px;}

.logo {width: 100%;float: left;max-width: 190px;padding: 0px;margin: 2px 0px;}
.mainhd { position: relative; left: 0px; top: 0px; z-index: 1; width: 100%; padding: 20px 0px; background-color: #231f20;}
.group-nav-right .group-click-con { max-width:inherit;    text-align: right;}
.mean-container .mean-nav { margin:40px 0 0 0; }
.banner .container{position: static; transform: translateY(0); background-color:#f36d2f; padding:40px 0px 30px;}
.banner h2 { font-size: 24px; line-height: 30px; margin: 0;  padding: 0px 0px 15px 0px;}
.adjust-banner-content { max-width: 360px; margin: 0px auto; float: none; text-align: center; padding: 0px 15px;}
.adjust-banner-content .btn:hover { background-color: #fff; color: #000;}
.banner p { padding: 0px 0px 15px;}
.banner:before { display:none;}

.group-order-now { padding: 15px 0px;}

.solutions-section { padding: 30px 0px 0px;}
.solutions-section h1 { font-size: 24px; line-height:24px;     text-shadow: 2px 1px 0px #a3a3a3;}
.solutions-section h1:before { height: 25px; z-index: -1; bottom: -5px;}
.solutions-section h1 {  margin-bottom: 30px;}

.how-it-work-section ul li { width:100%; margin: 0px 0px 10px;}
.how-it-work-section { padding:0px; margin:0px;}

.home-started p {font-size: 17px; line-height: 23px;}
.home-started p br {display:none;}
.home-started h3 {font-size: 21px;}
.home-started {padding: 30px 0;}
.home-faq {padding: 30px 0;}
.home-faq h2 {font-size: 26px; margin: 0 0 20px; line-height: 32px;}
.faq-box a {font-size: 15px; padding: 15px 15px 15px 52px;}
.faq-box i {padding: 12px;}
.ft-top {padding: 30px 0;}
.ft-logo {margin: 0 auto 30px;}
.ft-top ul li {display:block; margin:0 0 3px; font-size: 15px;}
.ft-top ul li:last-child {margin:0;}
.ft-top ul li:after {display:none;}
.ft-top ul li a {font-size:16px;}
.ft-top ul {margin: 0 0 15px;}
.ft-top p a {font-size:16px;}
.ft-bottom {padding: 15px 0;}
.ft-bottom p {font-size:13px; line-height: 17px;}

.excel-innovative { padding: 30px 0px;}
.innerPg {padding: 30px 0 30px;}
	.group-nav-right .group-click-con p{margin-top:0;}
	.lansl { margin: 24px 0 0 25px; }
	.lansl select{margin-bottom:0}
}
/*******	 end 767		*******/

@media only screen and (max-width: 695px){
	.logo{float: none; margin:0 auto 20px;}
	.group-nav-right{float:none; text-align: center}
	.group-nav-right .group-click-con, .lansl{display: inline-block; vertical-align: top; float: none}
}

@media only screen and (max-width: 639px){
.logo { width: 140px; float: none;     margin: 0px auto 15px;}
.group-nav-right { width:100%;}
.group-nav-right .group-click-con { float:none; margin:0px auto; text-align:center;}
.nav-outer { margin-top: 5px;}
.header-bot {padding: 25px 0;}
.mean-container .mean-nav {margin: 31px 0 0 0;}
.mean-container a.meanmenu-reveal { margin:0px; }
.triangle-box { border-width: 0 40px 40px 0;}
.triangle-box .fa-plus { margin: 5px 0 0 20px;}
.triangle-box .fa-minus { margin: 6px 0 0 20px;}
.mean-container .mean-nav ul li a { font-size: 13px;}

.banner .container { padding: 25px 0px 15px;}
.banner h2 {font-size: 20px;line-height: 24px;margin: 0;padding: 0px 0px 10px 0px;}

.excel-innovative { padding: 30px 0px 0px;}
.group-circle .group-item-circle { width: 210px; height: 210px;}
.group-circle .group-item-circle p { font-size: 20px; line-height: 24px;}
.group-circle .group-item-circle:nth-child(1) { left: 0px; position: relative; top: 0; margin-bottom: 30px;}
.group-circle .group-item-circle:nth-child(2) { margin-left: 0;}
.group-circle .group-item-circle:nth-child(3) { margin-left:0px; margin-top:0px;}
.group-circle .group-item-circle { margin-bottom:30px;}
.excel-innovative h2 { padding: 0px 0px 30px;}

}
/*******	 end 639		*******/
@media only screen and (max-width: 480px){
	.group-nav-right .group-click-con, .lansl{display: block; margin:0;}
	.lansl {width: 62px; margin: 10px auto 0;}
	.group-nav-right {width: 260px; margin: 0 auto; }