@font-face {
    font-family: 'Bodoni 72';
    src: url('../fonts/BodoniSvtyTwoITCTT-Book.eot'),
    url('../fonts/BodoniSvtyTwoITCTT-Book.woff') format('woff'),
    url('../fonts/BodoniSvtyTwoITCTT-Book.ttf') format('truetype'),
    url('../fonts/BodoniSvtyTwoITCTT-Book.svg') format('svg');
    font-weight: lighter;
}
@font-face {
    font-family: 'Penumbra';
    src: url('../fonts/penumbra-serifweb-webfont.eot');
    src: url('../fonts/penumbra-serifweb-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/penumbra-serifweb-webfont.woff') format('woff'),
    url('../fonts/penumbra-serifweb-webfont.ttf') format('truetype'),
    url('../fonts/penumbra-serifweb-webfont.svg#Novecentowide-Bold') format('svg');
    font-weight: lighter;
    font-style: normal;

}

@font-face {
    font-family: 'gillsansmtstd';
    src: url('../fonts/gillsansmtstd-medium.eot');
    src: url('../fonts/gillsansmtstd-medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gillsansmtstd-medium.woff') format('woff'),
    url('../fonts/gillsansmtstd-medium.ttf') format('truetype'),
    url('../fonts/gillsansmtstd-medium.svg#gillsansmtstd') format('svg');
    font-weight: normal;
    font-style: normal;

}
section{border-bottom: 1px solid #474747;}

body{font-family: 'gillsansmtstd',helvetica,arial}
a:focus{outline: none}
a.t-c{text-transform: uppercase;color: #F9A504!important;}
a.t-c:hover,a:active,a:focus{color: #f9ca6e!important;text-decoration: none}

.modal-dialog{margin-top: 80px}
.modal-content{background: url('../images/lightbox.bg.jpg');padding:30px 0;min-height: 350px;background-size: 100% 100%}
.modal-header,.modal-footer{border: none}
.modal-header>.close{border:3px solid rgba(249,165,4,.5);border-radius: 100%;display: block;height: 50px;width: 50px;color: #F9A504;position: absolute;right: -25px;top:-25px;opacity: .9;background: black}
.close:focus, .close:hover{opacity: 1;border:3px solid rgba(249,165,4,1);}

.modal-title{text-transform: uppercase}
.modal-header{color: #F9A504}
.modal-body p{color: #fff; font-size: 16px}


header{padding: 30px 0;background: url('../images/astrology_intro.jpg') no-repeat;background-size: cover;background-position: 0}

.h-title img{width: 200px;}

.h-head,.h-content{    font-size: 23px;font-family: 'Bodoni 72', helvetica, arial;text-transform: none;line-height: 36px;margin: 0 auto;color: #fff;letter-spacing: 1px;}
.h-content em{font-size: 23px;font-family: 'Bodoni 72', helvetica, arial;text-transform: none;line-height: 36px;margin: 0 auto;color: #fff;letter-spacing: 1px;display: block;float: right}

nav{background: black}

.navbar{border-radius: 0;margin-bottom: 0;z-index: 99999}

.navbar-nav>li>a{color: #F9A504;background: black;outline: none;text-transform: uppercase;letter-spacing: 0.1em;font-size: 16px;font-family:'Penumbra', helvetica, arial;padding:0;margin:  25px 22px}
.navbar-nav>li>a:focus,.navbar-nav>li>a:hover,.navbar-nav>li.active>a{color: #f9ca6e!important;background: black;outline: none;text-transform: uppercase;letter-spacing: 0.1em;}


.menu{position: relative;overflow: hidden}
.menu .container{margin-top: 20px;margin-bottom: 5px}
.img-nav{position: absolute;left: -750px;top: 0;width: 2800px}

.marNo{text-align: center!important}
.marNo>li>a{margin: 0;display: inline}



.sec1{padding: 50px 0;background: url('../images/hassanjaffer.jpg');background-size: cover;background-position: 0 0}

.sec1-head h1{font-family: 'Penumbra', helvetica, arial;letter-spacing: 0.1em;text-decoration: none;font-weight: normal;padding-bottom: 0.5em;text-align: left;color: #F9A504;margin: 0!important}

.sec1-head p{color: #FFFFFF;font-size: 1.1em!important;font-weight: normal;line-height: 1.1em;}

.sec1-hid{display: none;text-align: center;background: black}
.sec1-hid img{display: inline}


.navbar-toggle{border-color: #F9A504}
.navbar-toggle span{background-color: #F9A504}

.btn-custom{display: inline-block;padding: 0 35px;background: url('../images/btn.png');background-size: 100% 100%;line-height: 75px;height: 75px;
}
.btn-custom a{color: #F9A504;outline: none;text-transform: uppercase;letter-spacing: 0.1em;font-size: 16px;font-family:'Penumbra', helvetica, arial;padding:0;margin:  25px 22px}
.btn-custom a:hover{text-decoration: none;color: #f9ca6e!important;}


.sec2{background: url('../images/int1.bg.jpg');background-size: cover;background-position: 0 0px;padding: 1px 0;overflow: hidden}
.sec2>img{margin: 0px}






.sec3{background: url('../images/books.bg.jpg') no-repeat;min-height: auto;background-size: cover;background-position: 0 0px;padding: 0 0 0px 0;}
.sec3-head h1{color: #F9A504;text-transform: uppercase;letter-spacing: 0.1em;font-family:'Penumbra', helvetica, arial;font-size: 2em;margin-top: 50px;text-align: center;position: relative
    
}
.sec3-head h1:before{content: '';height: 100%;width: 100%;background: url('../images/divider.png') no-repeat;background-position: center;position: absolute;left: 0;top:0;background-size: 100% 100%}

.sec3-book{}
.sec3-book>a{border: 3px solid #F9A504;display: block;background: black}
.sec3-book>a>img{width: 100%;margin: 0}
.sec3-book>a:hover{border-color: #f9ca6e!important;}

.wid{width: 27.66%}


.sec3-book-a{margin: 5px 0 0 0;}
.sec3-book-a>a{color: #F9A504!important;font-size: 18px}
.sec3-book-a>a:hover{color: #f9ca6e!important}

.sec3-book-content{color: #FFFFFF;line-height: 1.5em;font-family: 'gillsansmtstd',helvetica,arial;margin-top: 10px;}


.world-black{height: 250px;background: url('../images/world_editions_globe.png');background-size: cover;background-position: center}


.sec4{background: url('../images/int2.bg.jpg');background-size: cover;background-position: 0 0px;padding: 1px 0;overflow: hidden}
.sec4>img{margin: 0px}

.sec5{background: url('../images/int3.bg.jpg');background-size: cover;background-position: 0 0px;padding: 1px 0;overflow: hidden}
.sec5>img{margin: 0px}

.sec6{background: url('../images/int4.bg.jpg');background-size: cover;background-position: 0 0px;padding: 1px 0;overflow: hidden}
.sec6>img{margin: 0px}

.sec7{background: url('../images/int5.bg.jpg');background-size: cover;background-position: 0 0px;padding: 1px 0;overflow: hidden}
.sec7>img{margin: 0px}

.sec8{padding: 50px 0;background: url('../images/secrets.bg.jpg');background-size: cover;overflow: hidden}
.contact{padding:0px 0;position: relative;height:575px;width: 500px;margin: auto}
.contact .con-img{padding:0px 0;margin: auto;position: absolute;width: 100%;height: 100%;top: 0;left: 0}
.contact .con-img img{display: block;padding:0px 0;margin: auto!important;}
.contact .con-inpt{display: block;padding:0px 0;margin: auto;position: absolute;top: 263px;left: 90px}
.contact .con-inpt input[type="text"]{background: transparent;border: none;color: #F9A504;height: 45px;font-size: 30px;width: 245px;padding-right: 10px;display: block;float: left}
.contact .con-inpt input[type="text"]:focus{outline: none}

.contact .con-inpt input[type="submit"]{background: url('../images/secrets.button.png') no-repeat;background-size:190px 50px;border: none;color: #F9A504;height: 45px;font-size: 30px;width: 95px;display: block;float: left;background-position: 0 0 }
.contact .con-inpt input[type="submit"]:hover{background-position: -92px 0}
.contact .con-inpt input[type="submit"]:focus{outline: none}

@media (max-width: 768px) {
    .contact{height:275px;width: 250px;}
    .contact .con-inpt{top: 130px;left: 38px}
    .contact .con-inpt input[type="text"]{height: 27px;font-size: 18px;width: 120px;}

    .contact .con-inpt input[type="submit"]{height: 27px;width: 60px;background-position: 0 0;background-size:120px 30px; }
    .contact .con-inpt input[type="submit"]:hover{background-position: -58px 0}
    .modal-header>.close{right: 25px;top: 25px}
}


@media (max-width: 768px) {
    header{background-position: 0 0!important}
    .navbar-nav>li>a{text-align: center}
    
    .sec1{background: none;background: black}
    .marNo>li>a{margin: 0 5px;}
    .sec1-hid{display: block}
    .btn-custom{width: 100%;text-align: center}
    .sec2>img{margin: 0px}
    
    .wid{width: 80%;margin: 30px auto}
    .btn-custom a{font-size: 10px}
    .contact{min-height:266px}
}






/*********************** ready classes ***************************/

.padNone{padding:0px;}

.padTop10{padding-top:10px;}
.padTop20{padding-top:20px;}
.padTop30{padding-top:30px;}
.padTop40{padding-top:40px;}
.padTop50{padding-top:50px;}


.padBot5{padding-bottom: 5px}
.padBot10{padding-bottom: 10px}
.padBot20{padding-bottom: 20px}
.padBot30{padding-bottom: 30px}
.padBot40{padding-bottom: 40px}
.padBot50{padding-bottom: 50px}

.marNone{margin: 0}
.marAuto{margin:auto}

.marTop10{margin-top: 10px}
.marTop20{margin-top: 20px}
.marTop30{margin-top: 30px}
.marTop40{margin-top: 40px}
.marTop50{margin-top: 50px}
.marTop150{margin-top: 150px}

.marBot5{margin-bottom: 5px}
.marBot10{margin-bottom: 10px}
.marBot20{margin-bottom: 20px}
.marBot30{margin-bottom: 30px}
.marBot40{margin-bottom: 40px}
.marBot50{margin-bottom: 50px}