@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap');

body{ font-family:Poppins !important; background:#fff; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
::selection{ color:#fff; background:#11b47b;} ::-moz-selection{ color:#fff; background:#11b47b;} ::-webkit-selection{ color:#fff; background:#11b47b;}
*{ outline:none !important; text-decoration:none !important; list-style:none; font-family:Poppins;} ul, li{ padding:0; margin:0; list-style:none;}
::-webkit-input-placeholder{ color:#ccc;} :-ms-input-placeholder{ color:#ccc;}::placeholder{ color:#aaa !important;} 
h1,h2,h3,h4,h5,h6{ font-family:Raleway !important;}
.title-div{ display:inline-block; width:100%; text-align:center; margin-bottom:40px;}
.title-div h2{ font-size:36px; color:#2d3748; margin:0; font-weight:700;}
.title-div small{ font-size:18px; color:#959aa4;}

.navbar{ padding:3rem 0;}
.inner-page .navbar{ padding:2rem 0;}
header{ position:relative; z-index:999;}
.navbar-brand{ max-width:214px !important; padding-top:0 !important; transition:0.2s ease-out;} 
.navbar-brand img{ width:100% !important;} 
.navbar-nav .nav-item{ margin-left:15px;}
.navbar-nav .nav-item .nav-link{ padding:15px 12px; font-size:15px; font-weight: 500; color: #fff; transition:all 0.2s ease-in;}
.navbar-nav .nav-item .nav-link ion-icon{ color:#fff !important; font-size:18px; --ionicon-stroke-width: 40px;}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:focus, .navbar-nav .nav-item .nav-link:hover ion-icon, .navbar-nav .nav-item .nav-link:focus ion-icon{ color:#2d3748 !important;}
nav{ -webkit-transition: padding-top .5s, padding-bottom .5s; -moz-transition: padding-top .5s, padding-bottom .5s;	transition: padding-top .5s, padding-bottom .5s; border: none; transition:all 0.4s ease-in; -webkit-transition:all 0.3s ease-out;}
.shrink{ padding-top: 5px; padding-bottom: 2px; background:rgba(255,255,255,.95); box-shadow:0 10px 15px -8px rgba(0,0,0,.05);}
.shrink .navbar-brand{ max-width:150px !important;}
.inner-page .shrink{ padding:0.7rem 0 !important;}
.light-nav{ background:rgba(255,255,255,.9) !important; box-shadow:0 5px 15px -2px rgba(0,0,0,.1); padding-bottom:1rem !important;}
.navbar-nav .nav-item .nav-link.nav-button{ padding-left:30px; padding-right:30px; background:#333; color:#fff !important; border-radius:50px; -webkit-border-radius:50px; position:relative; transition:all 0.2s ease-in;}
.navbar-nav .active .nav-link{ color:#11b47b !important;}
.shrink .navbar-nav .nav-link{ color:#2d3748 !important;}
.shrink .nav-link.nav-button{ color:#fff !important; background:#24ce92 !important;}
.shrink .navbar-nav .nav-link:hover{ color:#11b47b !important;}
.shrink .navbar-nav .nav-link ion-icon{ color:#11b47b !important;}

.banner-caption{ padding-right:50px;}
.banner{ float:left; width:100%; padding:150px 0 0; position:relative;}
.banner-caption h1, .banner-caption h2{ color:#37353a; font-size:48px; font-weight:900; margin-bottom:20px; line-height:56px;}
.banner-caption h1 strong, .banner-caption h2 strong{ color:#11b47b;}
.banner-wrap{ display:table; width:100%; margin-top:30px; position:relative; z-index:9;}
.banner-caption p{ font-size:14px; color:#707577; font-weight:400; line-height:27px; margin-bottom:30px; padding-right:60px;}
.banner-caption p strong{ color:#11b47b; font-weight:600;}
.banner-caption p span{ font-weight:500 !important; color:#fff;}
.banner-box{ display:table-cell; vertical-align:top; position:relative; z-index:99; width:50%;}
.banner:after{ position:absolute; content:''; width:50%; right:0; top:0; bottom:0; margin:auto; background:#11b47b; clip-path: polygon(0 0%, 100% 0, 100% 100%, 15% 100%, 0 85%, 0 57%);}
.calculate-wrap{ padding-left:70px;}
.basic-btn{ background:#11b47b !important; color:#fff !important; font-weight:600; padding:15px 50px; border-radius:50px; font-size:18px; display:inline-block; transition:all 0.2s ease-out; position:relative; padding-right:60px;}
.basic-btn ion-icon{ position:absolute; font-size:18px; top:0; bottom:0; margin:auto; margin-left:3px;}
.basic-btn:hover{ box-shadow:0 10px 18px -6px rgba(17,180,123,.6); background:#1fbd86 !important;}
.banner-wrap .btn{ background:#11b47b !important; color:#fff !important; text-transform:uppercase; font-weight:600; padding:12px 30px; width:100%; letter-spacing:1px; border-radius:50px; font-size:14px;}
.banner-wrap small{ margin-top:25px; font-size:15px; display:inline-block; font-weight:300; color:#606773;}
.banner-wrap small strong{ color:#f7931e; font-weight:bold;}
.banner-model{ background:url(../images/model-bg.png) no-repeat right top; background-size:100%; height:400px; display:inline-block; width:356px !important;}
.banner-model img{ max-width:240px;}
.banner-weave{ height:170px; width:100%; display:inline-block; position:absolute; bottom:-10px; left:-100px; right:0; background:url(../images/weave-top-background.png) no-repeat center top; background-size:100%;}
.banner-wrap .basic-btn{ background:none !important; border:solid 2px #11b47b; color:#11b47b !important;}
.banner-wrap .basic-btn:hover{ background:#11b47b !important; color:#fff !important;}
.calculate-form{ width:100%; display:inline-block;}
.calculate-form h4{ color:#fff; font-weight:700; margin-top:0 !important; margin-bottom:20px; font-size:24px;}
.selectdiv, .textbox, .pricebox, .buttonbox{position: relative;width:100%;display:inline-block;}.calculate-form label{width:100% !important; margin-bottom:20px;}select::-ms-expand {display: none;}.selectdiv:after {content: "\f107";font: 23px "FontAwesome", monospace;color: #333;right: 24px;top: 16px;padding: 0 0 2px;position: absolute;pointer-events: none;}.selectdiv select, .form-control, .submit-btn {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-weight:500;display: inline-block;width: 100%;height: 60px;padding: 0px 24px;font-size: 15px;line-height: 1.75;color: #2d3748;background-color: #fff;background-image: none;border:none;-ms-word-break: normal;word-break: normal;border-radius:8px;box-shadow: 0 3px 15px -2px rgba(0,0,0,.07);cursor:pointer;}
.selectdiv select:focus, .form-control:focus{ border-color:#fff; box-shadow: 0 0px 0px 3px rgba(0,0,0,.2)}
.pricebox label{ width:100% !important;}
.price-wrap{ display:inline-table; width:100%; position:relative; height:100%;}
.price-wrap strong, .price-wrap span{ display:table-cell; vertical-align:middle;}
.price-wrap span{ color:#c0f5e3;}
.price-wrap strong{ font-size:36px; text-align:right; position:relative; font-family:Poppins !important; color:#fff;}
.buttonbox .submit-btn{ border-color:#2d3748; background:#2d3748; color:#fff; font-size:18px;}
.buttonbox .submit-btn ion-icon{ position:absolute; font-size:22px; top:0; bottom:0; margin:auto; margin-left:6px;}
.calculate-form .col-lg-6, .calculate-form .col-lg-12{ padding:0 10px;} .calculate-form .row{ margin:0 -10px;}
.pricebox .form-control{ background:none !important; border:none; padding:0; box-shadow:none;}
.currency select{ font-weight:800 !important;}

.small-info{ display:inline-block; width:100%; margin-top:100px; padding-right:30px;}
.small-info .col-lg-4{ padding:0;} .small-info .row{ margin:0;}
.info-wrap{ display:inline-block; width:100%; text-align:center; position:relative;}
.info-wrap h3{ font-family:Poppins !important; letter-spacing:2px; font-weight:600; color:#2d3748; margin:0;}
.info-wrap small{ margin:0; color:#b6bbbd; font-weight:400; font-size:14px;}
.info-icon{ display:inline-table;}
.info-icon .icon-inner{ display:table-cell; vertical-align:middle; width:62px; height:62px; background:#eefaf6; border-radius:100%; text-align:center;}
.info-icon ion-icon{ font-size:30px !important; color:#11b47b;}

.feature-section{ float:left; width:100%; padding:80px 0 0; overflow:hidden; position:relative;} 
.feature-wrap{ float:left; width:100%; position:relative; padding-bottom:50px;}
.feature-item{ width:100%; padding:25px; background:#fff; text-align:center; position:relative; border-radius:15px; box-shadow:0 5px 30px 2px rgba(0,0,0,.05); transition:all 0.15s ease-out;}
.feature-item:hover ion-icon{ transform:scale(1.1);}
.feature-item:hover{ margin-top:-10px;}
.feature-item:after{ position:absolute; content:''; left:20px; right:20px; bottom:-20px; margin:auto; height:2px; background:#000; filter:blur(10px); transition:all 0.15s ease-out; opacity:0; border-radius:100%;}
.feature-item:hover:after{ bottom:-30px; opacity:0.6;}
.feature-icon{ margin:auto; display:table;}
.icon-inner{ display:table-cell; width:100%; text-align:center; width:148px; height:148px; background:#f3fbf8; border-radius:100%; vertical-align:middle;}
.icon-inner ion-icon{ display:inline-block; vertical-align:middle; font-size:62px; color:#11b47b; --ionicon-stroke-width: 16px; transition:all 0.15s ease-out; position:relative;}
.read-more-btn{ font-size:15px; font-weight:500; color:#11b47b; padding:11px 30px; border:solid 2px #e8edf1; border-radius:50px; margin-top:10px; display:inline-block; transition:all 0.2s ease-out;}
.read-more-btn:hover{ background:#11b47b; color:#fff; border-color:#11b47b;}
.feature-item h3{ margin:20px 0 15px; color:#323c45; font-size:16px; font-weight:700;}
.feature-item p{ font-size:13px; color:#7f838a; font-weight:400; line-height:24px;}
.feature-section .title-div{ margin-bottom:70px !important;}
.feature-text{ margin-top:10px;}
.feature-section .owl-carousel .owl-stage-outer{ overflow:visible !important;}
.feature-section .owl-item{ opacity:0; transition:all 0.2s ease-out;}
.feature-section .owl-item.active{ opacity:1;}
.feature-section .owl-dots{ width:100%; text-align:center; margin-top:35px;}
.feature-section .owl-carousel .owl-dot{ width:35px; height:10px; border-radius:10px; -webkit-border-radius:10px; background:#f2f2f5; display:inline-block; margin:0 2px;}
.feature-section .owl-carousel .owl-dot.active{ background:#11b47b !important;}
.feature-section .owl-dots{ z-index:1 !important; position:relative !important;}

.why-choose-section{ float:left; width:100%; padding:280px 0 0; background:#fbfbfb url(../images/weave.jpg) no-repeat center top; background-size:100%; min-height:800px;}
.why-choose-section .title-div{ margin-bottom:60px;}
.why-choose-section .title-div h2, .why-choose-section .title-div h1{ font-size:48px;}
.why-choose-section .title-div h2 span, .why-choose-section .title-div h1 span{ font-weight:600 !important; color:#11b47b;} 
.why-choose-section .title-div small{ font-size:24px; color:#b1b2b2;}
.conntent-wrap{ display:inline-block; width:100%; padding:40px 0 80px 0;}
.conntent-wrap p{ font-size:16px; line-height:30px; color:#6b737d; text-align:justify;} 
.phone-wrap{ float:right; max-width:341px; position:absolute; bottom:0; right:20px;}
.phone-wrap img{ width:100%; }
.conntent-wrap h5{ font-weight:800; font-size:24px; line-height:32px; margin-bottom:20px;}
.conntent-wrap .basic-btn{ margin-top:15px; font-size:15px;}

.coupone-banner{ float:left; width:100%; padding:50px 0; background:url(../images/coupone-bg.jpg) no-repeat center center; background-size:cover; min-height:400px;}
.coupone-text{ display:inline-block; width:100%; margin-top:30px;}
.coupone-text h2{ font-size:42px; color:#343434; font-weight:900; margin:0;}
.coupone-text h2 span{ color:#fff;}
.coupone-text h3{ font-weight:700 !important; font-size:32px; color:#fff; margin-bottom:15px; line-height:36px;}
.coupone-text p{ font-size:16px; color:#cef4e6; line-height:28px; font-weight:600;}
.coupone-text .basic-btn{ background:#343434 !important; margin-top:15px; padding:15px 65px 15px 50px;}
.coupone-graphics{ float:right; max-width:445px;}
.coupone-graphics img{ width:100%;}

.how-it-works{ float:left; width:100%; padding:80px 0; background:#fff; overflow:hidden;}
.how-it-works .title-div{ position:relative; z-index:999 !important;}
.steps-wrap{ display:inline-block; width:100%; position:relative;}
.step-text{ max-width:365px; border:solid 1px #f7f7f7; padding:40px; padding-bottom:50px; background:#fff; border-radius:8px; box-shadow:0 10px 30px -10px rgba(0,0,0,.1); position:relative; bottom:-100% !important; transition:all 0.9s ease-out; opacity:0; z-index:1 !important;}
.step-text h3{ font-size:30px; color:#253138; font-weight:800; margin-bottom:25px;}
.step-text p{ font-size:18px; color:#253138; font-weight:300; line-height:32px;}
.how-it-works .owl-stage-outer{ padding:50px; overflow:visible;}
.step-text .basic-btn{ border-radius:8px; padding:16px 40px; width:100%; text-align:center; background:#12dc94 !important; font-size:18px !important; margin-top:15px;}
.how-it-works .owl-item{ transition:all 0.4s ease-out; opacity:0;}
.how-it-works .owl-item.active{ opacity:1;}
.step-graphics{ max-width:466px; position:relative; transition:all 0.9s ease-out; top:-100%; opacity:0;}
.step-graphics img{ width:100%;}
.step-text span{ width:52px; height:52px; background:#e8f6f1; border-radius:100%; text-align:center; display:inline-block; font-size:24px; font-weight:600 !important; color:#11b47b; line-height:50px; position:absolute; right:30px; top:-26px;}
.how-it-works .owl-dots{ width:100%; text-align:center; margin-top:35px;}
.how-it-works .owl-carousel .owl-dot{ width:35px; height:10px; border-radius:10px; -webkit-border-radius:50px; background:#f8f9f9; display:inline-block; margin:0 2px; counter-increment: my-sec-counter; width:100px; height:40px; font-size:13px !important; color:#646464 !important; font-weight:500; line-height:38px; transition:all 0.2s ease-out;}
.how-it-works .owl-carousel .owl-dot.active{ background:#12dc94 !important; color:#fff !important;}
.how-it-works .owl-dots{ z-index:1 !important; position:relative !important;}
.how-it-works .owl-dot:after{ content: "Step " counter(my-sec-counter) "";}
.how-it-works .owl-item.active .step-text{ bottom:0 !important; opacity:1;}
.how-it-works .owl-item.active .step-graphics{ top:0 !important; opacity:1;}
.steps-wrap:after{ position:absolute; content:''; width:253px; height:248px; background:url(../images/step-before.png) no-repeat center center; left:-50px; bottom:0; z-index:-1 !important;}

.content-section{ float:left; width:100%; padding:80px 0; background:#fafbfb;}
.content-wrap{ display:inline-block; width:100%; padding:15px; margin-bottom:20px;}
.content-title{ display:inline-table; width:100%; margin-bottom:20px;}
.content-wrap .icon{ display:table-cell; vertical-align:middle; width:70px;}
.content-wrap .title-text{ display:table-cell; vertical-align:middle;}
.content-wrap .title-text h2{ font-size:25px; font-weight:700; margin:0; color:#323c45; font-size:21px;} 
.content-wrap .icon-inner{ width:60px; height:60px; background:#11b47b;}
.content-wrap .icon ion-icon{ font-size:36px; color:#fff;}
.content-wrap p{ color:#353f47; font-size:14px; line-height:26px; text-align:justify;}

.feedback-section{ float:left; width:100%; position:relative; background:#fff; padding:110px 0; overflow:hidden;}
.feedback-wrap{ display:inline-block; width:100%;}
.feedback-inner{ display:inline-block; vertical-align:middle; padding-left:80px; width:100%;}
.feedback-section:before{ content:''; width:50%; position:absolute; background:#11b47a; right:0; top:0; bottom:0; margin:auto;}
.feedback-message{ display:inline-block; width:100%;}
.feedback-section .text-caption{ padding-left:40px; padding-top:60px;}
.feedback-section .text-caption h3{ color:#9ce8cd;}
.feedback-section .text-caption h3 strong{ color:#fff;}
.feedback-section .text-caption small{ color:#cefaea;}
.feedback-section .learn-more{ color:#fff !important;}
.feedback-section .learn-more:after{ background-color:#29313d; box-shadow:0 4px 5px -1px rgba(41,49,61,0.5);}
.feedback-section .learn-more:hover:after{ background-color:#404c5d !important;}
.feedback-message blockquote{ padding:70px 80px; display:inline-block; width:100%; margin:0; background:#fff; border-radius:10px; position:relative; box-shadow:0 10px 35px -2px rgba(0,0,0,0.12);}
.feedback-message blockquote .message{ font-size:22px; color:#848d9d; line-height:48px; font-weight:400; position:relative; display:inline-block; width:100%; text-indent:45px;}
.feedback-message blockquote .message:before{ position:absolute; content:''; width:38px; height:34px; background:url(../images/quote-icon.png) no-repeat center center; left:0; top:-4px;}
.client{ display:inline-block; width:100%; margin-top:35px;}
.client-inner{ display:table; width:100%;}
.client-image{ display:table-cell; width:68px; vertical-align:middle; overflow:hidden !important;}
.client-image a img{ width:100%;}
.client-image a{ display:inline-block; width:68px; height:68px; background:#ebeef4; border-radius:100%; overflow:hidden;}
.client-info{ display:table-cell; vertical-align:middle; padding-left:20px;}
.client-info h4{ font-weight:600; color:#455165; margin:0;}
.client-info small{ color:#939eb2; font-size:17px;}
.message-wrap{ display:inline-block; max-width:100%;}
.feedback-section .owl-carousel .owl-stage-outer{ overflow:visible !important;}
.owl-carousel .owl-item{ opacity:0;}
.owl-carousel .owl-item.active{ opacity:1;}

.feedback-section .owl-nav{ display:block !important; position:absolute; left:-80px; top:20px;}
.feedback-section .owl-prev, .feedback-section .owl-next{ height:54px; display:table; text-align:center; border-radius:100%; margin:8px 0; background:#eefaf6; transition:all 0.2s ease-out;}
.feedback-section .owl-prev ion-icon, .feedback-section .owl-next ion-icon{ font-size:24px; --ionicon-stroke-width: 4px;}
.feedback-section .owl-nav .icon-inner{ display:table-cell; vertical-align:middle; width:54px; height:54px; background:none;}
.feedback-section .owl-prev ion-icon{ transform:rotate(90deg);}
.feedback-section .owl-next ion-icon{ transform:rotate(90deg); color:#11b47a;}
.feedback-section .owl-prev{ background:#11b47a; } .owl-prev ion-icon{ color:#fff;}
.feedback-section .owl-prev:hover, .feedback-section .owl-next:hover{ background:#11b47a !important;}
.feedback-section .owl-prev:hover ion-icon, .feedback-section .owl-next:hover ion-icon{ color:#fff;}
.feedback-section .owl-item{ transition:all 0.4s ease-out; opacity:0;}
.feedback-section .owl-item.active{ opacity:1;}

.text-caption{ position:relative; width:100%; display:table; vertical-align:middle; z-index:99 !important;}
.caption-inner{ display:table-cell; vertical-align:middle; width:100%;}
.text-caption h3{ font-size:42px; color:#798292; font-weight:300; margin-bottom:20px;}
.text-caption h3 strong{ font-weight:600; font-size:48px; color:#29313d; line-height:52px;}
.text-caption h3 strong span{ color:#11b47a;} 
.text-caption small{ font-size:18px; color:#8b919d; font-weight:500; line-height:26px; display:inline-block; width:100%;}
.learn-more{ display:inline-block; margin-top:35px; color:#29313d !important; font-size:18px; font-weight:600; position:relative; transition:all 0.1s ease-out;}
.learn-more:after{ content:''; width:42px; height:42px; position:absolute; top:0; bottom:0; margin:auto; right:-50px; border-radius:50px; background:#11b47a url(../images/play-icon.png) no-repeat 18px center; background-size:10px; transition:all 0.1s ease-out; box-shadow:0 4px 5px -1px rgba(121,167,213,0.7);}
.learn-more:hover:after{ background-color:#658eb7;}

.faq-section{ float:left; width:100%; padding:100px 0; background:#fafafc;}
.faq-section .title-div{ margin-bottom:70px !important;}
.faq-section .title-div h2{ color:#323c45;}
.faq-section .title-div small{ color:#b9b9b9;}
.faq-graphics{ display:table !important; max-width:500px; float:right;}
.faq-graphics img{ width:100%;}
.graphics-inner{ display:table-cell; vertical-align:middle;}

.faq-section .card{ border-radius:15px; margin-bottom:10px; border-color:#eee;}
.faq-section .card-header{ padding:0; background:none; border-bottom:none;}
.faq-section .card-header .btn-link{ padding:20px; display:inline-block; width:100%; text-align:left; position:relative; color:#323c45; font-size:14px; font-weight:700; padding-left:55px; padding-right:40px;}
.faq-section .card-header .btn-link i{ position:absolute; right:20px; font-size:18px; color:#323c45; margin-top:1px;}
.faq-section .card-header .btn-link:before{ position:absolute; content:"\f059"; font-family:FontAwesome; font-size:30px; color:#11b47b; top:8px; bottom:0; margin:auto; left:15px}
.faq-section .card-body{ padding-top:0 !important;}
.faq-section .card-body p{ margin:0;}

.faq-section [data-toggle="collapse"] .fa:before {  
  content: "\f0d8";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f0d7";
}
.faq-section #accordion{ width:100%; float:left;}
.faq-section .card-body{ font-size:14px; color:#757b80; line-height:26px; padding:35px;}
.btn-link.collapsed:before{ color:#ccc !important;}

ul.bulletic{ margin-bottom:20px; margin-left:30px;}
ul.bulletic li{ font-size:13.5px; color:#353f47; margin-bottom:6px; position:relative; font-weight:500; list-style:disc !important;}

ol{ margin-bottom:30px; margin-left:30px;}
ol li{ margin-bottom:6px; list-style:decimal !important;}

footer{ float:left; width:100%; text-align:center; font-size:14px; line-height:28px; position:relative;}
.footer-top{ float:left; width:100%; padding:100px 0; background:#2b343c url(../images/footer-bg.png) no-repeat center -40px;}
footer p{ color:#bbbec0;} footer p a{ color:#11b47b; font-weight:500;}
footer p span{ background:#111; width:25px; height:25px; border-radius:100%; text-align:center; display:inline-block; line-height:24px; margin:0 6px;}
footer ul.social li{ display:inline-block; width:auto; margin:0 3px;}
footer ul.social{ float:left; width:100%; margin-bottom:0;}
footer ul.social li a i{ text-align:center; margin:0;} 
.go-top{ position:absolute; width:75px; height:75px; text-align:center; background:#f0f2f3; border:solid 8px #fff; line-height:70px; color:#222; border-radius:100%; -webkit-border-radius:100%; top:-35px; left:0; right:0; margin:auto;} .go-top span{ line-height:53px; font-size:15px;}
ul.btm-menu{ float:left; width:100%;} ul.btm-menu li{ display:inline-block; width:auto; padding:0 10px; border-left:solid 1px #aaa; line-height:13px; text-align:center;}
ul.btm-menu li a{ color:#d7dee3 !important; text-align:center; font-size:14px; text-decoration:none !important;} ul.btm-menu li:first-child{ border:none;}
ul.btm-menu li a:hover{ color:#fff;}
.footer-bottom{ float:left; width:100%; padding:15px 0; background:#1c2228; text-align:center;}
.footer-bottom p{ margin:0; color:#dfe2e4; opacity:0.6; font-size:12px; letter-spacing:2px; text-transform:uppercase;}

.logo{ max-width:240px; margin:auto; margin-bottom:20px;}
.logo img{ width:100%;}
footer ul.social li{ display:inline-block; width:auto;}
footer ul.social{ float:left; width:100%; margin-bottom:0; margin-top:25px;}
footer ul.social li a i{ text-align:center; margin:0;} 
footer ul.social li a{ width:45px; height:45px; text-align:center; background:rgba(255,255,255,0.2); color:#2b343c !important; display:inline-block; font-size:20px; border-radius:100%; line-height:44px; transition:all 0.2s ease-out;}
footer ul.social li a:hover{ background:#fff;}
.usa{ position:relative; padding-left:25px; margin-left:6px;}
.usa:before{ content:''; position:absolute; left:0; width:20px; height:20px; border-radius:100%; overflow:hidden; background:#ccc url(../images/us-flag.png) no-repeat center center; background-size:cover; -webkit-background-size:cover;}
.uk{ position:relative; padding-left:25px; margin-left:6px;}
.uk:before{ content:''; position:absolute; left:0; width:20px; height:20px; border-radius:100%; overflow:hidden; background:#ccc url(../images/uk-flag.png) no-repeat center center; background-size:cover; -webkit-background-size:cover;}
.usa:hover, .uk:hover, footer p a:hover{ color:#fff !important;}

ol.numberic li{ list-style:decimal; margin-bottom:10px; font-weight:500; font-size:15px;}
ol.alpha li{ list-style:lower-alpha !important; margin-bottom:10px; font-weight:500; font-size:15px;}


/*------- 28.07.2020 --------*/

.menu-large {
  position: static !important;
}

.megamenu {
  padding:0;
  
}

.megamenu > div > li > ul {
  padding: 0;
  margin: 0;
}

.megamenu > div > li > ul > li {
  list-style: none;
}

.megamenu > div > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}

.megamenu > div > li > ul > li > a:hover,
.megamenu > div > li > ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background:none;
}

.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}

.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}

@media (max-width: 768px) {
  .megamenu {
    margin-left: 0;
    margin-right: 0;
  }
  .megamenu > li {
    margin-bottom: 30px;
  }
  .megamenu > li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header {
    color: #fff;
  }
}

.dropdown-menu{ margin:0; border-radius:20px; border:none; box-shadow:0 15px 25px -5px rgba(85,95,105,.4); margin-top:10px; position:relative;}
.dropdown-item:focus, .dropdown-item:hover{ background:none !important;}
.dropdown-item li a{ font-size:14px !important; padding:8px 10px !important; transition:all 0.2s ease-out;}
.navbar-nav{ position:relative !important;}
.dropdown-item li a:hover{ color:#79a7d5 !important;}
.dropdown-item{ padding:20px 35px !important;}
.dropdown-item:nth-child(odd){ background:#f9f9f9 !important;}
.small-menu{ margin-right:15px;}
.small-menu .dropdown-item{ background:none !important; padding:8px 0 !important;}
.small-menu .dropdown-item a{ color:#222; font-weight:500; padding:12px 25px !important; display:inline-block; width:100%; font-size:13px !important;}
.small-menu .dropdown-item a:hover{ background:#11b47b !important; color:#fff !important;}
.small-menu .dropdown-item li{ margin:0;}
.light-nav{ background:rgba(255,255,255,.95) !important; box-shadow:0 5px 15px -2px rgba(0,0,0,.1); padding-bottom:1rem !important;}
.dropdown-toggle::after{ content:"\f107"; font-family:FontAwesome; font-size:20px; border:none; position:absolute; margin-top:-3px;}

.dropdown-menu:after{ position:absolute; content:''; border-bottom:solid 10px #fff; border-left:solid 10px transparent; border-right:solid 10px transparent; top:-10px; left:35px;}
.content-section .col-lg-6:last-child .content-wrap{ background:#fff; padding:30px; border-radius:10px; box-shadow:0 10px 15px -5px rgba(0,0,0,.1);}
.content-wrap a, .conntent-wrap p a, .faq-section .card-body p a{ color:#11b47b; font-weight:500;}

.learn-more::after{ display:none;}
.learn-more{ padding:13px 35px !important; background:#333 !important; border-radius:40px; font-size:15px; color:#fff !important;}


.bounce {
	position: absolute;
	bottom: 30px;
	left: 50% ;
	margin-left:-35px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-10px);}
	60% {-webkit-transform: translateY(-10px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-10px);}
	60% {-moz-transform: translateY(-10px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-10px);}
	60% {-o-transform: translateY(-10px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-10px);}
	60% {transform: translateY(-10px);}
}



/------------------- 10 January 2022 -----------------/
.small-txt-bnr .coupone-text h2{ font-size:36px;}.small-txt-bnr .coupone-text h3{ font-size:24px; line-height:32px;}.small-txt-bnr .coupone-text p{ font-size:14px; font-weight:400; color:#cdf3e5;}
.pd-t{ padding-top:80px;}


@media (max-width: 1024px) {
	.banner-box.banner-caption{ padding-right:50px;}
	.banner-caption h1{ font-size:36px; line-height:42px;}
	.navbar{ padding:2rem 0;}
	.navbar-brand{ max-width:180px !important;}
	.shrink{ padding:0.5rem 0;}
	.navbar-nav .nav-item .nav-link{ padding:12px 6px; font-size:14px;}
	.banner{ padding-top:100px;}
	.calculate-wrap{ padding-left:50px; padding-bottom:50px;}
	.selectdiv select, .form-control, .submit-btn{ font-size:14px; padding:0 18px;}
	.banner-caption p{ font-size:16px; padding-right:0;}
	.small-info{ padding-right:0;} 
	.info-wrap small{ font-size:13px;}
	.small-info{ margin-top:50px;}
	.feedback-message blockquote{ padding:50px;}
}

@media (max-width: 980px) {
	.container{ max-width:95%;}
	.banner:after{ clip-path: none;}
	.navbar{ padding:1rem 0; background:#fff;}
	.navbar-nav .nav-item .nav-link{ color:#222;}
	.navbar-nav .nav-item .nav-link ion-icon{ color:#222 !important;}
	.shrink{ padding:0.5rem 0;}
	.why-choose-section{ padding-top:170px;}
	.why-choose-section .title-div{ margin-bottom:10px;}
	.title-div h2{ font-size:36px !important;}
	.coupone-banner{ text-align:center;}
	.coupone-graphics{ float:none; margin:auto; margin-top:40px;}
	.faq-graphics{ display:none !important;}
	.steps-wrap .col-lg-7{ display:none;}
	.why-choose-section{ min-height:auto !important;}
	.feedback-section::before{ width:100%; top:290px;}
	.feedback-section .text-caption{ padding-left:0;}
	.step-text{ margin:auto;}
	.steps-wrap::after{ left:0; right:0; bottom:-60px; margin:auto;}
}

@media (max-width: 800px) {
	.conntent-wrap p{ font-size:14px; line-height:21px;}
}

@media (max-width: 767px) {
	.how-it-works .owl-stage-outer{ padding:0;}
	.step-text{ margin:auto;} 
	.banner-wrap{ display:inline-block;}
	.banner-box{ display:inline-block; width:100%;}
	.banner::after{ display:none;}
	.menu{ width:35px; position:relative; margin-top:2px; cursor:pointer; line-height:0 !important; padding:5px; border:none;}
	.menu span.bar{ display:inline-block; width:100%; border-bottom:solid 1px #000; margin-bottom:4px; transition:all 0.2s ease-in; position:relative; height:3px;}
	.menu-bars .bar-2{ opacity:0;}
	.menu-bars .bar-1{ transform:rotate(45deg); position:absolute; width:20px; height:17px; top:8px; margin-left:1px;}
	.menu-bars .bar-3{ transform:rotate(-45deg); position:absolute; width:20px; height:17px; top:-6px;}
	.banner-box.banner-caption{ padding-right:0;}
	.calculate-wrap{ padding-left:0;}
	.price-wrap span{ color:#666;}
	.price-wrap strong{ color:#2d3748;}
	.feedback-section::before{ width:100%; height:150px; top:0; bottom:auto;}
	.feedback-section{ padding:30px 0;}
	.feedback-section .text-caption{ padding-left:0; padding-top:20px;}
	.feedback-section .text-caption h3{ color:#2d3748 !important; font-size:30px !important;}
	.feedback-section .text-caption h3 strong{ font-size:30px; color:#11b47b !important;}
	.feedback-section .text-caption small{ color:#777; font-weight:400; font-size:15px;}
	.faq-section{ padding:50px 0;}
	.feature-section{ padding-top:30px;}
	.feedback-section::before{ display:none;}
	.feedback-section{ padding-bottom:60px;}
	.phone-wrap{ position:relative; float:none; margin:auto; right:0;}
}

@media (max-width: 640px) {
	.feedback-section .owl-nav{ display:none !important;}
	.content-wrap .icon{ display:none !important;}
	.content-wrap, .content-section .col-lg-6:last-child .content-wrap{ padding:0; background:none; box-shadow:none;}
	.basic-btn{ padding:15px 30px !important;}
	.basic-btn ion-icon{ display:none !important;}
	.feature-section .title-div h2 br{ display:none;}
	.feature-section .title-div h2{ font-size:21px !important;}
	.why-choose-section .title-div h1{ font-size:24px !important;}
	.coupone-text h2, .coupone-text h3{ font-size:24px !important; }
}

@media (max-width: 480px) {
	.title-div h2{ font-size:24px !important;}
	.feedback-inner{ padding-left:0;}
	.feedback-message blockquote .message{ font-size:16px; line-height:26px; color:#646d7d;}
	.feedback-message blockquote{ padding:30px;}
	.client-info h4{ font-size:18px;}
	.client-info small{ font-size:14px;}
	.footer-bottom p{ letter-spacing:normal !important;}
	.faq-section .title-div{ margin-bottom:40px !important;}
	.col-xs-4{ max-width:33.333% !important;}
	.banner-wrap .basic-btn{ font-size:15px;}
	.info-wrap h3{ font-size:18px;}
	.info-wrap small{ line-height:16px;}
	.step-text .basic-btn{ padding:16px 30px !important;}
	.how-it-works .owl-dot::after{ content: "0" counter(my-sec-counter) "";}
	.how-it-works .owl-dot{ width:40px !important; font-weight:600 !important;}
	.how-it-works .owl-dots{ margin-top:80px;}
	.banner-caption h1, .banner-caption h2{ font-size:28px; line-height:36px;}
	.banner-caption p{ font-size:13px; line-height:21px;}
	.conntent-wrap p, .content-wrap p{ text-align:left !important;}
	.coupone-text p{ font-size:14px; font-weight:400;}
	.title-div small{ font-size:14px;}
	.step-text h3{ font-size:18px;}
	.step-text{ padding:25px;}
	.step-text p{ font-size:14px; font-weight:400; color:#6b737d; line-height:24px;}
	.step-text .basic-btn{ padding:16px; font-size:14px !important;}
	.step-text span{ font-size:18px;}
	.content-section{ padding:30px 0; background:#fff;}
	.client-image a{ width:48px; height:48px;}
	.client-info{ padding-left:0;}
	.client-info h4{ font-size:15px; position:relative; top:-2px;}
	.client-image{ width:58px; height:38px;}
	.client{ margin-top:25px;}
	.feedback-message blockquote .message{ font-size:14px; font-weight:400;}
	.learn-more{ margin-top:0px;}
	.faq-section .card-body{ padding:15px; font-size:13px;}
	.faq-section .card-header .btn-link{ font-size:13px; padding-top:12px; padding-bottom:12px;}
	.container{ max-width:100%;}
	.faq-section .card-header .btn-link::before{ height:46px; top:0; bottom:0; margin:auto;}
	.navbar .container{ padding:0 15px;}
	.footer-top{ padding:50px 0;}
	ul.btm-menu li a{ font-size:12px;}
	.icon-inner{ width:68px; height:68px;}
	.icon-inner ion-icon{ font-size:36px; --ionicon-stroke-width:20px;}
	.feature-section .owl-carousel .owl-dot{ width:10px;}
	.feature-section .title-div{ margin-bottom:30px !important;}
	.why-choose-section{ padding-top:90px;}
	.conntent-wrap{ padding-top:20px;}
	.feature-section{ padding-top:0;}
	.coupone-banner{ padding:20px 0;}
	.content-wrap p, ul.bulletic li{ color:#4f4f4f;}
	.navbar-brand{ max-width:140px !important;}
	.banner-wrap{ margin-top:0 !important;}
	.selectdiv select, .form-control, .submit-btn{ font-size:13px; height:50px;}
	.calculate-form label{ margin-bottom:10px;}
	.selectdiv select, .form-control{ border:solid 1px #e2e2e2; padding-left:15px;}
	.selectdiv::after{ font-size:19px; top:15px; right:15px;}
}

@media (max-width: 360px) {	
	.basic-btn{ font-size:13px !important;}
}

@media (max-width: 320px) {
}

.bg-nw{ background:#f0f4f7 url(../images/weave-2.jpg) no-repeat center top; background-size:100%; }
.why-choose-section .title-div h1{ font-size:36px;}
.graphics{ display:inline-block; max-width:532px; margin-top:40px;}
.graphics img{ width:100%;}
#topcontrol{ right:auto !important; left:25px !important; z-index:999999 !important;}