co/*@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

@font-face {font-family: "AvantGarGotItcTEEDem";
    src: url("../fonts/webfont/AvantGarGotItcTEEDem.eot");
    src: url("../fonts/webfont/AvantGarGotItcTEEDem.eot?#iefix") format("embedded-opentype"),
    url("../fonts/webfont/AvantGarGotItcTEEDem.woff2") format("woff2"),
    url("../fonts/webfont/AvantGarGotItcTEEDem.woff") format("woff"),
    url("../fonts/webfont/AvantGarGotItcTEEDem.ttf") format("truetype"),
    url("../fonts/webfont/AvantGarGotItcTEEDem.svg#AvantGarGotItcTEEDem") format("svg");
}

@font-face {font-family: "AvantGarGotItcTEE";
    src: url("../fonts/webfont/AvantGarGotItcTEE.eot");
    src: url("../fonts/webfont/AvantGarGotItcTEE.eot?#iefix") format("embedded-opentype"),
    url("../fonts/webfont/AvantGarGotItcTEE.woff2") format("woff2"),
    url("../fonts/webfont/AvantGarGotItcTEE.woff") format("woff"),
    url("../fonts/webfont/AvantGarGotItcTEE.ttf") format("truetype"),
    url("../fonts/webfont/AvantGarGotItcTEE.svg#AvantGarGotItcTEE") format("svg");
}*/



body { font-size: 16px; font-family: 'Lato', sans-serif; color: #333333; line-height: 1.42; }

/*============= COMMAN CSS ==============*/
p{line-height: 1.42;}
h1,h2,h3,h4,h5,h6 { line-height: normal; font-family: "Times-new-Roman", sans-serif; font-weight: normal; color: #4d4d4d; font-weight: normal;}
a, a:hover, a:active, a:focus{ cursor: pointer; text-decoration: none; color: inherit; outline: none; transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s;  -moz-transition: all 0.4s;  -o-transition: all 0.4s;  }
ul { padding: 0; margin: 0; }
img{max-width: 100%; }
.btn{-webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear;}
.form-control{background: #ffffff; border-radius: 0; height: 43px; font-size: 16px; color: #333; font-weight: 400; box-shadow: 0 0 0 rgba(0,0,0,0); border-radius: 0; border: 1px solid #dedede;  }
.form-control:focus{box-shadow: none; border-color: #dedede;  }
select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; background:#fff url('../images/down-arrow.svg') no-repeat; background-position: calc(100% - 5px) 50%; }
select::-ms-expand {  display: none; }

.modal button.close{background: #97b3c1; width: 45px; height: 45px; color: #ffffff; opacity: 1; text-align: center; font-size: 30px; position: absolute; right: -20px; top: -20px; z-index: 99; font-weight: 400; outline: none;}
h2.pagetitle{ color: #4d4d4d; display: inline-block; width: 100%;  font-size: 30px; font-weight: 500; margin: 0 0 20px; padding: 0 0 15px; }
.mln-cta{ background: #97b3c1; border: 2px solid #97b3c1; padding: 10px 30px; color: #fff; display: inline-block; position: relative; border-radius: 40px; font-size: 16px; outline: none !important;}
.mln-cta:hover, .mln-cta:focus, .mln-cta:active{ color: #97b3c1; border-color: #97b3c1; background: transparent;outline: none !important; }
.error_msg{ color:red; }
.success_msg{ color:green; }

.nodatafound{ background: #ffffff; padding: 40px 0; border: 1px solid #e2e2e2; font-size: 26px; text-align: center; border-radius: 10px; margin:0 0 30px;}

.delete { border-radius: 100%; height: 30px; width: 30px; background: #ff0700; border: 0; padding:0; line-height: 30px; color: #fff; outline: none; }
.delete:focus, .delete:hover, .delete:active { outline: none; }

.file-upload { position: relative;  }
.file-upload .form-control{ padding-left: 110px; background: #fff; }
.file-upload .cust-file{  position: absolute; top: 0; bottom: 0; bottom: 0; line-height: 24px; width: 100px; overflow: hidden; border: 0; border-radius: 0 2px 2px 0;  background-color: #e6e6e6; color: black; padding: 10px 14px; }
.file-upload .cust-file input.upload{  cursor: pointer; opacity: 0; filter: alpha(opacity=0); top: 0; position: absolute; left: 0; height: 43px; width: 100px; }


/* --- radio and checkbox button --- */
.radiobtn{display: inline-block; vertical-align: top; padding: 0px 32px 0 0; line-height: normal; }
.radiobtn label{position: relative; cursor: pointer; padding: 0 0 0 28px !important; line-height: 1; margin: 0 !important; }
.radiobtn span{color: #000000; font-weight: 500;}
.radiobtn input{position: absolute; left: 0; top: 0; opacity: 0; }
.radiobtn span:before{border:1px solid #97b3c1; border-radius: 50%; width: 16px; height: 16px; position: absolute; left: 0; top: 0; content: ""; }
.radiobtn span:after{background: #97b3c1; position: absolute; left: 3px; top: 3px; content: ""; width: 10px; height: 10px; border-radius: 50%; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.radiobtn input:checked ~ span:after{-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.radiobtn input:checked ~ span{color: #97b3c1;}

.checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px;cursor: pointer; font-size: 15px; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox input {  position: absolute; opacity: 0; cursor: pointer; }
.checkbox .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px;  border: 1px solid #999; }
.checkbox input:checked ~ .checkmark { background-color: #fff; border-color: #97b3c1; }
.checkbox .checkmark:after { content: ""; position: absolute; display: none; }
.checkbox input:checked ~ .checkmark:after { display: block; }
.checkbox .checkmark:after { left: 6px; top: 3px; width: 6px; height: 10px; border: solid #97b3c1; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }



/* .bootstrap-datetimepicker-widget .picker-switch{padding: 4px 0;}
.bootstrap-datetimepicker-widget a.picker-dateicon{font-size: 0; height: 20px; width: 20px; display: block; margin: 0 auto; background:url("../images/datepicker-calendar.svg") no-repeat; background-size: 16px; }
.bootstrap-datetimepicker-widget li.collapse.show ~ li.picker-switch a.picker-dateicon{background:url("../images/datepicker-time.svg") no-repeat; background-size: 16px; }
.bootstrap-datetimepicker-widget .timepicker .btn-primary{color: #000; background-color: #5ce1e6; border-color: #5ce1e6;} */

/* ========= HEADER ========*/
header{ position: absolute; top: 0; left: 0; right: 0; z-index: 10; background: #fff; font-family: "Times-new-Roman", sans-serif; font-weight: normal;}
header .topbar{ background: #eef4f7; transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s ;}
header .topbar .lang-country { float: left; padding: 5px 0;     width: 34.33%; }
header .topbar .lang-country select{padding: 0 17px 0 0; background-color: transparent; border: 0; outline: none;  margin: 0; background-image: url('../images/lang-arrow.svg'); background-repeat: no-repeat; background-position: 100% 50%; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;}

header .topbar .account { width: 33.33%; float: right; }
header .topbar .account ul{ float: right; display: inline-block; padding: 5px 0 5px; transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s ;}
header .topbar .account ul li{ display: inline-block; position: relative; }
header .topbar .account ul li a{ position: relative;  display: inline-block; padding:0 10px;color: #97b3c1;}
header .topbar .account ul li a span{ position: absolute; left: 0; right: 0; top: 10px; display: block; text-align: center; font-size: 12px; color: #809dad; }

header .topbar .slogan { width: 32.33%; float: left; }
header .topbar .slogan h3{ color: #97b3c1; display: inline-block; margin:6px 0; font-size: 18px; }


header .navbar{ min-height: auto; margin-bottom: 0; }
header .navbar-brand{ height: auto; padding: 10px 15px;}
header .navbar-header a.navbar-brand{transition: width 0.25s; -moz-transition:width 0.25s; -ms-transition:width 0.25s; -o-transition:width 0.25s; -webkit-transition:width 0.25s;  width: 160px; }
header .navbar-default{ background:none; border-color:transparent; border:0; border-radius: 0; }
header .navbar-default .navbar-nav { margin:43px 0 0 0; transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s ;float: right;}
header .navbar-default .navbar-nav > li{ border-right: 1px solid #666666;  padding:0 12px; }
header .navbar-default .navbar-nav > li > a{ color: #666666; position: relative;  padding: 0;  transition: all 0.4s; -webkit-transition: all 0.4s; font-size: 17px;}
header .navbar-default .navbar-nav > li:hover > a, header .navbar-default .navbar-nav > li.active > a{ color: #666666; }
header .navbar-default .navbar-nav > li:last-child { border: 0; }
/* header .navbar-default .navbar-nav > li:last-child > a:after{ display: none; } */
/* header .navbar-default .navbar-nav > li > a:after { content: ""; position: absolute; top: 18px; width: 1px; right: -15px; margin: 0 auto; height: 18px; background: #666666; } */
header .navbar-default .navbar-nav > li.active > a:before { content: ""; position: absolute; bottom: -6px; right: 0; left: 0; margin: 0 auto; background: url('../images/menu-line.png') no-repeat; background-size: 100%; height: 1px; }

header .navbar-default .search { float: right; display: inline-block; padding: 39px 0 0; position: relative; }
header .navbar-default .search .dropdown-menu{ width: 250px;  right: 0; left: auto; padding: 10px 10px; }
header .navbar-default .search .dropdown-menu .form-control{ height: auto; font-size: 14px; }
header .navbar-default .search button{ background: none; border: 0; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: none; }

header.header .navbar-brand img{ max-height: 95px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
header.header .sticky-wrapper.is-sticky .navbar-brand img{max-height: 70px;}
header.header .sticky-wrapper.is-sticky .navbar-default{box-shadow: 0 0 15px rgba(0,0,0,0.25); background: #ffffff; }
header .sticky-wrapper.is-sticky .navbar-expand-lg .navbar-nav{padding-right: 0;}
header.header .sticky-wrapper.is-sticky .navbar-default .navbar-nav { margin: 34px 0 0 0; }
header.header .sticky-wrapper.is-sticky .search { padding: 25px 0 0; }


/*============= BANNER =============*/
section.banner{ margin-top: 150px;  }
section.banner .image{ position: relative; }
section.banner .image img{ width: 100%; height: calc(100vh - 150px); object-fit: cover; }
section.banner .image .title{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  left: 0; right: 0; text-align: center; color: #97b3c1; }
section.banner .image .title .content { float: right; font-size: 20px; }
section.banner .image .title .content h1{ font-size: 45px; line-height: 1.4; color: #97b3c1; }
section.banner .image .title .content h1 > span{ display: block;  }
section.banner .home-banner .slick-dots { position: absolute; bottom: 20px; text-align: center; left: 0; right: 0; }
section.banner .home-banner .slick-dots li{ display: inline-block; padding: 0 5px; position: relative;}
section.banner .home-banner .slick-dots li button{ outline: none; border: 2px solid #97b3c1; background: none; width: 18px; height: 18px; border-radius: 100%; text-indent: -100000px; position: relative; padding: 0;}
section.banner .home-banner .slick-dots li.slick-active button{ background: #97b3c1; }
/* section.banner .home-banner .slick-dots li.slick-active button:after{ content: ""; position: absolute; left: -3px; right: 0; border: 1px solid #97b3c1; width: 20px;height: 20px; border-radius: 100%; margin: 0 auto;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } */


/*============= MEET CONSULTANT =============*/
section.meet-consultant { padding: 40px 0; }
section.meet-consultant .main-meet{ border: 1px solid #e2e2e2; padding: 15px; box-shadow: 0px 2px 5px 0px #e2e2e2;}
section.meet-consultant .img{ width: 150px; height: 150px; border-radius: 100%; overflow:hidden; float: left;}
section.meet-consultant .img img{ width: 150px; height: 150px; object-fit: cover; }
section.meet-consultant .content{ overflow: hidden; padding-left: 15px; }
section.meet-consultant .content h3{ font-size: 22px; color: #666666; }
section.meet-consultant .content a.mln-cta{ padding: 2px 20px;  }
section.meet-consultant .content .mystory { color: #666666; }
section.meet-consultant .content .mystory span{ float: left; font-weight: 600;font-size: 14px;  text-transform: uppercase; }
section.meet-consultant .content .mystory ul{ display: inline-block; margin-left: 15px; position: relative;  }
section.meet-consultant .content .mystory ul:after{ content: ""; position: absolute; border-right: 2px solid #666; top: 2px; left: -7px; height: 17px; }
section.meet-consultant .content .mystory ul li{ padding: 0 2px;  }

/*============= MEET CONSULTANT =============*/
.product-box{ text-align: center;  transition: all 0.3s; }
.product-box h4{ font-size: 18px; color: #808080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-box .img-box{ overflow: hidden; position: relative; }
.product-box .img-box img{ height: 325px; width: 100%; object-fit: cover; border: 1px solid #e4e4e4; }
.product-box .img-box:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:rgba(128, 157, 171, 0.7); opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;  }
.product-box:hover .img-box:before{ opacity: 1; }
.product-box .img-box .price{ padding: 0 20px; position: absolute; bottom: -85px; left: 0; right: 0; color: #fff; display: inline-block; margin: 0 auto;  margin: 0 auto; opacity: 0;  transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; }
.product-box .img-box .price span{display: block; font-size: 30px; }
.product-box .img-box .price .addtocart{ background: none; border-radius: 0; border: 1px solid #fff; width: 100%; padding: 10px 0; font-size: 18px;  }
.product-box .img-box .price .addtocart:hover{ color: #fff; }
.product-box:hover .img-box .price{ opacity: 1; bottom: 8px; }
section.best-sellers { padding: 40px 0; }



section.best-sellers .start-shoping{ text-align: center;  margin: 30px 0 -40px; }
section.best-sellers .start-shoping .mln-cta{ padding: 10px 50px; text-transform: uppercase; }


/*============= Advantagement =============*/
section.advantagement{ display: inline-block; width: 100%; box-shadow: 0px 3px 0px 4px #eef4f7; -webkit-box-shadow: 0px 3px 0px 4px #eef4f7; }
section.advantagement .add-box{ float: left; width: 50%; position: relative; }
section.advantagement .add-box img{ width: 100%; }
section.advantagement .add-box .content{ background: rgba(255,255,255,0.8); padding: 15px 30px; position: absolute;  width: 100%; bottom: 50px; }
section.advantagement .add-box .content .title{ float: left; padding-right: 20px; color: #666; font-size: 18px; }
section.advantagement .add-box .content .title h4{ font-size: 22px; margin: 0; }
section.advantagement .add-box .content .title p{ margin: 0; }
section.advantagement .add-box .content .mln-cta{ float: right; margin:2px 0 0;}

/*============= features =============*/
section.features { padding: 40px 0; display: block; clear: both; }
section.features ul.feature-list{ display: inline-block; width: 100%; list-style-type: none;}
section.features ul.feature-list li { float: left; width: 20%; padding: 0 10px; }


section.features .fea-box{ text-align: center; }
section.features .fea-box p{ font-size: 14px; }
section.features .fea-box span{ border: 1px solid #666; height: 65px; width: 65px; display: inline-block; border-radius: 100%; line-height: 62px; font-size: 30px;}
section.features .fea-box span img{ width: 40px; }
section.features .fea-box h4{ color: #808080; font-size: 22px; margin:20px 0;}

/*============= Recent Blog =============*/
section.recent-blog { padding: 0 0 30px; }
section.recent-blog .blog-box .img { overflow: hidden; }
/*section.recent-blog .blog-box .img img{ min-height: 370px;  object-fit: cover; }*/
section.recent-blog .blog-box .img img{ min-height: 370px;max-height: 370px;  object-fit: cover; }
section.recent-blog .details{ padding: 10px 0 30px; word-break: break-word; }
section.recent-blog .details .readmore{ color: #666; text-decoration: underline;  font-weight: 500; }
section.recent-blog .details h3{ position: relative; font-size: 20px; line-height: 1.4; margin:3px 0 25px; color: #666;word-break: break-word; }
section.recent-blog .details h3:after{ content: ""; position: absolute; bottom: -8px; left: 0; width: 30px; height: 2px; background: #666; }

/*=========== FOOTER ===========*/
footer { padding: 20px 0 0; background: #eef4f7; color:#333; font-family: 'Lato', sans-serif; font-weight: 400;}
footer h3.footer-title{ font-size: 22px; margin: 20px 0 30px; color: #666666; }
footer .footer-link .logo{ margin: 0 0 15px; width: 200px;}
footer .footer-link ul.address-info{ list-style-type: none; }
footer .footer-link ul.address-info li{ padding: 0 0 20px; }
footer .footer-link ul.address-info li svg{ float: left; width: 20px; height: 20px; }
footer .footer-link ul.address-info li span{display: block; vertical-align: top; overflow: hidden; padding: 0 0 0 15px; }
footer .footer-link ul.social { margin:8px 0 0; display: inline-block; width: 100%; }
footer .footer-link ul.social li{float: left; list-style-type: none; }
footer .footer-link ul.social li a{text-align: center; color: #999999; display: block; margin-right: 20px; font-size: 20px; }
footer .footer-link ul.social li a:hover{ color: #97b3c1; }
footer .footer-link ul.link { list-style-type: none; }
footer .footer-link ul.link li{ margin: 0 0 13px; }
footer .footer-link ul li a:hover{ color: #97b3c1; }
footer .footer-link .newslatter { position: relative; }
footer .footer-link .newslatter input[type="text"]{ border-radius:14px; padding: 10px 100px 10px 10px;}
footer .footer-link .newslatter button{ border-radius:14px; position: absolute; top: 0; right: 0; height: 43px; background: #97b3c1; color: #fff; }
footer .footer-link ul.pay-mathod { padding: 0px 0 0; text-align: left;}
footer .footer-link ul.pay-mathod li{ display: inline-block; margin: 0 5px; }
footer .copyright { padding: 16px 0; text-align: center; margin: 20px 0 0; font-size: 16px; border-top: 2px solid #fff; }
footer .copyright p{ margin:0; } 


/*========== GOTO TOP ARROW ===============*/
#mln-top {position: fixed;right: 30px;bottom: 30px; border-radius: 3px;width: 40px;height: 40px; }
#mln-top a { width: 40px; height: 40px; float: left; position: relative; background:#fff; border: 2px solid #97b3c1; border-radius: 100%;}
#mln-top a:before {content: ''; position: absolute; left: 50%; top: 50%; border: solid 8px rgba(0, 0, 0, 0); border-bottom: solid 8px #97b3c1; border-top: 0px; margin-left: -8px; margin-top: -5px; }
#mln-top a:after {content: ''; position: absolute; left: 50%; top: 50%; border: solid 8px rgba(0, 0, 0, 0); border-bottom: solid 8px #ffffff; border-top: 0px; margin-left: -8px; margin-top: -3px; }


/*=========== INNER PAGES =============*/

/*-------- INNER BANNER ------*/
section.inner-banner {margin-top: 150px; overflow: hidden; }
section.inner-banner .main-banner{ width: 100%; position: relative;  color: #fff; }
section.inner-banner .main-banner img{ width: 100%; position: relative;  color: #fff; }
/*section.inner-banner .main-banner:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }*/
section.inner-banner .main-banner .title{ line-height: normal; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);  text-align: center; z-index: 1; }
/*section.inner-banner .main-banner .title h1{ margin: 0 0 20px; font-size: 45px; text-transform: uppercase; color: #fff;}*/
section.inner-banner .main-banner .title h1{margin: 0 0 20px;font-size: 45px;text-transform: uppercase;color: #fff;background: rgba(192, 206, 218, 0.72);display: inline-block;padding: 20px 70px;}

section.inner-bannertwo { margin-top: 150px; overflow: hidden; }
section.inner-bannertwo .main-banner{ width: 100%; position: relative;  color: #fff; }
section.inner-bannertwo .main-banner .title{ line-height: normal; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
section.inner-bannertwo .main-banner .title h4{ color: #877275; font-size: 17px; text-transform: uppercase; }
section.inner-bannertwo .main-banner .title h2{ line-height: 1.42;}
section.inner-bannertwo .main-banner .title .shopnow{ border: 2px solid #fff; border-radius: 30px; padding: 10px 45px; font-size: 18px;  display: inline-block; margin: 20px 0 0; }
section.inner-bannertwo .main-banner .title .shopnow:hover{ background: #97b3c1; border-color: #97b3c1; }

section.cust-breadcrum { margin-top: 150px; overflow: hidden; border-top: 1px solid #000; }
section.cust-breadcrum .breadcrumb{ background: none; padding: 20px 0; margin:0; }

/*------- About Page --------*/
section.about-page { padding: 40px 0; }
section.about-page h2.pagetitle{ margin: 50px 0 30px; text-align: center;}

/*-------- sheet-size ----------*/
section.sheet-size { padding: 40px 0 20px;  }
section.sheet-size .table th { font-size: 15px; padding: 8px 15px; background: #ddd; border-bottom-width: 1px; border-color: #c0bfbf; font-weight: 500; }
section.sheet-size .table p { margin: 0;  }

/*-------- Compensation Plan --------*/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*------------- CONTACT US PAGE ------------*/
section.contactus-page { padding: 40px 0 0; }
section.contactus-page .contact-detail h2 {padding-bottom: 0;margin-bottom: 0;}
section.contactus-page .contact-list {float: left;margin: 50px 0;}
section.contactus-page .contact-list .list-bx-left {float: left;}
section.contactus-page .contact-list .list-bx-left span {height: 60px;display: inline-block;width: 60px;line-height: 56px;text-align: center;font-size: 24px;border: 2px solid #e9e9e9;border-radius: 50%;color: #97b3c1;transition: 0.3s ease-in}
section.contactus-page .contact-list ul li:hover .list-bx-left span {background-color: #97b3c1;color: #fff;}
section.contactus-page .contact-list .list-bx-right {padding-left: 30px; overflow: hidden; }
section.contactus-page .contact-list .list-bx-right h4 {font-size: 18px;font-weight: 500;color: #242424;margin-bottom: 5px;margin-top: 0;}
section.contactus-page .contact-list .list-bx-right p {color: #767676;font-size: 17px;margin-bottom: 0;}
section.contactus-page .contact-list li {display: table;margin-bottom: 35px;}
section.contactus-page .more-btn { margin: 20px 0 0; }
section.map-section { padding: 20px 0 0; }
section.map-section iframe{ display: block; }

/** ---------  LOGIN & REGISTER -------- **/
section.login-page{   width: 100%; margin-top: 155px; padding: 3% 0;  border-top: 1px solid #e2e2e2; }
section.login-page .login-form{ display: table; box-shadow: 0px 0px 2px 2px #e2e2e2; width: 75%;  margin: 0 auto; }
section.login-page .left-login{ display: table-cell; vertical-align: middle; position: relative; width: 50%; padding: 20px;background: url('../images/login-right.jpg') no-repeat center bottom; background-size: cover; }
section.login-page .left-login:before{ content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(151, 179, 193, 0.8); }
section.login-page .right-login{ display: table-cell; vertical-align: middle; width: 50%; padding: 20px;  background: #fff; }

section.login-page .login-form .content{ color: #fff; position: relative; padding: 0 60px; }
section.login-page .login-form .content h1{ color: #fff;  }
section.login-page .login-form .form-group .loginbtn{ display: inline-block; width: 50%; margin:  0 -2px; }
section.login-page .login-form .form-group .right-text{ display: inline-block; width: 50%; margin:  0 -2px; text-align: right;}

section.login-page .cust-tab {  padding: 20px;display: inline-block; width: 100%; background: rgba(255, 255, 255, 0.8); }
section.login-page .cust-tab .menu-tab { text-align: center; }
section.login-page .cust-tab .menu-tab li { list-style-type: none;  display: inline-block; text-align: center; padding: 0 20px;}
section.login-page .cust-tab .menu-tab li a{ display: inline-block; padding:10px 0px; margin: 0 0 30px; text-align: center; color: #666; font-size: 20px; }
section.login-page .cust-tab .menu-tab li.active a{ border-bottom: 2px solid #97b3c1; color:#666;  }
section.login-page select { width: 100%; height: 50px; padding: 10px; border:1px solid #d9d9d9; border-radius:0; box-shadow: none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; background:#fff url(../images/select-arrow.png) no-repeat; background-position:95% center; }


/*------------------- DASHBOARD ------------------*/
section.dashboard-page { padding: 60px 0; }
section.dashboard-page .dashboard-box { width: 100%; float: left; }
section.dashboard-page .left { width: 22%; float: left;}
section.dashboard-page .right { width: 73%; float: left; }
section.dashboard-page .right .myprofileRight{ padding: 0 0 0 30px;  }
section.dashboard-page .right .tab-content{  padding: 0 0 0 30px;  }
section.dashboard-page .profile-pic {width: 100%; float: left; position: relative; background: #97b3c1; height: 70px; margin: 85px 0 0; }
section.dashboard-page .profile-pic img{ border: 2px solid #97b3c1; width: 150px; margin: 0 auto;  position: absolute; bottom: 0px; left: 0; right: 0; }
section.dashboard-page .user-name { width: 100%; position: absolute; bottom:5px; left:10px; color: #fff; font-size:20px; text-transform: capitalize; z-index: 99;}
section.dashboard-page .change-profile-pic { width:40px; height:40px; background:#0f496e; position: absolute; top: 10px; right: 10px; content: ''; border-radius: 100%; }
section.dashboard-page .attached { float: left; position: relative;}
section.dashboard-page .profile-pic input[type="file"] {width: 40px; height:40px; left: 0px; top: 0px; opacity: 0; overflow: hidden; position: absolute; z-index: 1; padding-left: 40px; margin-right: -40px; cursor: pointer; }
section.dashboard-page .profile-pic input[type="file"] + label { width:40px; height:40px;  cursor: pointer; border-radius: 50%; text-align: center; }
section.dashboard-page .left ul { width: 100%; float: left; padding: 0; margin: 0; background:#f6f6f6;  }
section.dashboard-page .left ul li { width: 100%; float: left; position: relative; }
section.dashboard-page .nav-tabs li a, section.dashboard-page .nav-tabs li.active a { border:none; border-bottom: 1px solid #e7e7e7; border-radius: 0; margin:0; text-transform: capitalize; padding: 15px 10px 15px 20px; background:none; }
section.dashboard-page .nav-tabs li a { display: block; position: relative; }
section.dashboard-page .nav-tabs li a:hover, section.dashboard-page .nav-tabs li.active a:hover { background:#97b3c1; border:none; border-bottom: 1px solid #e7e7e7; color: #fff; }
section.dashboard-page .nav-tabs li span { position: absolute; width: 20px; height: 20px; background:#0f496e; color: #fff ; border-radius:100%; right: 10px; content: ''; text-align: center; font-size: 13px; }
section.dashboard-page .nav-tabs li a:hover span { color: #fff; }
section.dashboard-page .nav-tabs li svg{ margin-right: 15px; }
section.dashboard-page .nav-tabs li.active a{ background: #97b3c1; color: #fff;}
section.dashboard-page h2 { margin: 0 0 32px 0; text-align: left; line-height: 1; border-bottom: 1px solid #ddd; padding: 0 0 29px 0; position: relative; color: #808080; font-weight: 400;}
section.dashboard-page h2:after { content: ""; background: #97b3c1; position: absolute; left: 20px; bottom: -2px; height: 3px; width: 60px; }
section.dashboard-page label { font-size: 18px; color: #aeaeae; text-transform: capitalize; padding: 5px 0 0px 0; font-weight: normal;}
section.dashboard-page select { width: 100%; padding: 10px; border:1px solid #d9d9d9; border-radius:0; box-shadow: none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; background:#fff url(../images/select-arrow.png) no-repeat; background-position:95% center; }
section.dashboard-page input[type="text"] { width: 100%; padding: 10px; border:1px solid #d9d9d9; border-radius:0; box-shadow: none;  }
section.dashboard-page .my-history-list { width: 100%; float: left; padding:20px 0 20px 10px;}
section.dashboard-page .request-list h2{ margin:0 0 20px 0; }
section.dashboard-page .my-order .table th{font-size: 16px; padding: 8px 5px; background: #ddd; border-bottom-width: 1px; border-color: #c0bfbf; font-weight: 500; }
section.dashboard-page .my-order .table td{font-size: 15px; padding: 8px 5px; }/*8px 15px*/
section.dashboard-page .my-order .table td span.paid{ color: green; }
section.dashboard-page .my-order .table td .img { width: 50px; height: 50px; overflow: hidden; }



/*---------  faq ------------*/
section.cms-page { padding: 40px 0; color: #808080;}
section.cms-page  ul{ padding: 0 0 0 25px; }
section.cms-page .faq-accordian .faq-title h2{font-size: 38px;color: #333;font-weight: 500;margin: 0 0 8px;text-transform: uppercase;}
section.cms-page .faq-accordian .faq-title p {color: #858585;font-size: 16px;margin-bottom: 30px;}
section.cms-page .faq-accordian .panel-group .panel {border-radius: 0;box-shadow: none;border: none;margin-bottom: 13px;}
section.cms-page .faq-accordian .panel-default > .panel-heading {padding: 0;border-radius: 0;color: #212121;background-color: #FAFAFA;border-color: #EEEEEE;}
section.cms-page .faq-accordian .panel-title > a {display: block;padding: 15px;text-decoration: none;background-color: #ececec;font-size: 16px;color: #424242;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;border-radius: 4px;}
section.cms-page .faq-accordian .more-less {float: right;color: #212121;}
section.cms-page .faq-accordian .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE;font-size: 15px;line-height: 25px;border: 1px solid #f6f4ff;}
section.cms-page .faq-accordian .panel-group{margin-bottom: 0;}
section.cms-page .faq-accordian .panel-group .panel:hover .panel-title > a {background-color: #97b3c1;color: #fff;}
section.cms-page .faq-accordian .panel-group .panel:last-child {margin-bottom: 0;}
section.cms-page .faq-accordian .panel-group .panel:hover .panel-title > a i.more-less.glyphicon.glyphicon-minus {color: #fff;}


/*--------------- Sidebar ----------------*/
section.product-list .sidebar{ }
section.product-list .sidebar .slider-labels {  margin-top: 10px; }
section.product-list .sidebar .noUi-target, 
section.product-list .sidebar .noUi-target * { -webkit-touch-callout: none;  -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }
section.product-list .sidebar .noUi-target { position: relative; direction: ltr; }
section.product-list .sidebar .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; }
section.product-list .sidebar .noUi-origin { position: absolute; right: 0;  top: 0;  left: 0;  bottom: 0;}
section.product-list .sidebar .noUi-handle { position: relative; z-index: 1;}
section.product-list .sidebar .noUi-stacking .noUi-handle { z-index: 10;}
section.product-list .sidebar .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s,top .3s;  transition: left 0.3s,top .3s; }
section.product-list .sidebar .noUi-state-drag * { cursor: inherit !important; }
section.product-list .sidebar .noUi-base,.noUi-handle { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
section.product-list .sidebar .noUi-horizontal { height: 4px; }
section.product-list .sidebar .noUi-horizontal .noUi-handle { width: 18px !important; height: 18px; border-radius: 50%; left: -7px; top: -7px; background-color: #97b3c1; }
section.product-list .sidebar .noUi-background { background: #D6D7D9; }
section.product-list .sidebar .noUi-connect { background: #97b3c1; -webkit-transition: background 450ms; transition: background 450ms; }
section.product-list .sidebar .noUi-origin { border-radius: 2px; }
section.product-list .sidebar .noUi-target { border-radius: 2px; margin: 30px 0 20px; }
section.product-list .sidebar .noUi-draggable { cursor: w-resize; }
section.product-list .sidebar .noUi-vertical .noUi-draggable { cursor: n-resize; }
section.product-list .sidebar .noUi-handle { cursor: pointer; -webkit-box-sizing: content-box !important;  -moz-box-sizing: content-box !important; box-sizing: content-box !important; }
section.product-list .sidebar .noUi-handle:active { border: 8px solid #97b3c1;border: 8px solid rgba(65, 162, 196, 0.2); -webkit-background-clip: padding-box; background-clip: padding-box; left: -14px; top: -14px; }
section.product-list .sidebar .side-list .caption h4{ text-align: right; font-size: 14px;} 

[disabled].noUi-connect,[disabled] .noUi-connect { background: #B8B8B8; }
[disabled].noUi-origin,[disabled] .noUi-handle { cursor: not-allowed; }

section.product-list .sidebar .sidebox{ border: 1px solid #e2e2e2; list-style-type: none; }
section.product-list .sidebar .sidebox .title a{ position: relative; font-size: 18px; color: #000;  padding: 10px 15px; border-bottom: 1px solid #e2e2e2; display: block; background: url('../images/down-arrow.svg') no-repeat; background-position: 97% 50%;}
section.product-list .sidebar .sidebox .title a:after{ content: ""; position: absolute; background: #97b3c1; bottom: -1px; width: 30px; height: 2px; left: 15px; }
section.product-list .sidebar .sidebox .side-list{ padding: 10px 15px; border-bottom: 1px solid #e2e2e2;}
section.product-list .sidebar .sidebox .side-list .checkbox { padding: 0 20px 0 15px; margin: 17px 0; position: relative; color: #666666; }
section.product-list .sidebar .sidebox .side-list .checkbox:before { content: "-"; position: absolute; left: 0; }
section.product-list .sidebar .sidebox .side-list .checkbox .checkmark{ left: auto; right: 0; border-radius: 30px; }
section.product-list .sidebar .sidebox .side-list .checkbox input{ right: 0; margin: 0; width: 20px; height: 20px; }

section.product-list .search-box{ padding: 0px 10% 40px; }
section.product-list .search-box input.form-control{ height: 46px; border-radius: 30px 0 0 30px; padding-left: 20px;}
section.product-list .search-box input.form-control:focus{ border-color: #97b3c1; }

/*-------------- Product Listing -----------*/
.pagination li a{ border: 0; color: #220a00; width: 30px;  height: 30px; padding: 0; line-height: 30px; text-align: center;cursor: pointer; }
.pagination li.active a{ background: #97b3c1; color: #fff; }
.pagination li a:hover{ background: none; }
section.product-list { padding: 40px 0; }
section.product-list .product-box{ margin: 0 0 30px;  }
section.product-list .filter{ border: 1px solid #e2e2e2; padding: 10px; margin:0 0 30px;}
section.product-list .filter h5{ margin: 7px 0 0; font-size: 16px;  color: #666;  }
section.product-list .filter .sorting { padding: 5px 0 0; }
section.product-list .filter .sorting select{ border: 0; outline: none; width: 180px; }
section.product-list .filter .pagination{ margin: 0; float: right; }
section.product-list .bottom-pagination{ float: right; }


/*------------ Product Details page -----------*/
.quantity-count{width: 130px; text-align: center; display: inline-block;}
.quantity-count .frm-minus, .quantity-count .frm-plus{float: left; width: 27px;}
.quantity-count .qty-input{float: left; width: 70px;}
.quantity-count input.form-control{height: 43px; text-align: center; background: none;}
.quantity-count a.quantity-btn{display: block; color: #000; height: 43px; text-align: center; font-size: 23px; border: 1px solid #e2e2e2; background: #fff; line-height: 43px;}

section.product-details { padding: 0 0 50px; } 
section.product-details .pro-slider .product-slide{ margin: 0 0 5px; } 
section.product-details .pro-slider .product-slide .img { background: #ffffff; max-height: 500px; overflow:hidden;}
section.product-details .pro-slider .product-slide .img img{ height: 400px; object-fit: cover; margin: 0 auto; } 
section.product-details .pro-slider .product-nav { padding: 0 25px; }
section.product-details .pro-slider .product-nav .slide { outline: none; }
section.product-details .pro-slider .product-nav .img img{  border: 2px solid transparent; height: 110px; object-fit: cover; -webkit-object-fit: cover; width: 100%; }
section.product-details .pro-slider .product-nav .slick-current .img img{ border-color: #97b3c1; } 
section.product-details .pro-slider .product-nav .img{ padding: 4px; } 
section.product-details .pro-slider .product-nav .slick-arrow{ position: absolute; z-index: 9; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: none;  border:0; text-indent: -10000px; width: 26px; height: 26px; outline: none;}
section.product-details .pro-slider .product-nav .slick-arrow.slick-prev { background: url("../images/product-left.svg") no-repeat; }
section.product-details .pro-slider .product-nav .slick-arrow.slick-next { background: url("../images/product-right.svg") no-repeat; left: initial; }

section.product-details .pro-detail h3{ margin: 0 0 10px;  } 
section.product-details .pro-detail .price { font-size: 30px; color: #97b3c1; margin:10px 0;} 
section.product-details .pro-detail .price span{ position: relative; color: #999; font-size: 18px; margin-right: 10px;} 
section.product-details .pro-detail .price span:after{ content: " "; display: block;  width: 100%; border-top: 1px solid #999;  height: 12px;  position: absolute; bottom: 0; left: 0; transform: rotate(-7deg);} 
section.product-details .pro-detail .attribute{ border-top: 1px solid #c3c3c3; padding: 20px 0; margin: 20px 0 0; }
section.product-details .pro-detail .cust-row { display: inline-block; width: 100%; margin: 0 0 20px;  }
section.product-details .pro-detail .cust-row .cust-cell-left{ width: 20%; display: inline-block; vertical-align: middle; font-weight: 600; }
section.product-details .pro-detail .cust-row .cust-cell-right{ width: 80%; display: inline-block; overflow: hidden; vertical-align: middle; margin: 0 -2px; }
section.product-details .pro-detail .cust-row .cust-cell-right .addtocart{ display: inline-block; vertical-align: top; }
section.product-details .pro-detail .cust-row .cust-cell-right ul.social{  }
section.product-details .pro-detail .cust-row .cust-cell-right ul.social li{ display: inline-block;  padding: 0 5px 0 0; }
section.product-details .pro-detail .cust-row .cust-cell-right ul.social li a{ border-radius: 100%; border: 2px solid #e2e2e2; color: #000; display: inline-block; text-align: center;  position: relative;  width: 38px; height: 38px; line-height: 34px; }
section.product-details .pro-detail .cust-row .cust-cell-right ul.social li a:hover{ background: #97b3c1; border-color: #97b3c1; color: #fff;}

section.product-details .discription { padding: 40px 0; }
section.product-details .discription .tab-head{ display: inline-block; width: 100%; border-bottom: 1px solid #666; }
section.product-details .discription .tab-head li{ display: inline-block;  position: relative; }
section.product-details .discription .tab-head li a{  padding: 10px 20px; display: inline-block; font-size: 18px; color: #000}
section.product-details .discription .tab-head li.active a { color: #97b3c1; font-weight: 600; }
section.product-details .discription .tab-head li.active a:after{content: ""; position: absolute; left: 0; right: 0; bottom: -1px; border-bottom: 3px solid #97b3c1; }

section.product-details .discription .tab-content{ padding: 20px 0; border-bottom: 1px solid #a2a2a2; }
section.product-details .discription .tab-content h2.pagetitle{ margin: 0; } 
section.product-details .discription .tab-content .review form.comment{ border-top: 1px solid #97b3c1; margin:20px 0; padding: 20px 30% 0 0;}
section.product-details .discription .tab-content .review .comment-box {margin: 0;padding: 15px 0;border-bottom: 1px solid #eeeeee;}
section.product-details .discription .tab-content .review .media-left { float: left; width: 80px; height: 80px; overflow: hidden; border: 1px solid #e2e2e2; }
section.product-details .discription .tab-content .review .media-left img{ height: 80px; width: 80px; object-fit: cover;  }
section.product-details .discription .tab-content .review .media-body { overflow: hidden; padding-left: 20px; }
section.product-details .discription .tab-content .review .media-body span.date {color: #999;font-size: 14px;}
section.product-details .discription .tab-content .review .media-body p{margin-bottom: 0;}

/*====== CART PAGE =======*/
.order-summery { border: 1px solid #e2e2e2; margin: 0 0 20px; }
.order-summery h3{ font-size: 18px; font-weight: 500; color: #666; margin: 0; padding: 15px; border-bottom: 1px solid #e2e2e2; }
.order-summery ul{ padding:15px; margin: 0;}
.order-summery ul li{ padding: 10px 0;  }
.order-summery ul li span{ float: right;}
.order-summery ul li.total { font-weight: 500; border-top: 1px solid #e2e2e2; }
.order-summery .process-btn{ padding: 15px; }
.order-summery .process-btn button{ width: 100%; padding: 10px 20px !important;outline: none;}

section.cart-page { padding: 0px 0 40px; }
section.cart-page .table th { font-size: 16px; padding: 8px 15px; background: #ddd; border-bottom-width: 1px; border-color: #c0bfbf; font-weight: 500; }
section.cart-page .table td{ vertical-align: middle; }
section.cart-page .table td .proimg{ width: 90px; height: 90px; overflow: hidden; float: left; }
section.cart-page .table td .proname{float: left; width: 73%; padding-left: 20px; }
section.cart-page .table td .proname h4{margin-top: 0; }

/*======= CheckOut Page =========*/
#newcard label{ font-weight: 500; }
section.checkout-details .radiobtn{ padding: 0; }
section.checkout-details .mln-cta{ padding: 5px 20px; }
section.checkout-details label { font-weight: 500; }
section.checkout-details .dl-small dt{ margin: 0 0 5px; }

section.checkout-details .cust-panelheader{ background: #eef4f7; padding: 7px 15px; color: #525252; font-weight: 600; font-size: 16px; margin:0 0 10px;}
section.checkout-details .sender-address{ margin: 0 0 15px; display: inline-block; width: 100%; }
section.checkout-details .payment-method{ margin: 20px 0; }
section.checkout-details .payment-method .radiobtn{ width: 100%; margin: 0 0 20px; }
section.checkout-details .select-address{ border: 1px solid #9a9a9a; margin: 0 0 15px; background: #eef4f7; max-height: 200px; overflow: auto; }
section.checkout-details .select-address .radiobtn{ padding: 10px; border-bottom: 1px solid #9a9a9a; width: 100%;  }
section.checkout-details .select-address .radiobtn:last-child{ border: 0; }
section.checkout-details .shipment-method ul li { font-weight: 600; color: #777; }
section.checkout-details .shipment-method ul li span{ font-weight: 600; padding-left: 40px; display: block; margin: 7px 0; color: #000; font-size: 14px; }

/*====== Fundraisers ======*/
section.fundraisers { padding: 40px 0; }
section.fundraisers .fundraisers-table { padding: 30px 10%;  }
section.fundraisers .fund-button{ text-align: center; margin: 20px 0 0; }
/*section.fundraisers .request-form  { text-align: center; }*/
section.fundraisers .request-form .thankyou { font-size: 20px; }
section.fundraisers .request-form .thankyou p { font-size: 30px; font-weight: bold;color: #c4c524; }
/*section.fundraisers .request-form { background: #ffffff; margin: 0 8%; border: 1px solid #e2e2e2; padding: 30px; }*/
section.fundraisers .request-form h3{ margin: 0px 0 10px; }
section.fundraisers .request-form label{ display: block; font-weight: 500;}
section.fundraisers .sweet-party-img {padding: 10px;width: 60px;}
/*======== Become Fundriser Page CSS =======*/
section.become-fundriser-res { padding: 160px 0 0px; }
section.become-fundriser-res .org-logo img { object-fit: cover; padding-top: 10px; display: block; margin-left: auto; margin-right: auto; max-height: 150px; }

section.become-fundriser-res h1{ font-size: 40px; margin: 32px 0;}
section.become-fundriser-res h1 span{ display: block; font-size: 30px; font-family: "Times-new-Roman", sans-serif; }
section.become-fundriser-res .slogn{ border-top: 1px solid #97b3c1; text-align: center; margin: 10px 0 0;}
section.become-fundriser-res .slogn h4{ color: #8a8a8a;font-size: 19px; }
section.become-fundriser-banner { padding: 5px 0; }
section.become-fundriser-banner .fund-banner{ position: relative; }
section.become-fundriser-banner .fund-banner img { width: 100%; object-fit: contain; max-height: 500px; }
section.become-fundriser-banner .fund-banner .mln-cta{ position: absolute; bottom: 20px; right: 50px; text-transform: uppercase; font-size: 20px; background: #fff; color: #97b3c1;  border-color: #fff; font-weight: 600; padding: 5px 40px; }

section.how-you-help { padding: 30px 0 0; }
section.how-you-help .main-donete{ border: 1px solid #eef4f7; padding: 15px;}
section.how-you-help .cust-prograss { padding: 0 70px; }
section.how-you-help .cust-prograss .progress{ background: #e6e6e6; border-radius: 20px;    margin-bottom: 0; }
section.how-you-help .cust-prograss .progress-bar{ background-color: #97b3c1; border-radius: 20px;}
section.how-you-help .cust-prograss h2{ font-size: 45px; }
section.how-you-help .cust-prograss h2 span{  font-family: "Times-new-Roman", sans-serif; font-size: 30px; color: #8a8a8a; padding-left: 8px;}
section.how-you-help .cust-prograss h3{ font-family: "Times-new-Roman", sans-serif; text-align: right; font-size: 36px; margin:10px 0 0; }
section.how-you-help .cust-prograss h3 span{ color:#8a8a8a; padding-left: 8px; font-size: 24px; }
section.how-you-help .help-content{ display: inline-block; width: 100%; margin: -10px 0 0; }
section.how-you-help .help-content h3{ margin: 0 0 30px; }
section.how-you-help .help-content .img{ width: 150px; float: left; }
section.how-you-help .help-content .img span{ display: inline-block; border-radius: 100%; border: 2px solid #97b3c1; width: 150px; height: 150px; text-align: center; line-height: 150px;}
section.how-you-help .help-content .img span img{ width: 120px;  }
section.how-you-help .help-content .details{ overflow: hidden; padding-left: 30px; font-size: 19px; color: #999; margin: 70px 0 0;}
section.how-you-help .help-content .details .mln-cta{ float: right; padding: 7px 30px; }



/*===== Becomea Consultant =======*/
section.becomeaconsultant { padding: 40px 0; }
section.becomeaconsultant h3{ color: #97b3c1; }
section.becomeaconsultant .consult .img{ float: left; }
section.becomeaconsultant .consult .details{ overflow: hidden;  padding: 0 0 0 20px; font-size: 12px; }
section.becomeaconsultant .fund-button .mln-cta{ margin: 20px 0 0; width: 100%;}
section.becomeaconsultant .consultant-kit { padding: 20px; border: 1px solid #e2e2e2;  margin: 0 0 25px; display: inline-block; width: 100%;}
section.becomeaconsultant .consultant-kit .price{ display: inline-block; font-size: 24px; color: #97b3c1; font-weight: 600; margin:0 0 10px;}
section.becomeaconsultant .consultant-kit .form-group{ width: 150px; }
section.becomeaconsultant .consultant-kit .img{ float: left; width: 20%; }
section.becomeaconsultant .consultant-kit .details{ overflow: hidden;  padding-left: 20px;}
section.becomeaconsultant .pagination{ margin: 10px 0; }
section.becomeaconsultant .process-btn{ text-align: right; }
section.becomeaconsultant .form{ padding: 20px; border: 1px solid #999; }
section.becomeaconsultant .form .expand-data{ text-decoration: underline;  margin-bottom: 15px; }
section.becomeaconsultant .button-center{ text-align: center; margin-top: 20px; }

/*=========  GIFT CARD  =====*/
section.gift-card { padding: 40px 0; }
section.gift-card .gift-side { border: 1px solid #e2e2e2; }
section.gift-card .gift-side h4{ border-bottom: 1px solid #e2e2e2; padding: 10px 0 10px 15px; position: relative; margin: 0; }
section.gift-card .gift-side h4:after { content: ""; position: absolute; background: #97b3c1; bottom: -1px; width: 30px; height: 2px; left: 15px; }
section.gift-card .gift-side ul{ list-style-type: none; padding: 10px 0; }
section.gift-card .gift-side ul li{ padding: 8px 15px; }
section.gift-card .gift-side ul li a{ display: block; position: relative; padding: 0 0 0 15px;}
section.gift-card .gift-side ul li a:before { content: "-"; position: absolute; left: 0; }


/*=========  GIFT CARD DETAILS =====*/
section.gift-card-details { padding: 0 0 40px; }
section.gift-card-details .image { background: #ffffff;  max-height: 500px;  overflow: hidden; text-align: center;}
section.gift-card-details .image img{ margin: 0 auto; }
section.gift-card-details .gift-detail .price { font-size: 30px; color: #97b3c1; margin:10px 0;} 
section.gift-card-details .gift-detail .price span{ position: relative; color: #999; font-size: 18px; margin-right: 10px;} 
section.gift-card-details .gift-detail .price span:after{ content: " "; display: block;  width: 100%; border-top: 1px solid #999;  height: 12px;  position: absolute; bottom: 0; left: 0; transform: rotate(-7deg);} 
section.gift-card-details .gift-detail .attribute{ border-top: 1px solid #c3c3c3; padding: 20px 0; margin: 20px 0 0; }
section.gift-card-details .gift-detail .cust-row { display: inline-block; width: 100%; margin: 0 0 20px;  }
section.gift-card-details .gift-detail .cust-row .cust-cell-left{ width: 20%; display: inline-block; vertical-align: middle; font-weight: 600; }
section.gift-card-details .gift-detail .cust-row .cust-cell-right{ width: 80%; display: inline-block; overflow: hidden; vertical-align: middle; margin: 0 -2px; }


/*=========== blog listing and detail page start =================*/
section.blog-page { padding: 20px 0; }
section.blog-page .mln-right { float: right }
section.blog-page .sidebar {  }
section.blog-page .sidebar h3{ font-size: 18px; margin: 15px 0 10px;  }
section.blog-page .sidebar ul { margin: 20px 0; }
section.blog-page .sidebar ul li { margin-bottom: 15px; border-bottom: 1px solid #e2e2e2;}
section.blog-page .sidebar ul li a { display: inline-block; width: 100%; }
section.blog-page .sidebar ul li a .img{ width: 80px; float: left; }
section.blog-page .sidebar ul li a .img img{ height: 70px; object-fit: cover; border: 1px solid #e2e2e2; }
section.blog-page .sidebar ul li a .text{ overflow: hidden; padding-left:15px; font-size: 14px; }
section.blog-page .sidebar ul li a .text h4{ margin: 0 0 10px; font-size: 16px; }
section.blog-page .sidebar .subscribe-now { padding: 20px 0; }
section.blog-page .sidebar .subscribe-now p{ color: #999; font-size: 14px;}
section.blog-page .sidebar .subscribe-now .input-group{ margin: 20px 0;  }
section.blog-page .sidebar .subscribe-now .input-group .form-control:focus{ box-shadow: none; border-color: #97b3c1;   }
section.blog-page .sidebar .subscribe-now .input-group button{ height: 32px; background:#97b3c1;border: 1px solid #97b3c1; color: #fff; padding: 0 25px; border-radius: 0 30px 30px 0; outline: none; }
section.blog-page .sidebar .subscribe-now .input-group button:hover{ background: transparent;  color: #97b3c1; }

section.blog-page .list-details { padding: 20px 0; }
section.blog-page .list-details .list-details-inner-right{ word-break: break-all; }
section.blog-page .list-details h3{ margin: 0 0 10px; }
section.blog-page .list-details h3 a { word-break: break-word; }
section.blog-page .list-details h3 a:hover{ color: #97b3c1;  }
section.blog-page .list-details .mln-cta{  margin:20px 0; }
section.blog-page .list-details a i { margin: 0 0 0 10px; }
section.blog-page .list-details .mln-cta svg{ margin-left: 12px; }
section.blog-page .list-details .list-img{ position: relative; }
section.blog-page .list-details .list-img img{  height: 320px; width: 100%; object-fit: cover; -webkit-object-fit: cover; }
section.blog-page .list-details .list-img .icon{ transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; text-align: center; background: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; color: #97b3c1; opacity: 0; -webkit-transition: 0.6s all; -o-transition: 0.6s all;  -ms-transition: 0.6s all; transition: 0.6s all;}
section.blog-page .list-details .list-img a:before{ -webkit-transition: 0.6s all; -o-transition: 0.6s all;  -ms-transition: 0.6s all; transition: 0.6s all; content: ""; opacity: 0; height: 0; width: 0; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); background: rgba(151, 179, 193, 0.7); }
section.blog-page .list-details .list-img a:hover:before{ opacity: 1; width: 100%; height: 100%; }
section.blog-page .list-details .list-img a:hover .icon {opacity: 1; }
section.blog-page .list-details .list-img .date {  display: inline-block; position: absolute; top: 0; left: 0; color: #fff; text-align: center;}
section.blog-page .list-details .list-img .date h4 { background: #97b3c1; padding: 10px; margin: 0;  }
section.blog-page .list-details .list-img .date h4 span{ display: block; }
section.blog-page .list-details .list-img .date .comment{ background: #fff; padding: 10px; color:#666;}
section.blog-page .blog-details{ padding: 20px 0; }
section.blog-page .blog-details .content .date{ padding: 15px 0 10px; color: #777; font-weight: 600; }
section.blog-page .blog-details .content .date svg{ margin-right: 10px; }
section.blog-page .blog-details .content h2{ margin: 0 0 15px; padding: 0 0 10px; border-bottom: 1px solid #e2e2e2; font-weight: 400; }

section.blog-page .blog-details form.comment{ border-top: 1px solid #97b3c1; margin:0 0 20px; padding-right: 30%;}
section.blog-page .blog-details .comment-box {margin: 0;padding: 15px 0;border-bottom: 1px solid #eeeeee;}
section.blog-page .blog-details .media-left { float: left; width: 80px; height: 80px; overflow: hidden; border: 1px solid #e2e2e2; }
section.blog-page .blog-details .media-left img{ height: 80px; width: 80px; object-fit: cover;  }
section.blog-page .blog-details .media-body { overflow: hidden; padding-left: 20px; }
section.blog-page .blog-details .media-body span.date {color: #999;font-size: 14px;}
section.blog-page .blog-details .media-body p{margin-bottom: 0;}

/* place order summry */
section.place-order-summry { margin: 148px 0 0px; padding: 10px 0 30px; border-top: 1px solid #e2e2e2; }
section.place-order-summry .thank-msg{ text-align: center; }
section.place-order-summry .thank-msg h1{ color: #97b3c1; margin: 10px 0 10px; font-size: 30px; }
section.place-order-summry .order-details { border: 1px solid #e2e2e2; border-radius: 10px; padding: 20px;  max-width: 800px; margin: 0 auto 20px; }
section.place-order-summry .order-details h3{ font-size: 21px; }
section.place-order-summry .order-details table{ margin: 0; box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);}
section.place-order-summry .order-details .table-responsive{ box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);}
section.place-order-summry .order-details th { font-size: 16px; padding: 8px 15px; background: #ddd; border-bottom-width: 1px; border-color: #c0bfbf; border-top: 1px solid #c0bfbf !important; }
section.place-order-summry .order-details td { vertical-align: middle; }


/* assumption page */

section.assumption-page {font-family: 'Lato', sans-serif; background: url(../images/shap.png) no-repeat; height: 100vh; background-size: cover; }
section.assumption-page .img{ text-align: center; display: block; }
section.assumption-page .assumption-part{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); display: table; width: 100%; }
section.assumption-page .assumption-part .details { border: 2px solid #97b3c1; padding: 20px; border-radius: 50px 0 50px 0; position: relative; background: #fff;}
section.assumption-page .assumption-part .details:after{content: "";  position: absolute; top: 15px; right: -15px; left: 15px; bottom: -15px; border: 2px solid #97b3c1; border-radius: 50px 0 50px 0; z-index: -1; }
section.assumption-page .assumption-part .col-xs-12{ float: none; display: inline-block; margin: 0 -2px; vertical-align: middle; }
section.assumption-page .assumption-part .details h1{ margin: 0 0 10px; font-family: 'Lato', sans-serif; font-size: 30px; }
section.assumption-page .assumption-part .details h3{ margin: 0 0 10px; font-family: 'Lato', sans-serif; font-size: 22px; }
section.assumption-page .assumption-part .details .share-icon{ list-style-type: none; margin: 20px 0 0; }
section.assumption-page .assumption-part .details .share-icon li { display: inline-block; margin-right: 10px; }
section.assumption-page .assumption-part .details .share-icon li a{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #97b3c1; color: #fff; font-size: 18px; }
section.assumption-page .assumption-part .note { margin: 30px 0 0; color: #819ead; text-align: center;  }
section.assumption-page .assumption-part .note p{ margin: 0 0 5px; }

/* fundraiser-contactus */
section.fundraiser-contactus { padding: 40px 0; }
section.fundraiser-contactus .main-orgeniser{ border: 1px solid #e2e2e2; display: table; width: 60%; margin: 0 auto; }
section.fundraiser-contactus .main-orgeniser .org-logo{ width: 50%; display: table-cell; vertical-align: middle; padding: 20px; border: 1px solid #e2e2e2; }
section.fundraiser-contactus .main-orgeniser .org-logo img{ margin: 0 auto; min-height: 151px; }

section.fundraiser-contactus .main-orgeniser .org-logo .image{ width: 100%; min-height: 200px; }
section.fundraiser-contactus .main-orgeniser ul.contact-info { margin: 20px 0 0; list-style: none;}
section.fundraiser-contactus .main-orgeniser ul.contact-info li{ }
section.fundraiser-contactus .main-orgeniser ul.contact-info li span{ float: left; }
section.fundraiser-contactus .main-orgeniser ul.contact-info li .list-bx-right{ overflow: hidden; padding-left: 20px; }
section.fundraiser-contactus .main-orgeniser ul.contact-info li .list-bx-right h4{ margin: 0; }

/* Comman View Modal  */
.comman-view-modal {  }
.comman-view-modal ul.commn-list { border-bottom: 1px solid #e2e2e2; list-style-type: none; margin: 0px 0 20px; padding: 0 0 10px; width: 100%; }
.comman-view-modal ul.commn-list li span{ font-weight: 600; margin-right: 10px; }

/* Developer Css*/
.outstock {width: auto;text-align: center;display: inline-block; padding-right: 5px;float: left;height: 43px;font-size: 23px;line-height: 43px;color: red;}
.myprofileRight {padding: 0 0 0 30px;}
.cms-page a {color: #97b3c1;font-weight: bold;font-size: 16px;}

/*  Accept Cookies  */
section.cookies-sec { position: fixed; bottom: 0; left: 0; right: 0;  background: rgba(0,0,0,0.8); padding: 20px; text-align: center; color: #fff; z-index: 10;}
section.cookies-sec span{ display: inline-block; margin-left: 20px; }

.filter-toggle-btn{display: none; text-align: right; }
.filter-toggle-btn a{display:inline-block; height: 45px; width: 45px; background-color: #97b3c1; background-image: url(../images/filter-icon.svg); background-repeat: no-repeat; background-position: center; background-size: 24px; border-radius: 5px; }
.filter-toggle-btn.active a{background-image: url(../images/filter-close.svg); background-size: 20px; }
.green { color: green; }

/* Free Products */

.order-history { display: inline-block; width: 100%; }
.order-history { display: inline-block; width: 100%; }
.order-history ul{ display: inline-block; width: 100%; }
.order-history ul li { display: inline-block; width: 100%; border: 1px solid #e2e2e2; margin-bottom: 20px;}
.order-history ul li .order-number { padding: 10px; border-bottom: 1px solid #e2e2e2; background: #f7f7f7;}
.order-history ul li .order-number a{ padding: 8px 20px; display: inline-block;  background: #24a9e1; color: #fff; }
.order-history ul li .order-number h5 { font-size: 15px; font-weight: 500; display: inline-block; margin:0; float: right;margin:10px 0;}
.order-history ul li .order-number h5 span{ color: #999; }

.order-history ul li .details { border-bottom: 1px solid #e2e2e2;float: left; width: 100%; }
.order-history ul li .details p{ color: #999; }
.order-history ul li .details .img { width: 15%; float: left; padding: 10px; }
.order-history ul li .details .img img{ width: 80px; }
.order-history ul li .details .order-name { width: 55%; float: left; padding-left: 20px;}
.order-history ul li .details .order-name a{ color: #000; }
.order-history ul li .details .price { width: 30%; float: left; }
.order-history ul li .details .deliverd,  .order-history ul li .details .qountity  { width:35%; float: left; }


.order-history ul li .order-on { width:100%; float: left; background: #f7f7f7; padding: 10px;}
.order-history ul li .order-on h5 { font-size: 15px; font-weight: 500; display: inline-block; margin:0;}
.order-history ul li .order-on h5 span{ color: #999;  }
.order-history ul li .order-on h5:last-child { float: right; }



.order-history ul li .details .qountity { padding: 10px 0; position: relative; }
.order-history ul li .details .qountity .input-group-btn .btn-number{  height: 35px; border-radius: 0; }
.order-history ul li .details .qountity .input-group { width: 150px; }
.order-history ul li .details .qountity .input-group .input-number{ height: 35px; text-align: center;}

.order-history ul li .details .qountity .delete a{ position: absolute; right: 20px; top: 15px; color: red; font-size: 18px; }
.labelstar
{
    color: red;
}

/* Assumption Page */
section.assumption-page .assumption-part .details h3 { font-size: 20px; }
section.assumption-page .assumption-part .details p { font-size: 18px; }

#checkouterr
{
    padding: 13px;
    margin-bottom: 19px;
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: #7e9ab0;
    color: black;
}


.cust-cell-right.attrselection {
    /* width: auto; */
    margin-bottom: 10px;
}

.cust-cell-right.attrselection select {
    width: auto;
    padding-right: 25px;
    /* padding-right: 30px; */
}

.my-order button.btn { padding: 4px; }
.whitespacePre { white-space: pre-line; }

/* party redeem page */

.party-redeem .party-title h2 span { color: #8ba7b4; }
.party-btn { color: #fff;background: #8ba7b4;padding: 7px 15px; border:1px solid #8ba7b4;width: 100%; border-radius: 5px; border: 1px solid #8ba7b4;}
.plainQtytxt { padding-top: 25px !important;}
.afterAttsel { padding-top: 17px;}
.fixoneqty {padding: 6px 15px;}

/*Convert to consultant page */
/* Create two equal columns that floats next to each other */
.concolumn1 {
  float: left;
  width: 25%;
  padding: 10px;
}

.concolumn2 {
  float: left;
  width: 75%;
  padding: 10px;
}

/* Clear floats after the columns */
.conrow:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .concolumn1 {
    width: 100%;
  }
    .concolumn2 {
    width: 100%;
  }
}