@charset "UTF-8"; 
img { display: block; margin: 0 auto;}
.re{ max-width: 100%}
.boxs{padding: 15px}
a{ color: #69a7ae; text-decoration:none; }
a:hover{ text-decoration: none; color:#687BAD;}
/*! *  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-phone:before{content:"\f095"}.fa-envelope-o:before{content:"\f003"}
.fa-anchor:before{content:"\f13d";}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-caret-right:before{content:"\f0da"}

.top__padding{padding-top: 100px}

.bro{  position: relative;  z-index: 9000;  top: -103px;  float: 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}}

@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 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 }
.btn-center{ display: block; margin: auto; position: relative; }
.btn-about{    
   background-color: #000000;
    border-color:#000000;
    border-width: 3px;
    border-style: solid;
    color: #FFFFFF; font-size: 16px;
    height: 50px;
    width: 150px;
    margin-top: 15px;
    margin-bottom: 25px;
    font-weight: 500;     }
    
.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:#69a7ae;
    border-color: #69a7ae;
    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 }  }