@charset "utf-8";
/* CSS Document */

html { margin: 0px; padding: 0px; font-size: 16px; }
body { font-family: 'Muli', sans-serif; letter-spacing: 1px; }
html { margin: 0px; padding: 0px; height: 100%; }
img { border: 0px; outline: none; max-width: 100%; }
ul { list-style-type: none; margin: 0px; padding: 0px; }
.container-fluid { float: left; width: 100%; }
.sliderbtn a:hover, .sliderbtn a:focus { text-decoration: none; }
.banner { padding: 100px 0 300px; background-image: url('images/landing_banner.png'); background-repeat: no-repeat; background-position: left bottom; background-size: cover; }
.bannertext h1 { font-family: 'Muli', sans-serif; color: #fff; font-size: 58px; font-weight: 800; line-height: 68px; margin: 0 0 20px; }
.bannertext p { color: #fff; font-size: 16px; line-height: 26px; font-weight: normal; font-family: 'Nunito Sans', sans-serif; }
.sliderbtn { float: left; width: 100%; margin: 30px 0 0; }
.sliderbtn a { display: inline-block; color: #fff; border: 1px solid  #fff; border-radius: 30px; padding: 14px 40px; margin: 0 10px 0 0; font-weight: 600; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear; }
.sliderbtn a:hover, .sliderbtn a:focus { background-color: #fff; color: #191970; outline: none; }
.designbettersection.row { display: flex; flex-wrap: wrap; }
.designbettersection .dbetter-left { height: 100%; }
.defendbtn { float: left; width: 100%; margin: 15px 0 0; }
.defendbtn a { display: inline-block; color: #191970; border: 1px solid #191970; border-radius: 30px; padding: 14px 40px; margin: 0 10px 0 0; font-weight: 600; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear; }
.defendbtn a { display: inline-block; color: #fff; border: 2px solid #fff; background: #191970; border-radius: 30px; padding: 14px 40px; margin: 0 10px 0 0; font-weight: 600; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear; }
.sliderbtn a:hover, .sliderbtn a:focus { background-color: #fff; color: #191970; outline: none; }
.defendbtn a:hover, .defendbtn a:focus { color: #191970; background: #fff; border: 2px solid #191970; outline: none; text-decoration: none; }
.defendtitle { float: left; width: 100%; text-align: center; }
.defendpart-left h2 { font-family: 'Muli', sans-serif; font-size: 36px; font-weight: 800; text-transform: capitalize; margin-top: 0; color: #333; }
.defendpart-right { padding-top: 55px; }
.defendsection { float: left; width: 100%; padding: 70px 0; }
.defendtext p { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 26px; color: #444; }
.defend-img { text-align: center; overflow: hidden; }
.defend-img img:hover { transform: scale(1.1, 1.1); }
.defend-img img { background: #eaeaf2; cursor: pointer; padding: 8px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; max-width: 100%; margin: 0 auto; }
.designbettersection { float: left; width: 100%; padding: 60px 0; padding-bottom: 75px !important; position: relative; z-index: 5; }
.dbetterpart { padding: 15px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); height: 100%; word-break: break-word; overflow-wrap: break-word; }
.dbetterimg { margin: 0 0 0; position: relative; }
.dbetter-title { float: left; width: 100%; text-align: center; margin-bottom: 40px; }
.dbetter-title h2 {font-family: 'Muli', sans-serif; font-size: 36px; font-weight: 800; text-transform: capitalize; margin-top: 0; color: #333; }
.dbettertext { text-align: center; padding-top: 30px; position: relative; left: 0; right: 0; width: 100%; margin: 0 auto; background-color: #fff; padding: 25px 20px 0; }
.dbetter-description { float: left; width: 100%; }
.dbettertext p { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 26px; color: #000; }
.subcontent { float: left; width: 100%; padding: 40px 0; background: #eaeaf2; }
.mainsubtext { text-align: center; }
.mainsubtext p { font-family: "Nunito Sans", sans-serif; font-size: 19px; line-height: 24px; color: #000; margin-bottom: 5px; margin-top: 5px }
.allmainsection { float: left; width: 100%; padding: 70px 0; background: #fff; }
.main-textpart { background-color: #eaeaf2; padding: 0 40px; height: 350px; display: flex; align-items: center; }
.main-text { max-width: 85%; padding:0px 40px; }
.main-text p, .main-secondtext p { font-family: "Nunito Sans", sans-serif; font-size: 18px; line-height: 26px; color: #000; }
.main-imgpart { position: relative; right: 85px; }
.main-img,.main-secondimg {
    height: 100%;
    display: flex; display: -webkit-flex; display: -ms-flexbox;
    align-items: center; -webkit-align-items: center;
}
.allmainsecondpart { float: left; width: 100%; padding-top: 20px; padding-bottom: 75px; }
.mainsecondtextpart { position: relative; left: 80px; z-index: 1; }
.mainsecondimgpart { background-color: #eaeaf2; padding: 0 40px; height: 370px; display: flex; align-items: center; }
.main-secondtext { max-width: 75%; float: right; left: 15%; position: relative; }
.subcontent-second { float: left; width: 100%; padding: 40px 0; background: #eaeaf2; }
.mainsubtext-second { text-align: center; }
.mainsubtext-second p { font-family: "Nunito Sans", sans-serif; font-size: 19px; line-height: 24px; color: #000; margin-bottom: 40px; margin-top: 5px; }
.allmainpart { margin-bottom: 60px;  }
.allmainpart:last-child { margin-bottom: 0px; }
.prexcercisesection { float: left; width: 100%; padding-top: 60px; padding-bottom: 70px; background: #f5f5f5; }
.prexcercise-title { float: left; width: 100%; text-align: center; }
.prexcercise-title h2 { font-family: 'Muli', sans-serif; font-size: 36px; font-weight: 800; text-transform: capitalize; margin-top: 0; color: #333; margin-bottom: 20px; }
.prexcercisepart { padding: 0 150px; }
.aboutsection { float: left; width: 100%; padding: 70px 0; position: relative; z-index: 5; color: #fff; }
.abtitle { float: left; width: 100%; text-align: center; }
.abtitle h2 { font-family: 'Muli', sans-serif;font-size: 36px; font-weight: 800; text-transform: capitalize; margin-top: 0; color: #fff; margin-bottom: 40px; }
.abouttext { float: left; width: 100%; text-align: center; }
.abouttext p { font-family: "Nunito Sans", sans-serif; font-size: 19px; line-height: 26px; color: #fff; }
.bannerimg { padding-right: 50px; }
/*  testimonial css */
.testimonialpart { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url('images/testimonial-background.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-color: #324664; float: left; width: 100%; position: relative; padding: 70px 0px 30px; }
.testimonialpart .carousel-inner img { width: 100%; height: 100%; }
.testimonialpart .testioialcontent { width: 800px; margin: 0 auto; padding: 25px 30px 30px; border-radius: 10px; }
.testimonialpart .titlename h2 { font-family: 'Muli', sans-serif;color: #f2f2f2; font-size: 16px; text-align: center; font-weight: bold; margin-top: 15px; }
.testimonialpart .carousel-control-prev { left: 0 !important; top: 50% !important; }
.testimonialpart .carousel-control-next { right: 0 !important; top: 50% !important; }
.testimonialpart .carousel-control-next, .carousel-control-prev { position: absolute !important; display: inline !important; padding: 12px 12px 7px 12px; width: 50px; height: 50px; }
.testimonialpart .textsection p { text-align: center; color: #fff; }
.testimonialpart .ratingpart .fa.fa-star { color: #f39c12; margin: 0 2px; }
.testimonialpart .ratingpart li { display: inline-block; }
.testimonialpart .ratingpart { text-align: center; }
.testimonialpart .testimonialsection-title h2 {font-family: 'Muli', sans-serif; font-size: 36px; font-weight: 800; text-transform: capitalize; margin-top: 0; color: #fff; margin-bottom: 20px; text-align: center; }
/*.testimonialpart .testimonialsection-title h2::after {content: "";background: #f2f2f2;height: 5px;position: absolute;left: 0;right: 0;width: 100px;margin: 0 auto;border-radius: 5px;top: 50px;} */



.footerpart { float: left; width: 100%; padding-top: 60px; padding-bottom: 70px; background: #f5f5f5; }
.keeptouch-title { float: left; width: 100%; text-align: center; }
.footer-description { float: left; width: 100%; text-align: center; margin-top: 32px; }
.keeptouch-title h2 {font-family: 'Muli', sans-serif; font-size: 36px; font-weight: 800; text-transform: capitalize; margin-top: 0; color: #333; }
.footer-description p { font-family: "Nunito Sans", sans-serif; font-size: 19px; line-height: 24px; color: #000; }
.footer-details { float: left; width: 100%; text-align: center; padding-top: 40px; }
.flocation-text { border: 1px solid #e6f0fa; padding: 35px 22px 35px 20px; background-color: #fff; border-radius: 10px; }
.flocation-text i { display: inline-block; font-size: 50px; color: #191970; margin: 0 0 15px; }
.flocation-text h4 {font-family: 'Muli', sans-serif; font-size: 22px; line-height: 32px; font-weight: 700; margin: 6px 0 5px; }
.footer-description p a { color: #191970; font-weight: 600; }
.flocation-text p, .flocation-text p a { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 26px; color: #000; }
.footer-description p a:hover{text-decoration:none; color:#000;}
.flocation-text p a:hover, .flocation-text p a:focus { color: #191970; text-decoration: none; outline: none; }
.footer-link { float: left; width: 100%; text-align: center; margin-top: 12px; }
.footer-link a { display: inline-block; color: #fff; border: 2px solid #fff; background: #191970; border-radius: 30px; padding: 14px 40px; margin: 0 10px 0 0; font-weight: 600; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear; }
.footer-link a:hover, .footer-link a:focus { background-color: #fff; color: #191970; border: 2px solid #191970; outline: none; text-decoration: none; }
.footercopyrightpart { float: left; width: 100%; background-color: rgba(0,0,0,0.9) !important; }
.footercpytext p { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 45px; color: #fff; margin: 10px 0; }
.fcopyrights-right { text-align: right; }
.footercpyrighttext p { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 45px; color: #fff; margin: 10px 0; }

/*Particle effect css*/
@-webkit-keyframes backgroundAnimate {  from {
 left: 0;
 top: 0;
}
to { left: -10000px; top: -2000px; }
}
 @-moz-keyframes backgroundAnimate {  from {
 left: 0;
 top: 0;
}
to { left: -10000px; top: -2000px; }
}
 @-o-keyframes backgroundAnimate {  from {
 left: 0;
 top: 0;
}
to { left: -10000px; top: -2000px; }
}
 @keyframes backgroundAnimate {  from {
 left: 0;
 top: 0;
}
to { left: -10000px; top: -2000px; }
}
#front {
    background: url(images/front.png) repeat 35% 35%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    -webkit-animation-name: backgroundAnimate;
    -webkit-animation-duration: 300s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: backgroundAnimate;
    -moz-animation-duration: 300s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: backgroundAnimate;
    -o-animation-duration: 300s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    animation-name: backgroundAnimate;
    animation-duration: 300s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#back {
    background: url(images/back.png) repeat 20% 20%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    -webkit-animation-name: backgroundAnimate;
    -webkit-animation-duration: 500s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: backgroundAnimate;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: backgroundAnimate;
    -o-animation-duration: 500s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    animation-name: backgroundAnimate;
    animation-duration: 500s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.hcomt {
    background: #191970;
    float: left;
    width: 100%;
    position: relative;
}
.main-secondimg img {
    max-width: 100%;
    height: auto;
}
.allmainpart { display: flex; display: -webkit-flex; display: -ms-flexbox;  display: -webkit-flex;
    -webkit-flex-wrap: wrap; position:relative;}


@media only screen and (max-width: 767px) {
.bannerimg {text-align:center; padding-right: 0px;}
.banner{padding:70px 0 200px;}
.bannertext h1{font-size: 36px;line-height: 46px;margin-top: 40px;}
.defendsection{padding:40px 0;} 
.bannerright,.defendpart-left {text-align: center;} 
.sliderbtn{margin: 10px 0 0;}
.defendpart-left h2{font-size:28px;margin-bottom: 22px;}
.defendsection,.defendpart-left,.defendpart-right,.dbetter-left,.aboutsection,.footerpart{padding-left:0px !important; padding-right:0px !important;}  
.subcontent{padding:20px 0;}
.mainsubtext p{font-size:16px;}
.dbetter-title{margin-bottom: 35px;}
.dbetter-title h2{font-size: 28px;}
.dbettertext{padding:25px 0px 0;}
.designbettersection{padding: 50px 0;}
.designbettersection .dbetter-left {height: auto;margin-bottom: 20px;}
.designbettersection .dbetter-left:last-child{margin-bottom: 0px;}
.main-textpart{height: auto;margin-top: 5px;padding: 20px 0px;}
.main-text {max-width: 100%;padding: 0px;text-align: center;}
.main-textpart { order: 2;}
.main-imgpart {right: 0px; top: 0;order: 1;}
.main-text p, .main-secondtext p{font-size:16px;}
.testimonialpart{padding: 40px 0px 30px;}
.testimonialpart .testioialcontent{width:100%; padding: 0px 20px 0px;}
.testimonialpart .carousel-control-prev {left: -19px !important;}
.testimonialpart .carousel-control-next {right: -14px !important;}
.testimonialpart .testimonialsection-title h2{font-size:30px;} 
.mainsecondimgpart{height: auto;margin-top: 8px;padding: 20px 0px;}
.mainsecondtextpart{left:0px; top:0px;}
.main-secondtext{max-width: 100%; left: 0;text-align: center;}
.prexcercisepart {padding: 0 10px; }
.prexercise-img{text-align:center;}
.prexercise-img img{margin: 0 auto;width: 240px;}
.prexcercise-main{margin-bottom:20px;}
.prexcercisesection{padding-top: 50px;padding-bottom: 15px;}
.prexcercise-title h2{font-size:28px;}
.allmainsection{padding:40px 0;}
.allmainpart.row {margin-bottom: 25px;}
.mainsubtext-second p{font-size: 16px;}
.aboutsection{padding:50px 0; padding-bottom: 36px !important;}
.abtitle h2{font-size:30px; margin-bottom: 15px;}
.abouttext p{font-size: 16px;}
.keeptouch-title h2{font-size:30px;}
.footer-description{margin-top: 17px;}
.footer-description p{font-size: 16px;}
.flocation-text h4{font-size: 20px;}
.flocation-text p, .flocation-text p a{font-size:15px;}
.flocation-text{padding: 28px 22px 15px 20px;}
.flocation-text{margin-bottom:20px;}
.footerpart{padding-top: 50px;padding-bottom: 35px;}
.flocation-text i{font-size: 37px;}
.footercopyrightpart{padding:20px 0;}
.footercpytext{text-align:center;}
.footercpyrighttext{margin-top:10px;text-align:center;}
.footercpytext p,.footercpyrighttext p {font-size: 14px;line-height: 26px; margin:0px;}
}

@media only screen and (min-width: 768px) and (max-width:991px){
.banner .bannerimg {text-align: center;padding: 0px 0px 20px;}
.banner .bannerright {text-align: center;}
.bannertext h1{font-size: 46px;}
.banner {padding: 80px 0 210px;}
.defendpart-left {text-align: center;}
.defendsection{padding: 40px 0;}
.defendpart-right {padding-top: 32px;}
.designbettersection .dbetter-left {height: auto;margin-bottom: 20px;}
.testimonialpart .testioialcontent {width: auto;padding: 25px 90px 30px;}
.dbetterimg {text-align: center;}
.prexcercisepart {padding: 0px; float: left; width: 100%;}
.fdetails {margin-bottom: 20px;}
.footercpyrighttext {text-align: center;}
.footercpytext {text-align: center;}
.footercpyrighttext p{margin: 0px 0 10px;}
.footercpytext p{margin: 10px 0 0px;}
.footerpart {padding-top: 45px;padding-bottom: 40px;}
.mainsecondtextpart{left:57px;}
.flocation-text h4 {font-size: 16px;}
.flocation-text p a {word-wrap:break-word; font-size:14px; line-height:18px;}
.prexcercise-title h2 {font-size: 26px; }
}

@media only screen and (min-width: 992px) and (max-width:1199px){
.flocation-text{padding: 35px 15px 35px 15px;}
.prexcercisepart {float: left;width: 100%;padding: 0px 70px;}
.carousel-control-prev-icon {right: 30px;position: relative;}
}


@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px) and (max-width:1199px) { 
.testimonialpart{background-attachment: inherit;}
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.main-img img ,.main-secondimg img{width:420px;}

}