@charset "UTF-8";
/**
 *  Folha de estilos principal.
 *
 *  @package    main.scss
 *  @category   Website Custom
 *  @author     Bruno Lima <brunolima@phocus.com.br>
 *  @copyright  Phocus Interact
 *  @link       /scss/main.scss
 *  @since      1.0.0
 */
/**
 *  Variáveis e mixins SASS/Compass
 *
 *  @package    configurations.scss
 *  @category   Website Custom
 *  @author     Bruno Lima <brunolima@phocus.com.br>
 *  @copyright  Phocus Interact
 *  @link       /scss/configurations.scss
 */
/* Importando Compass Mixins  */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
/* Global Vars */
/* Clears the floater elements for a correct alignment */
/* Shows a element without changing the 'display' property */
/* Hides a element without changing the 'display' property */
/* Creates a stylesheets for placeholders */
/* Creates a pseudo element for vertical align of its sibling */
/* Resets */
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic);
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
  display: block;
}

ul, li {
  list-style-type: none;
}

table {
  border-collapse: collapse;
}

iframe {
  display: block;
}

textarea {
  overflow: auto;
}

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

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

body, html {
  width: 100%;
  height: 100%;
}

* {
  border: 0;
  margin: 0;
  padding: 0;
  outline: none !important;
  -webkit-outline: none !important;
  font-weight: 400;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: Arial;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.right {
  float: right;
}

footer, .sites {
  clear: both;
}

.content {
  position: relative;
  display: block;
  float: right;
  width: 66.66%;
  min-height: 600px;
  padding-right: 20px;
  padding-top: 65px;
  padding-left: 65px;
}
@media screen and (max-width: 1024px) {
  .content {
    float: none;
    width: auto;
    padding: 100px 20px 20px;
  }
}

[ng-view] section {
  width: 665px;
}
@media screen and (max-width: 1024px) {
  [ng-view] section {
    width: auto;
  }
}

.m-menu {
  display: none;
  position: fixed;
  overflow: hidden;
  z-index: 10;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background-color: #21435E;
}
@media screen and (max-width: 1024px) {
  .m-menu {
    display: table;
  }
}
.m-menu > span {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 10px;
}
.m-menu > span a img, .m-menu > span a svg {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  width: auto;
}
.m-menu .logo {
  text-align: center;
  width: 100%;
}
.m-menu .trigger {
  width: 40px;
}

@media print {
  .search,
  header,
  footer {
    display: none !important;
  }

  .content {
    padding: 0 !important;
    width: 100%;
    margin: auto !important;
  }
  .content .action-bar {
    display: none !important;
  }
  .content .nav-btn {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  header {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  footer {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 1024px) {
  footer .menu {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  footer .copyright .container {
    width: auto !important;
  }
}
@media screen and (max-width: 1024px) {
  footer .copyright .container p, footer .copyright .container a.phocus {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  footer .copyright .container h6 {
    float: none !important;
    margin: 0 !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 1024px) {
  footer .copyright .container h6 a {
    display: inline-block !important;
    vertical-align: middle !important;
    text-align: center !important;
  }
}

.loader {
  position: absolute;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF url("../img/loader.gif") no-repeat 10px 10px;
}

@media screen and (max-width: 1024px) {
  .purchase-bible {
    display: none;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes page-in {
  from {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
  }
  to {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
}
/* Standard syntax */
@keyframes page-out {
  from {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
  }
  to {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
  }
}