@charset "UTF-8"; 
img { display: block; margin: 0 auto;}
.re{ max-width: 100%}
.boxs{padding: 15px}
a{ color:#295ACC; text-decoration:none; }
a:hover{ text-decoration: none; color:#24A4FF;}
.nav-bg{background-color: #000000}.botton:link,.botton:visited{text-decoration: none;padding: .5rem 1rem; display: inline-block; border-radius: 100px; transition: all .2s; position: relative;}
.nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden;}
.nav-scroller .nav { display: flex;flex-wrap: nowrap;padding-bottom: 1rem;margin-top: -1px;overflow-x: auto;text-align: center; white-space: nowrap;-webkit-overflow-scrolling: touch; }
/*! *  Font Awesome 4.4.0 by @davegandy - https://fontawesome.io - @fontawesome *  License - https://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) *//* FONT PATH * -------------------------- */
@font-face {
  font-family: 'FontAwesome';  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;  font-style: normal;}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.fa-envelope:before { content: "\f0e0";}
.fa-facebook:before{content:"\f09a";}
.fa-instagram:before{content:"\f099";}
.fa-instagram:before{content:"\f16d";}

.socials {display: block; padding-top: 13px; text-align: center; margin-left: 24px; }
 @media (min-width:  150px) { .socials { margin-left: 0; float: right; } }
.socials li { display: inline-block;position: relative; margin-right: 24px; }
.socials li .circ-btn {display: inline-block; padding-top: 10px; }
@media (min-width: 150px) { .socials li {float: left; position: relative; } }
.socials li a { cursor: pointer; }


.circ-btn { display: table-cell; vertical-align: middle; width: 40px; height: 40px; text-align: center; line-height: 1; font-size: 18px; position: relative; color: #ffffff; border-radius: 40px; -webkit-transition: 0.3s; transition: 0.3s; background: rgba(255, 255, 255, 0.1); }
.circ-btn:before {  position: absolute; top: 0;  left: 0; right: 0; bottom: 0; z-index: -1; content: ""; border-radius: 40px;  border: 2px solid #ffffff; border-color: #ffffff; border-top-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s;    transition: 0.3s; }
.circ-btn:hover { opacity: 0.8; color: #ffffff; }
.circ-btn:hover:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.circ-btn:hover:before { border-color: #004DFF; border-top-color: transparent; }
.top__padding{padding-top: 100px}
.carousel-caption {  z-index: 10; }
.car-2 {height: 500px; background-image: url(../img/cb-2.jpg); margin-bottom: 0px;  background-position: center; background-size: cover; }
.carousel-caption h1{font-size: 22px}
@media (min-width: 40em) {.carousel-caption p { margin-bottom: 1.25rem;  font-size: 14px; line-height: 1.4; }}
.logo, .book{padding-top:50px; }
@media (min-width: 992px ) {.logo{ margin-left: 80px; }} 
@media (max-width: 800px ) {.book{ opacity: 0; height: 500px }} 
@media (min-width: 992px ) {.book{ margin-left: 80px; width: 250px }}  
.slogan{ font-size: 24px; font-family: orbitron;  }

.bro{  position: relative;  z-index: 9000;  top: -103px;  float: left;}
.footer-top{ margin-top:150px; border-top: 1px; border-style: solid; border-color: #000000; height: 30px; border-right: 0px; border-left: 0px }
footer {padding: 1px 0; text-align: left;  margin-top: 0px;  padding-top: 70px; padding-bottom: 50px; min-height: 300px; background-color: #282828;}
footer a { color: #c4c4c4;  }
footer a:hover { color: #0a53be; text-decoration: none;}
footer .box{padding-left: 40px; padding-right: 40px}
footer p { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #c4c4c4; margin: 10; padding: 0;} 
footer .fa {font-size: 22px; padding-right: 50px}
footer h3{color: #fff;   font-weight: 400;  font-family: orbitron; font-size: 22px;margin-top: 0px;    margin-bottom: 5px; text-align:left;}
.btn-sub{ height: 50px; border-color: #ffffff; border-width: 2px; border-style: solid;  }
.back__to__top{float: right; }

@media (max-width: 767px ) {.mobile_box_padding{ padding-right: 10%; padding-left: 10%; }}

.info-box-lg{background-color: #f5f1ed;  min-height: 500px; padding-top: 50px}
@media (min-width: 767px ) {.info-pd{ padding-left: 9%;  }
.info-pd-2{ padding-right: 9%;}}

.info-pd-2 {padding-top: 5%} 
.info-pd{padding-top: 5%}
@media (min-width:100px) and (max-width: 767px){.flex_mobile{flex-direction: column-reverse}}
.e-book-section{ background-color:#D1DEED ; width: 100%; min-height: 450px; margin: 0px }
.e-book-section p{ font-size: 18px }
.e-book-pd{padding-top: 8%; }
.e-books{ margin-top: 96px;  }
@media (min-width:992px) {.e-book-buy{float: left; }  .e-book-pd{padding-top: 8%; padding-right: 150px; }}

@media (max-width:992px) {.e-book-section{ text-align: center; }}

 .book__list__top{   background-image: -webkit-linear-gradient(135deg,rgba(46, 76, 154, .8) 13.06%,rgba(46, 76, 154, .8) 44.77%,rgba(46, 76, 154, .8) 92.54%), url(../img/publishing.jpg);
    background-image: -moz-linear-gradient(135deg,rgba(46, 76, 154, .8) 13.06%,rgba(0, 0, 0, .8) 44.77%,rgba(46, 76, 154, .8) 92.54%), url(../img/publishing.jpg);
    background-image: -o-linear-gradient(135deg,rgba(46, 76, 154, .8) 13.06%,rgba(0, 0, 0, .8)44.77%,rgba(46, 76, 154, .8) 92.54%), url(../img/publishing.jpg);
    background-image: linear-gradient(135deg,rgba(46, 76, 154, .8) 13.06%,rgba(0, 0, 0, .8)44.77%,rgba(46, 76, 154, .8) 92.54%), url(../img/publishing.jpg);

    min-height: 150px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;  }
.book__list__top h1{ color: #ffffff; padding-top: 50px}
.book__list h3{ font-size: 18px }
.book__list p{ font-size: 14px  }
.book__list a{ color: rgb(33, 37, 41)  }
.book__list a:hover{ color: #24A4FF; }
.img__wrap { display: inline-block; position: relative;}
.img__description {  position: absolute;
  top: 0;
  bottom: -15px;
  left: 0;
  right: 0;
 text-align: center;
  background: rgba(41, 90, 204, .8);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: opacity .5s, visibility .5s;
}
.img__text p{ padding-top: 200px; font-size: 18px; font-weight: 500; font-family: orbitron; }
.img__wrap:hover .img__description {  visibility: visible;  opacity: 1;
}
.botton:hover{transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,.3); background-color: #FFFFFF; color:#0d6efd}
.botton:active{transform:translateY(-1px); box-shadow: 0 5px 8px rgba(0,0,0,.3); }
.botton-white{background:#D1DEED ; color:#1c2872; }
.botton-animated{animation: moveBottom .5s ease-out .75s; animation-fill-mode: backwards }
.botton::after{
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left:0;
    z-index: -1;
    transition: all .4s}
.botton-white::after{background-color: #FFFFFF;}
.botton:hover::after{transform: scaleX(1.4) scaleY(1.6);  opacity:  0 }
.publishing{text-align: center;padding-top: 5%; color: #FFFFFF; }
.publishing h3{ font-size: 18px;  padding-right: 10%; padding-left: 10%; font-family: "Roboto", "Open Sans", "Helvetica", sans-serif;}

.publishing h2{padding-bottom: 15px; padding-top: 3%}
@media (max-width:1200px) {.publishing h2{padding-bottom: 15px; padding-top: 70px}}


.btn-publishing{     background-color: transparent;    border-color: #FFFFFF;    position: relative;   
 display: block;    border-width: 3px;    border-style: solid;
    color: #FFFFFF; font-size: 16px;    height: 50px;    width: 150px;   margin: auto;    }
    
.button-p {    margin-top: 50px;    text-decoration: none;    text-align: center;    
  line-height: 40px;    padding: 0 20px; font-size: 16px; font-weight: 600;  
    appearance: none;    cursor: pointer;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}

.btn-publishing:hover{    background-color: none;    border-color:#0a53be;    border-width: 3px;    border-style: solid;  
  color: #FFFFFF;   font-weight: 600;}
  
  
 .pub__bg {
    background-image: -webkit-linear-gradient(135deg,rgba(46, 76, 154, .8) 13.06%,rgba(0, 0, 0, .8) 44.77%,rgba(46, 76, 154, .8) 92.54%), url(../img/publishing.jpg);
    background-image: -moz-linear-gradient(135deg,rgba(46, 76, 154, .8) 13.06%,rgba(0, 0, 0, .8) 44.77%,rgba(46, 76, 154, .8) 92.54%), url(../img/publishing.jpg);
    background-image: -o-linear-gradient(135deg,rgba(46, 76, 154, .8) 13.06%,rgba(0, 0, 0, .8)44.77%,rgba(46, 76, 154, .8) 92.54%), url(../img/publishing.jpg);
    background-image: linear-gradient(135deg,rgba(46, 76, 154, .8) 13.06%,rgba(0, 0, 0, .8)44.77%,rgba(46, 76, 154, .8) 92.54%), url(../img/publishing.jpg);
    height:60vh;
    min-height: 400px;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}    

.about{background-color:#F9F4F2 }
.about-2{background-color: #D1DEED;}
.goals{ z-index: 500; position: relative; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);}
.goals-2{ z-index: 500; position: relative;clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);}
.padding__top__8{padding-top: 8%; padding-left: 50px; padding-right: 100px}
.padding__top__2{padding-top: 6%; padding-left: 100px; padding-right: 50px}
.btn-about{     background-color: transparent;
    border-color: #000000;
    position: relative;    display: block;
    border-width: 3px;
    border-style: solid;
    color: #000000; font-size: 16px;
    height: 50px;
    width: 150px;
    font-weight: 500; margin: auto;    }
    
.button-about {
    margin-top: 50px;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    padding: 0 20px;
 font-size: 18px; font-weight: 500;  
    appearance: none;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

.btn-about:hover{
    background-color: #295ACC;
    border-color:#000000;
    border-width: 3px;
    border-style: solid;
    color:#FFFFFF ;   font-weight: 500;
}


.color{color: #295ACC; font-weight: 600}

@media (min-width:992px) { .h-sml{ display: none !important }  }
@media (max-width:992px) { .h-xs{ display: none !important }  }

::selection {
    background-color:rgba(34, 135, 250, 0.57); color:#ffffff/* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgba(34, 135, 250, 0.57); color:#ffffff /* Gecko Browsers */
}