body{ padding: 0px; margin: 0px; font-weight: 400;font-family: 'abelregular';}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}
ul, li{ list-style: none}
/*-------------Font face------------------*/
@font-face {
    font-family: 'abelregular';
    src: url('../fonts/abel-regular-webfont.woff2') format('woff2'),
         url('../fonts/abel-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntubold';
    src: url('../fonts/ubuntu-bold-webfont.woff2') format('woff2'),
         url('../fonts/ubuntu-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubunturegular';
    src: url('../fonts/ubuntu-regular-webfont.woff2') format('woff2'),
         url('../fonts/ubuntu-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold_0-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*--------------------------Header Top----------------------------*/
.header-top { background: #000; float: left; padding: 10px 0; width: 100%;}
.top-txt{ display: inline-block; width: 100%; color: #fff; font-size: 16px; padding-top: 5px;}
.search-bx{ float: right; width: 50%; position: relative}
.search-bx a{ position: absolute; right: 0; top: 5px; color: #fff;}
.search-bx a:hover{  color: #ff4f19;}
.search-bx .form-control{ background: transparent; border: none; box-shadow: none; border-radius: 0; color: #fff; font-size: 17px; height: 30px;
padding-right: 20px;}
.header .navbar-brand { height: auto; padding: 0;transition: width 1s ease, height 1s ease; margin: 0 !important; width: 210px;}
.header .navbar.navbar-default{ background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; margin: 0;}
.header .collapse.navbar-collapse{ float: right;}
.slider { float: left; position: relative; width: 100%;}
.header { float: left; width: 100%; z-index: 99999;}
.header .navbar-default .navbar-nav > li > a { color: #000;   margin: 0px 1px;padding:15px 10px;font-size: 23px;
                      font-family: 'abelregular';}
.header .navbar-default .navbar-nav > li > a:hover { color: #ff4f19; background: transparent }
.header .navbar-default .navbar-nav > .active > a, 
.header .navbar-default .navbar-nav > .active > a:hover, 
.header .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; color: #ff4f19;}
.header .navbar.navbar-default ul.nav.navbar-nav{margin: 0 0; width: 100%  }
.slider_cover{ padding:0; float: left; width: 100%; background: #0F1628; text-align: center; position: relative;overflow: hidden}
.slider_cover h2 { color: #fff; font-size: 110px; font-weight: normal; padding: 0 10px 0 0; text-shadow: none;font-family: 'ubuntubold';display: block;}
.slider_cover p { color: #fff; font-size: 27px; font-weight: normal; padding: 0 10px 0 0; text-shadow: none;font-family: 'ubunturegular';display: block;}
.slider_cover .carousel-caption { bottom: auto; left: 0%; padding-bottom: 30px; right: 0%; top: 50%; transform: translate(0px, -50%);}
.banner-txt { float: left; width: 100%; text-align: left}
.banner-txt a{ display: inline-block; font-size: 22px; color: #fff; padding: 10px 30px; text-shadow: none; background: #EE2700; margin-top: 30px;}
.banner-txt a:hover { background: #D12204; color: #fff;}
.navbar-me {   transition: all 1s ;}
.navbar-me{ padding: 15px 0; top: 0px; border: 0px; border-radius: 0px; margin: 0;}
.fixed-me{ padding: 5px 0; ; margin-bottom: 0px; position: fixed; top:0;z-index:9999;width: 100%;left: 0; background: #fff; box-shadow: 0 0 5px 0 #ccc}
.header .navbar.navbar-default .fixed-me ul.nav.navbar-nav { margin: 0px 0 0;}
.header .fixed-me .navbar-brand { height: auto; padding:0; width: 150px;transition: width 1s ease, height 1s ease;}
.header .navbar-default .fixed-me .navbar-nav > li > a{ padding: 10px;   font-size: 20px;}
.header .navbar-default .fixed-me .navbar-nav > li > a.btn.btn-primary { margin-top: 0px; padding: 21px 10px 12px}
#toTop {  background: #EE2602;  border-radius: 50%;  bottom: 10px;  cursor: pointer;  display: none;  font-weight: bold;  height: 40px;  line-height: 37px;
  padding: 0;  position: fixed;  right: 10px;  text-align: center;  transition: transform 0.5s ease 0s;  width: 40px;  z-index: 999999;}
.header .navbar-brand.hd-fixed{ display: none}
.header .fixed-me .navbar-brand.hd-fixed{ display: inline-block}
.header .fixed-me .navbar-brand.hd-normal{ display: none}
/*.slider_cover .carousel-indicators { bottom: auto; left: auto; margin: 0; right: 10px; top: 50%; width: 20px;  transform: translate(0px, -50%);}*/
/*--------------------------Blog-section--------------------------------------*/
.blog-section{ padding: 50px 0; background: #F0F0F0}
.blog-bx {  float: left;  width: 100%;}
.blog-bx .thumbnail { border:none; border-radius: 0px; padding: 0px; float: left; width: 100%; box-shadow: 0 4px 25px 0 #ccc;}
.blog-img { float: left; position: relative; width: 100%; overflow: hidden}
.rigth-usre .thumbnail img,
.letest-img img,
.blog-img img { transition: all 0.5s ease 0s;}
.rigth-usre .thumbnail img:hover,
.letest-img img:hover,
.blog-img img:hover{
filter: grayscale(100%);
// Browser Specific
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);


/*filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);*/
}
.blog-link { left: 0; padding: 25px; position: absolute; top: 0; width: 100%;}
.blog-link a{ float: left; font-size: 20px; color: #fff; padding: 5px 20px; text-shadow: none; background: #EE2700; margin-right: 2px; }
.blog-link a:hover { background: #D12204; color: #fff;}
.blog-link a.star-icon{ float: right; margin-right: 0;}
.blog-bx .thumbnail .caption { color: #333; float: left; padding: 0; width: 100%;}
.comments-bar { background: #5f5f5f; color: #fff; float: left; padding: 5px 30px; width: 100%; }
.comments-bar span{ display: inline-block; font-size: 17px; margin-right: 30px;}
.user-comments { float: right; font-size: 17px;}
.user-comments i{ margin-right: 10px;}
.comments-user { float: left; padding: 30px; width: 100%;}
.comments-user h3{ color: #000000; font-size: 35px; padding-bottom: 20px;}
.comments-user h3 a{ color: #000000; font-size: 35px;}
.comments-user p{ color: #505050; font-size: 20px; padding-bottom: 20px;}
.comments-user .btn-primary{ float: left; font-size: 22px; color: #fff; padding: 8px 30px; text-shadow: none; background: #EE2700; border: none; border-radius: 0}
.comments-user .btn-primary:hover { background: #D12204; color: #fff;}
.social-icon {  float: right; padding-top: 8px;}
.social-icon a{ display: inline-block; font-size: 22px; margin-left: 10px; color: #B5B5B5}
.comments-user h3 a:hover,
.social-icon a:hover{ color: #EE2700}
.pagination-page{}
.pagination-page { border-radius: 0; display: inline-block; margin: 20px 0; padding-left: 0;}
.pagination-page li{ margin-right: 5px; float: left}
.pagination-page li a{ border-radius: 0; border: none; background: #D4D4D4; color: #272c3c; font-size: 22px;padding: 6px 17px;}
.pagination-page > li:last-child > a, .pagination-page > li:last-child > span ,
.pagination-page > li:first-child > a, .pagination-page > li:first-child > span{border-radius: 0;}
.pagination-page > li.active a,.pagination-page > li > a:hover, 
.pagination-page > li > span:hover, .pagination-page > li > a:focus, 
.pagination-page > li > span:focus { background-color: #262C3C; color: #fff; z-index: 2;}
.rigth-usre{ display: inline-block; width: 100%}
.rigth-usre .thumbnail { border:none; border-radius: 0px; padding: 0px; float: left; width: 100%; box-shadow: 0 4px 25px 0 #ccc; overflow: hidden}
.rigth-usre .thumbnail .caption { color: #333; float: left; padding: 20px; width: 100%;}
.rigth-usre .thumbnail .caption h3{ color: #000000; font-size: 34px; padding-bottom: 15px;}
.rigth-usre .thumbnail .caption h3 a{ color: #000000; font-size: 34px;}
.rigth-usre .thumbnail .caption p{ color: #484848; font-size: 19px; padding-bottom: 10px;}
.rigth-usre .thumbnail .caption a{ color: #ff4f19; font-size: 24px; margin-bottom: 10px;}
.follow-bx{ display: inline-block; width: 100%; background: #FF5019; padding: 30px;}
.follow-bx h2{ color: #fff; font-size: 34px; padding-bottom: 15px;}
.follow-bx h6{ color: #691901; font-size: 19px; padding-bottom: 15px;}
.follow-icon {  float: left; padding-top: 8px; width: 70%; border-bottom: 1px #000 solid; padding-bottom: 3px; margin-bottom: 10px;}
.follow-icon a{ display: inline-block; font-size: 22px; margin-right: 10px; color: #000}
.follow-icon a:hover{ color: #fff}
.follow-bx p{ color: #fff; font-size: 19px; padding-top: 20px; display: inline-block; width: 100%}
.newslatter-bx{ display: inline-block; width: 100%; margin-top: 15px;}
.newslatter-bx .form-control{ width: 70%; float: left; border-radius: 0; box-shadow: none; border: none; height: 50px; color: #a6a6a6; font-size: 18px;}
.newslatter-bx a{ float: left; font-size: 25px; height: 50px; background: #000; color: #fff; width: 30%; text-align: center; line-height: 50px;}
.recent-bx{ display: inline-block; width: 100%; background: #fff; padding: 30px; margin-top: 30px;}
.recent-bx h2{ color: #000000; font-size: 34px; padding-bottom: 15px;}
.recent-post { border-bottom: 1px solid #ddd; display: inline-block; margin-bottom: 20px; padding-bottom: 20px; width: 100%;}
.recent-post h3{ color: #000000; font-size:22px; padding-bottom: 15px;}
.recent-post h3 a{ color: #000000; font-size:22px; }
.recent-post h3 a:hover{ color: #ff4f19 }
.recent-post p{ color: #858585; font-size:16px;}
.recent-post-last{ border-bottom: none; margin-bottom: 0}
.recent-tags{ display: inline-block; width: 100%;  padding: 30px; background: url("../img/bg1.png") repeat left top; margin-top: 30px;}
.recent-tags h2{ color: #fff; font-size: 34px; padding-bottom: 15px;}
.recent-tage-post{ display: inline-block; width: 100%; padding-top: 20px;}
.recent-tage-post a{ float: left; background: #fff; color: #000; font-size: 19px; width: 32%; text-align: center; padding: 5px 0; margin-bottom: 10px;}
.recent-tage-post a:hover{ background: #EE2700; color: #fff}
.recent-tage-post a:nth-child(3n+2) { margin-left: 1%; margin-right: 1%;}
.categories-bx{ display: inline-block; width: 100%; background: #444444; padding: 30px; margin-top: 30px;}
.categories-bx h2{ color: #fff; font-size: 34px; padding-bottom: 15px;}
.categories-link{ display: inline-block; width: 100%}
.categories-link ul{ display: inline-block; width: 100%}
.categories-link ul li{ display: inline-block; width: 100%; border-bottom: 1px #6D6D6D solid}
.categories-link ul li a{ display: inline-block; width: 100%; color: #fff; font-size: 20px; padding: 8px 0}
.categories-link ul li a i{ font-size: 24px; margin-right: 10px;}
.categories-link ul li a:hover{  color: #000;}
.categories-link ul li:hover{ border-bottom-color: #000;}
/*---------------------latest-section----------------*/
.latest-section{ padding: 0px 0 50px; background: #f0f0f0; overflow: hidden}
.latest-section .thumbnail { background-color: #fff; border: none; border-radius: 0px; margin-bottom: 20px; padding: 0px;}
.letest-img { display: inline-block; position: relative; width: 100%; overflow: hidden}
.latest-date{ position: absolute; left: 0; bottom: 0; background: #EE2700; padding: 8px 10px; color: #fff; font-size: 16px;}
.latest-section .thumbnail .caption{ padding: 20px; min-height: 110px;}
.latest-section .thumbnail .caption h3{ color: #000; font-size: 24px;}
/*----------------Footer-------------*/
.footers{ float: left; width: 100%; padding: 20px 0; background: #262C3C}
.footer-social-icon {  float: right; padding-top: 20px;}
.footer-social-icon a{ display: inline-block; font-size: 22px; margin-left: 10px; color: #B6B6B4}
.footer-social-icon a:hover{ color: #EE2700}
/*---------------Footer-------------------*/
.rigth-usre .thumbnail img,
.blog-img img,
.letest-img img{   transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all; width: 100%}
.rigth-usre .thumbnail:hover img,
.blog-img:hover img,
.letest-img:hover img{    transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);
          -ms-transform: scale(1.05);}

/*-----------------Image Hover Effect-------*/
.blog-img:hover > .team-hover { background-color: rgba(255, 255, 255, 0.9); border: 20px solid rgba(0, 0, 0, 0.1); height: 100%;
 transition: all 0.3s ease 0s; visibility: visible;}
.blog-img:hover > .team-hover { display: block;}
.team-hover { font-weight: 300; height: 100%; left: 0; position: absolute; text-align: center; top: 0; visibility: hidden; width: 100%;}
.team-info { padding: 90px 20px 60px;}
.team-info h4{ font-size: 30px; color: #000}
.team-info p{ font-size: 18px; color: #333; padding-top: 20px;}
.s-link a { background: #ee2700; color: #fff; display: inline-block; padding: 3px 5px; width: 28px; height: 28px; font-size: 15px; line-height: 23px;
 border-radius: 2px;}

/*----------------About-Page-----------------*/
.about-section{ background: #E6E6E6; padding: 30px 0 0}
.product-header{ float: left; width: 100%}
.product-header h1{ float: left; color: #000; font-size: 30px;font-family: 'ubuntubold';}
.my_breadcum { background: transparent; float: left; padding: 0; margin: 7px 0 0 20px;}
.my_breadcum li a{ color: #000; font-size: 16px;font-family: 'ubunturegular'; }
.my_breadcum li.active a{ color: #ff4f19; }
.my_breadcum > li + li::before { color: #333;}
.about-bar{ float: left; width: 100%; padding-top: 20px;}
.about-posta .thumbnail { background-color: #fff; border: medium none; border-radius: 0; margin-bottom: 0; padding: 0;}
.about-posta .thumbnail .caption {
  color: #333;
  padding: 50px;
}
.about-posta .thumbnail .caption h3{color: #000; font-size: 44px; padding-bottom: 20px;}
.about-posta .thumbnail .caption h4{color: #ff4f19; font-size: 24px; padding-bottom: 20px;}
.about-posta .thumbnail .caption p{color: #333; font-size: 19px; padding-bottom: 20px; line-height: 28px;}

/*--------------best-posts-------------*/
.bestposts-section{ padding-bottom: 60px;}
.best-posts{ float: left;width: 100%; background: #fff; padding: 30px 40px; }
.best-posts h2{color: #000; font-size: 44px; padding-bottom: 30px;}
.best-posts h3{color: #ff4f19; font-size: 24px; padding-bottom: 20px;}

.best-posts-bx{ display: inline-block; width: 100%; padding-top: 10px; padding-bottom: 40px;}
.best-posts-bx h4{color: #000; font-size: 29px; padding-bottom: 10px;}
.best-posts-bx ul{ display: inline-block; width: 100%; padding: 0; margin: 0;}
.best-posts-bx ul li{ display: inline-block; width: 100%; padding: 0 0 10px; margin: 0; font-size: 20px; color: #000; }
/*---------------Book-Page---------------*/
.book-posts{ float: left;width: 100%; background: #fff; padding: 30px 40px; }
.best-books {
  float: left;
  width: 100%; padding-top: 20px;
}
.best-books-img {
  float: left;
  width: 32%;
}
.best-books-txt {
  float: left;
  padding: 20px 0 0 30px;
  width: 68%;
}
.best-books-txt h2{color: #000; font-size: 30px; padding-bottom: 20px;}
.best-books-txt h5{color: #000; font-size: 18px; padding-bottom: 10px;}
.best-books-txt h3{color: #000; font-size: 28px; padding-bottom: 10px;}
.best-books-txt h3 span{color: #FF4E1A;}
.best-books-txt p{color: #4c4c4c; font-size: 17px; padding: 0px; line-height: 24px;}
.book-description{ display: inline-block; width: 100%; padding: 30px 0;color: #000; font-size: 18px;line-height: 24px;
border-bottom: 1px #ddd solid}
.book-comments {
  display: inline-block;
  padding: 30px 0 10px;
  width: 100%;
}
.qouts-txt {
  display: inline-block;
  padding-top: 30px;
  width: 100%;
}
.qouts-txt h3{color: #FF5019; font-size: 27px; padding-bottom: 20px;}
.qouts-txt h4{ display: inline-block; width: 70%; border-bottom: 1px #ddd solid; padding-bottom: 30px;color: #000; font-size: 18px;font-family: 'ubuntubold';}
/*----------Contact-Page-------*/
.my-contact{ display: inline-block; width: 100%; }
.contact-bxa{ display: inline-block; width: 100%; border-bottom: 1px #ddd solid;padding-bottom: 30px;}
.contact-bxa h2{ color: #000; font-size:30px; position: relative; margin-bottom: 30px; }
.contact-bxa p{ color: #606060; font-size: 16px; }

.contact-details{ display: inline-block; width: 100%; padding-top: 0px;}
.address-details{ display: inline-block; width: 100%; padding-bottom: 10px; font-size: 18px; color: #333}
.address-details i{ width: 6%}
.phone-details i{ font-size: 20px;}
.addre-info i{ font-size: 21px;}
.my-contact .well-sm{ background: transparent; padding: 40px 0 0 ; border-radius: 0; box-shadow: none; border: none;}
.my-contact .well-sm h3{ color: #000; font-size:30px; position: relative; margin-bottom: 30px; }
.my-contact .form-control { border: 1px solid #ddd; border-radius: 0px; box-shadow: none;color: #7e7e7e;font-size: 17px; height: 48px; padding: 6px 12px;}
.my-contact textarea.form-control { height: 200px; max-width: 100%; min-width: 100%}
.my-contact .btn-primary{background: #FF5019; border-radius: 0; border:none;font-size: 18px;padding:9px 30px; margin-top: 5px;}
.my-contact .btn-primary:hover { background: #333; color: #fff;}
/*-------------------------------Media css-------------*/
@media only screen and (max-width:1400px){
}
@media only screen and (max-width:1200px){
}
@media only screen and (max-width:1100px){
.our-team-lead .jumbotron h2,
.creative-design-section .jumbotron h2,
.newsupdate-section h2,
.newsletter-section .jumbotron h2{ font-size: 26px}
}
@media only screen and (max-width:991px){
.header .navbar-default .navbar-nav > li > a {  }
.header .navbar-default .fixed-me .navbar-nav > li > a { }
.header .navbar-brand { width: 170px;}
.header .fixed-me .navbar-brand { padding:0; width: 150px;}
.slider_cover h2 { font-size: 34px;}
.follow-icon { width: 100%;}
.latest-section .thumbnail .caption h3 { font-size: 20px;}
.search-bx { width: 90%;}
.recent-post h3 { font-size: 21px;}
.comments-user .btn-primary { padding: 4px 20px;}
.best-books-img {
  text-align: center;
  width: 100%;
}
.best-books-txt { padding: 20px 0 0; width: 100%;}
}
@media only screen and (max-width:767px){

.header .navbar-collapse { float: right; left: 0; margin: 0; position: absolute; width: 100%; 
background: #e2efff; /* Old browsers */
background: -moz-linear-gradient(top, #e2efff 0%, #efe8cc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e2efff 0%,#efe8cc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e2efff 0%,#efe8cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2efff', endColorstr='#efe8cc',GradientType=0 ); /* IE6-9 */
}
.header{ position: relative}
.header .collapse.navbar-collapse{ padding: 0 15px;}
.header .navbar-default .navbar-nav > li:first-child a { border-radius: 0;}
.header .navbar-toggle { margin-top: 30px;}
.header .navbar-toggle { margin-top: 0px; margin-bottom: 0}
.header .navbar-brand{ margin-left: 10px !important;}
.header .navbar-default .navbar-nav > li > a { padding: 10px;}
.header .navbar-brand { width: 130px; padding: 0}
.header .fixed-me .navbar-brand {  width: 110px; padding: 0}
.slider_cover h2 { font-size: 30px;}
.fixed-me{ padding: 8px 0}
.search-bx { width: 100%;}
.search-bx .form-control { border: 1px solid #fff; height: 40px; padding: 0 20px;}
.search-bx a { right: 14px; top: 10px;}

.slider_cover p{ display: none}
.banner-txt a { font-size: 15px; margin-top: 10px; padding: 6px 10px;}
.blog-link { padding: 10px;}
.blog-link a { font-size: 18px; padding: 3px 12px;}
.comments-bar { padding: 5px 10px;}
.comments-bar span { margin-right: 10px;font-size: 15px;}
.user-comments { font-size: 15px;}
.comments-user { padding: 20px 10px;}
.comments-user h3 a { font-size: 25px;}
.comments-user .btn-primary {  font-size: 20px;  padding: 4px 20px;}
.social-icon { padding-top: 4px;}
.footer-logo { text-align: center;}
.footer-social-icon {  text-align: center;  width: 100%;}
.latest-section{ text-align: center}
.latest-section .thumbnail { display: inline-block; text-align: left; width: 270px;}

.about-bar .thumbnail .caption {
  padding: 10px;
}
.about-bar .thumbnail .caption h3 {
  font-size: 20px;
}
.about-bar .thumbnail .caption h4 {
  font-size: 14px;
}
.about-bar .thumbnail .caption p {
  font-size: 14px;
  line-height: 21px;
}
.best-posts,
.book-posts {
  padding: 20px;
}
.best-posts h2 {
  font-size: 33px;
}
.best-posts h3 {
  font-size: 20px;
}

.best-books-img {
  text-align: center;
  width: 100%;
}
.best-books-txt {
  padding: 20px 0 0;
  width: 100%;
}
.best-books-txt h2 {
  font-size: 24px;
}
.best-books-txt h3 {
  font-size: 22px;
}
.qouts-txt h3 {
  font-size: 22px;
}
}
@media only screen and (max-width:479px){
.letest-img > img {  width: 100%;}
.social-icon a { margin-left: 6px;}
.slider_cover .carousel-caption { top: 0; transform: translate(0px, 0%);}

}