@font-face {
    font-family: 'Charter BT';
    src: url('../font/CharterBT-Roman.eot');
    src: url('../font/CharterBT-Roman.eot?#iefix') format('embedded-opentype'),
        url('../font/CharterBT-Roman.woff2') format('woff2'),
        url('../font/CharterBT-Roman.woff') format('woff'),
        url('../font/CharterBT-Roman.ttf') format('truetype'),
        url('../font/CharterBT-Roman.svg#CharterBT-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Akkurat';
    src: url('../font/Akkurat.eot');
    src: url('../font/Akkurat.eot?#iefix') format('embedded-opentype'),
        url('../font/Akkurat.woff2') format('woff2'),
        url('../font/Akkurat.woff') format('woff'),
        url('../font/Akkurat.ttf') format('truetype'),
        url('../font/Akkurat.svg#Akkurat') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Caveat Brush';
    src: url('../font/CaveatBrush-Regular.eot');
    src: url('../font/CaveatBrush-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/CaveatBrush-Regular.woff2') format('woff2'),
        url('../font/CaveatBrush-Regular.woff') format('woff'),
        url('../font/CaveatBrush-Regular.ttf') format('truetype'),
        url('../font/CaveatBrush-Regular.svg#CaveatBrush-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
*:focus{ outline: none; }
body{font-family: Akkurat; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; scroll-behavior:smooth; font-weight:300; font-size: 14px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;box-sizing:border-box}
section{position:relative;overflow:hidden;width:100%;clear:both}
img{border:0;max-width:100%;display:block}
ol,ul{list-style:none}
ol li,ul li{box-sizing:border-box;list-style:none}
a{ text-decoration:none; color:#fff; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; box-sizing:border-box;}
a:hover{text-decoration:none;color:#fff;}
p{ margin:0 0 15px; line-height:26px; font-size:18px; color: #041e42;}

.container{max-width:1200px;margin:0 auto;position:relative}
.container-fluid{max-width:1600px;margin:0 auto;position:relative;}
div [class^="col-"]{ position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.col-1 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.col-2 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
.col-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-4 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
.col-5 { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; }
.col-6 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.btn{ background: #0483c4; color: #fff; padding: 8px 40px; border-radius: 15px; font-size: 24px; font-family: Charter BT; font-weight: bold; border: 2px solid #0483c4;}
.btn:hover{ background: transparent; color: #0483c4; border: 2px solid #0483c4;}
.btn.join-bg{ background: #484f92; border: 2px solid #484f92;}
.btn.join-bg:hover{ background: transparent; color: #484f92; border: 2px solid #484f92;}

.btn2{background: rgba(4, 131, 196, 0.6) url(../img/btn-bg.png )no-repeat left center; color: #fff; padding: 18px 30px; padding-left: 70px; border-radius: 15px; font-size: 24px; font-family: Charter BT; font-weight: bold; border: 1px solid #fff;}
.pd-top{ padding-top: 50px; }
.com-pad{ padding: 70px 0; }
.gry-bg{ background: #eaeaea; }
.pd-180{ padding:0 180px; }
.pd-250{ padding-bottom: 250px !important; }
.dark-gry{ background: #4b4b4b;}
.input{position:relative;margin-bottom:15px}
.input:last-child{margin-bottom:0}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="password"],input[type="number"],select{-webkit-appearance:none; border-radius:0; box-sizing:border-box; padding:10px 10px;border:1px solid #c0c6ce; width:100%; height:40px; color:#06234c; font-size:14px; margin:0; font-family: Akkurat; }
::-webkit-input-placeholder{color:#06234c}
::-moz-placeholder{color:#06234c}
:-ms-input-placeholder{color:#06234c}
:-moz-placeholder{color:#06234c}
.text-center, .logo{ text-align: center; }
.slick-slider:focus{ outline: 0; }
/* -----------home---------- */
header{ background: #06234c; padding: 50px 0 0; position: relative; }
header.sticky{ padding: 20px 0 0; }
.logo .title{ font-family: Charter BT; letter-spacing: 5px; font-size: 30px; color: #fff; text-transform: uppercase; line-height: 20px; padding-bottom: 20px;}
.logo .sub-title{ font-family: Akkurat; letter-spacing: 2px; font-size: 12px; color: #7a7a7a; text-transform: uppercase; line-height: 10px; padding-bottom: 40px;}

.nav-links{ border: 1px solid #05558b; border-right: 0; border-left: 0; padding: 15px 0; text-align: center; font-size: 16px; display: block; vertical-align: top; }
header.sticky .nav-links { background: #06234c; position: fixed; top: 0; left: 0;  -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; width: 100%; max-width: 100%; z-index: 160;}
.nav-links ul { margin: 0; padding: 0 }
.nav-links ul li { display: inline-block; position: relative; padding: 0; margin: 0 0; }
.nav-links ul li:after{ content: "."; color:#4985a8; margin: 0 20px; }
.nav-links ul li:last-child:after{ display: none }
.nav-links ul li a{ color:#4985a8;}
.nav-links ul li a:hover{ color:#fff;}
.nav-links ul li.active a{ color:#fff;}

.caption{ background: #06234c; padding: 70px 0;}
.caption .txt{ padding: 20px 40px; text-align: center; }
.caption .txt p{font-size: 30px; color: #fff; font-family: Charter BT; font-weight: bold;line-height: 40px; margin-bottom: 40px;}

.video-box{ position: relative; }
.video-box .video-btn{ position: absolute; top: 50%; left: 50%; margin-left: -150px;}

.abt-book{ text-align: center; padding: 80px 0;}
.book-img img{ margin: auto; }
.book-text{ padding: 60px 50px; }
.book-text p{ font-size: 24px; line-height: 35px; padding-bottom: 40px; color: #000;}
.book-text .book-name{ font-family: Charter BT; color: #041e42; font-size: 36px; line-height: 40px; padding-bottom: 20px; }
.book-text .book-subtitle{ font-size: 24px; color: #000; font-weight: bold; font-style: italic; padding-bottom: 50px; }
.featured{ border-bottom: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc;  padding: 0 0 50px}
.featured img,.books-slider .item img{ margin: 0 auto; padding: 0 20px;}
.side-line{ font-family: Charter BT; line-height: 1px; color: #0483c4; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 10px;}
.side-line span{ background: #fff; z-index: 1; padding: 0 20px;}
.sign-circle{ background:#38386c; text-align: center; position: relative; overflow: visible;}
.sign-circle .chup-imgbox{ min-height: 468px; max-width: 455px; position: absolute; left: 0; right: 0; top: -206px; margin: auto; }
.sign-txt{ padding: 300px 200px 80px }
.sign-circle p{ color: #fff; font-size: 24px; line-height: 33px; padding-bottom: 35px;}

.about-div{padding-top: 70px;}
.about-div .abt-txt{padding-right: 50px; padding-top: 40px;}
.about-div .abt-txt h2{ font-size: 30px; padding-bottom: 20px;}
.about-div .abt-txt a{ font-weight: bold; color: #000; font-size: 16px;}


footer{ background: #2e2e2e; padding: 40px 0 50px 0; font-size: 16px;}
footer ul li{ line-height: 20px; padding-bottom: 10px;}
footer a{ color: #a8a8a8; }
footer .copyright{ font-size: 12px; color: #747373; }
footer .fo-social ul:first-child .fa{ margin-left: 0; }
/* -----------book---------- */
.news-name{ font-family: Charter BT; color: #fff; font-size: 35px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
.habit{ background: #d8433f; text-align: center }
.habit-title { color: #000; font-size: 30px; line-height: 35px; font-weight: bold; padding-top: 40px; }
.habit-title a{ color: #000; }
.other-books{ position: relative; }
.heading{ font-size: 24px; font-family: Charter BT; text-transform: uppercase; text-align: center; color: #323232; padding-bottom: 40px; font-weight: bold; line-height: 30px; letter-spacing: 5px; }
.talking-books{ background: url(../img/side-img.png) no-repeat center right 17px; }
.books-slider{ padding: 0 40px; }
.books-slider .slick-arrow, .resource-nav .slick-arrow{ display: block; font-size: 0; border: none; width: 28px; height: 52px; position: absolute; top: 50%; background: url(../img/slider-arrow.png) no-repeat; cursor: pointer; -webkit-transform: z-index: 2; margin-top: -20px; }
.books-slider .slick-prev.slick-arrow, .resource-nav .slick-prev.slick-arrow{ left: 0; }
.books-slider .slick-next.slick-arrow, .resource-nav .slick-next.slick-arrow{ right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.books-slider img:hover{ opacity: 0.8; }

.slick-dots{ text-align: center; }
.slick-dots li{display: inline-block; vertical-align: top; margin: 0 3px;}
.slick-dots li button{ font-size: 0; line-height: 0; display: inline-block; width: 10px; height: 10px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: rgba(255, 255, 255, 0.61); margin: 0 auto; margin-top: 2.5px; border-radius: 50%; }
.slick-dots li.slick-active button{ background: #fff; margin: 0; }
/* ------------chup-circle------------- */
.abt-chupcircle{ color: #fff; text-align: center; }
.abt-chupcircle p{  font-family: Charter BT; font-size: 36px; padding: 0 170px; line-height: 50px;}
.authore-name{ font-size: 18px; padding-top:30px;  }
.intro-circle .row{ padding: 0 20px; }
.intro-circle .txt-box p{color: #041e42; font-family: Charter BT; font-size: 36px; line-height: 40px; padding-bottom: 40px; text-align: center}
.intro-circle .links{ text-align: center; padding: 70px 0;  }
.intro-circle .links a{ margin-right: 20px; }
.intro-circle .col-5 .space-col{padding: 0 20px; border-right: 1px solid #c3c3c3; height: 247px;}
.intro-circle .col-5:last-child .space-col{border-right: 0}
.intro-circle img{ margin: 0 auto; }
.intro-circle .space-col h3{ color:#041e42; font-size: 30px; line-height: 35px; padding-bottom: 30px;}
.caption.chup-div{ overflow: visible; height: 550px}
.caption.chup-div .chup-circle{ min-height: 468px; max-width: 455px; position: absolute; left: 0; right: 0; top: 100px; margin: auto; }
.start-circle{ overflow: visible; }
.start-circle .que{ min-height: 230px; max-width: 230px; border-radius: 50%; background: #484f92; color: #fff; text-align: center; font-size: 20px; z-index: 10; position: absolute; top: 16px; left: 380px;}
.chup-box{ max-width: 800px; margin: 100px auto 80px; }
.start-circle .que h2{ padding: 70px 20px 20px 20px; }
.circle-slider{ background: #1c4886; max-width: 500px; border-radius: 100%; min-height: 500px; padding: 147px 50px 15px 50px; text-align: center; color: #fff; margin: 0 auto;}
.circle-slider h2{ color: #0483c4; font-family: Caveat Brush; font-size: 50px; line-height: 45px; padding-bottom: 40px;}
.circle-slider p{ color:#fff; }
.start-circle .links a{ margin-right: 20px; }
.partner-logo{ margin-top: 80px; text-align: center;}
/* -----------contact---------- */
.form-div .form-txt{ padding: 0 50px; }
.form-div .form-txt h3{ font-size: 18px; padding-bottom: 30px;}
.form-div ul li{ color: #c0c6ce; font-size: 18px; border-bottom: 1px solid #c0c6ce; line-height: 30px;
    padding: 5px 0;}
.form-div ul li:last-child, .res-box ul li:last-child{ border-bottom: 0; }
.form-div ul li a{color: #c0c6ce;}
.form-div ul li a:hover{color: #06234c;}
.form-div textarea{height:90px;resize:none}
.error{ color:red; font-size:12px; text-align:left; padding: 5px 10px 0; display: block;}
.input .btn.submit-btn { color: #fff; padding: 8px 40px; border-radius: 15px; font-family: Charter BT; font-weight: bold; border: 2px solid #0483c4; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; box-sizing:border-box;}
.input .btn.submit-btn:hover{ background: transparent; color: #0483c4; border: 2px solid #0483c4; }
.success{font-family: Akkurat; color: #0d7f05; font-size: 14px; padding: 5px 0 0; display: block;}
.success-msg.error{text-align: center;}
/* ------------about-deepa----------- */
.about-img{ min-height: 500px; padding: 0; position: relative; overflow: visible;}
.intro-img{ position: absolute; left: 0; top: 0; right: 0; max-width: 540px; margin: auto;}
.large-txt{ font-size: 30px; font-family: Charter BT; line-height: 35px; padding: 150px 0 40px; }
.newletter-box{ background: url(../img/texture-bg.jpg) no-repeat; background-size: 100% 100%; }
.newletter-box label{ font-size: 24px; color: #000; }
.newletter-box input[type="text"]{width: 30%; margin: 0 20px; }
.newletter-box input[type="submit"]{width: 15%; margin: 0 20px; }
.social{ border-top: 1px solid #bcbcbc; padding: 0 0 0; margin-top: 70px; }
.social li, footer .fo-social li { display: inline-block; font-size: 0;}
.social li .fa, footer .fo-social li .fa{height: 50px; line-height: 50px; width: 50px; background: #8c8c8c; color: #fff; border-radius: 50%; font-size: 23px; text-align: center; margin: 0 15px;}
.social li .fa:hover, footer .fo-social li .fa:hover{ background: #06234c; }
/* -----------resources---------- */
.res-title{ font-size: 18px; color: #06234c; font-weight: bold; line-height: 26px; padding-bottom: 20px; }
.res-box ul{ padding-bottom: 40px; }
.res-box ul li{ font-size: 18px; color: #06234c; border-bottom: 1px solid #06234c; line-height: 26px; padding: 10px 0;}
.res-box ul li a{ color: #06234c; }
.res-box ul li a:hover{ color: #0483c4; }
.resource img{ width: 100%; }

.nav-box{ position: absolute !important; bottom: 4px; left: 0; color: #fff; padding: 70px 0; background: rgba(0, 0, 0, 0.48); width: 100%;}
.nav-box .item span{  font-size: 18px; padding: 0 20px; }
.resource .container.resource-nav{ padding: 0 50px; text-align: center; color: #b1b1b1;}
.resource-nav .slick-current{ color: #fff ; }


.humberger{display:none}
.slide-menu, .overlay{display:none}
.overlay{background:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:101}
/* ------------faq------------ */
.accordion-item{border-bottom:1px solid #dde2ea;padding:7px 0}
.accordion-item .acrd-title{font-size:20px;color:#000000;cursor:pointer;position:relative;padding-right:45px;padding:20px 0;padding-right:45px}
.accordion-item .acrd-title:before{position:absolute;top:50%;right:0;height:3px;content:'';width:15px;background:#06234c;margin-top:-1.5px}
.accordion-item .acrd-title:after{position:absolute;top:50%;right:6px;width:3px;content:'';height:15px;background:#06234c;margin-top:-7.5px}
.accordion-item .acrd-title.current:after{display:none}
.accordion-item .acrd-title.current{color:#000000}
.accordion-item .acrd-content{display:none;padding-top:0;line-height:24px;padding-bottom:5px;color:#ed2939;margin-top:-5px}
.accordion-item .acrd-content p{color:#041e42;}
.accordion-item:last-child{ border-bottom:0; }