@charset "utf-8";
/* CSS Document edited by pritamr */

@font-face {
  font-family: AvenirNextLTPro-Bold;
  src:url(font/AvenirNextLTPro-Bold.otf);
}
@font-face {
  font-family: AvenirNextLTPro-Regular;
  src:url(font/AvenirNextLTPro-Regular.otf);
}
@font-face {
  font-family: LuckyFellasRegular;
  src:url(font/LuckyFellasRegular.ttf);
}
@font-face {
  font-family: Lato-Bold;
  src:url(font/Lato-Bold.ttf);
}
@font-face {
    font-family: 'rosellinda_alyamoreregular';
    src: url('font/rosellinda_alyamore-webfont.woff2') format('woff2'),
         url('font/rosellinda_alyamore-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}


.bold{font-family: AvenirNextLTPro-Bold !important;}

body{font-family: AvenirNextLTPro-Regular !important; background-color: #000000 !important}
*{margin:0px; padding:0px;}


.img-responsive{max-width:100%;}
h1, h2, h3{text-transform:uppercase;}
.text-tenter{text-align: center;}
.text-white{color: #fff;}
.text-center{text-align: center;}
.color{color: #c9a02a}

/*-------start main design-------------*/


.container{width:900px; margin:0px auto;}
header{background:url(images/banner.jpg) no-repeat #000 center; background-size:cover;font-family: AvenirNextLTPro-Regular !important;  } 
.banner-caption{padding-top: 385px; padding-bottom: 450px;}
.banner-caption h2{font-size: 50px; font-weight: 300;}
.banner-caption h1{font-family: 'rosellinda_alyamoreregular'; text-transform: capitalize; font-size: 160px;margin-top: -10px; font-weight: 500; }
.banner-caption h3{font-weight: 300; font-size: 50px;line-height: 65px;}
.banner-caption h3 span{display: block; font-family: AvenirNextLTPro-Bold;}

.money-space{padding: 0px 0px; position: relative;  font-family: AvenirNextLTPro-Regular;margin-top: -150px;}
.money-space h4{ font-size: 30px; margin-bottom: 30px; }
.money-space h4:after{width: 32%; height: 15px; background: #fff; position: absolute; display: block; content: "";right: 0px;
    margin-top: -23px;}
.money-space h4:before{width: 32%; height: 15px; background: #fff; position: absolute; display: block; content: ""; left: 0px;
    margin-top: 7px;}    

.money-space p{font-size: 28px;padding: 20px 30px;}
.money-border{border: 10px solid #C9A02A; margin:0px 30px; padding: 30px;}
.money-border h3{font-size: 29px; font-weight: 300; line-height: 40px;}

.that{background: url(images/bg1.jpg) no-repeat center; background-size: cover; padding: 100px 0px 50px; margin-top: 70px;}
.that h3{font-size: 60px; font-weight: 300;}
.that p{font-size: 31px; font-weight: 300; text-transform: uppercase; line-height: 45px; margin-top: 40px;}
.that p b{font-family: AvenirNextLTPro-Bold;}

.na-more{padding: 50px 0px;}
.na-more h2{font-family: 'rosellinda_alyamoreregular'; text-transform: capitalize; font-size: 120px; font-weight: 500;margin-bottom: 40px;}
.list1{color: #fff; font-size: 26px;}
.list1 li{padding: 15px 0px; position: relative; padding-left: 40px;}
.list1 li:before{content: ""; width: 15px; height: 15px; background:#C9A02A; display: block; position: absolute; left: 0px; top: 20px;}
.na-more p{margin-top: 50px; font-size: 29px; line-height: 35px;}
.need-both span{font-size: 36px; color: #fff; font-family: AvenirNextLTPro-Bold; padding: 12px 20px; position: relative;; letter-spacing: 1px}
.need-both{text-align: center; margin-top: 100px;}
.need-both span:after{width: 400px; height: 2px; background: #C9A02A; content: ""; display: block; margin: 0px auto; position: absolute; bottom: 0px; left: 0; right: 0;}
.need-both span:before{width: 400px; height: 2px; background: #C9A02A; content: ""; display: block; margin: 0px auto; position: absolute; top: 0px; left: 0; right: 0;}
.na-more h4 span{font-family: 'rosellinda_alyamoreregular'; text-transform: inherit; font-size: 120px; font-weight: 500; color: #fff;letter-spacing: 3px;}
.na-more h4{font-size: 110px; font-weight: 300;letter-spacing: -6px;margin-top: 35px;}
.na-more aside{font-size: 110px; font-weight: 300; margin-top: -20px; color: #C9A02A; text-align: center;letter-spacing: 4px;}
.na-more aside span{font-family: 'rosellinda_alyamoreregular'; text-transform: inherit; font-size: 120px; font-weight: 500; color: #fff;letter-spacing: 3px;}


.a-money{background: url(images/bg2.jpg) no-repeat center; background-size: cover; padding: 80px 0px;}
.a-money h2{ color: #C9A02A; font-size: 90px; font-weight: 300;text-transform: capitalize; letter-spacing: -4px;}
.a-money h2 b{font-family: AvenirNextLTPro-Bold; }
.a-money h2 span{font-family: 'rosellinda_alyamoreregular'; text-transform: capitalize; font-size: 110px; color: #000;letter-spacing: 3px;}
.a-money ul{color: #000;margin-left: 40px;margin-top: 50px;}


.i-want{background: url(images/bg3.jpg) no-repeat center; background-size: cover; padding: 100px 0px; }
.i-want-content{background: rgba(0, 0, 0, 0.9); padding: 80px 30px; color: #fff; text-align: center;}
.i-want-content h2{font-size: 28px; font-weight: 300; padding: 0px 100px;line-height: 40px;letter-spacing: 1px;}
.i-want-content h3 span{font-family: 'rosellinda_alyamoreregular'; text-transform: capitalize; color: #C9A02A; font-size: 100px;}
.i-want-content h3{font-size: 52px; font-weight: 300;margin-top: 30px;}
.i-want-content h4{font-size: 100px; text-transform: uppercase; font-weight: 300; margin-top: 100px; color: #C9A02A; letter-spacing: 2px;}
.i-want-content h4 span{color: #fff;}

.i-text{background: #C7C7C7; margin-top: 15px; padding: 90px;}
.i-text h3{font-size: 30px; line-height: 45px; text-align: center; font-weight: 300;}
.i-text h3 span{font-family: AvenirNextLTPro-Bold;}


.discover{padding: 70px 0px; color: #000; background: #E0E0E0}
.discover p{ font-size: 30px;padding: 20px 0px;text-align: center;}
.discover h3{text-align: center; font-weight: 300; font-size: 32px; margin-top: 50px;}
.discover h3 span{font-family: AvenirNextLTPro-Bold; color: #C9A02A}
.discover h4{text-transform: uppercase; text-align: center; font-size: 33px; margin-top: 100px;}
.discover ul{color: #000; font-size: 30px;    margin-top: 30px;}
.discover .list1 li:before{background: #000}
.discover h2{font-size: 33px; font-weight: 300; margin-top: 50px; padding: 15px 0px;}


.here{padding: 70px 0px; background: url(images/bg4.jpg) no-repeat center; background-size: cover;}
.here h2{font-size: 36px; text-align: center; font-weight: 300; color: #fff; letter-spacing: 4px;padding: 0px 76px;
    line-height: 40px;}
.here h2 b{font-family: AvenirNextLTPro-Bold; color: #C9A02A}    
.here ul{font-size: 30px; margin-top: 100px;}
.here h3{font-size: 35px; font-weight: 300; letter-spacing: 5px;}
.here h3 span{font-family: 'rosellinda_alyamoreregular'; text-transform: capitalize; color: #C9A02A; font-size: 100px;}


.custom{padding: 100px 0px 80px; background: url(images/bg5.jpg) no-repeat center; background-size: cover;}
.custom h2{font-size: 100px; letter-spacing: 10px; color: #000; font-family: AvenirNextLTPro-Bold; text-align: center;}
.custom h3{font-size: 36px;font-weight: 300;text-align: center;margin-top: 60px;letter-spacing: 5px; padding: 0px 23px;}
.custom h3 span{font-family: AvenirNextLTPro-Bold; }


.why1{padding: 70px 0px 50px; background: #E0E0E0; background-size: cover;}
.why1 h2{font-family: 'rosellinda_alyamoreregular'; text-transform: capitalize; color: #000; font-size: 130px; font-weight: 300;margin-bottom: 30px;}
.why1 p{font-size: 34px; padding: 20px 20px; line-height: 40px;}
.why1 center{display: inline-block; margin-top: 60px;}
.button{background: url(images/bg6.jpg) no-repeat center; background-size: cover; padding-top: 200px; padding-bottom: 350px;margin-top: -230px;}


.finally{padding: 70px 0px; text-align: center;}
.finally h2{font-size: 150px; font-family: 'rosellinda_alyamoreregular'; text-align: center; text-transform: capitalize; font-weight: 300;}
.finally h3{font-size: 36px;font-weight: 300;line-height: 45px;letter-spacing: 2px;padding: 0px 57px;}
.finally h4{text-transform: uppercase; font-size: 36px; color: #fff;font-family: AvenirNextLTPro-Bold;}
.finally h4 span{display: block; font-size: 100px; color: #C9A02A; font-weight: 300; font-family: AvenirNextLTPro-Regular;}
.finally-text{border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 40px 0px;}
.zz{font-size: 40px !important; position: relative; padding: 40px !important; margin-top: 50px; line-height: 38px !important; }
.qq{position: absolute;top: 0px;left: 0px;}
.qq1{position: absolute;bottom: 0px;right: 0px;}
.gap5{width: 100%; height: 50px;}


.scirntific{padding: 70px 0px;background: #E0E0E0; text-align: center;}
.scirntific h4{font-size: 35px; font-weight: 300; padding: 0px 185px;}
.scirntific h2{font-size: 40px; font-family: AvenirNextLTPro-Bold; color: #C9A02A;padding: 30px 150px; position: relative;margin-top: 40px;}
.scirntific h2:after{content: ""; width: 300px; height: 5px; background: #000; display: block; margin: 0px auto; position: absolute; top: 0px;    left: 0px;
    right: 0px;}
.scirntific h2:before{content: ""; width: 300px; height: 5px; background: #000; display: block; margin: 0px auto; position: absolute; bottom: 0px;    left: 0px;
    right: 0px;}
.scirntific p{font-size: 34px; line-height: 40px; margin-top: 40px; padding: 0px 130px;}
.scirntific p span{display: block; font-family: AvenirNextLTPro-Bold;}    


.read{padding: 100px 0px; text-align: center;}
.read h4{font-size: 36px;font-weight: 300;padding: 0px 82px;}
.read h4 span{color: #fff}
.read h2{font-size: 50px; font-weight: 300;margin-top: 50px;}
.read h2 span{display: block; }


.as{padding: 50px 0px; background:#C9A02A;}
.as p{font-size: 29px; padding: 20px 0px; line-height: 40px;}
.as h4{color: #fff; font-family: AvenirNextLTPro-Bold; font-size: 25px;}
.as-box{background: #000; color: #fff; padding: 30px 50px; margin-top: 30px;}
.as-box p{font-size: 29px;}

.who-this{padding: 50px 0px 0px;}
.who-this h2{margin-top: 50px; font-size: 35px; font-weight: 300; text-align: center;}
.who-this h2 span{font-size: 100px; font-family: 'rosellinda_alyamoreregular'; text-align: center; text-transform: capitalize; 
font-weight: 300; position: relative;top: 30px;}
.list2{font-size: 30px; margin-top: 50px;}
.list2 li{padding: 15px 20px;}
.who-this h3{font-size: 30px; text-align: center; font-weight: 300; margin-top: 50px; text-transform: inherit; padding: 0px 65px;}
.who-back{background: url(images/footer.png) no-repeat center; background-size: cover; padding-top: 500px; padding-bottom: 500px;margin-top: -430px;}


.client{padding: 80px 0px; background: #EEEEEE}
.client h2{font-size: 40px; font-weight: 700;font-family: AvenirNextLTPro-Bold;margin-bottom: 60px;}
.client h2 span{display: block; font-weight: 300 !important; color: #000; font-family: AvenirNextLTPro-Regular; }
.client-left{float: left; margin-right: 5px; width: 185px;}
.client-body{padding: 20px 23px; border: 1px solid #ccc; background: #fff; margin-left: 190px;}
.client-body p{font-size: 23px;line-height: 26px;}
.client-body h3{font-size: 23px; padding-top: 30px; font-family: AvenirNextLTPro-Bold; color: #C9A02A}
.client-body h3 span{color: #000; font-weight: 300; font-family: AvenirNextLTPro-Regular;} 
.client-full{margin-top: 30px;}


.claim{padding: 100px 0px 50px; background: url(images/footer1.jpg) no-repeat center; background-size: cover; text-align: center; }
.claim h2{font-size: 80px; font-weight: 300;}
.claim h2 span{font-family: AvenirNextLTPro-Bold; display: block;}
.claim h3{font-size: 33px; margin-top: 80px;}
.claim h3 span{background: #000;padding: 32px 40px;font-weight: 300;letter-spacing: 2px;}
.claim h3 b{font-family: AvenirNextLTPro-Bold; color: #fff}
.claim h4{text-align: center; font-size: 48px;margin-top: 80px; font-weight: 300;}
.claim h4 span{font-family: 'rosellinda_alyamoreregular';font-size: 110px; font-weight: 300}



/*-------start mobile design-------------*/

@media (max-width: 1199px){
  .money-space h4:before{width: 25%;}
  .money-space h4:after{width: 25%;}
}

@media (max-width: 991px){
  .container{width: 90%;}
  img{max-width: 100%; width: 100%;}
  .money-space h4:before{width: 23%;}
  .money-space h4:after{width: 23%;}
  .finally-text img{width: 260px;}
  .button img{padding: 10px; width: 360px;}
  .finally-text img{width: 240px;}
  .na-more h4{font-size: 90px;}
  .scirntific h4{padding: 0px;}
  .scirntific h2{padding: 30px 0px;}
  .scirntific p{padding: 0px;}

}

@media (max-width: 768px) {
  h1{font-size: 36px !important;}
  h2{font-size: 26px !important;}
  h3{font-size: 23px !important;}
  h4{font-size: 21px !important}
  section{padding: 40px 0px !important;}
  .banner-caption{padding: 230px 0px;}
  .banner-caption h1{font-size: 50px !important; padding: 20px 10px;}
  .banner-caption h3{line-height: 30px;}
  .money-space h4:before{margin-top: 0px; width: 10%;}
  .money-space h4:after{width: 10%;}
  .na-more h2{font-size: 50px !important;}
  .list1 li{font-size: 18px;}
  p{font-size: 18px !important;}
  .na-more h4 span{font-size: 40px;}
  .na-more h4{letter-spacing: 0px;}
  .na-more aside{font-size: 40px; margin-top: 0px;}
  .na-more aside span{font-size: 40px;}
  .a-money h2 span{font-size: 40px;}
  .a-money h2{letter-spacing: 0px;}
  .a-money ul{margin-left: 0px;}
  .i-want-content h2{padding: 0px;}
  .i-want-content h3 span{font-size: 60px;}
  .i-want-content h4{margin-top: 40px;}
  .i-text{padding: 20px;}
  .here h2{padding: 0px;}
  .here h3 span{font-size: 50px;}
  .why1 h2{font-size: 50px !important}
  .why1 p{padding: 20px 0px; line-height: 25px;}
  .button{padding-bottom: 100px !important; padding-top: 200px !important;}
  .button img{padding: 10px; width: 260px;}
  .finally-text img{width: 240px;}
  .finally h3{padding: 0px; line-height: 30px;}
  .finally h4 span{font-size: 50px;}
  .zz{font-size: 20px !important; padding: 20px !important}
  .qq img{width: 30px;}
  .qq1 img{width: 30px;}
  .scirntific h4{padding: 0px;}
  .scirntific h2{padding: 30px 0px;}
  .scirntific p{padding: 0px; line-height: 25px;}
  .read h4{padding: 0px ;}
  .read{padding: 50px 0px}
  .as p{line-height: 25px;}
  .as-box{padding: 15px;}
  .who-this h2{margin-top: 0px;}
  .who-this h2 span{font-size: 70px; margin: 0px}
  .list2 li{font-size: 18px;}
  .who-this h3{padding: 0px 0px;}
  .who-back{padding-top: 200px;padding-bottom: 400px;}
  .client-left{float: none; width: 100%; text-align: center;}
  .client-left img{width: 185px;}
  .client-body{width: auto; margin-left: 0px;}
  .claim h3 span{display: block;}
  .claim h4 span{font-size: 60px;}
  .claim h4{margin-top: 40px;}
  .need-both span:before{width: 100%;}
  .need-both span:after{width: 100%;}
  .need-both span{font-size: 28px;}
  .na-more{overflow: hidden;}

}


@media (max-width:450px){
  .need-both span{font-size: 20px !important}
  .money-space h4:before{width: 2%;}
  .money-space h4:after{width: 2%; margin-top: -21px;}
  .money-border{margin: 0px; padding: 10px;}
  .money-border h3{line-height: 30px;}
  .discover h3{line-height: 30px;}
  .who-this h2{font-size:20px !important;
  /*.shape1 .media{display: table-cell;vertical-align: middle; height: 64px;}
  .shape1 .media-body{width: 70%; background:red; float: right;}*/
}