@import url('https://fonts.googleapis.com/css?family=Fjalla+One&subset=latin-ext');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

.hin-fon, .hin-font p {font-family: 'KrutiDev010', Arial, Helvetica, sans-serif;}

.hin-fon p { font-size:20px !important;}

.hin-font p { font-size:16px !important;}

h1, h2, h3, h4, h5, h6 { margin:0;}

body {font-family: 'Open Sans', Arial, Helvetica, sans-serif; background:url(../images/pattern.png) repeat;}

header, slider, section, footer, banner { width:100%; float:left;}

header { border-bottom:1px solid #333;}

slider .carousel-inner .item:before { background:rgba(0, 0, 0, 0.7); position:absolute; left:0; top:0; content:""; width:100%; height:100%;}

.navbar > .container .navbar-brand { margin-left: 0; font-size: 45px; color:#FF2D16; text-transform: uppercase; height:auto; line-height: normal; padding: 0 15px;}

.navbar > .container .navbar-brand img { width: 300px;}

.navbar > .container .navbar-brand span { color: #f9a32a;}

header nav { font-family: 'Fjalla One', Arial, Helvetica, sans-serif;}

header nav.navbar-book { margin-bottom:0; background:none; border: none; padding: 30px 0; }

header .nav.nav-book { margin: 3px 0 0 0; }

header nav.navbar-book ul.nav-book li { margin-left:25px;}

header nav.navbar-book ul.nav-book li:first-child, header nav.navbar-book ul.nav-book li ul li { margin-left:0;}

header nav.navbar-book ul.nav-book li::after { content: ""; width: 0%; height: 2px; float: left; background: #f9a32a; transition: all 0.5s ease-in-out;}

header nav.navbar-book ul.nav-book li a { padding:4px 0; font-size:22px; text-transform:uppercase; transition: all 0.5s ease-in-out; color:#333;}

header nav.navbar-book ul.nav-book li a:hover, header nav.navbar-book ul.nav-book li a:active, header nav.navbar-book ul.nav-book li a:focus { color:#000;}

header nav.navbar-book ul.nav-book li:hover:after, header nav.navbar-book ul.nav-book li:active:after, header nav.navbar-book ul.nav-book li:focus:after { width: 100%;}

header nav.navbar-book ul.nav-book li ul li::after, header nav.navbar-book ul.nav-book li ul li:hover:after, header nav.navbar-book ul.nav-book li ul li:active:after, header nav.navbar-book ul.nav-book li ul li:focus:after { height:0;}

header nav.navbar-book ul.nav-book li.open::after { content: ""; width: 100%; height: 2px; float: left; background: #FF2D16; transition: all 0.5s ease-in-out;}

header nav.navbar-book ul.nav-book li.open a, header nav.navbar-book ul.nav-book li.open a:hover, header nav.navbar-book ul.nav-book li.open a:active, header nav.navbar-book ul.nav-book li.open a:focus { background:none; color:#000;}

header nav.navbar-book ul.dropdown-menu { margin-top:5px; padding: 0; background:#fff; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0);}

header nav.navbar-book li.open ul.dropdown-menu li a { color:#333; font-size:15px; padding:5px 10px; border-bottom:1px solid #ccc;}

header nav.navbar-book li.open ul.dropdown-menu li:last-child a { border-bottom:none;}

header nav.navbar-book li.open ul.dropdown-menu li a:hover, header nav.navbar-book li.open ul.dropdown-menu li a:active, header nav.navbar-book li.open ul.dropdown-menu li a:focus { color:#fff; background: #f9a32a;}

/*slider .carousel-inner .item:before { content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.6);}*/

slider .carousel.slide .carousel-control { display:none;}

slider .carousel.slide:hover .carousel-control { display:block;}

.carousel-caption { top: 50%; bottom: auto; margin-top: -93px;}

.carousel-caption h1 {font-family: "Fjalla One", sans-serif; font-size: 56px; text-transform: uppercase; line-height: 68px; color: #fff; text-align: center; }

.carousel-caption p {text-align: center; display: block; font-family: "Open Sans", sans-serif; font-weight: lighter; font-size: 20px; line-height: 25px; color: #fff; text-transform: none; font-weight:400; margin: 30px 0;}

ul.ul-carousel-caption { width:100%; float:left; display:block; text-align:center;}

ul.ul-carousel-caption li { display:inline-block;}

ul.ul-carousel-caption li a { font-size: 20px; color: #ffffff; background: #f9a32a; padding: 13px 30px; border-radius: 5px; margin: 0 auto; text-transform: uppercase; font-family: "Fjalla One", sans-serif; display:block;}

ul.ul-carousel-caption li a:hover, ul.ul-carousel-caption li a:active, ul.ul-carousel-caption li a:focus { background: #FF2D16; text-decoration:none;}

section.about { padding:50px 0;}

section.about h1 { margin-bottom:20px;}

section h1 { font-family: "Fjalla One", sans-serif; font-size: 65px; text-transform: uppercase; line-height: 71px; color: #f9a32a; text-align: center;}

section h1 span { color:#5f5f5f;}

section.new-releases h1 { color:#fff;}

section.new-releases h1 span { color:#f9a32a;}

section.about p.ab-p { text-align: center;  display: block; font-weight: lighter; font-size: 20px; line-height: 25px; color: #4D4B4B; text-transform: none; margin-top:0; font-weight:400; margin-bottom:0;}

section.about .ab-text { display:block; text-align:center; margin-top:0;}

section.about .ab-text p { font-size:16px; color: #4D4B4B; margin-top:18px; width:auto; display: block; margin-bottom:0; text-align:justify;}

.ab-book-det { width:100%; float:left; padding-left:96px; margin-top:35px;}

.ab-book-det-chi { background:url(../images/icon/chil.png) no-repeat 0  top / 80px;}

.ab-book-det-his { background:url(../images/icon/his.png) no-repeat 0  top / 80px;}

.ab-book-det-agr { background:url(../images/icon/agri.png) no-repeat 0  top / 80px;}

.ab-book-det h2 { color: #5f5f5f; font-size: 36px; line-height: 36px; text-align: left; font-family: 'Fjalla One', Arial, Helvetica, sans-serif; margin-bottom:8px; text-transform:uppercase;}

.ab-book-det p { font-size:14px; color: #4D4B4B; margin-bottom:0;}

a.info { font-family: 'Fjalla One', Arial, Helvetica, sans-serif; margin-top: 5px; color: #3d3d3d; text-transform: uppercase; display: inline-block; font-weight: 400;}

a.info:hover, a.info:active, a.info:focus { text-decoration:none; color:#FF2D16;}

section.new-releases { background:url(../images/page1_img5.png) no-repeat center / cover; padding:50px 0; position:relative;}

section.new-releases:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}

section.cat-work { background:none; padding-top: 15px;}

section.cat-work:before { background:rgba(0, 0, 0, 0);}

section.cat-work .categorie { width:100%; float:left; border:1px solid #ccc;}

section.cat-work .categorie h2 { padding:10px 10px 10px 48px; text-transform:uppercase; font-size:22px; font-weight:500; background:#f9a32a url(../images/categories-icon.png) no-repeat 10px center / 30px; color:#fff; font-family: 'Fjalla One', Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc;}

section.cat-work .categorie ul { margin-bottom:0; background:#fff;}

section.cat-work .categorie ul li { border-bottom:1px solid #ccc;}

section.cat-work .categorie ul li a { display:block; padding: 8px 10px 8px 25px; font-size:14px; color:#333; font-weight:600; background:url(../images/icon/arrow-gray.png) no-repeat 10px center / 10px;}

section.cat-work .categorie ul li a:hover, section.cat-work .categorie ul li a:active, section.cat-work .categorie ul li a:focus { text-decoration:none; background:#333 url(../images/icon/arrow-white.png) no-repeat 10px center / 10px; color:#fff;}

section.cat-work .categorie ul li:last-child { border-bottom:none;}

.new-rel-text { width:100%; float:left; background:#fff; padding:10px; border:1px solid #ccc; margin-top:35px;}

section.cat-work .new-rel-text { -webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);}

.new-rel-text img { float:left; width:110px; height:142px;}

.new-rel-del { float:left; margin-left:10px; width: 218px;}

.new-rel-del h2, .new-rel-del h2 a { color: #5f5f5f; font-size: 22px; line-height: 36px; text-align: left; font-family: 'Fjalla One', Arial, Helvetica, sans-serif; margin-bottom:8px; text-transform:uppercase;}

.new-rel-del h2 a:hover, .new-rel-del h2 a:active, .new-rel-del h2 a:focus { color:#FF2D16; text-decoration:none;}

.new-rel-del p { font-size: 14px; color: #4D4B4B;}

section.contact { padding:50px 0;}

section.contact .col-lg-12.col-md-12.col-sm-12.col-xs-12 { border:1px solid #ccc; border-radius:10px;

-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);

-moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);

box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);

padding:20px;

}

section.contact p {font-size:14px; color: #4D4B4B; margin-bottom:0; text-align:center; margin-top:5px;}

section.contact p a { color:#333;}

section.contact p a:hover, section.contact p a:active, section.contact p a:focus { color:#000; text-decoration:none;}

section.contact h1 { margin-bottom:30px;}

section.contact ul { margin-bottom:0; display:block; text-align:center;}

section.contact ul li { width:100%; float:left; margin-bottom:10px; position:relative;}

section.contact ul li span { position:absolute; top:50%; right:0; margin-top:-15px; font-size:18px; color:#333; font-weight:600; font-family: 'Fjalla One', Arial, Helvetica, sans-serif; height:26px;}

section.contact ul li:last-child { margin-bottom:0;}

section.contact ul li.half-form { width:49%;}

section.contact ul li.three-form { width:32%;}

section.contact ul li.form-margin { margin-left:2%;}

section.contact ul li input, section.contact ul li textarea { width:100%; border:none; border-bottom:1px solid #ccc; font-family: 'Fjalla One', Arial, Helvetica, sans-serif; font-size:18px; padding:10px; height:47px; color: #4D4B4B; background: rgba(0, 0, 0, 0);}

section.contact ul li.sp-form input { height: auto; padding: 8.5px;}

section.contact ul li.submit { float:none; display:inline-block;}

section.contact ul li input[type="submit"] { width:auto; border:none; font-size: 20px; color: #ffffff; background:#f9a32a; padding: 12px 30px 10px 30px; border-radius: 5px; margin: 0 auto; text-transform: uppercase; font-family: "Fjalla One", sans-serif; height:auto;}

section.contact ul li input[type="submit"]:hover, section.contact ul li input[type="submit"]:active, section.contact ul li input[type="submit"]:focus { background:#FF2D16;}

section.map { border-bottom:1px solid #ccc; border-top:1px solid #ccc;}

footer { padding:10px 0; border-top:1px solid #ccc;}

footer p { margin: 9px 0 0 0; float:left; font-size:15px;}

footer p a { color:#FF2D16; font-weight:600;}

footer p a:hover, footer p a:active, footer p a:focus { color:#FF2D16;}

footer ul.social { margin-bottom:0; float:right;}

footer ul.social li { float:left; margin-left:8px;} 

footer ul.social li:first-child { margin-left:0;}

footer ul.social li a { width:40px; height:40px; display:block; border:2px solid rgba(0, 0, 0, 0); border-radius:50%;}

footer ul.social li.f a { background:#475993 url(../images/social/f.png) no-repeat center / 20px;}

footer ul.social li.g a { background:#F34A38 url(../images/social/g.png) no-repeat center / 20px;}

footer ul.social li.l a { background:#0077B7 url(../images/social/l.png) no-repeat center / 20px;}

footer ul.social li.t a { background:#76A9EA url(../images/social/t.png) no-repeat center / 20px;}

footer ul.social li.f a:hover { background:#fff url(../images/social/f-hover.png) no-repeat center / 20px; border:2px solid #475993;}

footer ul.social li.g a:hover { background:#fff url(../images/social/g-hover.png) no-repeat center / 20px; border:2px solid #F34A38;}

footer ul.social li.l a:hover { background:#fff url(../images/social/l-hover.png) no-repeat center / 20px; border:2px solid #0077B7;}

footer ul.social li.t a:hover { background:#fff url(../images/social/t-hover.png) no-repeat center / 20px; border:2px solid #76A9EA;}

section.con-details { padding:10px 0; background:#333;}

ul.ul-con-det { margin-bottom:0;}

ul.ul-con-det li { float:left; margin-left:15px;}

ul.ul-con-det li:first-child { margin-left:0;}

ul.ul-con-det li, ul.ul-con-det li a { color:#fff;}

ul.ul-con-det li { padding-left:25px;}

ul.ul-con-det li.call { background:url(../images/icon/call.png) no-repeat 0 center / 20px;}

ul.ul-con-det li.land { background:url(../images/icon/landline.png) no-repeat 0 center / 20px;}

ul.ul-con-det li.mail { background:url(../images/icon/mail.png) no-repeat 0 center / 20px;}

ul.ul-con-det li.gps { background:url(../images/icon/gps.png) no-repeat 0 center / 20px;}

banner { background:url(../images/slider/1.jpg) fixed no-repeat 0 center / cover; padding:30px; position:relative;}

banner:before { content:""; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.7); position:absolute;}

banner h1 { font-family: "Fjalla One", sans-serif; font-size: 65px; text-transform: uppercase; line-height: 71px; color: #fff; text-align: center;}

.con-work { background:#fff; padding:40px 0; border-bottom:1px solid #ccc;}

.con-work ul { margin:0; text-align:center; display:block; width:100%;}

.con-work ul li { display:inline-block; margin-bottom:10px; width:100%;}

.con-work ul li, .con-work ul li a { font-size:15px; font-weight:400; color:#333;}

.con-work ul li a:hover, .con-work ul li a:active, .con-work ul li a:focus { color:#F9A32A; text-decoration:none;}

.con-work ul li:last-child { margin-bottom:0;}

.con-work ul li img { width:80px;}

.category-about { padding:40px 0; background:#fff;}

.category-about p { margin-bottom:0; font-size:15px; color:#4D4B4B;}

.category-about p.cat-ab-p { color:#e59017; font-size:18px; margin-bottom:25px;}

.book-details { padding:50px 0;}

.book-details h1 { font-size:45px; text-align:left; margin-bottom:10px; line-height: normal;}

.book-details p { font-size: 15px; color: #4D4B4B; text-align:justify;}

.book-det-img { float:right; padding:15px; border:1px solid #ccc; background:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);

-moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);

box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);

margin-left:20px; margin-bottom:10px;

}

.book-det-img img { width:247px; float:left; height: 191px;}

.book-img-txt{ float:left; margin-left:10px;}

.book-det-img h2.dis-res { display:none;}

.book-det-img h2 {color: #5f5f5f; font-size: 30px; line-height: 36px; text-align: left; font-family: 'Fjalla One', Arial, Helvetica, sans-serif; margin-bottom: 8px; text-transform: uppercase;}

.book-det-img p { color: #5f5f5f; font-size:15px; font-weight:600;}

.book-det-img p:last-child, .book-details p:last-child { margin-bottom:0;}



@media (max-width: 1334px) {

.carousel-caption h1 { font-size: 54px;}

}



@media (max-width: 1287px) {

.carousel-caption h1 { font-size: 53px;}	

}



@media (max-width: 1263px) {

.carousel-caption h1 { font-size: 52px;}

}



@media (max-width: 1237px) {

.carousel-caption h1 { font-size: 51px;}

}



@media (max-width: 1215px) {

.carousel-caption h1 { font-size: 50px;}

}



@media (max-width: 1199px) {

ul.ul-con-det { width:100%; display:block; text-align:center; }

ul.ul-con-det li { display:inline-block; float:none; }

ul.ul-con-det.pull-left { margin-bottom:5px;}

slider .carousel-inner .item::before { background: rgba(0, 0, 0, 0);}

.carousel-caption { top: auto; margin-top: 0; bottom: 0; width: 100%; left: 0; background: rgba(0, 0, 0, 0.5); padding: 20px;}

}



@media (max-width: 991px) {

.navbar-collapse.collapse { width:100%;}

.navbar > .container .navbar-header, header .nav.nav-book { display:block; text-align:center; width:100%;}

.navbar > .container .navbar-brand { display:inline-block; margin-bottom:15px; float:none;}

header nav.navbar-book ul.nav-book li { display:inline-block; float:none;}

header nav.navbar-book li.open ul.dropdown-menu li { display:block;}

.carousel-caption h1 { font-size: 30px;}

.carousel-caption p { margin: 15px 0;}

.new-rel-del { width: 202px;}

.new-rel-del p { font-size: 13px;}

section.about .ab-text p { width:100%;}

.book-det-work { display:block; text-align:center; width:100%;}

.book-det-img { margin:0; float:none; margin-bottom:20px; display:inline-block;}

.carousel-caption { padding: 0px 20px;}


}



@media (max-width: 767px) {

.new-rel-del { width: auto;}

.navbar > .container .navbar-brand { float:left; margin-bottom:0;}

header nav.navbar-book { padding: 5px 0;}

.navbar > .container .navbar-brand img { padding: 8px 0;}

.navbar-toggle { background: #333;}

header nav.navbar-book ul.nav-book li { display: block; text-align: left; margin-left: 0; padding: 5px 0;}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #333;}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:active, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #333;}

footer p { width:100%; margin-top:0; text-align:center;}

footer ul.social { display:block; text-align:center; width:100%;}

footer ul.social li { display:inline-block; float:none;}

.new-rel-del p { font-size: 14px;}

.con-work ul { margin-bottom:30px;}

.con-work ul.con-last-ul { margin-bottom:0;}

section.contact .col-lg-12.col-md-12.col-sm-12.col-xs-12 { border:none; border-radius:0;

-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,0);

-moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,0);

box-shadow: 0px 0px 5px 0px rgba(204,204,204,0);

padding:0 15px;

}

}

@media (max-width: 700px) {

.new-rel-del { width: 340px;}

.book-det-img h2 { display:none;}

.book-det-img h2.dis-res { display:block}

.book-det-img img { width:100%; margin-bottom:20px;}

.book-img-txt { margin-left:0;}

.carousel-caption { padding:10px 20px;}

.carousel-caption h1 { font-size: 24px;}

.carousel-caption h1 { line-height: normal;}

}

@media (max-width: 500px) {

.new-rel-del { width: 272px;}

}

@media (max-width: 400px) {

.new-rel-text { display:block; text-align:center;}

.new-rel-text img, .new-rel-del { float:none; display:inline-block;}

.new-rel-del { width:100%; margin-left:0; margin-top:10px;}

.new-rel-del h2, .new-rel-del h2 a { text-align:center;}

section h1 { font-size: 45px; line-height: normal;}

.navbar > .container .navbar-brand img { padding: 12px 0; width: 220px;}

ul.ul-con-det li.gps { display:none;}

section.contact ul li.form-margin { margin-left:0;}

section.contact ul li.half-form, section.contact ul li.three-form { width: 100%;}

.ab-book-det h2 { font-size: 26px;}

}