/******************Reset Css****************/ 
* {margin: 0;padding: 0; border: none; outline: none !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;}
p {margin: 0;}
html, body {padding: 0; margin: 0; border-radius: 0;}
em {font-style: normal;}
body {font-family: 'Raleway', sans-serif; font-size: 18px;    line-height: 28px;    font-weight: 300;    color: #282828;}
a, button, input, input[type="buttton"], input[type="submit"], .btn {transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; outline: none !important; text-decoration: none; font-style: normal; text-decoration: none;}
input { max-width: 100%;}
img, figure {max-width:100%; max-height: 100%; margin: 0; padding: 0;}
ul, ol, li {list-style: none; margin: 0; padding: 0}
a, a:hover, a:focus { text-decoration: none;}
h1,h2, h3, h4, h5, h6, p {font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif;}
input, textarea { padding: 5px 10px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;}
div {box-sizing: border-box;}
p{font-family: 'Raleway', sans-serif; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
input.form-control::-webkit-input-placeholder { opacity: 1;color: #bbbbbb;}
input.form-control:-moz-placeholder { opacity: 1; color: #bbbbbb;}
input.form-control::-moz-placeholder { opacity: 1; color: #bbbbbb;}
input.form-control:-ms-input-placeholder { opacity: 1; color: #bbbbbb;}

textarea.form-control::-webkit-input-placeholder { opacity: 1;color: #bbbbbb;}
textarea.form-control:-moz-placeholder { opacity: 1; color: #bbbbbb;}
textarea.form-control::-moz-placeholder { opacity: 1; color: #bbbbbb;}
textarea.form-control:-ms-input-placeholder { opacity: 1; color: #bbbbbb;}

.noradius {border-radius: 0;-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;}
.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */}
.pointerNone { pointer-events: none; -webkit-pointer-events: none; -moz-pointer-events: none;}
.relative { position: relative;}
.absolute {position: absolute;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] { width: 100%;}
.pad-50 {padding: 50px 0;}
.pad-100 {padding: 100px 0;}
.gradient { filter: none;}
.sec-content {padding-top: 15px;}
.sec-content p:nth-child(n+2) { padding-top: 15px;}
.sec-content p { font-size: 18px; font-weight: 300; color: #546874; line-height: 1.8; padding-bottom: 30px;}
a.c2a-btn { background: #ffa336;font-size: 18px; font-weight: 300; padding: 10px 60px; color: #fff; border-radius: 4px; border: 1px solid #ffa336; display: inline-block;}
.c2a-btn2 {background: none; font-size: 18px; font-weight: 300; padding: 10px 60px; color: #fff; border-radius: 4px; border: 1px solid #ffffff; display: inline-block;}
a.c2a-btn:hover, .c2a-btn2:hover {background: #f79016; border-color: #f79016; color: #ffffff}
html{scroll-behavior:smooth}
/*******************Reset Css Ends****************/

/*header-css*/

.header_outer { position: absolute; left: 0; right: 0; z-index: 99; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;}
.shrink .hdr_top_outer {display: none;}
.nav_holder {padding: 30px 100px;position: relative;left: 0; right: 0;top: 0; background: none;}
.shrink .nav_holder { position: fixed;z-index: 99; padding: 15px 0px; background-color: #fff; -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.10); box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.10); -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;}
.hddr_inr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; position: relative;}
.logo {width: auto; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.shrink .logo {width: 260px; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;}

/*ul.hdr_social-icons {text-align: right;}
ul.hdr_social-icons li {display: inline-block; padding-left: 10px;}
ul.hdr_social-icons li a {color: #a31418; font-size: 18px;}*/

.hdr_menu { margin-left: auto; padding-top: 0;}
.hdr-rgt-part { margin-left: auto;}
.hdr_menu ul {line-height: 1;}
.hdr_menu li {display: inline-block; margin-right: 20px; position: relative; padding: 5px 0 0; line-height: 1;}
.hdr_menu li.sub_menu { margin-right: 40px; position: static;}
.hdr_menu li:last-child { margin-right: 0;}
.hdr_menu li a { font-weight: 500; display: inline-block; font-size: 15px; color: #ffffff; text-transform: uppercase; position: relative; padding: 0; line-height: 1;}
.shrink .hdr_menu li a { color: #282828;}
/*.hdr_menu li.active a:after { border-bottom: 3px solid #ffac4a; position: absolute; content: ''; bottom: -15px; left: 0; z-index: 999999; height: 3px; width: 100%;}*/
.hdr_menu li.current-menu-item>a, .hdr_menu li a:hover { color: #cf5300;}
.hdr_menu li.active a {color: #ffffff;}
.hdr_menu li.current-menu-item.sub_menu>a::after { color: #fdba21;}
.hdr_menu li.sub_menu>a::after {font-family: "Font Awesome 5 Pro";content: '\f078'; position: absolute; left: 100%; top: 3px; font-weight: 400; color: #282828; font-size: 15px; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.hdr_menu li.sub_menu a:hover:after {color: #fdba21;}
.hdr_menu ul>li>a:hover::before {width: 100%; left: 0; right: auto;}
.hdr_menu li.sub_menu .dropdown-menu {-webkit-transform: none !important; -ms-transform: none !important; transform: none !important; top: 30px !important; width: 210px; background-color: #fff; border: none; border-radius: 5px; padding: 15px 0; margin-top: 10px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);}
.hdr_menu li.sub_menu .dropdown-toggle::after { border: 0;}
.hdr_menu li.sub_menu .dropdown-menu a::before { display: none;}
.hdr_menu li.sub_menu .dropdown-menu li { margin-right: 0; display: block;}

.hdr_menu li.sub_menu .dropdown-menu a {font-size: 15px; display: block; line-height: 22px;}
.hdr_menu li.sub_menu .dropdown-menu a:hover {background-color: transparent;}
.header_btn {margin-left: 45px;position: relative;overflow: hidden;display: inline-block;}
.header_btn .basic_btn {cursor: pointer;}
.header_btn input[type=file] {position: absolute; left: 0; top: 0; bottom: 0; right: 0;opacity: 0;padding: 0;background-color: #558dca; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.header_btn input[type=file]:hover {    background-color: #0b3461;}
.hdr_menu li.sub_menu:hover>.mega_menu_outer {opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.mega_menu_outer {position: absolute; top: 100%;right: 0; width: 100%; max-width: 1170px; background-color: #fff; padding: 40px 15px 20px; border-radius: 3px; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.20); opacity: 0; visibility: hidden;-ms-transform: translateY(30px); transform: translateY(30px); -webkit-transform: translateY(30px); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.mega_menu_inr {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.mega_menu_col {width: 20%;}
.mega_menu_col h3 { font-size: 18px; line-height: 22px; color: #08b3a9; font-weight: 400; margin-bottom: 15px;}
.mega_menu_col ul li {margin-bottom: 10px; margin-right: 0; display: block; width: 100%; padding: 0;}
.mega_menu_col ul li:last-child {margin-bottom: 0;}
.mega_menu_col ul li a {font-weight: 300; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0;}
.mega_menu_col ul li a::before {display: none;}
.mega_menu_col ul li a span {text-align: center; min-width: 20px; margin-right: 8px; color: #444444; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.mega_menu_col ul li a:hover span {color: #fda821;}
.sub_menu_opener {display: none;position: absolute; top: 0; right: 0; color: #fff; font-size: 15px; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
/*Header-section end*/

/*slick slider*/
.slick-slider img {width: 100%;}
section.hero-slider-main { position: static;}
.caption-part { position: absolute; z-index: 1; top: 50%; width: 34%; -webkit-transform: translatey(-50%); transform: translatey(-50%); margin-left: 0; background: none; padding: 0; border-radius: 0 4px 4px 0;}
.item.imagePic {position: relative;}
.caption-part h1 {font-size: 48px; line-height: 1; font-weight: 500; color: #ffffff; text-transform: uppercase; width: 100%;}
.caption-part p {font-size: 24px; font-weight: 300; color: #ffffff; line-height: 1.2;}
.index-slider-btn {margin-top: 20px;}
a.slider-btn{background: #ffac4a; border-radius: 4px; padding: 15px 50px; font-size: 18px; color: #fff; font-weight: 400; font-family: 'Raleway', sans-serif; display: inline-block; text-transform: uppercase;}
a.slider-btn:hover {background: #ff981e;}
span.slider-btn-icon img{max-width: 100%; width: auto; display: inline-block; background: #012f6d;padding: 20px}
span.slider-btn-icon { margin-right: 30px;}

.slick-dotted.slick-slider {margin: 0;}
section.hero-slider-main .slick-dots {position: absolute; bottom: 26px; right: 20px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: right; z-index: 99;}
.hero-slider-main .slick-dots li button:before {content: '\f111'; font-size: 12px; font-family: "Font Awesome 5 Free"; font-weight: 400; color: #ffffff; position: absolute; opacity: 1;}
.hero-slider-main .slick-dots li.slick-active button:before {color: #cf5300; font-weight: 900;}
.slider-callnowtxtbox figure img {width: 60px; display: inline-block;}
.slider-callnowtxtbox figure {display: inline-block;}
.slider-callnowtxt {display: inline-block; padding-left: 10px;}
.caption-part .slider-callnowtxt p {font-size: 18px; font-weight: 300; color: #ffffff; text-transform: uppercase; line-height: 1;}
.slider-callnowtxtbox {	display: inline-flex; margin-top: 50px;}
.slider-callnowtxt a.sliderphonenumber {font-size: 40px; font-weight: 400; color: #ffffff; margin-top: 10px; display: block;}
/*slick slider end*/

/*Section Heading*/
.section-heading h2 {font-size: 48px; font-weight: 500; margin: 0; text-transform: capitalize; line-height: 1; }
.section-heading span {color: #27cdf7; font-size: 24px; font-weight: 300; line-height: 2; text-transform: uppercase;}
.tagline { font-weight: 600; padding: 10px 0;}

/*about us*/
section.aboutsection {padding: 100px 0 0;}
section.aboutsection .section-heading {	text-align: center;	padding-bottom: 50px;}
.gbusp-item { text-align: center;}
.gbusp-item figure {border: 1px dashed #0d1b5b;border-radius: 50%; padding: 14px; width: 90px; height: 90px; text-align: center; display: inline-block;}
.gbusp-item h3 {font-size: 24px;font-weight: 600;line-height: 1.5; padding-top: 15px; color: #546874; margin: 0;}
.gbusp-item p {font-size: 18px; font-weight: 300; line-height: 1.4; padding-top: 15px; color: #546874;}

/*two column section*/
.twocolumn-sec {padding: 100px 0 0; overflow: hidden; }
.two-column-content:nth-child(odd) .col-md-12:first-child {	-webkit-box-ordinal-group: 2;	-ms-flex-order: 1;	order: 1;}
.two-column-content:nth-child(odd) .col-md-12:last-child {	-webkit-box-ordinal-group: 13;	-ms-flex-order: 12;	order: 12;}
.two-column-content:nth-child(even) .col-md-12:first-child {-webkit-box-ordinal-group: 13;	-ms-flex-order: 12;	order: 12; padding-right: 0;}
.two-column-content:nth-child(even) .col-md-12:last-child {	-webkit-box-ordinal-group: 2;	-ms-flex-order: 1;	order: 1;}
.two-column-content:nth-child(even) figure.two-column-content-img {text-align: right; margin-right: -15px}
.two-column-content:nth-child(odd) .two-column-content-txt {padding-right: 40%;}
.two-column-content:nth-child(even) .two-column-content-txt {padding-left: 40%;}
.two-column-content:nth-child(odd) figure.two-column-content-img {margin-left: -15px;}
.twocoulmn-sec-outer .row { padding-top: 70px;}

section.twocolumn-sec .section-heading {text-align: center; padding-bottom: 10px;}
.block-heading {}
.block-heading span {font-size: 24px; font-weight: 300; color: #27cdf7;text-transform: uppercase;}
.block-heading h2{}

/*Why Choose Section*/
section.whychoose-section { padding: 100px 0;}
.card-item{padding: 30px 15px; text-align: center; min-height: 300px; border-radius: 6px; position: relative;}

.whychoose-card-1 {background: #0ebdca;}
.whychoose-card-2 {background: #5457c1}
.whychoose-card-3 {background: #1f8ded}
.card-item h4 {font-size: 24px; font-weight: 600; color: #ffffff; padding-top: 30px;}
.card-item p {font-size: 14px; font-weight: 300; color: #ffffff; line-height: 1.3;}
.card-item span {position: absolute; top: -30px; left: 10px; border-radius: 50%; text-align: center; padding: 15px; width: 60px; height: 60px; color: #ffffff;}
.whychoose-card-1 span {background: #22d7e4;}
.whychoose-card-2 span {background: #646deb;}
.whychoose-card-3 span {background: #329fff;}

/*Subscription Offer Banner*/
section.gb-banner{background: rgb(3,8,79); background: -moz-linear-gradient(60deg, rgba(3,8,79,1) 0%, rgba(30,3,79,1) 100%); background: -webkit-linear-gradient(60deg, rgba(3,8,79,1) 0%, rgba(30,3,79,1) 100%); background: linear-gradient(60deg, rgba(3,8,79,1) 0%, rgba(30,3,79,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03084f",endColorstr="#1e034f",GradientType=1); padding: 85px 0; position: relative; overflow: hidden;}
section.gb-banner h2 {font-size: 36px; font-weight: 600; text-align: center; color: #ffffff;}
section.gb-banner p {font-size: 18px; font-weight: 300; text-align: center; color: #ffffff; padding: 15px 150px;}
section.gb-banner p span {font-size: 24px; font-weight: 700; color: #ffffff;}
.btn-box {text-align: center; padding-top: 30px;}
.btn-box a {margin: 0 15px}
.gb-banner:before {position: absolute; content: '';	width: 719px; height: 521px; background: url(../images/gb-watermap.png);left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/*Pricing Plans*/
section.pricing-sec {background: #f5fffd;padding: 100px 0;}
section.pricing-sec .section-heading {text-align: center; padding-bottom: 50px;}
.price-card {background: #ffffff; padding: 0; min-height: 360px;}
.price-card-hdr {text-align: center; color: #fff; position: relative; padding: 50px 15px 20px; border-radius: 4px 4px 10px 10px;}
.price-card-hdr-1 { background: #0ebdca;}
.price-card-hdr-2 {background: #f9c203;}
.price-card-hdr-3 {background: #1e0e71;}
.price-card span.cardtype{position: absolute; top: -18px; left: 15px; background: #ffffff; border-radius: 18px; height: 36px; width: auto; padding: 4px 15px;}
.price-card-hdr h3{}
.price-card-hdr span{display: block;font-size: 30px;font-weight: 700; padding-bottom: 5px;}
.pricing-btn-block {text-align: center;}
.pricing-btn-block a.pricing-btn {background: #3c4551;color: #ffffff;display: block;padding: 10px;border-radius: 0 0 4px 4px;}
.pricing-btn-block a.pricing-btn:hover {background: #ffa336;}
ul.package-listing {min-height: 200px; padding: 30px 15px;}
ul.package-listing li {}
ul.package-listing.fa-ul li i {color: #0ebdca;}

/*Brands Logo Slider*/
.brands-sec { background: #f9f9f9;overflow: hidden;}
.brands-logo-outer {}
.brands-logo-outer .logo-slider .item{padding: 0 10px;}
.brands-sec .section-heading {padding: 35px 0; z-index: 12; position: relative;}
.brands-heading-part {position: relative;}
.brands-heading-part:after { width: 0; height: 0; border-bottom: 166px solid #03084f; border-right: 100px solid transparent; content: ''; position: absolute; right: 49px; top: 0;}
.brands-heading-part:before {content: ''; position: absolute; background: #03084f; height: 166px; width: 600px; left: -114%; z-index: 0;}
.brands-sec .section-heading h2 {color: #ffffff;}
.brands-logo-part {padding: 50px 0; height: 166px;}

/*Testimonial*/
section.testimonial-sec { padding: 85px 0; }
section.testimonial-sec .testimonial-sec-outer:before {content: ''; position: absolute; right:0; top: -90px; z-index: 99; background:url(../images/testimonial-sec-element.png); height: 141px; width: 153px;}
section.testimonial-sec .section-heading {text-align: left; }
.testimonial-sec-outer {background: #fff; position: relative;}
.testimonial-item { color: #fff; text-align: center; padding: 30px 15px;}
.testimonial-item p {font-weight: 300; color: #282828; text-align: left; position: relative;}
.testimonial-item p:before {position: absolute; content: ''; background: url(../images/testimonial-txt-element-01.png); width: 20px; height: 20px; left: -20px; top: -10px;}
.testimonial-item p:after {position: absolute; content: ''; background: url(../images/testimonial-txt-element-02.png); width: 20px; height: 20px; bottom: -20px; right: -10px;}
.testimonial-item span {font-weight: 600; padding-top: 20px; display: block; color: #0c2a55; text-align: left;}
section.testimonial-sec .slick-prev:before, section.testimonial-sec .slick-next:before {font-family: "Font Awesome 5 Free"; font-size: 30px; line-height: 1; opacity: 1; color: #ffa336; font-weight: 900;}
section.testimonial-sec .slick-next:before {content: '\f138'; font-family: "Font Awesome 5 Free"; }
section.testimonial-sec .slick-prev:before {content: '\f137'; font-family: "Font Awesome 5 Free"; }
section.testimonial-sec .section-heading h2 {color: #000000;}
.testimonial-img-block {overflow: visible; position: relative;}
.testimonial-img-block figure {position: relative; overflow: visible;}
.testimonial-img-block figure.testimonial-img img {border-radius: 50%; width: 160px; height: 160px; z-index: 12;}
.testimonial-img-block figure.testimonial-img:before {position: absolute; content:''; width: 160px; height: 181px; background: url(../images/testimonial-img-element.png); left: -10px; top: -30px; z-index: -1;}

/*Contact Form*/
section.contact-sec{background: rgb(3,8,79); background: -moz-linear-gradient(60deg, rgba(3,8,79,1) 0%, rgba(30,3,79,1) 100%); background: -webkit-linear-gradient(60deg, rgba(3,8,79,1) 0%, rgba(30,3,79,1) 100%); background: linear-gradient(60deg, rgba(3,8,79,1) 0%, rgba(30,3,79,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03084f",endColorstr="#1e034f",GradientType=1); padding: 85px 0;}
section.contact-sec .section-heading h2 {color: #ffffff;}
section.contact-sec .form-control {background-color: #0b1055; border: none; color: #fff;}
.contactform-part {padding-top: 50px;}
a.formsubmit-btn { background: #ffa336; padding: 10px 60px; font-size: 18px; font-weight: 400; color: #ffffff; border-radius: 3px;}
a.formsubmit-btn:hover {background: #f88b0b;}
section.contact-sec textarea.form-control {min-height: 100px;}
.contactform-rightpart ul li a {font-size: 16px; font-weight: 400; color: #ffffff;}
.contactform-rightpart ul li {padding-bottom: 25px;}

/*Footer*/
footer {padding: 0 0 0;}
.footer-sec {background: #010216; padding: 50px 0 40px;}
ul.footer-menu li {display: inline-block; padding-right: 20px;}
ul.footer-menu li:last-child {padding-right:0;}
ul.footer-menu li a {font-size: 14px; font-weight: 300; color: #ffffff; line-height: 2.4;}
ul.footer-menu li a:hover {color: #ffac4a;}
ul.footer-social li {display: inline-block; padding-right: 20px;}
ul.footer-social li a {color: #ffffff; font-size: 14px;}
ul.footer-social li a:hover {color: #ffac4a;}
p.bpcurl a.dndpbc {color: #ffa336;}
p.bpcurl {font-size: 12px; font-weight: 300; color: #fff; padding-top: 10px;}
.copyright {text-align: center; position: relative; padding-top: 30px;}
.copyright p {font-size: 13px; font-weight: 300; color: #4e4e4e; padding-top: 5px;}
.copyright:before {content: ''; background: #383b54; height: 1px; width: 160px; position: absolute; left: 0; right: 0; margin: 0 auto;}