/*Main Css */
:root {
	--theme-color: #319C8A;
}

::-webkit-scrollbar {
	width:            10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	display: none;
}

::-webkit-scrollbar-track-piece {
	box-shadow:         inset 0 0 6px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color:   #DEDEDE;
}

::-webkit-scrollbar-thumb:vertical {
	background-color: var(--theme-color);
}

[class^="box-"] {
	display: none
}

[class^="box-"].showfirst {
	display: block
}

body {
	font-family: 'Open Sans', sans-serif !important;
	overflow-x:  hidden;
	font-size:   16px;
	font-weight: 600;
	line-height: 1;
	color:       #222222;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	display:     block;
	font-weight: 700;
}

*:hover,
*:focus,
* {
	outline: none !important;
}

img {
	max-width: 100%;
	height:    auto;
}

a,
input[type="submit"],
button[type="submit"] {
	-webkit-transition: all 0.4s ease-In-out;
	-moz-transition:    all 0.4s ease-In-out;
	-o-transition:      all 0.4s ease-In-out;
	transition:         all 0.4s ease-In-out;
	display:            inline-block;
	cursor:             pointer;
}

a:hover {
	color: #11669E;
}

p,
a {
	font-size:   16px;
	font-weight: 600;
	color:       #222222;
}

p {
	line-height: 26px;
	display:     block;
}

span {
	display: inline-block;
}

/* Custom Slick Css */
.slick-list {
	margin: 0 -15px;
}

.slick-slide {
	margin: 0 15px;
}

ul.slick-dots {
	padding:    50px 0 0;
	text-align: center;
}

ul.slick-dots li {
	margin:         0 20px 0 0px;
	width:          auto;
	display:        inline-block;
	vertical-align: middle;
	overflow:       hidden;
	padding:        0px;
	border:         none;
}

.slick-dots li button:before,
.slick-dots li button:before {
	color:     #FFFFFF;
	opacity:   1;
	font-size: 20px;
}

.slick-dots li button {
	height:             8px;
	width:              8px;
	border-radius:      50%;
	padding:            0px;
	background:         #D6D6D6;
	border:             none;
	cursor:             pointer;
	font-size:          0px;
	padding:            0px;
	-webkit-transition: all 0.4s ease-In-out;
	-moz-transition:    all 0.4s ease-In-out;
	-o-transition:      all 0.4s ease-In-out;
	transition:         all 0.4s ease-In-out;
	box-sizing:         border-box;
}

.slick-dots li.slick-active button {
	background: #F3C919;
	width:      11px;
	height:     11px;
}

span.arrows {
	width:         40px;
	height:        40px;
	border:        none;
	position:      absolute;
	top:           0px;
	bottom:        0px;
	margin:        auto;
	z-index:       2;
	cursor:        pointer;
	line-height:   39px;
	font-size:     12px;
	text-align:    center;
	font-weight:   300;
	top:           0;
	border-radius: 0;
	background:    #F7F7F7;
	color:         #696969
}

span.arrows.next {
	right: 1%;
}

textarea,
select,
input[type],
textarea,
select,
button {
	background:    transparent;
	border:        none;
	border-radius: 0px;
}

::-webkit-input-placeholder {
	color: #A8A8A8;
}

::-moz-placeholder {
	color: #A8A8A8;
}

:-ms-input-placeholder {
	color: #A8A8A8;
}

:-moz-placeholder {
	color: #A8A8A8;
}

/* Custom Radio Button */
.customradio {
	display:             inline-block;
	position:            relative;
	padding-left:        25px;
	margin-bottom:       0px;
	cursor:              pointer;
	font-size:           15px;
	-webkit-user-select: none;
	-moz-user-select:    none;
	-ms-user-select:     none;
	user-select:         none;
	vertical-align:      middle;
	font-weight:         400;
	color:               #FFFFFF;
}

.customradio input {
	position: absolute;
	opacity:  0;
	cursor:   pointer;
}

.checkmark {
	position:         absolute;
	top:              4px;
	left:             0;
	height:           11px;
	width:            11px;
	border-radius:    3px;
	background-color: #E0E0E0;
}

.customradio input:checked ~ .checkmark {
	background: transparent;
}

/* Hamburger Menu */
.menu-Bar {
	width:    30px;
	height:   20px;
	cursor:   pointer;
	position: absolute;
	right:    15px;
	top:      0px;
	bottom:   0px;
	margin:   auto;
	z-index:  8;
	display:  none;
}

.menu-Bar span {
	display:       block;
	height:        4px;
	width:         100%;
	background:    var(--theme-color);
	position:      absolute;
	transition:    .6s all;
	border-radius: 100px;
}

.menu-Bar span:nth-child(1) {
	top: 0;
}

.menu-Bar span:nth-child(2) {
	top:              8px;
	transform-origin: left;
}

.menu-Bar span:nth-child(3) {
	top: 16px;
}

.menu-Bar.open span {
	background: #FFFFFF;
}

.menu-Bar.open span:nth-child(1) {
	transform:        rotate(45deg);
	top:              12px;
	transform-origin: right-center;
}

.menu-Bar.open span:nth-child(2) {
	width:   0;
	opacity: 0;
}

.menu-Bar.open span:nth-child(3) {
	transform:        rotate(-45deg);
	top:              12px;
	transform-origin: right-center;
}

/* Padding Classes */
.pad-sec {
	padding: 80px 0;
}

.pad-sec-sm {
	padding: 40px 0 80px;
}

.pad-zero {
	padding: 0px;
}

.pad-l-zero {
	padding-left: 0px;
}

.pad-r-zero {
	padding-right: 0px;
}

.pad-b-sec {
	padding-bottom: 80px;
}

.pad-top-sec {
	padding-top: 40px;
}

/* Global Css */
.sprite-icn:before {
	content:           "";
	background-image:  url(../images/sprite.png);
	background-repeat: no-repeat;
	display:           inline-block;
}

.posRel {
	position: relative;
}

.ovr-hiddn {
	overflow: hidden;
}

.bg-color {
	background: #EFEFEC
}

.text-upp {
	text-transform: uppercase !important;
}


/*.overlay:after { content: ""; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.60); z-index: 1; }
.overlay { display: none; }
.overlay.active { display: block; } */

.btn {
	color:          #FFFFFF;
	font-size:      18px;
	background:     #94CB25;
	border:         2px solid #94CB25;
	border-radius:  3px;
	font-weight:    500;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding:        20px 30px;
}

.btn:hover {
	background: transparent;
	color:      #94CB25;
}

.btn.style1 {
	background:   #FFFFFF;
	color:        #FF6400;
	border-color: #FFFFFF;
}

.btn.style1:hover {
	background: transparent;
	color:      #FFFFFF;
}

/* Social CSS */
.fb {
	background: #3B5998;
}

.twi {
	background: #55ACEF;
}

.lin {
	background: #0177B5;
}

.google {
	background: #DD4B39;
}

.rss {
	background: #3CB371;
}

.powered-by {
	display:   inline-block;
	color:     inherit;
	font-size: inherit;
}

.powered-by:hover {
	color:           inherit;
	text-decoration: underline;
}

.para {
	font-size:   24px;
	color:       rgba(34, 34, 34, 0.60);
	font-weight: 600;
}

.para1 {
	font-size: 18px;
}

strong,
.bold {
	font-weight: bold;
}

.semi-bold {
	font-weight: 600;
}

.color-white {
	color: #FFFFFF;
}

.color-light {
	color: rgba(34, 34, 34, 0.60);
}

.logoColor {
	color: #1CBD56;
}

/* header CSS */
header {
	-webkit-transition: all 0.4s ease-In-out;
	-moz-transition:    all 0.4s ease-In-out;
	-o-transition:      all 0.4s ease-In-out;
	transition:         all 0.4s ease-In-out;
}

.logo {
	display: inline-block;
	padding: 6px 0;
}

.logo img {
	display: block;
	width:   86%;
}

/* Menu Css */
.menu {
	font-size:      0px;
	display:        inline-block;
	vertical-align: middle;
}

.menu li {
	display:        inline-block;
	vertical-align: middle;
}

.menu li a {
	display:        block;
	font-size:      18px;
	color:          #222222;
	padding:        40px 50px 40px 0px;
	text-transform: uppercase;
	font-weight:    500;
	letter-spacing: 1.2px;
}

.menu li:hover a,
.menu li.active a {
	color: #FF6400;
}

/* Dropdown CSS*/
/*@keyframes btotreverse {
    0% { top: 75px; opacity: 1; }
    100% { top: 115px; opacity: 0; }
}
@keyframes btot {
    0% { top: 115px; opacity: 0; }
    100% { top: 40px; opacity: 1; }
}
.dropdown-nav { position: relative; overflow: hidden; vertical-align: middle; }
.dropdown-nav:hover { overflow: visible; }
ul.dropdown { position: absolute; width: 239px; left: -0px; margin: auto; background: #f7f7f7; padding: 20px; text-align: left; border-radius: 2px; box-shadow: 0 0 10px 3px #00000014; opacity: 0; animation: btotreverse 0.5s forwards; border-top: 4px solid #18a773; }
ul.dropdown li { width: 100%; display: inline-block; vertical-align: middle;  }
ul.dropdown li a { padding: 0; font-size: 14px; color: #000 !important; display: block; width: 100%; margin: 0px 0 15px; text-align: left; font-weight: 500; background: transparent !important; }
ul.dropdown li.last a { margin-bottom: 0px; }
ul.dropdown li a:hover { color: #000 !important; }
.dropdown-nav:hover ul.dropdown { animation: btot 0.5s forwards; z-index: 9; }*/

.submenu {
	position:         absolute;
	width:            90%;
	background-color: #F7F7F7;
	top:              100%;
	z-index:          9;
	min-height:       300px;
	box-shadow:       0px 3px 5px #3C3C3C;
	display:          none;
	left:             11.7%;
	padding:          15px 15px;
	border-top:       4px solid #18A773;
}

ul.sub-level1 {
	padding:    5px 0;
	text-align: left;
}

ul.sub-level1:after {
	width:         100%;
	height:        3px;
	content:       "";
	display:       block;
	background:    #FFFFFF;
	border-top:    1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
	margin:        14px 0;
}

ul.sub-level2 {
	position: absolute;
	left:     0;
	width:    168px;
	top:      45px;
	display:  none;
}

ul.sub-level2:after {
	content:      "";
	display:      inline-block;
	height:       80%;
	width:        3px;
	background:   #FFFFFF;
	border-left:  1px solid #F4F4F4;
	border-right: 1px solid #F4F4F4;
	position:     absolute;
	top:          10%;
	right:        0;
}

.submenu a {
	font-size:      15px !important;
	text-transform: capitalize;
}

ul.sub-level2 li {
	width:         100%;
	margin-bottom: 10px;
}

ul.sub-level2 li {
	margin-bottom:  0;
	margin-left:    13px;
	padding-bottom: 0;
}

ul.sub-level2 li:after {
	content:       "";
	display:       block;
	width:         100%;
	height:        3px;
	background:    #FFFFFF;
	border-top:    1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}

ul.sub-level2 li.last {
	margin-left: 0 !important;
}

.submenu li:hover > a {
	color:       #18A773;
	font-weight: 600;
}

.navigation ul li:hover .submenu {
	display: block;
}

.faq-form p {
	display: block;
	width:   100%;
}

body.faqs footer {
	margin-top: 0;
}

li.active ul.sub-level2 {
	display: block;
	padding: 15px;
}

ul.sub-level2 a {
	display: block;
	padding: 5px 10px;
}

ul.sub-level1 > li {
	width:      30.4%;
	margin:     0 0 !important;
	text-align: left !important;
}

ul.sub-level1 > li > a {
	display: block;
	padding: 0 !important;
}

ul.sub-level3 {
	position: absolute;
	left:     100%;
	top:      0;
	display:  none;
}

ul.sub-level2 > li:hover ul {
	display: block;
}

.menu-slogan {
	display: none;
}

ul.sub-level2 li:hover .menu-slogan {
	display: block;
}

.menu-slogan {
	position: absolute;
	top:      0;
	left:     100%;
	width:    360px;
	padding:  20px;
}

.menu-slogan.active {
	display: block;
}

.menu-slogan h4 {
	margin-bottom:  5px;
	margin-top:     0px;
	padding-bottom: 6px;
	font-size:      18px;
}

.menu-slogan h4:after {
	content:       "";
	display:       block;
	width:         100%;
	height:        3px;
	background:    #FFFFFF;
	border-top:    1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
	margin:        10px 0 10px 0;
}

.one.parent .menu-slogan.active {
	width: 643px;
}

.menu-slogan p {
	font-size:   14px;
	line-height: 1.5;
	font-family: 'Poppins';
}

.one.parent .menu-slogan p {
	width:          58%;
	display:        inline-block;
	vertical-align: top;
}

.one.parent .menu-slogan img {
	position: absolute;
	top:      25px;
	right:    25px;
}

ul.sub-level2.second,
ul.sub-level2.third {
	width: 380px;
}

ul.sub-level2.second li,
ul.sub-level2.third li {
	width:        170px;
	float:        left;
	margin-right: 0;
}

.second .menu-slogan,
.third .menu-slogan {
	left: 99%;
}

.submenu .sub-level2 a {
	padding:        7px 0px !important;
	display:        block;
	font-weight:    500;
	font-size:      15px !important;
	letter-spacing: 1px;
}

.submenu .sub-level2 li:hover a {
	border-color: transparent;
	font-weight:  500;
}

ul.sub-level2.third li:last-child {
	border: 0 !important;
}

ul.sub-level2 li:last-child a,
ul.sub-level2 li:nth-child(11) a {
	border: 0 !important;
}

ul.sub-level2 .menu-slogan {
	/*width: 450px; */
}

.align-items-center {
	display:     flex;
	align-items: center;
}

li.slp-dd {
	position:   relative;
	transition: ease all 0.5s;
}

li.slp-dd ul {
	display:     none;
	position:    absolute;
	top:         100%;
	left:        0;
	background:  #F7F7F7;
	z-index:     1;
	text-align:  left;
	padding:     15px 0;
	line-height: 20px;
	border-top:  4px solid #18A773;
}

li.slp-dd ul li {
	display:  block;
	width:    256px;
	position: relative;
	padding:  0 15px;
	margin:   0;
}

li.slp-dd ul li.last {
	margin-left: 0;
}

li.slp-dd ul li.last ul li.last:after {
	display: none;
}

li.slp-dd ul li a {
	padding:     10px 0;
	display:     block;
	font-weight: 500;
}

li.slp-dd ul li a:after {
	width:         100%;
	height:        3px;
	content:       "";
	display:       block;
	background:    #FFFFFF;
	border-top:    1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
	position:      relative;
	top:           9px;
}

li.slp-dd ul li a i {
	position:  absolute;
	right:     0;
	top:       40%;
	font-size: 14px;
}

li.slp-dd ul li ul {
	display: none;
	top:     0;
	left:    100%;
}

li.slp-dd:hover ul {
	display: block;
	z-index: 1;
}

li.slp-dd:hover ul ul {
	display: none;
}

li.slp-dd ul li:hover ul {
	display: block;
}


/*Search Wrapper*/

.searchWrap {
	padding:            20px 80px 20px 20px;
	background:         #EC1C23;
	position:           absolute;
	top:                -100%;
	width:              100%;
	-webkit-transition: all 0.4s ease-In-out;
	-moz-transition:    all 0.4s ease-In-out;
	-o-transition:      all 0.4s ease-In-out;
	transition:         all 0.4s ease-In-out;
	z-index:            9;
}

.searchWrap.active {
	top: 0px;
}

.searchField {
	border-bottom: 1px solid #FFFFFF;
	background:    transparent;
	position:      relative;
	height:        40px;
}

.searchField input {
	font-size:     16px;
	color:         #FFFFFF;
	background:    transparent;
	width:         100%;
	padding:       0;
	height:        100%;
	font-weight:   400;
	border-bottom: 1px solid #FFFFFF !important;
	border-width:  0;
}

.searchField i {
	font-size: 22px;
	color:     #FFFFFF;
	position:  absolute;
	right:     -30px;
	top:       0px;
	font-size: 22px;
	position:  absolute;
	right:     -30px;
	top:       6px;
	cursor:    pointer;
}

.searchField input::-webkit-input-placeholder {
	color: #FFFFFF;
}

.searchField input::-moz-placeholder {
	color: #FFFFFF;
}

.searchField input:-ms-input-placeholder {
	color: #FFFFFF;
}

.searchField input:-moz-placeholder {
	color: #FFFFFF;
}

/* Main Banner CSS */
.mainSlider {
	position: relative;
}

.mainSlider .slick-list,
.mainSlider .slick-slide {
	margin: 0px;
}

.mainBanner {
	padding-top:       0;
	background-repeat: no-repeat;
	display:           flex;
	align-items:       center;
	background-size:   cover;
	height:            564px;
	position:          relative;
	transition:        0.3s all ease;
}

.HomeBanner {
	background-position: center 15px;
}

.mainBanner:before {
	content:    " ";
	background: url(../images/hdr-img-01.png) no-repeat;
	position:   absolute;
	left:       0;
	bottom:     0;
	height:     646px;
	width:      626px;
}

.mainBanner:after {
	content:    " ";
	background: url(../images/hdr-img-02.png) no-repeat;
	position:   absolute;
	right:      0;
	top:        0;
	height:     721px;
	width:      878px;
}

.sprite {
	background: url(../images/sprite.png) no-repeat;
	display:    inline-block;
}

.sprite-2 {
	background: url(../images/sprite-2.png) no-repeat;
	display:    inline-block;
}

header {
	position: absolute;
	width:    100%;
	z-index:  9;
	padding:  10px 0
}

header.fixed {
	position:   fixed;
	background: #FFFFFF;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
	width:      100%;
	z-index:    10;
}

header.fixed .navigation > ul > li > a,
header.fixed .top-nav ul li a {
	color: #000000 !important;
}

.on__sticky {
	display: none;
}

header.fixed .on__sticky {
	display: block;
}

header.fixed .default {
	display: none;
}

.top-nav {
	/* background-color: #222222; */
	padding: 10px 0;
}

.top-nav * {
	transition: all 0.4s ease-In-out;
}

.top-nav ul {
	text-align: right;
}

.top-nav ul li {
	border-right: 1px solid #979797;
	padding:      0 16px;
	display:      inline-block;
}

.top-nav ul li.last {
	border:        none;
	padding-right: 0;
}

.top-nav ul li a {
	font-size:      12px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: normal;
	color:          #000000;
}

.top-nav ul li a:hover {
	color: var(--theme-color);
}

.top-nav ul li a i {
	margin:   0 7px 0 0;
	top:      1px;
	position: relative;
}

.icon-01 {
	background-position: -9px -9px;
	width:               12px;
	height:              12px;
}

.icon-02 {
	background-position: -27px -10px;
	width:               12px;
	height:              11px;
}

.icon-03 {
	background-position: -47px -10px;
	width:               12px;
	height:              11px;
}

.top-nav ul li a:hover .icon-01 {
	background-position: -9px -25px;
}

.top-nav ul li a:hover .icon-02 {
	background-position: -27px -26px;
}

.top-nav ul li a:hover .icon-03 {
	background-position: -47px -26px;
}

.navigation {
	text-align: right;
	margin:     0;
}

.navigation li {
	display: inline-block;
	margin:  0 0 0 13px;
}

.navigation li a {
	font-size:      13px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: normal;
	color:          #FFFFFF;
	padding:        10px 0;
}

.navigation li a:hover {
	color: #FFFFFF;
}

.navigation li a.nv-btn i {
	padding: 0 5px 0 0;
}

@-webkit-keyframes pulse {
	to {
		box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
	}
}

@-moz-keyframes pulse {
	to {
		box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
	}
}

@-ms-keyframes pulse {
	to {
		box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
	}
}

@keyframes pulse {
	to {
		box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);
	}
}


.navigation ul li ul.dropdown {
	/*opacity: 0;*/
	z-index:          -1;
	position:         absolute;
	width:            358px;
	height:           197px;
	background-color: #222222;
	z-index:          0;
	display:          none;
	padding:          8px 0px 8px 21px;
	text-align:       left;
}

.navigation ul li ul.dropdown.dropdown-02 {
	width:  458px;
	height: 333px;
}

.navigation ul li ul.dropdown.dropdown-03 {
	width:  393px;
	height: 155px;
}

.navigation ul li ul.dropdown.ext-h {
	height: 190px;
}

.navigation ul li.drp {
	position: relative;
}

.navigation ul li.drp:hover .dropdown {
	/*opacity: 1;*/
	overflow: visible;
	display:  block;
}

.navigation ul li ul.dropdown li ul.dropdown-02 {
	display: none !important;
	left:    105%;
	top:     -2px;
	height:  105px;
}

.navigation ul li ul.dropdown li.drp:hover ul.dropdown-02 {
	display: block !important;
}

.dropdown li {
	display:    inline-block;
	text-align: left;
	width:      44%;
	margin:     0 15px 0 0;
}

.dropdown li a {
	font-size:      14px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: normal;
	color:          #A9A9A9;
	padding:        7px 0;
	display:        block;
	position:       relative;
	transition:     all .5s ease-in-out;
	border-bottom:  1px solid #5A5959;
}

.dropdown li a i {
	border:          1px solid;
	border-radius:   60%;
	width:           30px;
	height:          30px;
	font-size:       14px;
	line-height:     28px;
	text-align:      center;
	margin-right:    8px;
	justify-content: center;
	display:         inline-flex;
	opacity:         0.30;
	transition:      all .5s ease-in-out;
}

.dropdown li a:hover {
	color: var(--theme-color);
}

.dropdown li a:hover i {
	background-color: var(--theme-color);
	color:            #FFFFFF;
	opacity:          1;
}

/*.dropdown li a:after {
    content: "\f30b";
    position: absolute;
    opacity: 0;
    font-size: 20px !important;
    color: #6049e8;
    top: 4px;
    right: -20px !important;
    transition: all .5s ease-in-out;
    font-family: "Font Awesome 5";
}
.dropdown li a:hover:after{opacity: 1; right: 0;}*/


.navigation > ul {
	display:         flex;
	align-items:     center;
	justify-content: flex-end;
}

.header-text {
	text-align: center;
	position:   relative;
	z-index:    0;
}

.hd-h1 {
	font-size:      106px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	letter-spacing: -1px;
	text-align:     center;
	color:          var(--theme-color);
	position:       relative;
	margin-bottom:  20px;
	z-index:        0;
	height:         98px;
}

.hd-prvc {
	font-size: 86px;
}

.innerBanner .hd-h1 {
	height: auto;
}

.innerBanner p {
	color: #FFFFFF;
}

.hd-prdtct {
	font-size: 86px;
}

.HomeBanner h1 {
	position: relative;
}

.hdr-para {
	font-size:      17px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     italic;
	line-height:    1.41;
	letter-spacing: normal;
	text-align:     center;
	color:          #222222;
	margin:         7px 0 25px;
}

.hdr-btn {
	width:            230px;
	height:           50px;
	box-shadow:       0 2px 4px 0 rgba(48, 48, 48, 0.24);
	background-color: #222222;
	border:           1px solid #222222;
	font-size:        14px;
	font-weight:      500;
	font-stretch:     normal;
	font-style:       normal;
	line-height:      48px;
	letter-spacing:   normal;
	color:            #FFFFFF;
	text-transform:   uppercase;
	margin:           0 7px;
}

.hdr-btn:hover {
	background-color: transparent;
	color:            #222222;
	font-weight:      bold;
}

.mainBanner a {
	background-color: #F78B28;
	border-color:     #F78B28;
}

.mainBanner a:hover {
	color: #F78B28;
}

.mainBanner a + a {
	background-color: #222222;
	border-color:     #222222;
}

.mainBanner a + a:hover {
	color: #222222;
}

.hd-h1 span {
	position: absolute;
	left:     0;
	right:    0;
	margin:   auto;
	top:      4px;
	color:    #D5D5D5;
	z-index:  -1;
}

.HomeBanner .hd-h1 span {
	position:      relative;
	top:           0;
	color:         var(--theme-color);
	overflow:      hidden;
	padding-right: 7px;
}

.excl-sec {
	text-align:       center;
	padding:          15px 0;
	background-color: #171717;
}

.excl-sec p {
	display:        inline-block;
	font-size:      16px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: normal;
	text-align:     center;
	padding:        10px 12px;
	color:          #FFFFFF;
}

.strs li {
	display: inline-block;
}

.strs li i {
	color: #FF7518;
}

.hd-h2 {
	font-size:      38px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: -0.4px;
	color:          var(--theme-color);
	text-align:     center;
	margin:         0 0 5px;
}

.para-01 {
	font-size:      17px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     italic;
	line-height:    1.41;
	letter-spacing: normal;
	text-align:     center;
	color:          #262626;
}


.excl-sec .container {
	display:         flex;
	align-items:     center;
	justify-content: center;
}

.chnlg-lst {
	font-size: 0;
}

.chnlg-lst li {
	display: inline-flex;
	width:   33.333%;
	margin:  0 0 50px;
}

.chnlg-lst li span {
	width:            100px;
	height:           100px;
	background-color: #F3F3F3;
	display:          inline-flex;
	align-items:      center;
	justify-content:  center;
	border-radius:    50%;
}

.hgst {
	display:        inline-block;
	width:          calc(100% - 100px);
	vertical-align: middle;
	padding:        0 0 0 14px;
}

.hgst h4 {
	font-size:      24px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    26px;
	letter-spacing: -0.23px;
	color:          #222222;
	margin:         0 0 13px;
}

.hgst p {
	font-size:      14px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     italic;
	line-height:    1.58;
	letter-spacing: normal;
	color:          #303030;
}

.icon-04 {
	background-position: 0 0;
	width:               49px;
	height:              52px;
}

.icon-05 {
	background-position: -55px 0;
	width:               48px;
	height:              52px;
}

.icon-06 {
	background-position: -118px 0;
	width:               52px;
	height:              52px;
}

.icon-07 {
	background-position: -185px 0;
	width:               46px;
	height:              52px;
}

.icon-08 {
	background-position: -246px 0;
	width:               52px;
	height:              50px;
}

.icon-09 {
	background-position: -313px 0;
	width:               46px;
	height:              51px;
}

.chnlg-lst * {
	transition: all 0.4s ease-in-out;
}

.nmbrs {
	text-align: center;
	margin:     20px 8% 0;
}

.nmbrs li {
	display:        inline-block;
	width:          24%;
	vertical-align: top;
}

.nmbrs li h3 {
	font-size:      42px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: -0.4px;
	text-align:     center;
	color:          #262626;
}

.nmbrs li h3 span {
	font-size:   25px;
	color:       #262626;
	font-weight: bold;
	font-style:  normal;
}

.nmbrs li span {
	font-size:      17px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     italic;
	line-height:    1.41;
	letter-spacing: normal;
	text-align:     center;
	color:          #9F9F9F;
}

.nmbrs li span.stat-number {
	font-size: 42px;
}

.hm-sec-02 {
	background-color: #F7F7F7;
}

.tabbingList {
	font-size: 0;
}

.tabbingList li {
	display:        inline-block;
	width:          46%;
	margin:         0 2% 1%;
	vertical-align: middle;
}

.tabbingList li a {
	font-size:      14px;
	font-weight:    700;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    20px;
	letter-spacing: -0.15px;
	color:          #262626;
	height:         110px;
	border-radius:  4px;
	display:        flex;
	align-items:    center;
}

.tabbingList li.active a,
.tabbingList li a:hover {
	box-shadow:       0 1px 10px 2px rgba(120, 120, 120, 0.1);
	background-color: #FFFFFF;
}

.tabbingList li a i {
	margin: 0 15px 0 10px;
}

.icon-10 {
	background-position: 0 -91px;
	width:               90px;
	height:              97px;
}

.icon-11 {
	background-position: -110px -83px;
	width:               80px;
	height:              100px;
}

.icon-12 {
	background-position: -319px -83px;
	width:               85px;
	height:              100px;
}

.icon-13 {
	background-position: -210px -87px;
	width:               89px;
	height:              85px;
}

.tabbingList li a span {
	vertical-align: middle;
}

.tab-contnt h4 {
	font-size:      32px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    36px;
	letter-spacing: -0.3px;
	color:          #262626;
	margin:         0 0 15px;
}

.tab-contnt p {
	font-size:      12px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     italic;
	line-height:    1.58;
	letter-spacing: normal;
	color:          #303030;
	padding:        0 0 20px;
}

.tab-contnt a {
	width:          165px;
	height:         52px;
	line-height:    50px;
	border:         2px solid #000000;
	background:     transparent;
	border-radius:  8px;
	text-align:     center;
	font-size:      18px;
	color:          #000000;
	font-weight:    500;
	text-transform: uppercase;
}

.tab-contnt a:hover {
	background:   var(--theme-color);
	color:        #FFFFFF;
	border-color: var(--theme-color);
}

.tab-contnt {
	padding: 0 20px 0 0;
}

/* Content Writing Services */
.writ-serv {
	text-align: left;
}

.writ-serv h2 {
	padding-bottom: 10px;
	font-size:      34px;
}

.writ-serv p {
	padding-bottom: 30px;
	font-size:      16px;
	line-height:    1.53;
	font-weight:    400;
}

.writ-serv a {
	width:          210px;
	height:         52px;
	line-height:    50px;
	background:     #000000;
	border:         2px solid #000000;
	font-size:      18px;
	color:          #FFFFFF;
	text-align:     center;
	border-radius:  8px;
	text-transform: uppercase;
	font-weight:    500;
}

.writ-serv a:hover {
	background:  transparent;
	color:       #000000;
	font-weight: 500;
}

.writeBox {
	height:           425px;
	box-shadow:       0 2px 22px 6px rgba(0, 0, 0, 0.15);
	background-color: #F7F7F7;
}

.write-img {
	position:       relative;
	top:            -30px;
	text-align:     center;
	padding-bottom: 0px;
}

.write-con {
	padding: 0 30px;
}

.write-con h4 {
	font-size:      22px;
	font-weight:    bold;
	color:          #262626;
	padding-bottom: 15px;
	height:         62px;
	display:        flex;
	align-items:    center;
}

.write-con p {
	font-size:      14px;
	font-style:     italic;
	line-height:    1.43;
	padding-bottom: 15px;
}

.write-con a {
	width:          148px;
	height:         52px;
	line-height:    50px;
	border:         2px solid #000000;
	background:     transparent;
	border-radius:  8px;
	text-align:     center;
	font-size:      15px;
	color:          #000000;
	font-weight:    500;
	text-transform: uppercase;
}

.write-con a:hover {
	background: #000000;
	color:      #FFFFFF;
}

.writeList {
	display: block;
	margin:  0 -15px;
}

.writeList li {
	display:        inline-block;
	vertical-align: top;
}

.write-img img {
	display: inline-block;
}

/* Custom Slick Css */
.writeList .slick-list {
	margin: 0 -15px;
}

.writeList .slick-slide {
	margin:  0 15px;
	padding: 26px 10px;
}

.writeList span.arrows {
	width:         40px;
	height:        40px;
	border:        none;
	position:      absolute;
	top:           0px;
	bottom:        0px;
	margin:        auto;
	z-index:       2;
	cursor:        pointer;
	line-height:   39px;
	font-size:     12px;
	text-align:    center;
	font-weight:   300;
	top:           0;
	border-radius: 0;
	background:    #F7F7F7;
	color:         #696969
}

.writeList span.arrows.next {
	right: 1%;
}

.hm-sec-04 {
	height:          300px;
	width:           100%;
	display:         flex;
	align-items:     center;
	justify-content: center;
	background-size: cover;
	text-align:      center;
}

.wide h2 {
	font-size:      34px;
	font-weight:    bold;
	letter-spacing: -0.4px;
	text-align:     center;
	color:          #FFFFFF;
	padding-bottom: 13px;
}

.wide p {
	font-size:      17px;
	font-style:     italic;
	line-height:    1.61;
	color:          #FFFFFF;
	font-weight:    normal;
	padding-bottom: 20px;
}

.wideBtn {
	display: block;
}

.wideBtn li {
	display:      inline-block;
	margin-right: 23px;
}

.wideBtn li.last {
	margin-right: 0;
}

.wide a {
	font-size:        12px;
	font-weight:      bold;
	width:            180px;
	height:           40px;
	box-shadow:       0 2px 4px 0 rgba(48, 48, 48, 0.24);
	background-color: var(--theme-color);
	color:            #FFFFFF;
	border-color:     var(--theme-color);
	line-height:      40px;
}

.wide a:hover,
.wideBtn li.first a {
	background-color: #FFFFFF;
	border-color:     #FFFFFF;
}

.wideBtn li.first a:hover {
	background-color: transparent;
	color:            #FFFFFF;
}

.wide a {
	width:          235px;
	height:         52px;
	line-height:    50px;
	background:     #FFFFFF;
	border:         1px solid var(--theme-color);
	font-size:      16px;
	color:          #000000;
	text-align:     center;
	border-radius:  8px;
	text-transform: uppercase;
	font-weight:    500;
}

.wide a:hover {
	background:  transparent;
	color:       #FFFFFF;
	font-weight: 500;
}

.wideBtn li.last a {
	width:          155px;
	height:         52px;
	line-height:    50px;
	border:         2px solid #FFFFFF;
	background:     transparent;
	border-radius:  8px;
	text-align:     center;
	font-size:      18px;
	color:          #FFFFFF;
	font-weight:    500;
	text-transform: uppercase;
}

.wideBtn li.last a:hover {
	background: #FFFFFF;
	color:      #000000;
}

.hm-sec-05 {
	text-align: center;
}

.hm-sec-05.pad-sec {
	padding-bottom: 78px;
}

.techno h2 {
	font-size:      38px;
	font-weight:    bold;
	letter-spacing: -0.4px;
	text-align:     center;
	color:          var(--theme-color);
	padding-bottom: 10px;
}

.techno p {
	font-size:      17px;
	font-weight:    normal;
	line-height:    1.41;
	text-align:     center;
	color:          #262626;
	padding-bottom: 20px;
}

.technoList {
	display:    block;
	text-align: left;
}

.technoList > li {
	padding-bottom: 20px;
}

.technoBox {
}

.technoBox h4 {
	font-size:      24px;
	font-weight:    bold;
	line-height:    27px;
	letter-spacing: -0.23px;
	color:          #262626;
	padding:        0 0 10px 38px;
	position:       relative;
}

.technoBox h4:before {
	content:     "\f5ac";
	display:     inline-block;
	transform:   rotate(-135deg);
	margin:      0 7px 0 0;
	font-family: "Font Awesome 5";
	color:       #262626;
	position:    absolute;
	left:        0;
	top:         -3px;
	font-size:   25px;
}

.technoBox h4 i {
}

.technoBox p {
	font-size:      14px;
	font-weight:    normal;
	font-style:     italic;
	line-height:    1.58;
	letter-spacing: normal;
	color:          #303030;
}

.technoBox .ul-style-1 {
	margin: 20px 0;
}

.technoBox .ul-style-1 li {
	font-size:     14px;
	font-weight:   normal;
	font-style:    italic;
	color:         #303030;
	margin-bottom: 10px;
}

.techBtn {
	display: block;
}

.techBtn li {
	display:      inline-block;
	margin-right: 15px;
}

.techBtn li a {
	width:          190px;
	height:         52px;
	line-height:    50px;
	background:     #000000;
	border:         2px solid #000000;
	font-size:      18px;
	color:          #FFFFFF;
	text-align:     center;
	border-radius:  8px;
	text-transform: capitalize;
	font-weight:    500;
}

.techBtn li a:hover {
	background:  transparent;
	color:       #000000;
	font-weight: 500;
}

.techBtn li.last a {
	width:          155px;
	height:         52px;
	line-height:    50px;
	border:         2px solid #000000;
	background:     transparent;
	border-radius:  8px;
	text-align:     center;
	font-size:      18px;
	color:          #000000;
	font-weight:    500;
	text-transform: capitalize;
}

.techBtn li.last a:hover {
	background:   var(--theme-color);
	color:        #FFFFFF;
	border-color: var(--theme-color);
}


.hm-sec-06 {
	background-color: #F7F7F7;
	padding:          60px 0;
}

.deliver {
}

.deliver h2 {
	padding-bottom: 20px;
	font-size:      42px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: -0.4px;
	text-align:     center;
	color:          var(--theme-color);
}

.deliver p {
	padding-bottom: 33px;
	font-size:      17px;
	font-weight:    normal;
	line-height:    1.41;
	text-align:     center;
	color:          #262626;
}

.deliverList {
	display:        block;
	text-align:     center;
	padding-bottom: 32px;
}

.deliverList li {
	display:        inline-block;
	width:          24%;
	vertical-align: top;
	position:       relative;
}

.deliverList li:before {
	content:          " ";
	position:         absolute;
	left:             0;
	bottom:           -12px;
	width:            46%;
	height:           1px;
	background-color: #E9E9E9;
}

.deliverList li.first:before {
	display: none;
}

.deliverList li:after {
	content:          " ";
	position:         absolute;
	right:            -3px;
	bottom:           -12px;
	width:            47%;
	height:           1px;
	background-color: #E9E9E9;
}

.deliverList li.last:after {
	display: none;
}

.deliverList li a {
	position:        relative;
	height:          70px;
	display:         flex;
	flex-flow:       column;
	align-items:     center;
	justify-content: center;
}

.deliverList li a img {
	width:   60px;
	height:  46px;
	display: block;
}

.w-78 {
	width: 78px !important;
}

.deliverList li a:before {
	content:          " ";
	position:         absolute;
	bottom:           -16px;
	left:             0;
	right:            0;
	margin:           auto;
	width:            8px;
	height:           8px;
	background-color: #121212;
	border-radius:    100%;
}

.deliverList li.active a:before {
	background-color: var(--theme-color);
}

.deliverList li.active:befor e {
	background-color: var(--theme-color);
}

.deliverList li.active:after {
	background-color: var(--theme-color);
}

.deliverList li a span {
	font-size:      14px;
	font-weight:    600;
	letter-spacing: -0.15px;
	color:          #262626;
	padding-top:    10px;
	transition:     all 0.4s ease-In-out;
}

.del-01 {
	background-position: -9px -204px;
	width:               39px;
	height:              40px;
	transition:          all 0.4s ease-In-out;
}

.del-02 {
	background-position: -59px -204px;
	width:               49px;
	height:              37px;
	transition:          all 0.4s ease-In-out;
}

.del-03 {
	background-position: -122px -202px;
	width:               33px;
	height:              42px;
	transition:          all 0.4s ease-In-out;
}

.del-04 {
	background-position: -172px -202px;
	width:               44px;
	height:              44px;
	transition:          all 0.4s ease-In-out;
}

.deliverList li a:hover,
.deliverList li.active .del-01 {
	background-position: -9px -254px;
	transition:          all 0.4s ease-In-out;
}

.deliverList li a:hover,
.deliverList li.active .del-02 {
	background-position: -59px -254px;
	transition:          all 0.4s ease-In-out;
}

.deliverList li a:hover,
.deliverList li.active .del-03 {
	background-position: -122px -254px;
	transition:          all 0.4s ease-In-out;
}

.deliverList li a:hover,
.deliverList li.active .del-04 {
	background-position: -172px -254px;
	transition:          all 0.4s ease-In-out;
}

.deliverList li a:hover,
.deliverList li.active span {
	color:      var(--theme-color);
	transition: all 0.4s ease-In-out;
}

.delWrap {
}

.delWrap h3 {
	font-size:      32px;
	font-weight:    bold;
	line-height:    normal;
	letter-spacing: -0.3px;
	color:          #262626;
	padding-bottom: 19px;
	text-align:     left;
}

.delWrap p {
	font-size:      14px;
	font-weight:    normal;
	font-style:     italic;
	line-height:    1.58;
	letter-spacing: normal;
	color:          #303030;
	text-align:     left;
}

.hm-sec-07.pad-sec {
	padding: 57px 0 50px;
}

.customer {
}

.customer h2 {
	font-size:      38px;
	font-weight:    bold;
	letter-spacing: -0.4px;
	text-align:     center;
	color:          var(--theme-color);
	line-height:    normal;
}

.customer p {
	font-size:      17px;
	font-weight:    normal;
	line-height:    1.41;
	text-align:     center;
	color:          #262626;
	padding-bottom: 78px;
}

.customList {
	display:        block;
	padding-bottom: 50px;
}

.customList li {
	padding:    60px 0;
	transition: all 300ms ease;
}

.customBox {
	position:         relative;
	width:            100%;
	height:           274px;
	border-radius:    30px;
	background-color: #F7F7F7;
	text-align:       center;
	padding:          0 15px;
}

.customBox:before {
	opacity:          0;
	content:          '\f10d';
	position:         absolute;
	width:            42px;
	height:           42px;
	font-family:      'font Awesome 5';
	color:            #FFFFFF;
	line-height:      42px;
	background-color: var(--theme-color);
	border-radius:    50%;
	left:             50px;
	top:              -20px;
}

.customBox:after {
	opacity:          0;
	content:          '\f10e';
	position:         absolute;
	width:            42px;
	height:           42px;
	font-family:      'font Awesome 5';
	color:            #FFFFFF;
	line-height:      42px;
	background-color: var(--theme-color);
	border-radius:    50%;
	bottom:           -20px;
	right:            50px;
}

.cusImg {
	position: relative;
	bottom:   30px;
}

.cusImg img {
	display: inline-block;
}

.customBox p {
	opacity:        0.6;
	font-size:      15px;
	font-weight:    bold;
	font-style:     italic;
	line-height:    1.47;
	letter-spacing: -0.58px;
	color:          #393939;
}

.customBox span {
	font-size:      15px;
	font-weight:    600;
	font-style:     normal;
	letter-spacing: -0.58px;
	color:          #262626;
	display:        block;
	margin-top:     10px;
}

.lp-tesimonials .customBox p {
	font-size: 14.8px;
}

/* Custom Slick Css */
.customSlider .slick-list {
	margin: 0 -15px;
}

.customSlider .slick-slide {
	margin:         35px 15px 0;
	padding-bottom: 0;
}

.customSlider ul.slick-dots {
	padding:    0px 0 0;
	text-align: center;
	height:     20px;
}

.customSlider ul.slick-dots li {
	margin:         0 10px 0 0px;
	width:          auto;
	display:        inline-block;
	vertical-align: middle;
	overflow:       hidden;
	padding:        0px;
	border:         none;
}

.customSlider .slick-dots li button:before,
.customSlider .slick-dots li button:before {
	color:     #FFFFFF;
	opacity:   1;
	font-size: 20px;
}

.customSlider .slick-dots li button {
	height:             5px;
	width:              5px;
	border-radius:      50%;
	padding:            0px;
	opacity:            0.2;
	background:         #343465;
	border:             none;
	cursor:             pointer;
	font-size:          0px;
	padding:            0px;
	-webkit-transition: all 0.4s ease-In-out;
	-moz-transition:    all 0.4s ease-In-out;
	-o-transition:      all 0.4s ease-In-out;
	transition:         all 0.4s ease-In-out;
	box-sizing:         border-box;
}

.customSlider .slick-dots li.slick-active button {
	background: var(--theme-color);
	width:      10px;
	height:     10px;
	opacity:    1;
}

.customSlider .slick-slide {
	opacity: 0.4
}

.customSlider .slick-current {
	opacity:    1;
	margin-top: -30px;
}

.customSlider .slick-current .customBox:before {
	opacity: 1;
}

.customSlider .slick-current .customBox:after {
	opacity: 1;
}

.partList {
	display:    block;
	text-align: center;
}

.partList li {
	display: inline-block;
	width:   14%;
}

footer {
	background-color: #262626;
}

footer.pad-sec {
	padding: 72px 0 0px;
}

.ftr-Wrap {
	padding-bottom: 60px;
}

.ftr-box-1 h6,
.ftr-box-2 h6,
.ftr-box-3 h6,
.ftr-box-4 h6 {
	font-size:      14px;
	font-weight:    bold;
	line-height:    normal;
	letter-spacing: 1.27px;
	color:          #FFFFFF;
	padding-bottom: 17px;
}

.ftr-box-1 p {
	font-size:      14px;
	font-weight:    normal;
	font-style:     italic;
	line-height:    1.43;
	letter-spacing: normal;
	color:          #AEB7C1;
	padding-bottom: 26px;
}

.ftr-box-1 a {
	width:          116px;
	height:         36px;
	border-radius:  4px;
	border:         solid 1px #EDF3F9;
	font-size:      11px;
	font-weight:    bold;
	line-height:    36px;
	letter-spacing: 0.5px;
	text-align:     center;
	color:          #EDF3F9;
}

.ftr-box-1 a:hover {
	background-color: #EDF3F9;
	color:            #262626;
}

.ftr-list {
	display: block;
}

.ftr-list li {
}

.ftr-list li a {
	font-size:   12px;
	font-weight: normal;
	line-height: 2;
	color:       #AEB7C1;
}

.ftr-list li a:hover,
.ftr-con li a:hover,
.ftr-social li a:hover {
	color: var(--theme-color)
}

.ftr-con {
	display: block;
}

.ftr-con li {
	padding-bottom: 10px;
}

.ftr-con li span {
	font-family:    Merriweather;
	font-size:      14px;
	line-height:    1.71;
	letter-spacing: normal;
	color:          #AEB7C1;
	font-weight:    normal;
}

.ftr-con li a,
.ftr-con li p {
	font-family:    Merriweather;
	font-size:      14px;
	font-weight:    normal;
	line-height:    1.71;
	letter-spacing: normal;
	color:          #FFFFFF;
}

.ftr-box-5 {
}

.ftr-box-5 h4 {
	font-size:      27px;
	font-weight:    bold;
	letter-spacing: 1.27px;
	text-align:     left;
	color:          #FFFFFF;
	padding-bottom: 35px;
}

.ftr-social {
	display:    block;
	text-align: left;
	padding:    0 0 0 12px;
}

.ftr-social li {
	display:       inline-block;
	padding-right: 15px;
}

.ftr-social li a {
	font-size: 14px;
	color:     #656D7A;
}

.copyrights {
	height:           100%;
	box-shadow:       inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
	background-color: #191919;
	text-align:       center;
}

.copyrights p {
	font-size:      12px;
	font-weight:    normal;
	font-style:     normal;
	letter-spacing: normal;
	text-align:     center;
	color:          #656D7A;
}


/* inner style css */
/* Inner Text Shadows */
span.h1-shad {
	color:   #000000;
	opacity: 0.1;
	top:     5px;
}

.mainBanner.innerBanner:before {
	display: none;
}

.mainBanner.innerBanner:after {
	display: none;
}

.innerBanner {
	height:              500px;
	background-position: center;
	padding-top:         90px;
}


.creative {
	text-align: center;
}

.creative h2 {
	font-size:      42px;
	font-weight:    bold;
	letter-spacing: -0.4px;
	text-align:     center;
	color:          var(--theme-color);
	line-height:    normal;
	margin-bottom:  10px;
}

.creative p {
	font-size:      17px;
	font-weight:    normal;
	font-style:     italic;
	line-height:    1.41;
	text-align:     center;
	color:          #262626;
	padding-bottom: 50px;
}

.crea-con p {
	font-size:      14px;
	font-weight:    normal;
	font-style:     italic;
	line-height:    1.71;
	letter-spacing: normal;
	color:          #303030;
}

.team.techno {
	padding-bottom: 60px;
}

.team.techno p {
	padding-bottom: 0;
}

.engage.pad-sec {
	padding-bottom: 80px;
}

.samples h3 {
	font-size:      42px;
	font-weight:    bold;
	letter-spacing: -0.4px;
	color:          var(--theme-color);
	line-height:    normal;
	padding-bottom: 10px;
}

.samples p {
	font-size:      17px;
	font-weight:    normal;
	font-style:     italic;
	line-height:    1.41;
	color:          #262626;
	padding-bottom: 50px;
}

.sampleList li {
	display:  inline-block;
	height:   312px;
	overflow: hidden;
}

.sampleList {
	display:        block;
	padding-bottom: 43px;
}

/*.sampleList li{display:inline-block; height: 312px; overflow: hidden;}*/
.sampleList-02 li {
	display:        inline-block;
	width:          22.1%;
	vertical-align: top;
	margin:         0 15px;
	height:         auto;
	overflow:       visible;
}

.blog-sec-01 a.btn-cs {
	width:          300px;
	height:         52px;
	line-height:    50px;
	border:         2px solid #000000;
	background:     #000000;
	border-radius:  8px;
	text-align:     center;
	font-size:      18px;
	color:          #FFFFFF;
	font-weight:    500;
	text-transform: capitalize;
}

.blog-sec-01 a.btn-cs:hover {
	background: transparent;
	color:      #000000;
}

.bulk-sec-01.pad-sec {
	padding: 70px 0 80px;
}

.bulks {
	text-align:     center;
	padding-bottom: 50px;
}

.bulks h2 {
	font-size:      42px;
	font-weight:    bold;
	line-height:    normal;
	letter-spacing: -0.4px;
	color:          var(--theme-color);
}

.bulks p {
	font-size:   17px;
	font-weight: normal;
	font-style:  italic;
	line-height: 1.41;
	color:       #262626;
}

.bulkTab {
	display: block;
}

.bulkTab li {
	position: relative;
}

.bulkTab li:before {
	content:       '';
	position:      absolute;
	width:         0;
	height:        0;
	z-index:       1;
	border-top:    33px solid transparent;
	border-left:   25px solid #222222;
	border-bottom: 33px solid transparent;
	right:         -24px;
	opacity:       0;
	transition:    all 0.1s ease-In-out;
}

.bulkTab li a {
	width:            100%;
	height:           66px;
	border:           solid 1px #EFEFEF;
	background-color: #F7F7F7;
	text-align:       left;
	line-height:      66px;
	padding-left:     34px;
	transition:       all 0.1s ease-In-out;
}

.bulkTab li:hover a,
.bulkTab li.active a {
	background-color: #222222;
	color:            #FFFF;
	transition:       all 0.1s ease-In-out;
}

.bulkTab li:hover:before,
.bulkTab li.active:before {
	opacity:    1;
	transition: all 0.1s ease-In-out;
}

.blog-package {
	border:  solid 1px #F7F7F7;
	height:  100%;
	padding: 30px;
}

.blog-package h3 {
	font-size:      42px;
	font-weight:    bold;
	line-height:    normal;
	letter-spacing: -0.4px;
	text-align:     center;
	color:          var(--theme-color);
	padding-bottom: 25px;
}

.blg-List {
	display: block;
}

.blg-List li {
	display:      inline-block;
	margin-right: 23px;
}

.blg-List li.last {
	margin-right: 0;
}

.pkg-box {
	width:            258px;
	height:           503px;
	border-radius:    4px;
	box-shadow:       0 15px 12px 0 rgba(0, 0, 0, 0.04), 0 20px 40px 0 rgba(33, 56, 90, 0.12);
	background-color: #FFFFFF;
	text-align:       center;
}

.pkg-wp {
	padding-bottom: 15px;
}

.pkg-wp h5 {
	font-size:   18px;
	font-weight: bold;
	line-height: 1.78;
	color:       #000000;
	padding:     35px 0 15px;
}

.pkg-wp span {
	font-size:      48px;
	font-weight:    bold;
	line-height:    1.33;
	color:          var(--theme-color);
	padding-bottom: 15px;
}

.pkg-wp p {
	font-size:      14px;
	font-weight:    bold;
	line-height:    1.71;
	letter-spacing: normal;
	color:          #000000;
}

.pkgList {
	display:       block;
	text-align:    left;
	padding:       15px 0;
	margin:        0 15px 25px;
	border-top:    1px solid #E4E9F2;
	border-bottom: 1px solid #E4E9F2;
}

.pkgList li {
	width:       100%;
	font-size:   13px;
	font-weight: 600;
	font-style:  normal;
	line-height: 2.31;
	color:       #000000;
}

.pkgList li span {
	float: right;
	color: #A0A0A0;
}

.pkg-box a.btn-cs {
	width:            175px;
	height:           46px;
	background-color: #222222;
	font-size:        15px;
	font-weight:      500;
	color:            #FFFFFF;
	line-height:      46px;
	margin-bottom:    25px;
}

.pkg-box a.btn-cs:hover {
	background-color: var(--theme-color);
	color:            #FFFFFF;
}

.talk {
}

.talk span {
	font-weight:    bold;
	color:          #222B45;
	font-size:      13px;
	padding-bottom: 5px;
}

.talk a {
	font-size:   13px;
	font-weight: bold;
	line-height: 1.54;
	color:       var(--theme-color);
	display:     block;
}


/* POP UP Start */

.popupMain {
	position:      fixed;
	top:           0px;
	bottom:        0px;
	right:         0px;
	left:          0px;
	width:         886px;
	height:        550px;
	padding:       0;
	background:    #FFFFFF;
	border-radius: 81px;
	margin:        auto;
	z-index:       99;
	display:       flex;
	align-items:   center;
	display:       none;
}

.popupMain .closePop {
	position:        absolute;
	right:           -15px;
	top:             -10px;
	background:      var(--theme-color);
	color:           #FFFFFF;
	width:           35px;
	height:          35px;
	border-radius:   25px;
	display:         flex;
	align-items:     center;
	justify-content: center;
	font-size:       17px;
	font-weight:     600;
}

.popTxt {
	text-align: left;
}

.popTxt h6 {
	font-size:      32px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    1.2;
	letter-spacing: 0px;
	color:          var(--theme-color);
	margin-bottom:  1px;
	font-weight:    bold;
	text-align:     center;
}

.popTxt > span {
	line-height: normal;
	font-weight: normal;
	text-align:  center;
}

.popTxt h6 span {
	font-weight: 600;
	color:       var(--theme-color);
}

.popTxt p {
	font-size:     25px;
	color:         #000000;
	font-weight:   500;
	margin-bottom: 33px;
}

.popTxt p span {
	color:       #181818;
	font-weight: bold;
}

.popField {
	margin-bottom: 18px;
	position:      relative;
}

.popField.half {
	width:          48.2%;
	margin-right:   20px;
	display:        inline-block;
	vertical-align: middle;
}

.popField.half.noMar {
	margin-right: 0px;
}

.popField.half.two {
	width: 22.3%;
}

.popField input,
.popField select {
	height:        52px;
	line-height:   52px;
	padding:       0 20px;
	font-size:     14px;
	color:         #7E7E7E;
	font-weight:   500;
	border:        1px solid #DDDDDD;
	border-radius: 4px;
	width:         310px;
	background:    #FFFFFF;
}

.popField label {
	font-size:   18px;
	font-weight: 600;
	color:       rgba(34, 34, 34, 0.60);
	position:    absolute;
	top:         -10px;
	left:        20px;
	background:  #FFFFFF;
	padding:     0 15px;
}

.field-btn input,
.field-btn a {
	width:         472px;
	height:        65px;
	line-height:   65px;
	text-align:    center;
	background:    #B70404;
	border-radius: 5px;
	font-size:     22px;
	color:         #FFFFFF;
	font-weight:   600;
	display:       inline-block;
}

.field-btn {
	margin-bottom: 25px;
}

.signIn {
	font-size:   18px;
	color:       #222222;
	font-weight: 600;
}

.signIn a {
	color:     #B70404;
	font-size: 18px;
}

.popField input::-webkit-input-placeholder {
	color: #7E7E7E;
}

.popField input::-moz-placeholder {
	color: #7E7E7E;
}

.popField input:-ms-input-placeholder {
	color: #7E7E7E;
}

.popField input:-moz-placeholder {
	color: #7E7E7E;
}

.blog-sec-01 {
	padding: 60px 0;
}

.lp-faq {
	padding: 50px 0 60px;
}

.popup-img {
	float: left;
	width: 41.7%;
}

.popup-img img {
	border-radius: 80px 0 0 80px;
}

.popform-holder {
	float:   left;
	width:   50%;
	padding: 0 0 0 50px;
}

.popform-holder form input,
.popform-holder form select {
	width:            100%;
	height:           50px;
	padding:          0 15px;
	border-radius:    3px;
	border:           solid 1px #EBEBEB;
	background-color: #F8F8F8;
	font-size:        14px;
	letter-spacing:   0.61px;
	color:            #777777;
}

.popform-holder form textarea {
	width:            100%;
	padding:          15px;
	border-radius:    3px;
	border:           solid 1px #EBEBEB;
	background-color: #F8F8F8;
	font-size:        14px;
	letter-spacing:   0.61px;
	color:            #777777;
	resize:           none;
}

.popform-holder form input::-webkit-input-placeholder {
	color: #181818;
}

.popform-holder form input::-moz-placeholder {
	color: #181818;
}

.popform-holder form input:-ms-input-placeholder {
	color: #181818;
}

.popform-holder form input:-moz-placeholder {
	color: #181818;
}

.popform-holder form input::placeholder {
	color: #777777;
}

.popform-holder form button.popup-btn {
	width:            100%;
	height:           51px;
	border-radius:    25px;
	background-color: var(--theme-color);
	border:           1px solid var(--theme-color);
	font-size:        14px;
	font-weight:      normal;
	font-stretch:     normal;
	font-style:       normal;
	line-height:      49px;
	letter-spacing:   normal;
	color:            #FFFFFF;
	margin-top:       23px;
}

.popform-holder form button.popup-btn:hover {
	background: transparent;
	color:      var(--theme-color);
}

.overlay {
	background-color: rgb(0 0 0 / 57%);
	position:         fixed;
	top:              0px;
	left:             0px;
	width:            100%;
	height:           100%;
	z-index:          99;
	display:          none;
}

.overlay-discount-popup {
	background-color: rgba(0, 0, 0, 0.91);
	position:         fixed;
	top:              0px;
	left:             0px;
	width:            100%;
	height:           100%;
	z-index:          9;
	display:          none;
}

.popup-close {
	position:      absolute;
	right:         -15px;
	top:           -15px;
	background:    #159567;
	width:         30px;
	height:        30px;
	border-radius: 50%;
	color:         #FFFFFF;
	font-size:     20px;
	font-weight:   600;
	z-index:       10;
	padding:       0px;
	line-height:   27px;
	text-align:    center;
}

/* */


/* Services PopUp Start */
.popupMain.servicesPop {
	width:            999px;
	height:           575px;
	border-radius:    30px;
	background-color: #FFFFFF;
	
}

.popHead {
	height:           65px;
	border-radius:    30px 30px 0 0;
	background-color: var(--theme-color);
	padding:          19px 30px;
}

.popHead h3 {
	font-size:      33px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    1.03;
	letter-spacing: 1px;
	color:          #FFFFFF;
}

.pop-cncts {
	text-align: right;
}

.pop-cncts li {
	display: inline-block;
	margin:  0 20px 0 0;
}

.pop-cncts li.last {
	margin-right: 0;
}

.pop-cncts li a {
	font-size:      17px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: normal;
	color:          #FFFFFF;
}

.pop-cncts li a i {
	margin: 0 3px 0 0;
}

.pop-srvc-lst {
	font-size:     0;
	text-align:    center;
	border-bottom: 1px solid #E5E5E5;
	padding:       25px 0 30px;
}

.pop-srvc-lst li {
	display:        inline-block;
	margin:         0 9px 0 0;
	vertical-align: middle;
}

.pop-srvc-lst li.last {
	margin: 0;
}

.pop-srvc-lst li a {
	width:            98px;
	height:           85px;
	display:          flex;
	flex-flow:        column;
	justify-content:  center;
	border-radius:    12px;
	background-color: #FFFFFF;
	font-size:        10px;
	font-weight:      bold;
	line-height:      normal;
	text-align:       center;
	color:            #000000;
	border:           1px solid #CCCCCC;
	padding:          12px 0;
}

.pop-srvc-lst li a:hover {
	color: var(--theme-color);
}

.pop-srvc-lst li a i {
	display: block;
	margin:  0 auto 7px;
}

.pop-icon-01 {
	background-position: 0 -201px;
	width:               30px;
	height:              38px;
}

.pop-icon-02 {
	background-position: -39px -201px;
	width:               28px;
	height:              28px;
}

.pop-icon-03 {
	background-position: -76px -202px;
	width:               27px;
	height:              26px;
}

.pop-icon-04 {
	background-position: -112px -203px;
	width:               30px;
	height:              24px;
}

.pop-icon-05 {
	background-position: -151px -203px;
	width:               28px;
	height:              26px;
}

.pop-icon-06 {
	background-position: -188px -203px;
	width:               28px;
	height:              28px;
}

.pop-icon-07 {
	background-position: -225px -199px;
	width:               28px;
	height:              28px;
}

.pop-icon-08 {
	background-position: -262px -199px;
	width:               28px;
	height:              28px;
}

.pop-icon-09 {
	background-position: -299px -199px;
	width:               28px;
	height:              28px;
}

.pop-srvc-lst-02 {
	display:        inline-block;
	width:          20%;
	vertical-align: top;
}

.pop-srvc-lst-02 li {
	display: block;
	margin:  0 0 6px 0;
}

.pop-srvc-lst-02 li span {
	font-size:      13px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: -0.17px;
	color:          #3F3F3F;
	padding:        17px 0 0 0;
}

.pop-srvc-lst-02 li.first span {
	padding: 0;
}

.pop-srvc-lst-02 li a {
	font-size:      13px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: -0.17px;
	color:          #3F3F3F;
}

.pop-srvc-lst-02 li a:hover {
	color: var(--theme-color);
}

.pop-srvc-dv {
	font-size: 0;
	padding:   24px 29px;
}

/* Services PopUp End */


.thankyouBanner {
	min-height: 748px;
	height:     auto;
}

.thank-hdr h1 {
	font-size:      54px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    57px;
	letter-spacing: -1px;
	text-align:     center;
	color:          var(--theme-color);
	margin-bottom:  13px;
}

.thank-hdr h1 strong {
	font-size: 68px;
	display:   block;
}

.thank-hdr p {
	font-size:      12px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     italic;
	line-height:    2;
	letter-spacing: normal;
	text-align:     center;
	color:          #222222;
}

.thank-hdr {
	background-color: #FFFFFF;
	padding:          55px 0;
}

.HomeBanner .header-text {
	padding-bottom: 85px;
	z-index:        1;
}

.ftr-box-5 img {
	max-width: none;
	width:     232px;
	margin:    0 0 14px;
}

.cnt-sec {
	padding-bottom: 20px;
}

.cnt-sec h4 {
	font-size:      30px;
	font-weight:    bold;
	color:          var(--theme-color);
	padding-bottom: 10px;
}

.cnt-sec p,
.cnt-sec a {
	opacity:     0.6;
	font-size:   15px;
	font-weight: 600;
	line-height: 2;
	color:       #222222;
}

.cnt-sec p strong {
	font-weight: 800;
}

.cnt-sec a {
	font-weight: 600;
}

.field {
	margin-bottom: 20px;
}

.cnt-wrap .field input,
.cnt-wrap .field textarea {
	height:           70px;
	width:            100%;
	border-radius:    8px;
	border:           solid 1px #EBEBEB;
	background-color: #F8F8F8;
	padding:          0 30px;
}

.cnt-wrap .field textarea {
	height:  201px;
	padding: 20px 30px;
	resize:  none;
}

.cnt-wrap .field input::placeholder {
	font-size:   18px;
	font-weight: 600;
	color:       #777777;
	opacity:     0.9;
}

.cnt-wrap .field textarea::placeholder {
	font-size:   18px;
	font-weight: 600;
	color:       #777777;
	opacity:     0.9;
}

.cnt-wrap input[type=submit] {
	width:            130px;
	height:           50px;
	background-color: var(--theme-color);
	font-size:        14px;
	font-weight:      bold;
	color:            #FFFFFF;
	text-align:       center;
	border:           1px solid;
}

.cnt-wrap input[type=submit]:hover {
	background-color: transparent;
	border-color:     var(--theme-color);
	color:            var(--theme-color);
}

.ext-H1.hd-h1 {
	font-size: 96px;
}

.ext-H1.nws-h1,
.nws-h1 {
	font-size: 76px;
	height:    82px;
}


/*Removes cursor that comes with typed.js*/
.typed-cursor {
	opacity: 0;
	display: none;
}

/*Custom cursor animation*/
@keyframes blink {
	0% {
		opacity: 1;
	}
	
	50% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}
	
	50% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 1;
	}
	
	50% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}

/*span.type:before{content: "|"; display: inline; animation: blink 0.7s infinite; }*/


span.type:after {
	-webkit-animation-name:            blinker;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
	-webkit-animation-duration:        0.6s;
	content:                           "";
	display:                           inline-block;
	width:                             5px;
	height:                            80px;
	background:                        var(--theme-color);
	position:                          absolute;
	top:                               4px;
	right:                             0;
}

@-webkit-keyframes blinker {
	from {
		opacity: 1.0;
	}
	
	to {
		opacity: 0.0;
	}
}


@keyframes zoominoutsinglefeatured {
	0% {
		transform: scale(1, 1);
	}
	
	50% {
		transform: scale(1.2, 1.2);
	}
	
	100% {
		transform: scale(1, 1);
	}
}


.writeSlider button.slick-arrow {
	font-size:  0;
	background: url(../images/sprite.png) no-repeat;
	position:   absolute;
	right:      0;
	bottom:     -16px;
	cursor:     pointer;
}

.writeSlider button.slick-prev {
	background-position: -4px -60px;
	width:               26px;
	height:              17px;
	right:               49px;
}

.writeSlider button.slick-next {
	background-position: -37px -60px;
	width:               26px;
	height:              17px;
	right:               7px;
}


.copyrights {
	text-align:  center;
	color:       #656D7A;
	font-weight: normal;
	padding:     0px 0 15px;
}

.copyrights p {
	display: inline-block;
}

.copyrights ul {
	display: inline-block;
}

.copyrights ul li {
	display: inline-block;
}

.copyrights ul li a {
	font-size:      12px;
	font-weight:    normal;
	font-style:     normal;
	line-height:    52px;
	letter-spacing: normal;
	text-align:     center;
	color:          #656D7A
}

.privacypage p {
	font-size:      14px;
	font-weight:    normal;
	font-style:     italic;
	line-height:    1.71;
	letter-spacing: normal;
	color:          #303030
}

.privacypage h4 {
	margin:         25px 0 0px;
	font-size:      24px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: -0.3px;
	color:          #262626
}

.privacypage ul li,
.privacypage ol li {
	font-size:      14px;
	font-weight:    normal;
	font-style:     italic;
	line-height:    1.71;
	letter-spacing: normal;
	color:          #303030
}

.privacypage ul,
.privacypage ol {
	margin: 0 0 11px 17px;
}

.privacypage ul {
	list-style: disc;
}

.privacypage ol {
	list-style: decimal;
}

.privacypage h3 {
	font-size: 30px;
	margin:    31px 0 22px 0;
}

.ftr-list-02 {
	font-size: 0;
}

.ftr-list-02 li {
	display: inline-block;
	width:   50%;
}

.sampleList button.slick-arrow {
	position:        absolute;
	left:            -40px;
	top:             0;
	bottom:          0;
	margin:          auto;
	border:          0px;
	font-size:       0px;
	width:           40px;
	height:          40px;
	background:      #C4C4C4;
	border-radius:   100%;
	display:         flex;
	align-items:     center;
	justify-content: center;
	padding:         10px 0;
}

.sampleList button.slick-next {
	left:  inherit;
	right: -40px;
}

.sampleList button.slick-arrow:before {
	content:     "\f053";
	font-family: "Font Awesome 5";
	display:     block;
	font-size:   20px;
	color:       #FFFFFF;
	line-height: 21px;
}

.sampleList button.slick-next:before {
	content: "\f054";
}


.calc-sec {
	background: #F1F1F1;
	transition: background .6s ease-in-out;
}

.white-content-box {
	background: #FFFFFF;
	padding:    35px;
	overflow:   hidden;
	position:   relative;
	z-index:    5;
	padding:    48px;
}

.noguttar {
	padding: 0 !important;
}

.noguttar-left {
	padding-left: 0 !important;
}

.noguttar-right {
	padding-right: 0 !important;
}

.calc-sec .sec-lg-hd {
	font-weight:    900;
	font-size:      46px;
	color:          #302D30;
	margin:         0 0 5px 0;
	letter-spacing: 1px;
	z-index:        2;
	position:       relative;
}

.calc-sec p {
	font-style: italic;
}

.calc-ul {
	margin: 0;
}

.calc-select select {
	width:         100%;
	background:    #FFFFFF;
	border:        1px solid #333333;
	padding:       10px;
	border-radius: 3px;
	color:         #333333;
	margin:        0 0 20px;
	display:       none;
}

.calc-ul li {
	display:        inline-block;
	vertical-align: top;
	margin-right:   22px;
	margin-top:     25px;
	height:         100%;
}

.calc-ul li a {
	display:         block;
	border:          1px solid #C4C4C4;
	height:          122px;
	width:           150px;
	text-align:      center;
	padding-top:     20px;
	text-decoration: none;
}

.calc-ul li svg {
	width:  40px;
	height: 40px;
}

.calc-ul li p {
	margin:      08px 0 0 0;
	line-height: 1.3em;
	font-size:   12px;
	color:       #4A4A4A;
	font-style:  normal;
}

.calc-ul li a:hover {
	background: #333333;
}

.calc-ul li a:hover p {
	color: #FFFFFF;
}

.calc-ul li a:hover svg {
	fill: #FFFFFF;
}

.calc-ul li.active {
	background: var(--theme-color);
}

.calc-ul li.active * {
	color: #FFFFFF;
	fill:  #FFFFFF;
}

.inline {
	display: inline-block;
}

.fill-white {
	background-color: white !important;
}

.pos-abt {
	position: absolute;
}

.z-100 {
	z-index: 100;
}

.op0 {
	opacity: 0;
}

#ban-input-anim .ban-input-box {
	position:         relative;
	top:              calc(-0px - 0.5em);
	background-color: transparent;
	position:         relative;
	z-index:          1;
}

#ban-input-anim .ban-input-box .demo-input.text-center {
	max-width:           960px;
	width:               70vw;
	margin:              auto;
	-webkit-user-select: none;
	-moz-user-select:    none;
	-ms-user-select:     none;
	user-select:         none
}

#ban-input-anim .ban-input-box .demo-input.text-center #home-input,
#ban-input-anim .ban-input-box .demo-input.text-center .input-message {
	width:              61%;
	height:             75px;
	border-radius:      100px;
	border:             none;
	-webkit-appearance: none;
	-moz-appearance:    none;
	-ms-appearance:     none;
	-o-appearance:      none;
	appearance:         none;
	box-shadow:         0 30px 40px 0 rgba(16, 36, 94, 0.2), inset 0 -10px 0 0 rgba(103, 117, 161, 0.06);
	font-size:          30px;
	outline:            none;
	line-height:        75px;
}

.samples-box {
	text-align:     center;
	padding-bottom: 50px;
}

.samples-box i svg {
	height: 66px;
}

.samples-box h4 {
	font-size: 18px;
	color:     #0E0E0E;
}

.samples-box li {
	margin-top: 5px;
}

.samples-box li a {
	color:         #777777;
	border-bottom: 1px solid #888888;
}

.samples-box li a:hover {
	border-bottom: none;
}

.sampleBox img {
	width: 100%;
}

.noguttar {
	padding: 0 !important;
}

.word-count ul {
	margin: 0;
}

.input-number-decrement,
.input-number-increment {
	display:     inline-block;
	width:       25px;
	line-height: 26px;
	background:  #F6F6F6;
	color:       #11669E;
	text-align:  center;
	font-weight: bold;
	cursor:      pointer;
	font-size:   17px;
	font-family: 'Montserrat', sans-serif;
}

.input-number-decrement:active,
.input-number-increment:active {
	background: #DDDDDD;
}

.input-number-decrement {
	border-right:  none;
	border-radius: 4px 0 0 4px;
}

.input-number-increment {
	border-left:   none;
	border-radius: 0 4px 4px 0;
}

.word-count > ul.num-count > li i svg {
	height: 32px;
	fill:   #FFFFFF;
}

.word-count > ul.num-count > li i {
	width:         70px;
	height:        70px;
	border:        2px solid #FFFFFF;
	border-radius: 100%;
	display:       inline-block;
	text-align:    center;
	padding:       17px 0;
}

.word-count > ul.num-count > li i.fa {
	width:     auto;
	height:    auto;
	border:    0;
	padding:   0px;
	font-size: 10px;
	color:     #FFFFFF;
}

.word-count {
	padding:       20px 30px;
	border-bottom: 1px solid #11669E;
}

.word-count > ul.num-count > li {
	display: inline-block;
}

.cal-sec {
	background: var(--theme-color);
	padding:    9px 0;
}

.word-count > ul > li h4 {
	font-size:      14px;
	text-transform: uppercase;
	font-weight:    700;
	color:          #FFFFFF;
	line-height:    16px;
	margin-top:     0;
	margin-bottom:  10px;
}

.word-count > ul > li h4 span {
	font-family:    'Merriweather Sans', sans-serif;
	display:        block;
	text-transform: capitalize;
	font-weight:    500;
	font-size:      10px;
}

.cal-num {
	margin: 0 0;
}

.cal-num .input-number-decrement {
	border-radius: 20px 0 0 20px;
}

.cal-num .input-number-increment {
	border-radius: 0 20px 20px 0;
}

.cal-num .input-number {
	padding:     2px 0;
	background:  #11669E;
	border:      0px;
	color:       #FFFFFF;
	text-align:  center;
	font-family: 'Montserrat', sans-serif;
	font-size:   15px;
	font-weight: 600;
	width:       115px;
	height:      27px;
}

.word-count > ul.num-count > li:first-child {
	width: 70px;
}

.word-count > ul.num-count > li:last-child {
	width:          222px;
	vertical-align: top;
	margin-left:    10px;
}

.word-count > ul.num-count > li span.word {
	font-size:      9px;
	color:          #FFFFFF;
	font-weight:    600;
	text-transform: capitalize;
	margin-left:    10px;
}

.tooltip-box {
	display:  inline-block;
	position: relative;
}

.tooltip-box:hover .tootip {
	opacity: 1
}

.tootip {
	color:          #FFFFFF;
	margin:         0px;
	line-height:    17px;
	position:       absolute;
	right:          -10px;
	top:            30px;
	width:          210px;
	z-index:        1;
	border-radius:  2px;
	background:     #FFFFFF;
	color:          #000000;
	padding:        5px 10px;
	opacity:        0;
	transition:     all 0.4s ease;
	font-size:      9px;
	/*color: #FFFFFF;*/
	font-weight:    600;
	text-transform: capitalize;
	margin-left:    10px;
}

.tootip:after {
	content:     "\f0d8";
	font-family: "Font Awesome 5";
	font-size:   20px;
	position:    absolute;
	top:         -11px;
	color:       #FFFFFF;
	right:       8px;
}

.selected-serv {
	font-size:   14px;
	color:       #F6F6F6;
	font-weight: 600;
	margin:      0 0 8px;
}

.selected-serv input {
	background:    #11669E;
	border:        0px;
	padding:       4px 15px;
	font-weight:   200;
	width:         56%;
	margin-left:   10px;
	border-radius: 22px;
	color:         #FFFFFF;
}

.calc-answr ul li.calc-footr-last {
	background:     transparent;
	display:        inline-block;
	padding:        0px !important;
	text-align:     left;
	width:          49%;
	vertical-align: top;
}

.calc-answr ul li.calc-footr-last ul li {
	display:     block;
	background:  transparent;
	padding:     0px;
	font-size:   10px;
	font-weight: 500;
	margin:      0 0 5px;
	padding:     0 0 0 10px;
	color:       #FFFFFF;
	display:     block;
	width:       100%;
	position:    relative;
	line-height: 17px;
}

.calc-answr ul li.calc-footr-last2 {
	display:    inline-block;
	width:      49%;
	background: transparent;
	padding:    0px;
}

.calc-answr ul li.calc-footr-last ul li:before {
	content:       "";
	width:         3px;
	border-radius: 100%;
	height:        3px;
	background:    #FFFFFF;
	position:      absolute;
	left:          0px;
	top:           10px;
}

.calc-answr ul li.calc-footr-last2 ul li + li {
	background: transparent;
	padding:    0px;
}

.calc-answr ul li.calc-footr-last2 ul li {
	width:   100%;
	display: block;
}

.calc-answr ul li.calc-footr-last2 ul li + li a {
	display:   block;
	font-size: 13px;
	margin:    18px 0 0;
	padding:   10px;
}

.calc-footr-last2 ul li.servicep {
	padding: 11px 20px;
}

.calc-answr ul li.calc-footr-last ul li {
	width: 50%;
	float: left;
}

.calc-answr ul li.calc-footr-last {
	width:  100%;
	margin: 10px 0;
}

a.prev-btn {
	display: none;
}

.calc-answr ul li.calc-footr-last2 {
	width: 100%;
}

.ordr-process-tabs {
	display:       none;
	padding-right: 15px;
}

.ordr-process-tabs.active {
	display: block;
}

.calc-answr ul li.calc-footr-last2 {
	width: 100%;
}

.calc-answr ul li.calc-footr-last2 li.servicep,
.calc-answr ul li.calc-footr-last2 li.servicepold {
	background:    #FFFFFF !important;
	width:         48% !important;
	font-size:     30px;
	font-weight:   700;
	padding:       16px 20px;
	border-radius: 6px;
	margin:        0 3px;
	color:         #333333;
	display:       inline-block !important;
	float:         left !important;
}

li.servicep {
	padding:     10px !important;
	position:    relative;
	top:         16px;
	font-size:   21px !important;
	font-weight: normal !important;
}

li.servicep: before {
	content:   "Now";
	position:  absolute;
	top:       -20px;
	color:     #FFFFFF;
	left:      0;
	right:     0;
	margin:    0 auto;
	font-size: 12px;
}

li.servicepold {
	padding:     5px !important;
	position:    relative;
	opacity:     0.4;
	top:         20px;
	font-size:   17px !important;
	font-weight: normal !important;
}

li.servicepold: before {
	content:   "Before";
	position:  absolute;
	top:       -20px;
	color:     #FFFFFF;
	left:      0;
	right:     0;
	margin:    0 auto;
	font-size: 12px;
}

.calc-answr ul li.calc-footr-last2 ul li.cal-btn {
	width:   50%;
	display: block;
	float:   right;
}

.calc-answr ul li.calc-footr-last2 ul li.cal-btn {
	position: relative;
	top:      15px;
}

.calc-btn {
	display:            inline-block;
	padding:            10px 35px;
	color:              #FFFFFF;
	background:         #333333;
	border-radius:      39px;
	margin-right:       15px;
	font-weight:        600;
	text-transform:     uppercase;
	text-align:         center;
	text-decoration:    none;
	-webkit-box-shadow: 1px 3px 15px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    1px 3px 15px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         1px 3px 15px 0px rgba(0, 0, 0, 0.35);
	font-size:          13px;
}

.calc-answr ul li.calc-footr-last2 ul li + li a {
	display:   block;
	font-size: 12px;
	margin:    18px 0 0;
	padding:   15px;
}

.nobor {
	border: none;
}

.sampleList li a {
	width:      180px;
	height:     250px;
	display:    inline-block;
	text-align: center;
}

.sampleList li a img {
	display: inline-block;
	width:   100%;
}

#top {
	padding:                 12px 10px 0px 10px;
	margin:                  20px 0px 0px 0px;
	height:                  63px;
	background-repeat:       no-repeat;
	border:                  1px solid #EEEEEE;
	border-bottom:           0px;
	border-top-left-radius:  5px;
	border-top-right-radius: 5px;
	width:                   700px;
	margin:                  0 auto 0;
}

.top-left {
	width: 282px;
	float: left;
}

.top-right {
	width:      370px;
	float:      left;
	margin-top: 8px;
}

.tr-step1 {
	float:       left;
	width:       135px;
	line-height: 1.1em;
}

.tr-step1 img {
	vertical-align: -webkit-baseline-middle;
	float:          left;
	margin-right:   5px;
}

#top .step1 {
	font-size:       11px;
	color:           #333333;
	font-weight:     bold;
	text-decoration: none;
}

#top .detail {
	font-size:       14px;
	color:           #006ED2;
	font-weight:     bold;
	text-decoration: underline;
}

.blue-arrow {
	float:  left;
	width:  40px;
	margin: 5px 15px 0px;
}

.tr-step2 {
	float:       left;
	width:       155px;
	line-height: 1.1em;
}

.tr-step2 img {
	vertical-align: -webkit-baseline-middle;
	float:          left;
	margin-right:   5px;
}

#top .detail2 {
	font-size:       13px;
	color:           #999999;
	font-weight:     bold;
	text-decoration: none;
}

.clear {
	clear: both;
}

#mid {
	padding:             35px 10px 10px 10px;
	margin:              0px 0px 0px 0px;
	width:               700px;
	background-image:    url(../images/order/bg-top-bar.jpg);
	background-repeat:   no-repeat;
	background-position: center top;
	border-left:         solid 1px #EEEEEE;
	border-right:        solid 1px #EEEEEE;
	border-bottom:       1px solid #EEEEEE;
	margin:              0px auto;
}

h2.dt-heading {
	margin-top: 0;
}

#mid .heading {
	font-size:       18px;
	color:           #275989;
	text-decoration: none;
}

table {
	background-color: transparent;
}

.text-field {
	margin: 0px 0px 0px 90px;
}

#mid .red {
	color: #FF0000;
}

#mid .txt-field {
	padding:         5px;
	margin:          0px 0px 0px 0px;
	width:           150px;
	/* height:  20px; */
	border:          solid 1px #D8D8D8;
	font-family:     Arial;
	font-size:       14px;
	color:           #666666;
	text-decoration: none;
	margin-left:     12px;
	width:           63% !important;
}

span#pgv {
	display:     block;
	margin-left: 90px;
}

.text-field1 {
	margin-left: 47px;
}

.title-dt {
	color:       black;
	font-weight: bold;
	font-size:   10px;
	font-family: arial;
	margin-left: 128px;
}

.text-field2 {
	margin-left:    0px;
	vertical-align: middle;
	display:        flex;
	align-items:    center;
	margin-bottom:  23px;
}

.txtarea {
	width:        397px;
	height:       100px;
	margin-left:  11px;
	border-color: #D8D8D8;
	resize:       none;
	border:       1px solid #D8D8D8;
}

.text-field4 {
	margin-left: 174px;
}


.stripe-button-el {
	overflow:                    hidden;
	display:                     inline-block;
	visibility:                  visible !important;
	background-image:            -webkit-linear-gradient(#28A0E5, #015E94);
	background-image:            -moz-linear-gradient(#28A0E5, #015E94);
	background-image:            -ms-linear-gradient(#28A0E5, #015E94);
	background-image:            -o-linear-gradient(#28A0E5, #015E94);
	background-image:            -webkit-linear-gradient(#28A0E5, #015E94);
	background-image:            -moz-linear-gradient(#28A0E5, #015E94);
	background-image:            -ms-linear-gradient(#28A0E5, #015E94);
	background-image:            -o-linear-gradient(#28A0E5, #015E94);
	background-image:            linear-gradient(#28A0E5, #015E94);
	-webkit-font-smoothing:      antialiased;
	border:                      0;
	padding:                     1px;
	text-decoration:             none;
	-webkit-border-radius:       5px;
	-moz-border-radius:          5px;
	-ms-border-radius:           5px;
	-o-border-radius:            5px;
	border-radius:               5px;
	-webkit-box-shadow:          0 1px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:             0 1px 0 rgba(0, 0, 0, 0.2);
	-ms-box-shadow:              0 1px 0 rgba(0, 0, 0, 0.2);
	-o-box-shadow:               0 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow:                  0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-touch-callout:       none;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select:         none;
	-moz-user-select:            none;
	-ms-user-select:             none;
	-o-user-select:              none;
	user-select:                 none;
	cursor:                      pointer;
}

.stripe-button-el {
	display: none;
}

.stripe-button-el span {
	display:               block;
	position:              relative;
	padding:               0 12px;
	height:                30px;
	line-height:           30px;
	background:            #1275FF;
	background-image:      -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image:      -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image:      -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image:      -o-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image:      -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image:      -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image:      -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image:      -o-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	background-image:      linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
	font-size:             14px;
	color:                 #FFFFFF;
	font-weight:           bold;
	font-family:           "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow:           0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow:       inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-ms-box-shadow:        inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-o-box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow:            inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	-ms-border-radius:     4px;
	-o-border-radius:      4px;
	border-radius:         4px;
}

header.abs-hdr {
	z-index:       1;
	position:      relative;
	box-shadow:    0 0 11px 1px #0003;
	margin-bottom: 30px;
}

header.abs-hdr header {
	position: relative;
}

.order-process {
	padding: 20px 0 0;
}

.text-field-payment {
	display:     flex;
	align-items: center;
}

#mid .text-field-payment .txt-field {
	margin: 0 0 10px 0;
	width:  73% !important;
}

#mid .text-field-payment .pym-dv .mnth-fld,
#mid .text-field-payment .pym-dv .year-fld {
	width:   36.1% !important;
	display: inline-block;
}

#mid .text-field-payment label {
	position:   relative;
	top:        0;
	right:      8px;
	width:      24%;
	text-align: right;
}

.form-table {
	font-size:   14px;
	color:       #696666;
	font-weight: normal;
}

.form-table table td {
	padding: 0 0 5px;
}

.text-field-full {
	line-height: 21px;
}

.pym-dv {
	position: relative;
	width:    86%;
}

.sbmt-btn {
	margin: 0 0 0 132px;
}

section.order-process h4 {
	background: var(--theme-color) !important;
	width:      700px !important;
	margin:     auto;
}

.order-process-02 {
	padding-bottom: 60px;
}

ul.radio-btn {
	position: relative;
	margin:   0;
}

ul.radio-btn > li {
	display: inline-block;
	margin:  0 57px 0 0;
}

ul.radio-btn > li: last-child {
	margin-right: 0px;
}

.radio-calc {
	margin:      6px 0 0;
	line-height: 1em;
}

.radio-calc input {
	vertical-align: middle;
	opacity:        0;
	position:       absolute;
}

.radio-calc label {
	font-size:      10px;
	color:          #FFFFFF;
	font-weight:    600;
	vertical-align: middle;
	position:       relative;
}

.radio-calc input[type="radio"] + label::before {
	content:            '';
	background:         #F4F4F4;
	border-radius:      100%;
	border:             1px solid #B4B4B4;
	display:            inline-block;
	width:              1em;
	height:             1em;
	position:           relative;
	top:                0.5em;
	margin-right:       0.3em;
	vertical-align:     top;
	cursor:             pointer;
	text-align:         center;
	-webkit-transition: all 250ms ease;
	transition:         all 250ms ease;
}

.radio-calc input[type="radio"] + label::before {
	top: 0.2em;
}

.radio-calc input[type="radio"]:checked + label::before {
	background-color:   #AD1457;
	-webkit-box-shadow: inset 0 0 0 5px #F4F4F4;
	box-shadow:         inset 0 0 0 2px #F4F4F4;
}

.radio-calc input[type="radio"]:checked + label.radio-label::after {
	background-color:   #AD1457;
	-webkit-box-shadow: inset 0 0 0 5px #F4F4F4;
	box-shadow:         inset 0 0 0 2px #F4F4F4;
	opacity:            1;
}


/* Sequence Css End */


.resume-sld li a {
	width:  auto;
	height: auto;
}

.resume-sld li {
	height: auto;
}


/* Lp CSS Start */
header.lp-header {
	position: relative;
	padding:  18px 0;
}

header.lp-header.fixed {
	position: fixed;
}

header.lp-header .logo {
	padding: 0;
}

header.lp-header .logo img {
	margin-top: 0;
}

.rght-nv {
	text-align: right;
}

.rght-nv ul {
	display: inline-block;
}

.rght-nv a.nv-btn {
	display:          inline-block;
	width:            140px;
	height:           40px;
	box-shadow:       0 2px 4px 0 rgba(48, 48, 48, 0.24);
	background-color: var(--theme-color);
	border:           1px solid var(--theme-color);
	font-size:        12px;
	font-weight:      bold;
	font-stretch:     normal;
	font-style:       normal;
	line-height:      38px;
	letter-spacing:   1px;
	text-align:       center;
	color:            #FFFFFF;
	text-transform:   uppercase;
}

.rght-nv a.nv-btn:hover {
	background-color: transparent;
	color:            var(--theme-color);
}

.rght-nv ul li {
	display:      inline-block;
	border-right: 2px solid #CBCBCB;
	padding:      0 15px;
}

.rght-nv * {
	transition: all 0.4s ease-In-out;
}

.rght-nv ul li.last {
	border: none;
}

.rght-nv ul li a {
	font-size:      15px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: normal;
	color:          #000000;
}

.rght-nv ul li a:hover {
	color: var(--theme-color);
}

.rght-nv ul li a i {
	margin: 0 4px 0 0;
}

.lp-icon-01 {
	background-position: -357px -130px;
	width:               15px;
	height:              13px;
}

.rght-nv ul li a:hover .lp-icon-01 {
	background-position: -356px -149px;
}

.lp-icon-02 {
	background-position: -377px -131px;
	width:               15px;
	height:              15px;
}

.rght-nv ul li a:hover .lp-icon-02 {
	background-position: -377px -149px;
}

.lpBanner:before {
	display: none;
}

.lpBanner:after {
	display: none;
}

.HomeBanner .lp-header-text {
	text-align:     left;
	padding-bottom: 0;
}

.lp-header-text h1 {
	font-size:      51px;
	font-weight:    bold;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    56px;
	letter-spacing: -1px;
	color:          var(--theme-color);
	margin-bottom:  10px;
}

.lp-header-text p {
	font-size:      17px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     italic;
	line-height:    1.41;
	letter-spacing: normal;
	color:          #222222;
}

.lp-header-text ul {
	margin: 13px 0 22px 0;
}

.lp-header-text ul li {
	font-size:      16px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     italic;
	line-height:    1.88;
	letter-spacing: -0.18px;
	color:          #313131;
	position:       relative;
	padding:        0 0 0 28px;
}

.lp-header-text ul li::before {
	content:     "\f058";
	font-family: "Font Awesome 5";
	display:     inline-block;
	font-size:   16px;
	color:       var(--theme-color);
	font-style:  normal;
	margin:      0 11px 0 0;
	position:    absolute;
	left:        0;
}

.lp-header-text a {
	width:            250px;
	height:           50px;
	box-shadow:       0 2px 4px 0 rgba(48, 48, 48, 0.24);
	background-color: #262626;
	border:           1px solid #262626;
	font-size:        16px;
	font-weight:      800;
	font-stretch:     normal;
	font-style:       normal;
	line-height:      48px;
	letter-spacing:   1px;
	color:            #FFFFFF;
	text-align:       center;
	text-transform:   uppercase;
}

.lpBanner {
	height: 700px;
}

.lp-header-text a: hover {
	background-color: transparent;
	color:            #262626;
}

.lpBannerWeb {
	background-position: center -90px;
}

.lp-hm-sec-09 {
	background-color: #82BFF2;
	padding:          100px 0 70px;
}

.cnctd {
	width:  370px;
	margin: 0 auto;
}

.cnctd h2 {
	font-size:   121px;
	font-weight: bold;
	color:       #FFFFFF;
	line-height: 74px;
	text-align:  center;
}

.cnctd h2 span {
	font-size:   53px;
	font-weight: 500;
	padding:     0 0 25px 0;
}

.cmnts {
	border-top:    1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding:       25px 0 31px;
	margin:        30px 0 0 0;
}

.cmnts h4 {
	font-size:     30px;
	font-weight:   500;
	color:         #FFFFFF;
	margin-bottom: 20px;
}

.cl-eml-cn {
	font-size: 0;
}

.cl-eml-cn * {
	transition: all 0.4s ease-in-out;
}

.cl-eml-cn li {
	display: inline-block;
	width:   50%;
}

.cl-eml-cn li a {
	line-height: 15px;
}

.icon-15 {
	background-position: -234px -204px;
	width:               35px;
	height:              34px;
}

.icon-16 {
	background-position: -285px -202px;
	width:               34px;
	height:              34px;
}

.cl-eml-cn li a i {
	display:        inline-block;
	vertical-align: middle;
}

.cl-eml-cn li a span {
	font-size:      12px;
	font-weight:    bold;
	color:          #FFFFFF;
	vertical-align: middle;
	padding:        0 0 0 10px;
	text-align:     left;
}

.lp-frm-dv .field {
	margin-bottom: 30px;
}

.lp-frm-dv .field input,
.lp-frm-dv .field select,
.lp-frm-dv .field textarea {
	font-size:        13px;
	font-weight:      600;
	color:            rgba(24, 24, 24, 0.74);
	background-color: #FFFFFF;
	height:           56px;
	padding:          0 15px;
	border-radius:    6px;
	width:            100%;
	text-transform:   uppercase;
}

.lp-frm-dv .field input: : placeholder,
.lp-frm-dv .field select: : placeholder,
.lp-frm-dv .field textarea: : placeholder {
	color: rgba(24, 24, 24, 0.74);
}

.lp-frm-dv .field textarea {
	padding:    15px;
	min-height: 128px;
	resize:     none;
}

.lp-frm-dv .field input[type="submit"] {
	font-size:        13px;
	font-weight:      bold;
	width:            180px;
	height:           52px;
	box-shadow:       0 2px 4px 0 rgba(48, 48, 48, 0.24);
	background-color: #F78B28;
	color:            #FFFFFF;
	border:           1px solid #F78B28;
	line-height:      40px;
}

.lp-frm-dv .field input[type="submit"]: hover {
	background-color: #FFFFFF;
	color:            #F78B28;
}

.excl-sec p.appl-para {
	font-size:      13px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: normal;
	color:          #000000;
	text-align:     left;
	border-left:    1px solid #D8D8D8;
	padding:        0 0 0 12px;
	margin:         0 25px 0 12px;
}

footer.lp-footer {
	padding: 0;
}

.lp-excl-sec .container {
	justify-content: flex-start;
}


.lp-faq {
	position: relative;
}

.lp-faq::before {
	content:    " ";
	position:   absolute;
	bottom:     0;
	right:      0;
	background: url(../images/faq-bg.png) no-repeat;
	width:      944px;
	height:     521px;
}

.lp-chlng {
	padding: 40px 0 0px;
}

.accordianBox h4 {
	border:           1px solid #DEDEDE;
	background-color: #FFFFFF;
	font-size:        24px;
	font-weight:      bold;
	font-stretch:     normal;
	font-style:       normal;
	line-height:      normal;
	letter-spacing:   -0.23px;
	color:            #262626;
	position:         relative;
	padding:          15px 20px;
}

.accordianBox h4::after {
	content:            "\f067";
	font-size:          14px;
	position:           absolute;
	right:              20px;
	color:              #000000;
	top:                0;
	bottom:             0;
	display:            flex;
	align-items:        center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
	font-family:        "Font Awesome 5";
}

.accordianBox p {
	font-size:      12px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     italic;
	line-height:    1.58;
	letter-spacing: normal;
	color:          #303030;
	padding:        0 21px 20px
}

.accordian li h4 {
	background-color: #F7F7F7;
	padding:          25px 25px;
	cursor:           pointer;
	text-transform:   uppercase;
	font-size:        16px;
	border-bottom:    1px solid #CCCCCC;
}

.accordian li > div {
	display:          none;
	background-color: #FFFFFF;
	padding:          15px 25px;
}

.accordian li > div p {
	font-weight: 400;
	font-size:   14px;
	line-height: 1.5;
}

.accordian li h4::after {
	content:     "\f0fe";
	font-family: "Font Awesome 5";
	margin-left: 15px;
}

.accordian li.active h4::after {
	content: "\f146";
}


.getStarted-sec {
	background-color: var(--theme-color);
	padding:          50px 0;
}

.tdyStrd h2 {
	font-size:      34px;
	font-weight:    normal;
	font-style:     normal;
	font-stretch:   normal;
	line-height:    40px;
	letter-spacing: normal;
	color:          #FFFFFF;
	margin-bottom:  25px;
}

.tdyStrd a {
	width:            310px;
	height:           50px;
	border-radius:    4px;
	background-color: #262626;
	border:           1px solid #333333;
	font-size:        16px;
	text-transform:   uppercase;
	font-weight:      normal;
	font-style:       normal;
	font-stretch:     normal;
	line-height:      48px;
	letter-spacing:   normal;
	color:            #FFFFFF;
	display:          inline-block;
	text-align:       center;
}

.tdyStrd a: hover {
	background-color: #FFFFFF;
	color:            #006ED2;
}

.tdyStrd span {
	font-size:      16px;
	font-weight:    normal;
	font-style:     normal;
	font-stretch:   normal;
	line-height:    normal;
	letter-spacing: normal;
	color:          #FFFFFF;
	float:          right;
	padding:        6px 0 0 0;
}

.lp-deliver {
	padding: 40px 0;
}

/* Lp CSS End */

.ftr-box-5 p {
	font-size:      14px;
	font-weight:    normal;
	font-style:     italic;
	line-height:    1.43;
	letter-spacing: normal;
	color:          #AEB7C1;
	padding:        0 0 19px 11px;
}

.num-lst {
	margin: 0 0 0 12px;
}

.num-lst li {
	list-style:     decimal;
	font-size:      14px;
	font-weight:    normal;
	font-style:     italic;
	line-height:    1.58;
	letter-spacing: normal;
	color:          #303030;
}

.hm-sec-01,
.hm-sec-02 {
	padding: 60px 0;
}

.hm-sec-05 {
	padding-top: 60px;
}


/* Sample box CSS Start */
.samples-box-02 {
	box-shadow:       0 5px 4px 0 rgba(0, 0, 0, 0.5);
	background-color: #FFFFFF;
	padding:          0 0 30px 0;
}

.samples-box-02 h4 {
	font-size:      20px;
	font-weight:    normal;
	font-stretch:   normal;
	font-style:     normal;
	line-height:    normal;
	letter-spacing: -0.19px;
	text-align:     center;
	color:          #222222;
	margin:         40px 0 15px 0;
	font-family:    'Merriweather', serif;
}

.sampleList .samples-box-02 a {
	width:          139px;
	height:         44px;
	line-height:    41px;
	border:         2px solid #000000;
	background:     transparent;
	border-radius:  8px;
	text-align:     center;
	font-size:      15px;
	color:          #000000;
	font-weight:    500;
	text-transform: uppercase;
}

.sampleList .samples-box-02 a: hover {
	background: #000000;
	color:      #FFFFFF;
}

/* Sample Box CSS End */


/* More less CSS Start */
.ftr-box-2 li {
	/*height: 50px;*/
	/*line-height: 50px;*/
	/*border-top: 1px solid #e9ecef;*/
}

.ftr-box-2 ul a {
	display:         block;
	height:          100%;
	text-decoration: none;
	color:           #AEB7C1;
	line-height:     2;
	/*padding-left: 10px;*/
	position:        relative;
	transition:      background .3s;
}

.ftr-box-2 ul a:hover {
	/*background: #cdcbc4;*/
}

.ftr-box-2 .container {
	position:   relative;
	height:     auto;
	border-top: 0;
}

.ftr-box-2 [type="checkbox"] {
	position: absolute;
	left:     -9999px;
}

.ftr-box-2 label {
	width:          116px;
	height:         36px;
	border-radius:  4px;
	border:         solid 1px #EDF3F9;
	font-size:      11px;
	cursor:         pointer;
	font-weight:    bold;
	line-height:    36px;
	letter-spacing: 0.5px;
	text-align:     center;
	color:          #EDF3F9;
	position:       absolute;
	bottom:         0;
	transition:     top .45s cubic-bezier(.44, .99, .48, 1);
}

.ftr-box-2 label:hover {
	/*  background-color: #edf3f9;color: #262626;*/
}

.ftr-box-2 [type="checkbox"]:checked + label {
	top: 100%;
}

.ftr-box-2 [type="checkbox"]:checked ~ ul {
	max-height: 480px;
}

/*
 * use the rule below for testing purposes
 * label:hover {
 *    background: yellow;
 *  }
 */

.ftr-box-2 label::before,
.ftr-box-2 label::after {
	position: absolute;
}

.ftr-box-2 label::before {
	content:   'View More';
	left:      10px;
	font-size: 11px;
}

.ftr-box-2 label::after {
	content:           "\f309";
	font-family:       "Font Awesome 5";
	right:             10px;
	font-size:         20px;
	-webkit-animation: sudo .85s linear infinite alternate;
	animation:         sudo .85s linear infinite alternate;
}

.lp-head a {
	width:            initial;
	font-size:        16px;
	padding:          0 20px;
	text-transform:   capitalize;
	background-color: var(--theme-color);
	border:           1px solid var(--theme-color);
}


@keyframes sudo {
	from {
		-webkit-transform: translateY(-2px);
		transform:         translateY(-2px);
	}
	
	to {
		-webkit-transform: translateY(2px);
		transform:         translateY(2px);
	}
}

.ftr-box-2 input[type="checkbox"] ~ ul {
	width:      100%;
	overflow:   hidden;
	max-height: 0;
	transition: max-height .45s cubic-bezier(.44, .99, .48, 1);
}

.ftr-box-2 [type="checkbox"]:checked + label {
	top: 100%;
}

.ftr-box-2 [type="checkbox"]:checked + label::before {
	content: 'View Less';
}

.ftr-box-2 [type="checkbox"]:checked + label::after {
	content:     "\f30c";
	font-family: "Font Awesome 5";
}

.ftr-box-2 ul li::last-child {
	margin-bottom: 50px;
}

.ftr-box-2 ul li.mr-ls {
	width:         100%;
	margin-bottom: 20px;
}

/* More less CSS End */


/* Side Bar Popup Start */
.side-bar {
	position: fixed;
	right:    0;
	top:      0;
	z-index:  6;
}

.side-bar {
	display: none;
}

.side-bar-form {
	width:      464px;
	height:     315px;
	position:   absolute;
	right:      -464px;
	top:        34vh;
	font-size:  0;
	transition: all 0.4s ease;
}

.side-bar-frm-head {
	cursor:        pointer;
	text-align:    center;
	width:         316px;
	transform:     rotateZ(-90deg);
	float:         left;
	height:        50px;
	background:    var(--theme-color);
	border-radius: 8px 8px 0 0;
	padding:       17px;
	position:      absolute;
	left:          -183px;
	top:           0;
	bottom:        0;
	margin:        auto;
	font-size:     16px;
}

.side-bar-frm-head h4 {
	color:          #FFFFFF;
	font-family:    'Merriweather', serif;
	text-transform: uppercase;
}

.side-bar-frm-head h4 i {
	margin-right: 10px;
}

.side-bar-frm-bdy {
	display:     inline-flex;
	float:       right;
	background:  #343434;
	padding:     10px 20px;
	height:      100%;
	overflow:    hidden;
	width:       100%;
	align-items: center;
}

.field.field-100 {
	width: 100%;
}

.side-bar-frm-bdy .field {
	background:    #FFFFFF;
	border:        0px;
	border-radius: 3px;
	margin:        0 0 10px;
	position:      relative;
	padding:       0 0 0 10px;
}

.field input,
.field textarea,
.field select {
	width:      100%;
	background: transparent;
	padding:    6px 10px;
	border:     0px;
	font-size:  14px;
	color:      #969696;
	height:     100%;
}

.side-bar-frm-bdy .field input,
.side-bar-frm-bdy .field select {
	padding: 0;
	height:  37px;
}

.side-bar-frm-bdy .field input::placeholder,
.field select::placeholder {
	font-size:   12px;
	font-weight: normal;
}

.side-bar-frm-bdy .field.newcountrycode {
	/*padding-left:  35px;*/
}

.side-bar-frm-bdy .field.newcountrycode span {
	left: 13px;
	top:  13px;
}

.field.field-100.btn-bg {
	background: transparent;
	padding:    0;
}

.side-bar-form.active {
	right: 0px;
}

.side-bar::after {
	content:    '';
	width:      100%;
	height:     100%;
	position:   fixed;
	left:       0;
	right:      0;
	top:        0;
	bottom:     0;
	margin:     auto;
	background: #000000B5;
	z-index:    -1;
	display:    none;
}

.side-bar.active::after {
	display: block;
}

.side-bar-frm-bdy .pull-left,
.side-bar-frm-bdy .pull-right {
	width:       50%;
	padding:     10px 20px 10px 0;
	display:     inline-flex;
	align-items: center;
}

.side-bar-frm-bdy .pull-right {
	padding:  10px 0 10px 20px;
	height:   100%;
	position: relative;
	display:  inline-flex;
}

.side-bar-frm-bdy h4 {
	color:          #FFFFFF;
	font-size:      27px;
	margin:         0px;
	text-transform: uppercase;
	font-weight:    600;
}

.side-bar-frm-bdy p {
	text-transform: uppercase;
	color:          #FFFFFF;
	font-weight:    300;
	line-height:    15px;
	margin:         4px 0 15px;
	font-size:      12px;
}

.side-bar-frm-bdy p span {
	color:       #00CEFF;
	font-weight: 600;
}

.side-bar-frm-bdy .pull-right ul li {
	font-size:   10px;
	line-height: normal;
	margin:      0 0 10px;
	color:       #FFFFFF;
	position:    relative;
	font-weight: normal;
}

.side-bar-frm-bdy .pull-right ul li::before {
	content:     "\f054";
	font-family: "Font Awesome 5";
	color:       #00CEFF;
	margin:      0 6px 0 0;
}

.side-bar-frm-bdy .pull-right::after {
	content:    "";
	width:      1px;
	height:     74%;
	background: #424242;
	position:   absolute;
	top:        4px;
	left:       0;
	bottom:     0;
	margin:     auto;
}

.side-bar-frm-bdy .mn-btn2 {
	background: var(--theme-color);
	color:      #FFFFFF;
	padding:    8px !important;
	font-size:  14px;
}

.side-bar-frm-head.active h4 i.fa.fa-chevron-circle-up::before {
	content: "\f13a";
}

/* Side Bar Popup End */


/* Discount PopUp Start */
.popupMain.DiscountPop {
	background:    url(../images/discount-popup-bg.png) no-repeat;
	width:         663px;
	height:        501px;
	border-radius: 0;
	padding:       70px 0 0;
	/*display: block;*/
}

.discount-pophead {
	text-align: center;
	margin:     0 0 28px;
}

.pp-lg {
	position: relative;
	padding:  0 0 15px;
	margin:   0 0 25px;
}

.pp-lg::before {
	content:          " ";
	width:            133px;
	height:           2px;
	position:         absolute;
	bottom:           0;
	right:            0;
	left:             0;
	background-color: #DEDEDE;
	margin:           auto;
}

.discount-pophead h2 {
	font-size: 32px;
	color:     #222222;
}

.discount-pophead h2 span {
	color: var(--theme-color);
}

.discount-pophead h5 {
	font-size:       16px;
	font-weight:     700;
	color:           #222222;
	display:         flex;
	align-items:     center;
	justify-content: center;
}

.discount-pophead h5 span {
	font-size:       28px;
	color:           #FFFFFF;
	font-weight:     600;
	background:      url(../images/poptext-bg.png) no-repeat;
	width:           267px;
	height:          47px;
	display:         flex;
	align-items:     center;
	justify-content: center;
	margin:          0 0 0 10px;
}

.popupMain.DiscountPop .popform-holder {
	float:   none;
	width:   100%;
	padding: 0 60px;
}

.popupMain.DiscountPop .frmicon-box {
	width:   46%;
	display: inline-block;
	margin:  0 9px 18px;
}

.popupMain.DiscountPop .popup-bdy {
	font-size: 0;
}

.popupMain.DiscountPop .popform-holder form button.popup-btn {
	width:            291px;
	height:           47px;
	background-color: var(--theme-color);
	text-align:       center;
	line-height:      45px;
	border:           1px solid var(--theme-color);
	font-size:        18px;
	font-weight:      600;
	text-transform:   uppercase;
	border-radius:    0;
	display:          table;
	margin:           15px auto 0;
}

.popupMain.DiscountPop .popform-holder form button.popup-btn:hover {
	background-color: transparent;
	color:            var(--theme-color);
}

.popupMain.DiscountPop .popform-holder form input,
.popupMain.DiscountPop .popform-holder form select {
	height:           44px;
	border:           1px solid #858585;
	background-color: #FFFFFF;
	border-radius:    0;
}

.popupMain.DiscountPop .closePop {
	right:            20px;
	top:              30px;
	background-color: transparent;
	color:            #222222;
	font-size:        20px;
}

/* Discount PopUp End */

/* Discalimer Css */
a.disclaimerAnchor {
	color:     #606773;
	font-size: 14px;
	position:  relative;
}

a.disclaimerAnchor::before {
	content:            "\f0fe";
	position:           absolute;
	right:              -23px;
	top:                0px;
	font-size:          14px;
	color:              #606773;
	font-family:        "Font Awesome 5";
	-webkit-transition: all 0.4s ease-In-out;
	-moz-transition:    all 0.4s ease-In-out;
	-o-transition:      all 0.4s ease-In-out;
	transition:         all 0.4s ease-In-out;
}

a.disclaimerAnchor:hover,
a.disclaimerAnchor.active {
	color: #FFFFFF;
}

a.disclaimerAnchor:hover::before,
a.disclaimerAnchor.active:before {
	color: #FFFFFF;
}

a.disclaimerAnchor.active::before {
	content: "\f146";
}

.copyrights .disclaimer p {
	color:       #606773;
	line-height: normal;
	margin-top:  10px;
	display:     none;
}


/* NEW HEADER AND BANNERS CSS START */
.mainBanner::before {
	display: none;
}

.mainBanner::after {
	display: none;
}

.mainBanner::before {
	content:    '';
	position:   absolute;
	left:       0;
	top:        0;
	background: url(../images/banner/header-01-ovr.png) no-repeat;
}

header {
	/* background: #FFFFFF; */
}

.top-nav {
	/* background: #e1e1e1; */
}

.HomeBanner h1 {
	font-size:   48px;
	color:       #000000;
	font-weight: bold;
	height:      auto;
	line-height: 48px;
	text-align:  left;
}

.HomeBanner .header-text-purple h1 {
	color: #FFFFFF;
}

.HomeBanner .header-text {
	padding-bottom: 0;
	text-align:     left;
	padding-top:    70px;
}

.hdr-para {
	font-size:   20px;
	font-weight: 500;
	color:       #000000;
	text-align:  left;
	margin:      20px 0 37px;
	font-style:  normal;
}

.header-text-purple .hdr-para {
	color: #FFFFFF;
}

.mainBanner a.btn-nw-01 {
	width:          212px;
	height:         52px;
	line-height:    50px;
	background:     var(--theme-color);
	border:         1px solid var(--theme-color);
	font-size:      17px;
	color:          #FFFFFF;
	text-align:     center;
	border-radius:  8px;
	text-transform: uppercase;
	font-weight:    500;
}

.mainBanner a.btn-nw-01:hover {
	background:  transparent;
	color:       var(--theme-color);
	font-weight: 500;
}

.mainBanner a.btn-nw-02 {
	width:          145px;
	height:         52px;
	line-height:    50px;
	border:         2px solid #000000;
	background:     transparent;
	border-radius:  8px;
	text-align:     center;
	font-size:      17px;
	color:          #000000;
	font-weight:    500;
	text-transform: uppercase;
}

.mainBanner a.btn-nw-02:hover {
	background: #000000;
	color:      #FFFFFF;
}

.navigation li a.nv-btn {
	animation:      none;
	border:         2px solid var(--theme-color);
	width:          120px;
	text-align:     center;
	font-size:      14px;
	font-weight:    500;
	background:     var(--theme-color);
	border-radius:  8px;
	color:          #FFFFFF;
	text-transform: capitalize;
	line-height:    28px;
}

.navigation li a.nv-btn:hover {
	color:            #FFFFFF;
	background-color: transparent;
}

.mainBanner.slick-slide {
	display: flex !important;
}

/* NEW HEADER AND BANNERS CSS END */

.innerBanner a {
	width:          190px;
	height:         52px;
	line-height:    50px;
	background:     var(--theme-color);
	border:         1px solid var(--theme-color);
	font-size:      17px;
	color:          #FFFFFF;
	text-align:     center;
	border-radius:  8px;
	text-transform: uppercase;
	font-weight:    500;
}

.innerBanner a:hover {
	background:  transparent;
	color:       var(--theme-color);
	font-weight: 500;
}

.innerBanner a + a {
	width:          143px;
	height:         52px;
	line-height:    50px;
	border:         2px solid #FFFFFF;
	background:     transparent;
	border-radius:  8px;
	text-align:     center;
	font-size:      17px;
	color:          #FFFFFF;
	font-weight:    500;
	text-transform: uppercase;
}

.innerBanner a + a:hover {
	background: #000000;
	color:      #FFFFFF;
	border:     2px solid #000000;
}


.slider-wrapper {
	width:    100%;
	position: relative;
	overflow: hidden;
}

.home-banner {
	position:            relative;
	width:               100%;
	height:              100vh;
	position:            relative;
	background-position: center center;
	background-repeat:   no-repeat;
	background-size:     cover;
	display:             table;
}

.home-banner-content h1 {
	font-size:      60px;
	margin-bottom:  15px;
	font-weight:    600;
	color:          #FFFFFF;
	position:       relative;
	letter-spacing: -2px;
	line-height:    1.1;
}

.home-banner-content .subtitle {
	color:       white;
	font-size:   20px;
	line-height: 1.3;
	margin-top:  10px;
	font-weight: 200;
}

.analyzeform {
	margin-top: 30px;
}

.home-banner-content h5 {
	padding-bottom: 0;
	color:          #FFFFFF;
	font-size:      20px;
	font-weight:    400;
	margin:         10px 0;
	font-family:    var(--primary-font-family);
}

.home-banner-content h5 a {
	color:     var(--theme-color);
	font-size: inherit;
}

.mainvideo {
	position:          absolute;
	top:               50%;
	left:              50%;
	min-width:         100vw;
	min-height:        100vh;
	z-index:           -100;
	overflow:          hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform:    translateX(-50%) translateY(-50%);
	-o-transform:      translateX(-50%) translateY(-50%);
	-ms-transform:     translateX(-50%) translateY(-50%);
	transform:         translateX(-50%) translateY(-50%);
}

.slider-wrapper .video-overlay {
	position:   absolute;
	z-index:    -1;
	top:        0;
	left:       0;
	background: url(../images/video-overlay.png) rgba(0, 0, 0, 0.6);
	width:      100vw;
	height:     100vh;
	min-width:  100vw;
	min-height: 100vh;
}

.analyzeform form .wrap {
	padding-left: 40px;
	text-align:   center;
	width:        100%;
}

.analyzeform form .dtf {
	float:         left;
	width:         25%;
	margin-bottom: 10px;
}

.analyzeform form input[type="text"],
.analyzeform form input[type="email"],
.analyzeform form input[type="number"],
.analyzeform form input[type="tel"],
.analyzeform form textarea {
	width:         100%;
	margin:        0 0 0 0;
	border:        1px solid #E5E5E5;
	background:    white;
	padding:       13px 15px;
	color:         gray;
	font-size:     13px;
	height:        60px;
	font-weight:   400;
	outline:       none !important;
	margin-bottom: 10px;
}

.analyzeform form input[type="submit"] {
	border:             none;
	-webkit-transition: 0.4s;
	-moz-transition:    0.4s;
	-o-transition:      0.4s;
	transition:         0.4s;
	color:              #FFFFFF;
	font-weight:        700;
	cursor:             pointer;
	font-size:          12px;
	text-transform:     uppercase;
	padding:            24px 60px 24px;
	margin-left:        -10px;
	text-align:         left;
	letter-spacing:     1px;
	border-radius:      0 5px 5px 0;
	font-family:        var(--primary-font-family);
	background:         var(--theme-color);
}


.partners-cta {
	margin-top: -107px;
}

.partners-cta .container-custom {
	width:  1270px;
	margin: 0 auto;
}

.partners-cta ul {
	z-index: 9;
	width:   100%;
	display: inline-block;
	height:  90px;
}

.partners-cta ul li {
	margin-right: 56px;
	display:      inline-block;
}

.partners-cta ul li::last-child {
	margin-right: 0px;
}

.partners-cta ul li figure {
	margin-bottom: 0px;
}

.partners-cta ul li figure img {
	margin:  0 auto;
	width:   95%;
	display: table;
}


.headingstyle3 {
	margin-bottom: 50px;
}

.headingstyle3.center {
	text-align: center;
}

.headingstyle3 h3 {
	margin:      0 0 5px 0;
	color:       #212121;
	font-size:   38px;
	font-weight: 800;
	position:    relative;
}

.headingstyle3 p {
	margin:      0;
	color:       #212121;
	font-size:   20px;
	font-family: 'Source Serif Pro', serif;
}

.headingstyle3.arrow h3::before {
	content:          '';
	position:         absolute;
	right:            40px;
	top:              0;
	bottom:           0;
	margin:           auto;
	width:            78px;
	height:           3px;
	background-color: #000000;
}


@media (max-width: 1200px) {
	
	img {
		max-width: 100%;
		height:    auto;
	}
	
	.menu-Bar {
		display: block;
		top:     0px;
	}
	
	.menuWrap.open {
		display: flex;
		left:    0px;
	}
	
	.menuWrap {
		position:        fixed;
		left:            -210%;
		right:           0;
		top:             0;
		bottom:          0;
		margin:          auto;
		background:      var(--theme-color);
		height:          100vh;
		display:         flex;
		align-items:     center;
		justify-content: center;
		flex-flow:       column;
		transition:      all 0.4s ease;
		z-index:         3;
		width:           100vw;
	}
	
	.navigation > ul {
		display:      block;
		text-align:   left;
		padding-left: 15px;
	}
	
	.navigation > ul > li {
		display: block;
		margin:  0 0 10px;
	}
	
	.navigation > ul > li.last {
		margin: 0;
	}
	
	.navigation li a.nv-btn:hover {
		color:            #FFFFFF;
		background-color: #000000;
	}
	
	.logo a {
		max-width: none;
	}
	
	.container {
		position: relative;
	}
	
	header .header-top {
		display: none;
	}
	
	header .main-header ul.navigation > li {
		display: block;
		padding: 0px;
	}
	
	header .main-header ul.navigation > li a {
		color:   #FFFFFF;
		padding: 0px;
	}
	
	header .main-header ul.navigation > li a:before {
		display: none;
	}
	
	br {
		display: none;
	}
	
	ul.dropdown {
		position:      relative;
		left:          0px;
		animation:     none;
		opacity:       1;
		background:    none;
		padding:       0px;
		width:         100%;
		text-align:    left;
		box-shadow:    none;
		margin:        0 0 10px;
		border:        none;
		border-radius: 0px;
	}
	
	ul.dropdown:before,
	ul.dropdown li {
		position: relative;
	}
	
	ul.dropdown li:before {
		position:         absolute;
		content:          '';
		height:           1px;
		width:            15px;
		background-color: #000000;
		left:             0;
		top:              0;
		bottom:           0;
		margin:           auto;
	}
	
	ul.dropdown li a {
		color:   #000000 !important;
		padding: 5px 25px;
	}
	
	.navigation {
		margin: 0
	}
	
	.navigation ul li ul.dropdown {
		display:          block;
		background-color: var(--theme-color);
		position:         relative;
		height:           100%;
		width:            100%;
		padding:          0;
	}
	
	.navigation ul li ul.dropdown.dropdown-02 {
		width:  100%;
		height: 100%;
	}
	
	.navigation li a {
		padding: 0;
	}
	
	.navigation > ul {
		padding-left: 0;
	}
	
	.navigation > ul > li {
		margin: 5px 0;
	}
	
	.navigation ul li ul.dropdown.ext-h {
		height: 100%;
	}
	
	.top-nav ul {
		text-align: center;
	}
	
}

@media (max-width: 824px) {
	
	.mainBanner {
		height:  auto;
		padding: 45px 0 60px;
	}
	
	.mainBanner::before,
	.mainBanner::after {
		display: none;
	}
	
	.home-banner-content h1 {
		font-size: 48px;
	}
	
	.home-banner-content .subtitle {
		font-size: 16px;
	}
	
	.analyzeform form .dtf {
		width:      100%;
		margin:     0;
		text-align: center;
	}
	
	.analyzeform form .wrap {
		padding-left: 0;
	}
	
	.analyzeform form input[type="submit"] {
		width:         100%;
		text-align:    center;
		margin-left:   0;
		border-radius: 4px;
	}
	
	.partners-cta {
		display: none;
	}
	
	.header-text,
	.hd-h1 {
		z-index: 0;
	}
	
	.hd-h1,
	.hd-h2,
	.hd-h3,
	.nmbrs li h3,
	.tab-contnt h4,
	.wide h2,
	.techno h2,
	.deliver h2,
	.delWrap h3,
	.customer h2,
	.creative h2,
	.samples h2,
	.bulks h2,
	.blog-package h3 {
		font-size:   32px;
		line-height: 30px;
	}
	
	.hdr-para,
	.para-01,
	.nmbrs li span,
	.wide p,
	.techno p,
	.deliver p,
	.mainBanner p,
	.samples p,
	.bulks p {
		font-size:   15px;
		line-height: normal;
	}
	
	.pad-sec {
		padding: 30px 0;
	}
	
	.excl-sec .container {
		display: block;
	}
	
	.chnlg-lst {
		padding-top: 20px;
	}
	
	.chnlg-lst li {
		display:       block;
		width:         100%;
		margin-bottom: 20px;
		text-align:    center;
	}
	
	.hgst h4 {
		font-size:     22px;
		line-height:   30px;
		margin-bottom: 2px;
	}
	
	.nmbrs {
		margin: 45px 0 0 0;
	}
	
	.nmbrs li {
		display:        block;
		width:          100%;
		padding-bottom: 20px;
	}
	
	.nmbrs li.last {
		padding-bottom: 0;
	}
	
	.tabbingList {
		padding-bottom: 20px;
	}
	
	.tabbingList li {
		display: block;
		width:   100%;
	}
	
	.tab-contnt {
		padding:    0;
		text-align: center;
	}
	
	.tab-contnt a,
	.writ-serv a,
	.write-con a,
	.techBtn li a,
	.techBtn li.last a,
	.pkg-box a.btn-cs {
		width:       100%;
		height:      44px;
		font-size:   15px;
		line-height: 43px;
	}
	
	.writ-serv {
		text-align:    center;
		margin-bottom: 50px;
	}
	
	.writ-serv p {
		padding-bottom: 20px;
		font-size:      14px;
		line-height:    24px;
	}
	
	.writeList li {
		display:       block;
		margin-bottom: 50px;
	}
	
	.writeBox {
		height:     100%;
		width:      100%;
		padding:    20px;
		text-align: center;
		box-shadow: none;
	}
	
	.write-img {
		padding-bottom: 0;
	}
	
	.write-con h4,
	.technoBox h4 {
		font-size:      24px;
		line-height:    27px;
		padding-bottom: 10px;
	}
	
	.hm-sec-04 {
		height:     auto;
		padding:    50px 0;
		margin-top: 15px;
	}
	
	.wideBtn li {
		display: block;
		margin:  0;
	}
	
	.technoList,
	.delWrap h3,
	.delWrap p {
		text-align: center;
	}
	
	.techBtn {
		padding-bottom: 50px;
	}
	
	.techBtn li {
		display: block;
		margin:  0 0 10px 0;
	}
	
	.delWrap {
		padding-bottom: 30px;
	}
	
	.hm-sec-07.pad-sec {
		padding: 50px 0;
	}
	
	.customer p {
		font-size:      14px;
		line-height:    24px;
		padding-bottom: 0px;
	}
	
	.customList {
		padding-bottom: 30px;
	}
	
	.partList li {
		display:        block;
		width:          100%;
		padding-bottom: 10px;
	}
	
	.partList li.last {
		padding-bottom: 0;
	}
	
	footer.pad-sec {
		padding-top: 50px;
	}
	
	.hd-h1 {
		height: auto;
	}
	
	.innerBanner h1 {
		font-size:   40px;
		line-height: normal;
	}
	
	.innerBanner h1 span {
		display: none;
	}
	
	.innerBanner p {
		font-size:   15px;
		font-weight: normal;
		line-height: 23px;
		padding:     2px 0 0;
	}
	
	.ftr-box-1,
	.ftr-box-2,
	.ftr-box-3,
	.ftr-box-4 {
		padding-bottom: 30px;
	}
	
	.ftr-social {
		text-align: center;
	}
	
	.ftr-box-5 h4 {
		padding-bottom: 15px;
	}
	
	.copyrights p {
		padding: 10px 0 0;
	}
	
	.abt-sec-01.pad-sec,
	.engage.pad-sec {
		padding: 0 0 50px;
	}
	
	.abt-sec-01 {
		background: none !important;
	}
	
	.creative p {
		font-size:      14px;
		line-height:    24px;
		padding-bottom: 20px;
	}
	
	.crea-con {
		text-align: center;
	}
	
	.team.techno,
	.samples p {
		padding-bottom: 30px;
	}
	
	.sampleList li {
		display:       block;
		width:         100%;
		margin-bottom: 20px;
	}
	
	.bulks {
		padding-bottom: 20px;
	}
	
	.bulkTab li a {
		padding-left: 0;
		text-align:   center;
		font-size:    14px;
		height:       50px;
		line-height:  50px;
	}
	
	.pkg-box {
		height:         100%;
		width:          100%;
		padding-bottom: 20px;
	}
	
	.blg-List > li {
		display: block;
		width:   100%;
		margin:  0 0 50px 0;
	}
	
	.blg-List > li.last {
		margin-bottom: 0;
	}
	
	.bulk-sec-01.pad-sec {
		padding: 50px 0
	}
	
	.pkg-wp span {
		font-size: 40px;
	}
	
	.logo img {
		width: 45%;
	}
	
	.HomeBanner .header-text {
		padding-bottom: 0;
		z-index:        0;
	}
	
	.top-nav {
		display: none;
	}
	
	.HomeBanner h1 {
		height:      auto;
		font-size:   40px;
		line-height: 40px;
		text-align:  center;
	}
	
	.hdr-para {
		font-size:  18px !important;
		margin:     10px 0 6px;
		text-align: center;
	}
	
	.hdr-btn {
		height:      45px;
		line-height: 43px;
		font-size:   15px;
		margin:      13px 0 0 0;
	}
	
	.mainBanner a.btn-nw-01,
	.mainBanner a.btn-nw-02 {
		width: 100%;
	}
	
	span.type:after {
		top:    0;
		height: 33px;
	}
	
	.excl-sec {
		padding-bottom: 20px;
	}
	
	.hm-sec-02 .tabbingList {
		margin-top: 20px;
	}
	
	.tabbingList li a i {
		width: 100px;
	}
	
	.icon-12 {
		background-position: -168px -117px;
	}
	
	.icon-11 {
		background-position: -84px -119px;
	}
	
	.write-img img {
		width: 100%;
	}
	
	.write-con {
		padding:    0;
		text-align: left;
	}
	
	.writeSlider button.slick-arrow {
		bottom: -25px;
	}
	
	.writeSlider button.slick-next {
		right: 12px;
	}
	
	.hm-sec-04 h2 {
		font-size:   34px;
		line-height: 35px;
	}
	
	.hm-sec-04 p {
		font-size:   16px;
		line-height: 25px;
	}
	
	.wide a {
		font-size:   15px;
		width:       100%;
		height:      45px;
		line-height: 45px;
	}
	
	.hm-sec-05 h2 {
		font-size: 35px;
	}
	
	.hm-sec-05 p {
		font-size:   16px;
		line-height: normal;
	}
	
	.technoBox p {
		font-size:   14px;
		line-height: normal;
	}
	
	.deliverList li a:before {
		display: none;
	}
	
	.deliverList li:before,
	.deliverList li:after {
		display: none;
	}
	
	.deliverList li {
		vertical-align: middle;
		padding:        0 6px;
	}
	
	.delWrap h3 {
		padding-bottom: 6px;
		line-height:    normal;
	}
	
	.delWrap p {
		font-size: 14px;
	}
	
	.partners {
		display: none;
	}
	
	.customBox p {
		padding: 0 0 14px;
	}
	
	.customBox {
		height: 245px;
	}
	
	.customSlider .slick-current {
		margin-top: 0;
	}
	
	.ext-H1.hd-h1 {
		font-size:   40px;
		line-height: normal;
	}
	
	.popup-img {
		display: none;
	}
	
	.popform-holder {
		width:   100%;
		float:   none;
		padding: 15px;
	}
	
	.popupMain {
		width:         95%;
		height:        435px;
		border-radius: 8px;
	}
	
	.popTxt h6 {
		font-size:     28px;
		margin-bottom: 4px;
		line-height:   24px;
	}
	
	.popform-holder form input,
	.popform-holder form select {
		height:    37px;
		font-size: 12px;
	}
	
	.popform-holder form button.popup-btn {
		height:      43px;
		line-height: 39px;
		margin-top:  19px;
		font-size:   16px;
	}
	
	.ordr-process-tabs {
		padding-right: 0;
	}
	
	.calc-sec .sec-lg-hd {
		font-size: 35px;
	}
	
	.cal-sec {
		padding:    0;
		margin-top: 20px;
	}
	
	.calc-ul li {
		display:      block;
		margin-right: 0;
		width:        100%;
	}
	
	.calc-ul li a {
		width: 100%;
	}
	
	.white-content-box {
		padding: 40px;
	}
	
	.word-count > ul.num-count > li:first-child {
		padding: 0 10px 10px;
	}
	
	.selected-serv input {
		margin-left: 0;
		width:       100%;
	}
	
	.calc-answr ul li.calc-footr-last2 li.servicep,
	.calc-answr ul li.calc-footr-last2 li.servicepold {
		margin:  0;
		display: block;
	}
	
	.calc-answr ul li.calc-footr-last2 ul li + li a {
		margin:  20px 0 0;
		padding: 10px 0;
	}
	
	.calc-answr ul li.calc-footr-last2 ul li.cal-btn {
		width: 100%;
	}
	
	.cnt-sec h4 {
		padding:   0;
		font-size: 26px;
	}
	
	.sampleList button.slick-arrow {
		left:  0;
		right: inherit;
	}
	
	.sampleList button.slick-next {
		left:  inherit;
		right: 0;
	}
	
	.ftr-box-1 h6,
	.ftr-box-2 h6,
	.ftr-box-3 h6,
	.ftr-box-4 h6 {
		padding-bottom: 5px;
	}
	
	.ftr-box-1 p {
		padding-bottom: 13px;
	}
	
	.ftr-list-02 li {
		margin: 0 0 6px;
	}
	
	.ftr-list li a {
		line-height: normal;
	}
	
	.ftr-box-5 {
		text-align: center;
	}
	
	.ftr-Wrap {
		padding-bottom: 30px;
	}
	
	/* LP CSS Start */
	header.lp-header .logo img {
		margin: 0 auto;
	}
	
	header.lp-header .rght-nv {
		display: none;
	}
	
	header.lp-header {
		padding: 18px 0 10px;
	}
	
	.lp-header-text h1 {
		height:      auto;
		font-size:   40px;
		line-height: 38px;
	}
	
	.lp-header-text ul li {
		line-height: normal;
		padding:     0 0 13px 25px;
	}
	
	.lp-header-text ul li:before {
		top: 3px;
	}
	
	.lp-header-text ul {
		margin: 12px 0;
	}
	
	.lpBanner {
		padding:             45px 0;
		background-position: left;
	}
	
	.lp-header-text a {
		width: 100%;
	}
	
	.lp-tesimonials .customBox {
		height:  auto;
		padding: 0 15px 34px;
	}
	
	.wideBtn li.last a {
		width:      100%;
		margin-top: 10px;
		height:     45px;
	}
	
	.accordianBox h4 {
		font-size: 20px;
		padding:   11px 32px 11px 20px;
	}
	
	.accordian li.active h4 {
		padding: 17px 40px 5px 20px;
	}
	
	.accordianBox {
		margin: 20px 0 0 0;
	}
	
	.excl-sec p.appl-para {
		border-left: none;
		padding:     10px 8px 15px 0;
		margin:      0;
	}
	
	footer.lp-footer {
		padding: 0;
	}
	
	/* LP CSS End */
	.popupMain.servicesPop {
		width:      96%;
		height:     85%;
		overflow:   hidden;
		overflow-y: auto;
	}
	
	.popupMain.servicesPop::-webkit-scrollbar {
		width:            4px;
		background-color: #F5F5F5;
	}
	
	.popupMain.servicesPop::-webkit-scrollbar-button:start:decrement,
	::-webkit-scrollbar-button:end:increment {
		display: none;
	}
	
	.popupMain.servicesPop::-webkit-scrollbar-track-piece {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
		background-color:   #DEDEDE;
	}
	
	.popupMain.servicesPop::-webkit-scrollbar-thumb:vertical {
		border-radius:      10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
		background-color:   var(--theme-color);
	}
	
	
	.popHead {
		height:        auto;
		text-align:    center;
		padding:       15px 30px;
		border-radius: 0;
	}
	
	.pop-cncts {
		text-align: center;
		display:    none;
	}
	
	.popHead h3 {
		font-size: 25px;
	}
	
	.pop-srvc-lst li.last {
		margin: 5px;
	}
	
	.pop-srvc-lst li {
		margin: 5px;
	}
	
	.pop-srvc-lst-02 {
		width:         50%;
		margin-bottom: 15px;
	}
	
	.pop-srvc-lst {
		padding: 20px 0 20px;
	}
	
	.navigation > ul > li.last {
		margin: 16px 0 0 0;
	}
	
	.navigation li a.nv-btn {
		background-color: #222222;
		border-color:     #222222;
		color:            #FFFFFF;
	}
	
	.writ-serv h2 {
		line-height: 35px;
	}
	
	.technoList {
		text-align: left;
	}
	
	.ftr-box-2 [type="checkbox"]:checked + label {
		top:    inherit;
		bottom: 0;
	}
	
	.ftr-box-2 [type="checkbox"]:checked ~ ul {
		max-height: 430px;
	}
	
	.ftr-box-3 {
		padding-top: 30px;
	}
	
	.ftr-con li {
		padding-bottom: 0;
	}
	
	.popupMain.DiscountPop {
		width:      95%;
		height:     485px;
		background: #FFFFFF;
		padding:    20px 0 0;
	}
	
	.popupMain.DiscountPop .closePop {
		right: 0;
		top:   0;
	}
	
	.pp-lg {
		padding: 0 0 15px;
		margin:  0 0 18px;
	}
	
	.discount-pophead h2 {
		font-size: 17px;
	}
	
	.discount-pophead h5 {
		display:   flex;
		font-size: 16px;
		margin:    7px 0 0 0;
	}
	
	.discount-pophead h5 span {
		font-size:   16px;
		color:       #222222;
		font-weight: bold;
		background:  transparent;
		width:       auto;
		height:      auto;
		margin:      0 0 0 4px;
		font-weight: bold;
	}
	
	.popupMain.DiscountPop .popform-holder {
		padding: 0;
		float:   none;
		width:   100%;
		padding: 0 18px;
	}
	
	.popupMain.DiscountPop .frmicon-box {
		width:  100%;
		margin: 0 0 18px;
	}
	
	.popupMain.DiscountPop .popform-holder form button.popup-btn {
		margin: 0 auto;
	}
	
	.side-bar {
		display: none !important;
	}
	
	.menuWrap.open {
		display:    block;
		overflow-y: auto;
		padding:    20px;
	}
	
	.dropdown li {
		width:   100%;
		display: block;
	}
	
	.dropdown li a i {
		display: none;
	}
	
	.navigation ul li ul.dropdown.dropdown-02 {
		padding: 0;
	}
	
	.navigation ul li.drp {
		margin: 25px 0 0 0;
	}
	
	.navigation ul li ul.dropdown.dropdown-03 {
		width:  100%;
		height: 100%;
	}
	
	.chnlg-lst ul.slick-dots,
	.nmbrs ul.slick-dots {
		position: absolute;
		right:    0;
		left:     0;
		bottom:   -9px;
		padding:  0;
	}
	
	.chnlg-lst ul.slick-dots li,
	.nmbrs ul.slick-dots li {
		margin: 0 9px 0 0;
	}
	
	.chnlg-lst .slick-dots li button,
	.nmbrs .slick-dots li button {
		height: 11px;
		width:  11px;
	}
	
	.chnlg-lst .slick-dots li.slick-active button,
	.nmbrs .slick-dots li.slick-active button {
		background: #F3C919;
	}
	
	.nmbrs {
		margin: 47px 0 0 0;
	}
	
	.hm-sec-01.pad-sec {
		padding: 30px 0 50px;
	}
	
	.chnlg-lst li span i {
		display: block;
	}
	
	.hgst {
		display:    block;
		width:      100%;
		padding:    12px 15px 0;
		text-align: center;
	}
	
	.tdyStrd h2 {
		font-size:     30px;
		line-height:   35px;
		margin-bottom: 18px;
	}
	
	.tdyStrd span {
		padding:     18px 0 0 0;
		line-height: 26px;
	}
	
	.getStarted-sec img {
		margin: 20px 0 0 0;
	}
	
	.tdyStrd a {
		font-size: 20px;
	}
	
	.writeList .slick-slide {
		padding: 0;
		margin:  0;
	}
	
	.writeList {
		margin: 0;
	}
	
	.sampleList-02 li {
		margin: 0 0 20px;
	}
	
	.cnctd {
		width: auto;
	}
	
	.cnctd h2 {
		font-size:   45px;
		line-height: 40px;
		margin:      0 0 20px;
	}
	
	.cnctd h2 span {
		font-size: 41px;
		padding:   0 0 13px;
	}
	
	.cmnts h4 {
		font-size: 28px;
	}
	
	.lp-frm-dv .field {
		margin-bottom: 15px;
	}
	
	.lp-frm-dv .field input,
	.lp-frm-dv .field select,
	.lp-frm-dv .field textarea {
		height: 45px;
	}
	
	.cmnts {
		padding: 15px 0;
		margin:  20px 0 30px 0;
		display: none;
	}
	
	.lp-frm-dv .field input[type="submit"] {
		width: 100%;
	}
	
	.lp-frm-dv .field a {
		display: block;
	}
	
	.HomeBanner h1 br {
		display: none;
	}
	
	.HomeBanner {
		background-position: left;
	}
}


.lp-head-1 a {
	width:            initial;
	font-size:        16px;
	padding:          0 20px;
	text-transform:   capitalize;
	background-color: var(--theme-color);
	border:           1px solid var(--theme-color);
}

a.dmca-badge {
	height:         37px;
	overflow:       hidden;
	vertical-align: middle;
	margin-left:    15px;
}

.mainBanner a.new-hdr-btn {
	background: #3BA6F6;
	border:     1px solid #3BA6F6;
}

.mainBanner a.new-hdr-btn:hover {
	background: transparent;
	border:     1px solid #3BA6F6;
	color:      #3BA6F6;
}


.pc__writers {
	padding-top:           120px;
	padding-bottom:        120px;
	position:              relative;
	background-repeat:     no-repeat;
	background-position:   center;
	background-attachment: fixed;
	background-size:       cover;
}

.pc__writers::before {
	content:    '';
	position:   absolute;
	background: #000000;
	top:        0;
	left:       0;
	right:      0;
	bottom:     0;
	opacity:    .5;
	z-index:    0;
}

.pc__writers .white-border-outline {
	border:     3px solid #FFFFFF;
	background: rgba(0, 0, 0, .5);
	color:      #FFFFFF;
	padding:    60px 15px;
	margin:     0;
}

.pc__writers h2 {
	font-size:     30px;
	margin-bottom: 30px;
	text-align:    center;
}

.pc__writers h2 .color-primary {
	color: var(--theme-color);
}

.pc__writers .pcw__list ul li a {
	padding:     15px;
	color:       #FFFFFF;
	border-left: 1px solid #FFFFFF;
	display:     block;
}

.pc__writers .pcw__list ul li {
	margin-bottom: 2px;
}

.pc__writers .pcw__list ul li.active a,
.pcw__list ul li:hover a {
	color:            var(--theme-color);
	border-color:     var(--theme-color);
	background-color: rgba(255, 255, 255, .1);
}

.pc__writers .pcw_content p {
	color:       #FFFFFF;
	font-weight: 400;
}


.qws__badge .text__area h2 {
	font-size:     36px;
	margin-bottom: 10px;
}

.qws__badge .text__area h6 {
	font-size:     24px;
	font-weight:   500;
	margin-bottom: 20px;
}

.qws__badge .text__area p {
	font-weight: 400;
}

.qws__badge .img__area img {
	mix-blend-mode: multiply;
}

.reviews-area {
	background: #F1F1F1;
}

.reviews-area .hd-h2 {
	margin-bottom: 50px;
}

.reviews-box {
	margin-bottom: 20px;
}

.reviews-box .firstbox {
	position:         relative;
	background-color: #FFFFFF;
	padding:          50px 45px;
	margin-bottom:    20px;
}

.reviews-box .firstbox:before {
	content:          '';
	position:         absolute;
	left:             50px;
	bottom:           -15px;
	width:            33px;
	height:           33px;
	transform:        rotate(45deg);
	border-radius:    6px;
	background-color: #FFFFFF;
}

.reviews-box .firstbox p {
	font-style:     italic;
	font-size:      16px;
	line-height:    1.6;
	letter-spacing: normal;
	color:          #000000;
	font-weight:    500;
}

.reviews-box .secondbox {
	padding: 15px 15px;
}

.reviews-box .secondbox figure {
	display:        inline-block;
	vertical-align: middle;
	margin-right:   10px;
}

.reviews-box .secondbox .alignfig {
	display:        inline-block;
	vertical-align: middle;
}

.reviews-box .secondbox .alignfig h5 {
	font-size:      17px;
	font-weight:    500;
	letter-spacing: -0.39px;
	color:          #000000;
}

.reviews-box .secondbox .alignfig p {
	margin-bottom:  0;
	letter-spacing: -0.34px;
	color:          #000000;
	opacity:        0.6;
	font-size:      15px;
}

.reviews__anchor {
	display: block;
}

.reviews__anchor .strs {
	display: inline-block;
}


/* Begin: Package CSS */
.package {
	background:    var(--white);
	border:        1px solid var(--white);
	border-radius: 20px;
	box-shadow:    0 0 20px #DDDDDD;
	transition:    ease all 0.5s;
}

.package:hover {
	background: var(--blueGrad);
}

.package .title {
	background:    linear-gradient(0deg, #D38D13, var(--theme-color));
	padding:       1.5rem 2rem;
	border-radius: 20px 20px 0 0;
}

.package .title h3 {
	font-size: 2rem;
	color:     #FFFFFF;
}

.package .price {
	border-bottom:   1px solid #DDDCE7;
	padding:         1.5rem;
	display:         flex;
	align-items:     center;
	justify-content: space-between;
}

.package:hover .price {
	border-top:    1px solid rgb(221 220 231 / 20%);
	border-bottom: 1px solid rgb(221 220 231 / 20%);
}

.package .price h2 {
	line-height: 1;
	margin:      0;
	font-size:   2.5rem;
}

.package .price h2 sup {
	font-size:   1.25rem;
	line-height: 1;
	position:    relative;
	top:         -20px;
}

.package .price h2 span {
	font-size: 14px;
	display:   block;
	color:     red;
}

.package .price p {
	margin:      0;
	width:       50%;
	font-size:   14px;
	font-weight: 600;
	line-height: 1.4;
}

.package:hover .price p,
.package:hover .body .listStyle li {
	color: var(--white);
}

.package .body {
	padding: 2rem 1.5rem;
}

.package .body .listStyle {
	margin-bottom:  2rem;
	display:        flex;
	flex-direction: column;
	gap:            1rem;
}

.package .listStyle li {
	font-size:   14px;
	font-weight: 500;
	line-height: 2;
	display:     flex;
	align-items: flex-start;
	gap:         1rem;
}

.listStyle li:before {
	content:     "\f058";
	font-family: "Font Awesome 5";
	color:       var(--theme-color);
}

.package .themeBtn {
	padding: 1rem 2rem;
}

.package .themeBtn:after {
	border-color: var(--purple);
}

.package:hover .themeBtn:after {
	border-color: var(--white);
}

.customOrderForm .btnWrap .themeBtn,
.package .themeBtn {
	width:          100%;
	display:        block;
	line-height:    25px;
	border:         2px solid #000000;
	background:     transparent;
	border-radius:  8px;
	text-align:     center;
	font-size:      15px;
	color:          #000000;
	font-weight:    500;
	text-transform: uppercase;
}

.customOrderForm .btnWrap .themeBtn:hover,
.customOrderForm .btnWrap .themeBtn:focus,
.package .themeBtn:hover,
.package .themeBtn:focus {
	background: #000000;
	color:      #FFFFFF;
}

/* END: Package CSS */
.customOrderForm {
	background:     #F7F7F7;
	padding-bottom: 7rem;
}

.customOrderForm .whiteBg {
	background: #FFFFFF;
	box-shadow: 0 0 20px #EBEBEB;
	padding:    2.5rem 1.5rem;
}

.pkgListing {
	margin-bottom: 2rem;
}

.pkgListing label {
	font-size:   1rem;
	font-weight: 600;
	display:     flex;
	align-items: center;
	gap:         10px;
	/*width: 80%;*/
}

.pkgListing label input {
	width:  1rem;
	height: 1rem;
}

.pkgListing label .price {
	margin-left:   auto;
	background:    var(--theme-color);
	padding:       5px 10px;
	border-radius: 4px;
	font-size:     1rem;
	line-height:   1;
	min-width:     5rem;
	text-align:    center;
}

.pkgListing ul {
	margin:       5px 0 0;
	padding-left: 1.5rem;
}

.pkgListing ul li {
	font-size:   14px;
	line-height: 2;
}

.pkgListing ul li i {
	margin-right: 5px;
	color:        var(--theme-color);
}

.selectedPkgList {
	padding:       1rem;
	margin:        0;
	display:       flex;
	align-items:   center;
	gap:           10px;
	background:    #EBEBEB;
	border-radius: 5px;
}

.customOrderForm .botm {
	display:         flex;
	align-items:     center;
	justify-content: space-between;
	margin-top:      2.25rem;
}

.customOrderForm .botm .price h3 {
	font-size:   1.5rem;
	font-weight: 600;
	margin:      0;
	display:     flex;
	align-items: center;
	gap:         1rem;
}

.customOrderForm .botm .price h3 span {
	font-size:   3rem;
	font-weight: 800;
}

.customOrderForm .listStyle {
	line-height:   2;
	margin-bottom: 1.5rem;
}

.customOrderForm .listStyle li {
	font-size: 14px;
	display:   flex;
	gap:       10px;
}

.customOrderForm .btnWrap {
	display:         flex;
	align-items:     center;
	justify-content: center;
	gap:             2rem;
}

.customOrderForm .btnWrap .themeBtn {
	width:     auto;
	padding:   11px 2rem;
	min-width: 15rem;
}

.blackHeader {
	background: #000000;
}

.blackHeader header {
	position: unset;
}

.cartSec {
	padding: 4rem 0;
}

.cartForm h2 {
	font-size:     2.5rem;
	display:       flex;
	align-items:   center;
	gap:           1rem;
	margin-bottom: 4rem;
}

.sub-title {
	position:      relative;
	margin-bottom: 2rem;
}

.sub-title h3 {
	font-size:     1.5rem;
	color:         #2F2F2F;
	display:       table;
	background:    #FFFFFF;
	padding-right: 1rem;
}

.sub-title h3:after {
	content:    '';
	display:    block;
	width:      100%;
	height:     1px;
	background: #DBDCDD;
	position:   absolute;
	top:        15px;
	z-index:    -1;
}

.cartForm .input-group {
	flex-direction: column;
	align-items:    flex-start;
	margin-bottom:  1.5rem;
}

.cartForm label {
	margin-bottom: 8px;
}

.cartForm label sup {
	color: red;
}

.cartForm small {
	font-size:  12px;
	margin-top: 6px;
	color:      #666666;
}

.cartForm .form-control {
	border:        1px solid #000000;
	border-radius: 6px !important;
	height:        3.5rem !important;
	color:         #000000;
	width:         100%;
}

.acceptCard {
	background:    #EBEBEB;
	display:       inline-flex;
	padding:       14px;
	border-radius: 10px;
	align-items:   center;
	gap:           10px;
	margin-bottom: 1.5rem;
}

.acceptCard label {
	margin: 0 1rem 0 0;
}

.cartForm .cartExpire {
	flex-direction:  row;
	gap:             1rem;
	justify-content: space-between;
}

.cartForm .cartExpire > div {
	flex: 0 0 30%;
}

.cartForm .cartExpire select.form-control {
	padding: 1rem 6px;
}

.cartForm .cartExpire {
	flex-direction:  row;
	gap:             1rem;
	justify-content: space-between;
}

.cartForm .cartExpire > div {
	flex: 0 0 30%;
}

.cartForm .cartExpire select.form-control {
	padding: 1rem 6px;
}

.proceedBtn {
	width:          100%;
	background:     linear-gradient(0deg, #D38D13, var(--theme-color));
	color:          #2F2F2F;
	border:         1px solid #DA9110;
	border-radius:  8px;
	padding:        1.25rem;
	font-size:      1.5rem;
	font-weight:    700;
	text-transform: uppercase;
	margin:         1rem 0;
}

.paymentSummary {
	background:    #FFFFFF;
	box-shadow:    0 0 20px #E9E9E9;
	padding:       6px;
	border-radius: 10px;
	position:      sticky;
	top:           1rem;
}

.paymentSummary .title {
	background:    linear-gradient(0deg, #000000, #111111);
	color:         #FFFFFF;
	text-align:    center;
	padding:       1rem;
	border-radius: 10px 10px 0 0;
}

.paymentSummary .body {
	padding: 0.5rem 01rem;
}

.paymentSummary .body .cell:nth-child(2) {
	border-top:     1px solid #D7D7D7;
	border-bottom:  1px solid #D7D7D7;
	flex-direction: column;
	align-items:    flex-start;
	gap:            1rem;
}

.paymentSummary .body .cell {
	padding:         1rem 0;
	display:         flex;
	align-items:     center;
	justify-content: space-between;
}

.paymentSummary .body .cell ul {
	line-height: 1.5;
	font-weight: 500;
	font-size:   14px;
}

.paymentSummary .body .cell h4 {
	font-size:   1.125rem;
	font-weight: 500;
}

.paymentSummary .body .cell span {
	color:       red;
	font-size:   1.125rem;
	font-weight: 700;
}

.paymentSummary .body .cell span.big {
	font-size: 1.5rem;
}

.cartForm h2 {
	font-size: 2rem;
}

.paymentSummary .body .cell ul {
	width: 100%;
}

.paymentSummary .body .cell ul li {
	display:         flex;
	align-items:     center;
	justify-content: space-between;
}

@media screen and (max-width: 991px) {
	
	.paymentSummary .body .cell h4,
	.paymentSummary .body .cell span {
		font-size: 1rem;
	}
	
	.cartForm h2 {
		font-size: 2rem;
	}
	
	.nav-pills .nav-link.active,
	.nav-pills .show > .nav-link {
		color:            #FFFFFF;
		background-color: #E49C1F;
	}
	
	.nav-link {
		
		color: #222222;
	}
	
}

.partners {
	display: none;
}

.form-check {
	margin-left: 2rem;
}

.form-check-label {
	padding-left: 0rem;
}

.form-check-label p {
	font-weight: 400;
}

.form-check-label p a {
	font-weight: 600;
}

.form-check-label p a {
	text-decoration: underline;
}

.paymentSummary .body .cell h4 {
	font-size:   1.125rem;
	font-weight: 500;
	line-height: 25px;
}

.acceptCard img {
	max-width: 40px;
}

.note p {
	font-size:  0.75rem;
	padding:    0 5px;
	text-align: left;
	color:      gray;
}

@media screen and (max-width: 767px) {
	.customOrderForm {
		padding-bottom: 0;
	}
	
	.customOrderForm .whiteBg {
		padding: 2rem 0rem;
	}
	
	.pkgListing {
		margin-bottom: 1rem;
	}
	
	.pkgListing label {
		width: auto;
	}
	
	.pkgListing label .price {
		font-size: 1.25rem;
	}
	
	.selectedPkgList,
	.customOrderForm .botm,
	.customOrderForm .btnWrap {
		flex-direction: column;
		align-items:    flex-start;
	}
	
	.selectedPkgList .divider {
		display: none;
	}
	
	.customOrderForm .btnWrap,
	.customOrderForm .btnWrap .themeBtn {
		width: 100%;
	}
	
	.customOrderForm .price {
		margin-bottom: 1.25rem;
	}
}
header.fixed .navigation li a.nv-btn {
	color: white !important;
}

header.fixed .navigation li a.nv-btn:hover {
	color: var(--theme-color) !important;
}
.scociallinks a .fa {
	color: #FFFFFF;
	font-size: 24px;
	margin-right: 10px;
}