@font-face {
    font-family: "Poppins Light";
    src: url("../fonts/Poppins-Light.otf");
}
@font-face {
    font-family: "Montserrat Bold";
    src: url("../fonts/Montserrat-Bold.otf");
}
input, textarea
{
    outline: none;
}
body
{
    margin: 0;
    padding: 0;
    background: silver;
    font-family: "Poppins Light";
}
#head
{
    width: 100%;
    height: 135px;
    background: white;
}
#head .content
{
    width: 1000px;
    margin: auto;
}
#head .content .logo
{
    width: 240px;
    margin: 2px 0 0 65px;
    float: left;
}
#head .content .menu
{
    color: gray;
    font-family: "Poppins Light";
}
#head .content .menu .item
{
    margin-top: 68px;
    padding: 0 17px 0 17px;
    font-size: 0.8em;
    display: inline-block;
}
#head .content .menu .active
{
    color: rgb(1, 37, 70);
}
#carrousel
{
    height: 650px;
    overflow: hidden;
    background-color: rgb(125, 117, 96);
}
#carrousel img
{
    width: 100%;
    margin-top: -200px;
}
#image
{
    height: 388px;
    overflow: hidden;
    background-color: rgb(125, 117, 96);
}
#image img
{
    width: 100%;
    margin-top: -200px;
}
#body
{
    background: white;
}
#body .content-background
{
    height: 330px;
    background: rgb(247, 245, 242);
}
#body .content-background-none
{
    height: 330px;
    background: none;
}
#body .content
{
    width: 1000px;
    margin: auto;
    color: rgb(160, 160, 159);
    font-size: 0.9em;
}
#body .content .home
{
    margin-top: -270px;
    padding-bottom: 50px;
}
#body .content .home .top
{
    color:rgb(1, 37, 70);
    font-size: 2em;
    text-align: center;
}
#body .content .home .bottom
{
    margin-top: 40px;
    padding: 20px 0 50px 0;
}
#body .content .home .bottom .item
{
    width: 31%;
    height: 400px;
    margin-left: 3%;
    display: inline-block;
}
#body .content .home .bottom .item:nth-child(1)
{
    margin-left: 0;
}
#body .content .home .bottom .item .text
{
    padding: 30px;
    background: rgb(247, 245, 242);
}
#body .content .home .bottom .item .text .title
{
    color: rgb(1, 37, 70);
    font-size: 1.5em;
    text-align: center;
}
#body .content .home .bottom .item .text .title .line
{
    width: 70px;
    height: 2px;
    margin: auto;
    margin-top: 30px;
    overflow: hidden;
    color: transparent;
    border-top: 1px solid rgb(211, 204, 186);
}
#body .content .home .bottom .item .text p
{
    height: 150px;
    color: rgb(47, 46, 46);
    text-align: center;
}
#body .content .home .bottom .item .text .readMore
{
    margin-top: 20px;
    text-align: center;
}
#body .content .home .bottom .item .text .readMore button
{
    color: rgb(125, 117, 96);
    border: none;
    background: none;
}
#body .content .home .verses
{
    color: rgb(27, 26, 26);
    text-align: center;
}
#body .content .home .verses .item
{
    width: 33%;
    margin: auto;
    text-align: center;
}
#body .content .home .verses .author
{
    margin-top: 20px;
    font-family: "Montserrat Bold";
}
#body .content .block .item p
{
    padding-top: 10px;
}
#body .content .home .bottom .item .img
{
    margin-bottom: 15px;
    height: 200px;
    overflow: hidden;
}
#body .content .home .bottom .item .img img
{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
#body .content .block
{
    padding: 50px 30px 3px 30px;
}
#body .content .block .item
{
    width: 32.8%;
    display: inline-table;
    color: rgb(39, 39, 39);
}
#body .content .block .item:nth-child(1)
{
    width: 30.8%;
    padding-right: 2%;
    text-align: left;
}
#body .content .block .item:nth-child(2)
{
    width: 28.8%;
    padding: 0 2% 0 2%;
    text-align: center;
}
#body .content .block .item:nth-child(3)
{
    width: 30.8%;
    padding-left: 2%;
    text-align: right;
}
#body .content .block .item .title
{
    color: rgb(1, 37, 70);
    font-size: 1.5em;
    text-align: center;
}
#body .content .block .item .title .line
{
    width: 70px;
    height: 2px;
    margin: auto;
    margin-top: 10px;
    overflow: hidden;
    color: transparent;
    border-top: 1px solid rgb(211, 204, 186);
}
#body .content .block .item p
{
    padding-top: 10px;
}
#body .content .story
{
    width: 96%;
    padding: 2%;
    font-size: 0.9em;
}
#body .content .story a
{
    color: rgb(160, 160, 159);
}
#body .content .story .item
{
    width: 49.5%;
    display: inline-table;
}
#body .content .story .item:nth-child(1)
{
    width: 47.5%;
    padding-right: 2%;
}
#body .content .story .img
{
    width: 110px;
    margin-right: 10px;
    float: left;
}
#body .content .story .img img
{
    width: 100%;
}
#body .content .history
{
    padding: 50px 0 50px 0;
}
#body .content .history .title
{
    color: rgb(1, 37, 70);
    font-size: 1.5em;
    text-align: center;
}
#body .content .history .title .line
{
    width: 70px;
    height: 2px;
    margin: auto;
    margin-top: 30px;
    overflow: hidden;
    color: transparent;
    border-top: 1px solid rgb(211, 204, 186);
}
#body .content .history p
{
    margin-top: 30px;
    color: rgb(47, 46, 46);
    text-align: justify;
}
#footer
{
    background: rgb(47, 46, 46);
}
#footer .content
{
    width: 1000px;
    margin: auto;
    padding: 60px 0 80px 0;
    color: rgb(160, 160, 159);
}
#footer .content .item
{
    width: 28.80%;
    padding: 0 2% 0 2%;
    display: inline-table;
}
#footer .content .item:nth-child(1)
{
    height: auto;
    margin-left: 0;
    padding: 0 2% 0 0;
    border: none;
}
#footer .content .item:nth-child(2)
{
    height: 150px;
    border-left: 1px solid rgb(160, 160, 159);
    border-right: 1px solid rgb(160, 160, 159);
}
#footer .content .item .title
{
    margin-bottom: 20px;
    font-size: 1.2em;
}
#footer .content .item .text
{
    font-size: 0.8em;
}
#footer .content .item .text input
{
    width: 92%;
    margin-top: 30px;
    padding: 4%;
    border: 1px solid rgb(160, 160, 159);
    background: none;
}
#footer .content .item .text .btn
{
    width: 100.5%;
    margin-top: 10px;
    padding: 4%;
    border: 1px solid rgb(160, 160, 159);
    background: rgb(160, 160, 159);
}
#footer .content .item .text .network
{
    margin-top: 50px;
    text-align: center;
}
#footer .content .item .text .network .ico
{
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    background: white;
    border-radius: 100px;
}
#footer .content .item .text .network .ico i
{
    margin-top: 8px;
    color: black;
    font-size: 1.3em;
}
#footer .bottom
{
    padding: 15px;
    background: rgb(27, 26, 26);
}
#footer .bottom .content
{
    width: 1000px;
    margin: auto;
    padding: 3px 0 3px 0;
    color: rgb(160, 160, 159);
    font-size: 0.9em;
}
.content-line
{
    border-bottom: 1px solid rgb(211, 204, 186);
}