@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700');
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
/* @font-face{font-family:"FontAwesome";font-style:normal;font-weight:normal;src:url(../fonts/fa-brands-400.eot);src:url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg")}

@font-face{font-family:"FontAwesome";font-style:normal;font-weight:400;src:url(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg")} */

@font-face{font-family:"FontAwesome";font-style:normal;font-weight:900;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}

/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
* {padding: 0;margin: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
.btn {outline: none !important;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
a, label {-webkit-user-select: none; /* Chrome/Safari */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */-o-user-select: none;user-select: none;}
a:hover {cursor: pointer;text-decoration: none;color: #3A539B;}
body{ font-family:'Roboto', sans-serif;;font-weight: 400;}
strong{font-weight: 700;}
b{font-weight: 500;}
.gray-text{color: #484848;}
.blue_text{color: #2ba8df;}
.font18{font-size: 18px;line-height: 30px;}
.font12{font-size: 12px;line-height: 20px;}
.font15{font-size: 15px !important;}
.mt-10{margin-top: 10px !important;}
.black{color:#333333;font-weight:bold;}
.text-center{text-align: center !important;}
.font14{font-size: 14px;line-height: 24px;}
.font16{font-size: 16px !important;}
.font20{font-size: 20px;line-height: 30px;}
p{color: #333;line-height: 28px;font-size: 16px;}
h1,h2,h3,h4,h5,h6{color: #000;}
.green_text{color: #00b189 !important;}
textarea{resize: none;height: auto !important;}
.form-control[readonly]{background-color: transparent;color: #484848;opacity: 0.5;}
.padding-top-50 {padding-top: 50px;}
.padding-bottom-50 {padding-bottom: 50px;}
/*sticky footer*/
.site { display: flex;min-height: 100vh;flex-direction: column;position: relative;overflow-x: hidden}
.wrapper {flex: 1 0 auto;}
.medium{font-weight: 500;}
.bold{font-weight: 700;}
.extrabold{font-weight: 900;}
/*
.wrapper, body{width: 100%;}
::-moz-selection {  Code for Firefox 
    background:#00b189;
}

::selection {
    background: #00b189;
}
*/
/* ---css-15-07-2021 start--- */
.h2go-title-1{
  color: #333333;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
.btn.btn-default-stroke { color: #3A539B ;background: #fff; border-color: #3A539B; padding: 12px 30px; line-height: normal;text-transform: uppercase;border-radius: 4px;border-width: 1px; font-weight: 500; font-size: 14px;} 
.btn.btn-default-stroke:hover{    background-color: #3A539B;color: #fff}
.making-drinking-water{
  padding: 70px 0px 100px 0px;
}
.h2go-small-title{
  color: rgba(51, 51, 51, 0.3);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}
.main-features-img{
  width: 100%;
  text-align: center;
}
.main-features-img img{
  width: 65%;
}
.main-features-body p{
  color: #333333;
  font-size: 24px;
  font-weight: 400;
  width: 60%;
}
.main-features-white-bg-row{
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  align-items: center;
  flex-direction: row;
}
.main-features-white-bg-col{
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.main-features-gray-bg-row{
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  align-items: center;
  flex-direction: row-reverse;
}
.main-features-gray-bg-col{
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.mb-0{
  margin-bottom: 0px !important
}
.main-features-gray-bg{
  background-color: #F5F5F5;
  padding: 30px 0px;
}
.main-features-white-bg{
  background-color: #fff;
  padding: 30px 0px;
}
.main-features-gray-bg-col .main-features-body{
  width: 50%;
  margin: 0 auto;
}
.main-features-gray-bg-col .main-features-body p{
  width: 100%;
}
.h2o-green-img{
  width: 100%;
}
.h2o-green-img img{
  width: 100%;
}
.h2o-green{
  padding: 50px 0px 30px 0px;
}
.h2o-green-body{
  padding: 40px 80px 0px 0px;
}
.h2o-green-body p{
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
  color: #333333;
}
.features-support{
  padding: 50px 0px;
}
.features-support-row{
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 30px;
}
.features-support-col{
  padding-right: 15px;
  padding-left: 15px;
  width: 50%;
}
.features-support-inner{
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  padding: 30px;
  text-align: center;
  height: 100%;
}
.features-support-inner img{
  margin-bottom: 15px;
}
.features-support-inner h3{
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 15px;
}
.features-support-inner p{
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  text-align: justify;
  text-align-last: center;
}
.water-demand-list{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 15px;
}
.water-demand-body h3{
  color: #333333;
  font-size: 18px;
  font-weight: 500;
}
.water-demand-body p{
  color: #707070;
  font-size: 16px;
  font-weight: 400;
}
.water-demand-icon{
  width: 12%;
  text-align: center;
}
.water-demand-body{
  padding-left: 20px;
  width: 88%;
} 
.water-demand{
  padding: 50px 0px;
  background-color: #F5F5F5;
  margin-top: 79px;
}
.water-demand-img img{
  width: 75%;
}
.water-demand-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: -15px;
  margin-left: -15px;
}
.water-demand-col{
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}
.cust_review-bg{
  background-color: #F5F5F5;
}
.user_img-main{
  text-align: center;
}
.user_img-main img{
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.download_sec{
  padding-bottom: 30px;
}
.review_block .desc{
  margin-bottom: 15px;
  font-size: 14px;
}
header nav.navbar{
  height: auto !important;
  padding: 15px 0px;
}

.inpu_btn {
  width: 430px;
  margin: 0px;
}
.inpu_btn input{
  height: 40px;
  border-radius: 4px 0px 0px 4px !important;
}
.inpu_btn .btn{
  height: 41px;
  width: auto;
  padding: 0px 15px;
  border-radius: 0px 4px 4px 0px !important;
  margin-left: -4px;
}
header ul.navbar-nav {
    margin-top: 0px;
}
header .navbar-brand{
  height: auto;
  padding: 0px;
}
.navbar-inner-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px){
  .inpu_btn{
    text-align: end;
  }
  .navbar-inner-row{
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
  }
  header .navbar-brand{
    padding: 15px 0px;
  }
  .h2o-green-body {
    padding: 40px 0px;
}
.h2o-green{
  padding: 30px 0px;
}
.main-features-body p {
  width: 100%;
}
.main-features-gray-bg-col .main-features-body{
  width: 100%;
}
}
@media only screen and (max-width: 767px){
  .features-support-col{
    width: 100%;
  }
  .features-support-inner{
    height: auto;
    margin-bottom: 15px;
  }
  .h2o-green-body p{
    text-align: justify;
    text-align-last: center;
  }
  .h2go-title-1{
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .navbar-inner-row{
    align-items: start;
  }
  .inpu_btn {
    text-align: start;
}
.water-demand-col {
    width: 100%;
}
.water-demand-img{
  text-align: center;
}
}
@media only screen and (max-width: 576px){
.water-demand-col {
  width: 100%;
}
.water-demand-img{
  text-align: center;
}
.main-features-body p{
  font-size: 18px;
}
.making-drinking-water{
  padding: 50px 0px;
}
.main-features-img img {
  width: 100%;
}
header nav.navbar{
  padding: 5px 0px;
}
}
@media only screen and (max-width: 375px){
  .inpu_btn input,
  .inpu_btn .btn{
    border-radius: 0px !important;
  }
}
/* ---css-15-07-2021 end--- */



.navbar-brand>img { display: inline-block;vertical-align: middle; width: 74px;height: auto;margin-right: 8px;}
.navbar-brand {font-weight: 500;color: #3A539B;font-size: 22px;}
.header_content {padding: 85px 0; text-align: center;transition: top 0.5s ease-in-out;}
h1{color: #333333;font-size: 56px;font-weight: 700;margin: 40px 0}
.text-blue{color: #25B5FB}
/* .inpu_btn{width: 580px;margin: 0 auto} */
.inpu_btn input{display: inline-block;width:  calc(100% - 170px);border: 1px solid #E0E0E0;/* border-radius: 4px; */-webkit-appereance:none;box-shadow: none;outline: none;/* height: 48px; */background-image: url("../images/location_icon.png");background-position: 10px center;background-size: 15px;background-repeat: no-repeat;padding-left: 40px;transition: height 0.2s  ease-in-out;}
.inpu_btn .btn{display: inline-block;/* width:  150px;height: 48px; *//* padding: 15px; *//* margin-left: 15px; */transition: height 0.2s  ease-in-out; }
.btn-primary{background-color: #3A539B;color: #fff;font-weight: 500;font-size: 14px;text-transform: uppercase;border-radius: 4px;vertical-align: middle;border: 1px solid #3A539B}
.btn-primary:hover,.btn-primary:focus{background-color: #2c4488}

header nav.navbar{    transition: height 0.2s ease-in-out;/* height: 480px; */    box-shadow: 0 6px 24px rgba(202,215,225,0.5);    background-color: #fff;}
header.shrink   nav.navbar{height: 80px;transition: height 0.2s  ease-in-out;}
header.shrink .header_content{position: absolute;padding: 0;top: 20px;left: 375px;transition: top 0.5s ease-in-out;}
header.shrink .header_content h1{display: none}
.header_inner_div{position: relative}
header ul.navbar-nav li a{text-transform: uppercase;color: #707070;font-size: 14px; padding: 12px 15px;    line-height: normal;}
header ul.navbar-nav {/* margin-top: 20px; */}

header.shrink .inpu_btn input{/* height: 40px; */transition: height 0.2s  ease-in-out;}
header.shrink .inpu_btn .btn{/* padding: 10px;height: 40px; */transition: height 0.2s  ease-in-out;}
header ul.navbar-nav li a:hover { border-radius: 4px; background: #25B5FB; color: #fff; padding: 12px 15px;line-height: normal;}
header.shrink + .page_content .landing_slider  {padding-top:350px;}
.page_content .landing_slider  {padding-top: 570px;    background: #F5F5F5;}

 .right.carousel-control {right: -22px; width: 48px; height: 48px; top: 45%; opacity: 1;  background-image: url('../images/arrow.png'); background-color: #3A539B;  background-size: 30px; background-position: center; border-radius: 4px; background-repeat: no-repeat}
.landing_slider .right.carousel-control {right: 20%; }
.landing_slider .mobile_img img{margin: 0 auto}
.landing_slider .mobile_img{background-repeat: no-repeat;background-size: 420px;text-align: center}
.d-flex{display: flex}
.align-self-center{align-self: center}

h2{color: #333;font-size: 44px;line-height: normal;font-weight: 500;margin-bottom: 20px;}
h2 span{display: block;opacity: 0.3;font-size: 18px;}
.landing_slider .content_part{width: 360px;max-width: 100% }
.landing_slider .desc p{font-size: 24px;font-weight: 500;line-height: 35px;}
.landing_slider ul.indicator li span {width: 10px;height: 10px;background-color: #CAD7E1;border-radius: 100%;display: inline-block;vertical-align: middle}
.landing_slider ul.indicator li{display: inline-block;margin-right:2px;width: 14px;vertical-align: middle}
.landing_slider ul.indicator li.active span{background-color: #fff;border: 2px solid #3A539B;width: 12px;height: 12px;}
.landing_slider ul.indicator{margin-top: 20px}

.download_sec .content_part .icon img{width: 175px;margin-bottom: 30px;}
.download_sec .download_btn {margin-top: 30px;}
.download_sec .download_btn a{display: inline-block;margin-right: 10px;}
.download_sec .download_btn img{width: 160px}
.about_h2go{background-color: #F5F5F5}
.meaning_block{margin: 20px auto;display: table}
.meaning_block .single_letter {margin-bottom: 25px}
.meaning_block .title{font-size: 24px;font-weight: 500;line-height: normal;margin-bottom: 10px;}
.meaning_block .desc{font-size: 18px;line-height: normal}

.cust_review .box{padding: 10px 5px;}
.review_block .desc{font-size: 14px;line-height: 26px;font-style: italic}
.cust_review .review_block{background: #fff;padding: 25px;box-shadow: 0 0px 13px rgba(0,0,0,0.1)}
.cust_review .review_block .user_img {text-align: center;/* margin-top: 20px; */}
.cust_review .review_block .user_img img{width: 75px;height: 75px;margin: 0 auto}
.cust_review .review_block .user_img p{font-size: 16px;text-align: center;color: #333;line-height: 22px; margin-top: 10px;}
.cust_review .review_block .user_img p span{display: block;font-size: 12px;opacity: 0.6}
.left.carousel-control {left: -22px; width: 48px; height: 48px; top: 45%; opacity: 1;  background-image: url('../images/arrow.png'); background-color: #3A539B;  background-size: 30px; background-position: center; border-radius: 4px; background-repeat: no-repeat;transform: rotate(180deg);}
.review_slider {padding-bottom: 40px;}
.carousel-indicators li {width: 10px;height: 10px;background-color: #CAD7E1;border-radius: 100%;display: inline-block;vertical-align: middle}
.carousel-indicators .active {background-color: #fff;border: 2px solid #3A539B;width: 12px;height: 12px;}
.carousel-indicators {bottom: -30px;}
.btn-big { padding: 12px 30px !important; font-size: 16px}

.map_sec  {background: #fff url(../images/map.png) no-repeat center 30px;background-size: auto;}
/* .map_sec h2{font-weight: 400; font-size: 42px;line-height: 56px;} */
.map_sec h3{color: #666;font-size: 24px;margin-bottom: 15px;}
.map_sec p{margin-bottom: 20px;}
.download_sec .bg_img{background-size: cover;background-position: center;height: 550px;background-repeat: no-repeat}

.btn{min-width: 100px;}
.white-text {color: #fff;}
footer { background: #010427 url(../images/footer.png) repeat left top; }
footer .content { color: #fff; padding-top: 60px;     padding-bottom: 60px;
}
footer .content p { color: #fff; }
footer .con { padding-bottom: 60px; float: left; width: 100%; }
footer h2{margin-bottom: 5px;}
footer h3 { margin-top: 40px !important; font-size: 24px; color: #fff;    margin-bottom: 10px;}
footer p span { color: #919eab; }
footer .form-control { background-color: transparent; border-color: #334b63; color: #919eab; border-radius: 3px; padding: 10px 10px; height: auto; box-shadow: none !important; }
footer form{margin-top: 15px;}
.sub-footer .content { background: #010a37; padding-bottom: 40px; border-top: 1px solid #1b234b; }
.sub-footer .btn-store { display: inline-block; width: 160px; margin-right: 15px; }
.sub-footer ul { float: left; width: 100%; margin-bottom: 20px; }
.sub-footer ul li { float: left; border-right: 1px solid #919eab; }
.sub-footer ul li:last-child { border: 0px; }
.sub-footer ul li a { color: #919eab; padding: 0px 15px; display: block; line-height: 14px;    font-size: 14px; }
.sub-footer ul li:first-child a { padding-left: 0px; }
.sub-footer .social { float: right; margin-top: 10px; }
.sub-footer .fa { color: #fff; font-size: 18px; margin-left: 20px; }
.sub-footer .fa:hover { text-decoration: none; }
.sub-footer p { text-align: right; width: 100%; letter-spacing: 1px; float: right; margin-top: 25px; color: #919eab !important; font-size: 13px; }


.card-items { padding: 15px 0 0; }
/************************heading animation**********************/
h1 .static_text{margin-right: 15px;}
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}
.modal .modal-content .modal-title {
    font-weight: 500;
    font-size: 22px;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal .modal-content .modal-header {
    background: #f2f2f2;
    text-align: center;
}
modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal {
    overflow: auto !important;
        text-align: center;
    padding: 0!important;
}

.modal .max-pad {
    padding: 5% 10%;
}
.modal .close {
    font-size: 30px;
    font-weight: 400;
    line-height: 1px;
    padding: 12px 5px;
    margin-top: 0px !important;
}
.signin-eye-icon {
    position: absolute;
    right: 15px;
    top: 14px;
    margin-right: 4px;
}
.btn.btn-default {
    color: #fff !important;
    background: #39529b;
    border-color: #39529b;
    padding: 10px 20px;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 3px;
    border-width: 2px;
    font-weight: 500;
}
.modal .btn .fa {
    float: left;
    font-size: 18px;
}
.or {
    text-align: center;
    margin: 5% 0;
    width: 100%;
    float: left;
}
.field-icon {
    position: absolute;
    right: 25px;
    top: 15px;
    margin-right: 4px;
}
.custom .checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 14px;
}
a, label {
    /* -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#recurring, #referral-field {
    display: none;
}
p {
    font-size: 16px;
    line-height: 24px;
}


/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}
.cd-headline.slide b {
    opacity: 0;
    top: .2em;
    word-break: break-word;
    white-space: initial;
    font-size: 45px;
}
span.cd-words-wrapper.text-blue.text-center{width:auto !important;}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.top_footer .center-block{display: table;float: none;text-align: center}




/************modal************/
.product_modal .address {
	margin-bottom: 12px;
	font-size: 16px;
}
.product_modal .product_list {
	border: 1px solid #ddd;
	margin-top: 15px
}
.product_modal .product_list .title {
	background: #25B5FB;
    padding: 10px;
    color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	border-bottom: 1px solid #ddd;
}
.product_modal .product_list .item {
    padding: 10px;
    box-shadow: 1px 0px 6px rgba(0,0,0,0.1);
    margin: 10px;
}
.product_modal .product_list .item img {
	max-width: 70px;
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #e5e5e5;
	min-width: 70px;
}
.product_modal .product_list .item p {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	line-height: 24px;
	font-size: 16px;
}
.product_modal .submit_btn .btn {
	margin-top: 25px;
	padding: 10px 30px;
}
.product_modal .modal-body {
	padding: 30px
}
.product_modal .heading {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px
}
.product_modal .address span {
	display: inline-block;
	width: calc(100% - 100px);
	vertical-align: top;
	line-height: 23px;
}
.product_modal .address strong {
	display: inline-block;
	margin-right: 8px;
	line-height: 23px;
}
.product_modal p {
	line-height: 23px
}
.no-padding{padding: 0}



@media screen and  (-ms-min-device-pixel-ratio:0px){
}

@media(min-width:576px){
}

@media(min-width:1600px){
   
}


@media(max-width:1600px){
     .landing_slider .right.carousel-control {right: 10%;}
}
@media(max-width:1366px){
}

@media screen and (-webkit-max-device-pixel-ratio:1366px) {
}

@media(max-width:1280px){

}
@media(max-width:1199px){
    .navbar-brand span{display: none}
    header.shrink .header_content{left: 135px;}
    .landing_slider .right.carousel-control { right: 30px;}
    .sub-footer ul li a{font-size: 12px;}
    .sub-footer p{font-size: 11px;}
    .map_sec h2{font-size: 34px;line-height: 46px;}
    .font18{font-size: 16px;}
    .map_sec h3{font-size: 22px;}
    .meaning_block .title {font-size: 22px;}
    .meaning_block .desc { font-size: 16px; line-height: 24px;}
    .download_sec .content_part .icon img { width: 130px;}
    h2{font-size: 38px;}
}

@media(max-width:991px){ 
    .flip-ipad{flex-direction: column-reverse;display: flex}
    .inpu_btn {  width: 430px;}
    header.shrink .header_content {left: 110px;}
    .landing_slider .mobile_img{background-size: contain}
    .landing_slider .content_part{padding-right: 35px;}
    .landing_slider .right.carousel-control {right: 5px;}
    .download_sec .bg_img{height: 450px;}
    .meaning_block .desc br { display: none;}
    .sub-footer ul{text-align: center}
    .sub-footer ul li{float: none;display: inline-block}
    .sub-footer .btn-group{margin: 0 auto;display: table}
    .sub-footer .social {float: none; margin-top: 20px;text-align: center;}
    .sub-footer p{text-align: center;    margin-top: 10px;}.cd-headline.slide b {
    opacity: 0;
    top: .2em;
    word-break: break-word;
    white-space: initial;
    font-size: 48px;
}
}
@media(max-width:767px){
    .flip-mobile{flex-direction: column-reverse;display: flex}
    .right.carousel-control,.left.carousel-control{width: 40px;height: 40px;    background-size: 25px;}
    .right.carousel-control { right: -15px;}
    .left.carousel-control { left: -15px;}
       h1{font-size: 44px;}
    h1 .static_text{margin-right: 0}
    .cd-headline.slide .cd-words-wrapper{max-width: 100%;    width: 100% !important;text-align: center;display: block}
    .cd-words-wrapper b{right: 0;margin: 0 auto;text-align: center;width: 100%}
    .header_content {padding: 40px 0;}
    header.shrink nav.navbar{height: auto;min-height: 80px;}
    .navbar-toggle .icon-bar{background-color: #3A539B}
    .navbar-toggle{margin-right: 0;margin-top: 22px;}
    header nav.navbar{overflow: hidden}
    /* header ul.navbar-nav{border-bottom: 1px solid #ddd} */
    header.shrink ul.navbar-nav{border-bottom: none}
    .landing_slider  .d-flex{display: block}
    .landing_slider .content_part{margin: 0 auto;max-width: 100%}
    .download_sec .content_part{margin:50px 0}
    .download_sec .bg_img {height: auto;padding-top: 75.56%;}
    .h2go_meaning .col-xs-6:nth-child(2n+1){clear: both}
    .sub-footer ul li{margin: 5px 0}
    footer .content{padding: 30px 0}
    footer h3 {margin-top: 25px !important;font-size: 20px}
	.cd-headline.slide b {
    opacity: 0;
    top: .2em;
    word-break: break-word;
    white-space: initial;
    font-size: 45px;
}
}

@media(max-width:575px){
	.cd-headline.slide b {
    opacity: 0;
    top: .2em;
    word-break: break-word;
    white-space: initial;
    font-size: 35px;
}
    .inpu_btn{width: 100%}
    header.shrink .header_content{display: none}
   /*  .map_sec{    padding-top: 0;} */
    .map_sec h2 {font-size: 26px;line-height: 36px;}
    h2 {font-size: 34px;}
    .top_footer .col-xs-6{width: 100%}
    .sub-footer .btn-store{width: 120px;}
}

@media(max-width:375px){
    .inpu_btn input{width: 100%}
    .inpu_btn .btn{width: 100%;margin-left: 0;margin-top: 5px;}
    .landing_slider .mobile_img img{width: 260px;}
    .download_sec .download_btn img {width: 130px;}
}