@font-face 
{
    font-family: "Arvo Bold";
    src: url("../fonts/Arvo-Bold.ttf");
}
@font-face 
{
    font-family: "Osgard Pro";
    src: url("../fonts/OsgardPro.ttf");
}
@font-face 
{
    font-family: "Montserrat Light";
    src: url("../fonts/Montserrat-Light.otf");
}
@font-face 
{
    font-family: "Montserrat Bold";
    src: url("../fonts/Montserrat-Bold.otf");
}
@font-face 
{
    font-family: "Montserrat Extra Light";
    src: url("../fonts/Montserrat-ExtraLight.otf");
}
@font-face 
{
    font-family: "Montserrat Bold";
    src: url("../fonts/Montserrat-Bold.otf");
}
@font-face 
{
    font-family: "Montserrat Extra Light";
    src: url("../fonts/Montserrat-ExtraLight.otf");
}
@font-face 
{
	font-family: "Poppins Extra Light";
	src: url('../fonts/Poppins-ExtraLight.otf');
}
@font-face 
{
	font-family: "Poppins Light";
	src: url('../fonts/Poppins-Light.otf');
}
@font-face 
{
	font-family: "Poppins Medium";
	src: url('../fonts/Poppins-Medium.otf');
}
@font-face 
{
	font-family: "Poppins Bold";
	src: url('../fonts/Poppins-Bold.otf');
}
input, textarea, a
{
    outline: none;
    resize: none;
}
body
{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: "Poppins Extra Light";
    background: rgb(244, 244, 244);
}
table
{
    border-collapse: collapse;
}
#head
{
    width: 100vw;
    height: 80px;
    background: white;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    z-index: 3;
}
#head .menu
{
    padding: 0 20px 0 20px;
}
#head .menu .logo
{
    width: 400px;
    float: left;
    margin-top: 5px;
}
#head .menu .logo img
{
    height: 70px;
}
#head .menu .items
{
    text-align: right;
}
#head .menu .items .item
{
    padding: 25px 20px 20px 20px;
    display: inline-block;
}
#head .menu .items .item a
{
    color: black;
    text-decoration: none;
}
#head .menu .items .active
{
    color: silver;
    font-family: "Poppins Medium";
}
#carrousel
{
    width: 100vw;
    position: relative;
    z-index: 2;
}
#carrousel .img,
#carrousel .img-prime
{
    width: 100vw;
    height: 70vh;
    overflow: hidden;
}
#carrousel .img img
{
    width: 100vw;
    height: 70vh;
    object-fit: cover;
}
#carrousel .img-prime img
{
    width: 100vw;
}
#carrousel .text
{
    height: 40vh;
    padding: 8vw 5vw 15vw 5vw;
    position: absolute;
    right: 0;
    top: 0;
}
#carrousel .text-prime
{
    width: 100vw;
    position: absolute;
    right: 0;
    top: 0;
}
#carrousel .text-prime .title
{
    width: 45vw;
    margin: auto;
    padding-top: 15vh;
    color: white;
    font-size: 2.3em; 
    font-family: "Montserrat Bold";
    text-align: center;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
#carrousel .text .title
{
    width: 30vw;
    color: white;
    font-size: 4em; 
    font-family: "Arvo Bold";
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    line-height: 70px;
}
#carrousel .text .title-color
{
    width: 30vw;
    margin-top: -15px;
    color: orange;
    font-size: 3em;
    font-family: "Arvo Bold";
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
    line-height: 70px;
}
#carrousel .text .resume
{
    width: 30vw;
    margin-top: 20px;
    color: rgb(244, 244, 244);
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}
.title-trait
{
    width: 100vw;
    padding-top: 70px;
}
.title-trait .text-one
{
    width: 30vw;
    margin: auto;
    font-family: "Montserrat Bold";
    font-size: 1.3em;
    text-align: center;
}
.title-trait .text-two
{
    width: 30vw;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}
.title-trait .line
{
    width: 80px;
    height: 5px;
    margin: auto;
    margin-top: 20px;
    overflow: hidden;
    color: transparent;
    background: orange;
}
.gallery-text
{
    width: 100vw;
    margin-top: 100px;
}
.gallery-text .content
{
    width: 1200px;
    margin: auto;
}
.gallery-text .content .images
{
    width: 100%;
}
.gallery-text .content .images .item
{
    width: 286px;
    height: 200px;
    margin-right: 10px;
    background: rgb(195, 195, 195);
    display: inline-block;
}
.gallery-text .content .images .item img
{
    width: 286px;
    height: 200px;
    object-fit: cover;
}
.text-left
{
    margin-top: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
    background: rgba(255, 165, 0, 0.4);
}
.text-left .content
{
    width: 30vw;
    margin: auto;
}
.text-left .content .left
{
    width: 9.5vw;
    float: left;
    margin-top: 15px;
    line-height: 20px;
}
.text-left .content .left .head
{
    font-family: "Arvo Bold";
    font-size: 4em;
    line-height: 30px;
}
.text-left .content .left .middle
{
    font-family: "Poppins Thin";
    font-size: 2em;
    line-height: 50px;
}
.text-left .content .left .foot
{
    font-family: "Poppins Thin";
    font-size: 2em;
    line-height: 10px;
}
.text-left .content .right
{
    color: orangered;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    line-height: 30px;
}
.title-center
{
    width: 100vw;
    padding: 100px 0 0 0;
    font-family: "Montserrat Bold";
    font-size: 2em;
    text-align: center;
}
.img-text-left,
.img-text-right 
{
    width: 100vw;
    margin-top: 80px;
}
.img-text-left .content,
.img-text-right .content 
{
    width: 1200px;
    height: 400px;
    margin: auto;
    margin-top: 30px;
}
.img-text-left .content .pix
{
    width: 600px;
    height: 400px;
    float: left;
    background: rgba(2, 242, 242, 0.3);
}
.img-text-right .content .pix
{
    width: 600px;
    height: 400px;
    float: right;
    background: rgba(2, 242, 242, 0.3);
}
.img-text-left .content .pix img,
.img-text-right .content .pix img
{
    width: 600px;
    height: 400px;
    object-fit: cover;
}
.img-text-left .content .txt
{
    width: 600px;
    height: 400px;
    float: right;
}
.img-text-right .content .txt
{
    width: 600px;
    height: 400px;
    float: left;
}
.img-text-left .content .txt .block
{
    height: 280px;
    margin-top: 30px;
    margin-left: -25px;
    padding: 30px;
    text-align: left;
    background: white;
}
.img-text-right .content .txt .block
{
    height: 280px;
    margin-top: 30px;
    margin-right: -25px;
    padding: 30px;
    text-align: right;
    background: white;
}
.img-text-left .content .txt .block .title
{
    width: 100%;
}
.img-text-right .content .txt .block .title
{
    width: 100%;
    text-align: right;
}
.img-text-left .content .txt .block .title .head,
.img-text-right .content .txt .block .title .head
{
    font-family: "Arvo Bold";
    font-size: 2.5em;
    text-transform: uppercase;
}
.img-text-left .content .txt .block .title .foot,
.img-text-right .content .txt .block .title .foot
{
    margin-top: -3px;
    margin-bottom: 20px;
    color: orange;
}
.img-text-left .content .txt .block .resume,
.img-text-right .content .txt .block .resume
{
    width: 100%;
}
.img-text-left .content .txt .block .button,
.img-text-right .content .txt .block .button
{
    width: 100%;
    margin-top: 20px;
}
.img-text-left .content .txt .block .button button,
.img-text-right .content .txt .block .button button
{
    padding: 10px 20px 10px 20px;
    color: white;
    font-family: "Montserrat Bold";
    font-size: 1.1em;
    text-shadow: 0 0 2px gray;
    border: none;
    background: orange;
    border-radius: 2px;
}
.img-text
{
    width: 100vw;
}
.img-text .content
{
    width: 1000px;
    margin: auto;
}
.img-text .content .title-line
{
    width: 100%;
    margin: auto;
    margin-top: 120px;
}
.img-text .content .title-line .line
{
    width: 100px;
    height: 5px;
    margin-bottom: 15px;
    color: transparent;
    background: orange;
}
.img-text .content .title-line .text-one
{
    margin-top: 20px;
    font-family: "Montserrat Bold";
    font-size: 2em;

}
.img-text .content .title-line .text-two
{
    margin-top: 30px;
    margin-bottom: 40px;
}
.img-text .content .title-line .text-two .infos
{
    width: 350px;
    float: right;
}
.img-text .content .title-line .text-two .infos .item
{
    width: 100%;
    margin-bottom: 30px;
}
.img-text .content .title-line .text-two .infos .item .icon
{
    width: 100%;
}
.img-text .content .title-line .text-two .infos .item .icon i
{
    font-size: 4em;
}
.img-text .content .title-line .text-two .infos .item .text
{
    margin-top: 10px;
    font-family: "Montserrat Bold";
    line-height: 30px;
}
.img-text .content .title-line .text-two .infos .item .text span
{
    color: orange;
    font-family: "Arvo Bold";
}
.img-text .content .title-line .text-two .form
{
    width: 600px;
    padding-bottom: 80px;
    color: rgb(30, 30, 30);
}
.img-text .content .title-line .text-two .form label
{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
    font-family: "Montserrat Bold";
    display: block;
}
.img-text .content .title-line .text-two .form label span
{
    color: orange;
}
.img-text .content .title-line .text-two .form .inputLeft
{
    width: 270px;
    height: 45px;
    margin-top: 1px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    border: 1px solid silver;
    border-radius: 3px;
}
.img-text .content .title-line .text-two .form .inputRight
{
    width: 270px;
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid silver;
}
.img-text .content .title-line .text-two .form .input
{
    width: 572px;
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid silver;
}
.img-text .content .title-line .text-two .form .textarea
{
    width: 572px;
    height: 120px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid silver;
}
.img-text .content .title-line .text-two .form .check
{
    width: 100%;
    margin-top: -20px;
}
.img-text .content .title-line .text-two .form .check input
{
    margin-right: 5px;
    float: left;
}
.img-text .content .title-line .text-two .form .check label
{
    color: gray;
    font-family: "Poppins Light";
    font-size: 0.9em;
}
.img-text .content .title-line .text-two .form .button
{
    width: 100%;
    margin-top: 30px;
}
.img-text .content .title-line .text-two .form .button button
{
    padding: 10px 20px 10px 20px;
    color: white;
    font-family: "Montserrat Bold";
    font-size: 1.1em;
    border: none;
    background: rgb(30, 30, 30);
    border-radius: 3px;
}
.img-text .content .title-line .text-three
{
    width: 100%;
    margin-top: 10px;
    color: gray;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.img-text .content .title-line .text-three .block
{
    width: 100px;
    display: inline-block;
}
.img-text .content .picture
{
    width: 100%;
    height: 500px;
}
.img-text .content .title-line .picture img
{
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.img-text .content .items
{
    width: 100%;
}
.img-text .content .items .item
{
    width: 490px;
    margin-left: 10px;
    display: inline-block;
    /* background: red; */
}
.img-text .content .items .item:nth-child(odd)
{
    margin: 0;
}
.img-text .content .items .item .icon
{
    color: orange;
    font-size: 5em;
}
.img-text .content .items .item .title
{
    font-family: "Poppins Medium";
    font-size: 1.3em;
}
.img-text .content .items .item .sentences
{
    margin-top: 20px;
    margin-bottom: 60px;
    font-family: "Poppins Light";
}
.img-text .content .staff .item
{
    width: 30%;
    margin-left: 4.5%;
    margin-bottom: 40px;
    display: inline-block;
}
.img-text .content .staff .item:nth-child(3n + 1)
{
    margin: 0;
}
.img-text .content .staff .item img
{
    width: 100%;
}
.img-blurry-text
{
    width: 100vw;
    height: 600px;
    margin-top: 120px;
    position: relative;
}
.img-blurry-text .picture
{
    width: 100vw;
    height: 600px;
    overflow: hidden;
    position: absolute;
    top: 0;
    background: aqua;
}
.img-blurry-text .picture img
{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.img-blurry-text .content
{
    width: 100vw;
    height: 600px;
    position: absolute;
    top: 0;
    background: rgba(255, 165, 0, 0.5);
    backdrop-filter: blur(50px);
}
.img-blurry-text .content .small
{
    width: 1000px;
    margin: auto;
}
.img-blurry-text .content .small .title
{
    padding: 50px;
    color: white;
    font-family: "Arvo Bold";
    font-size: 3em;
    text-align: center;
    text-shadow: 0 0 3px gray;
}
.img-blurry-text .content .small .items
{
    width: 100%;
    margin-top: 60px;
    text-align: center;
}
.img-blurry-text .content .small .items .item
{
    width: 300px;
    margin-left: 45px;
    display: inline-block;
    color: white;
    text-shadow: 0 0 3px gray;
}
.img-blurry-text .content .small .items .item:nth-child(1)
{
    margin: 0;
}
.img-blurry-text .content .small .items .item .icon
{
    margin-bottom: 30px;
    text-align: center;
}
.img-blurry-text .content .small .items .item .icon i
{
    color: orange;
    font-size: 4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.img-blurry-text .content .small .items .item .numbers
{
    font-family: "Arvo Bold";
    font-size: 2.2em;
    color: black;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.title-img-items
{   
    width: 100vw;
    margin-top: 120px;
}
.title-img-items .content
{
    width: 1200px;
    margin: auto;
}
.title-img-items .content .title-line
{
    width: 100%;
}
.title-img-items .content .title-line .line
{
    width: 100px;
    height: 5px;
    overflow: hidden;
    color: transparent;
    background: orange;
}
.title-img-items .content .title-line .text-one
{
    margin-top: 20px;
    font-family: "Montserrat Bold";
    font-size: 2.5em;
}
.title-img-items .content .items
{
    width: 100%;
    margin-top: 20px;
}
.title-img-items .content .items .item
{
    width: 280px;
    margin-left: 22px;
    display: inline-block;
}
.title-img-items .content .items .item:nth-child(1)
{
    margin: 0;
}
.title-img-items .content .items .item a
{
    color: rgb(18, 18, 18);
    text-decoration: none;
}
.title-img-items .content .items .item .picture 
{
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.title-img-items .content .items .item .picture img
{
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.title-img-items .content .items .item .date
{
    width: 100px;
    margin: auto;
    margin-top: -12px;
    text-align: center;
    position: relative;
    background: orange;
}
.title-img-items .content .items .item .resume
{
    width: 100%;
    margin-top: 10px;
}
.title-img-items .content .items .item .resume .head
{
    width: 100%;
    color: rgb(18, 18, 18);
    font-family: "Montserrat Bold";
}
.title-img-items .content .items .item .resume .body
{
    width: 100%;
    margin-top: 10px;
    text-align: justify;
}
.text-content,
.text-img-content
{
    width: 800px;
    margin: auto;
    margin-top: 40px;
    text-align: justify;
}
.text-img-content .img
{
    width: 300px;
    height: 150px;
    float: right;
}
.text-img-content .img img
{
    width: 300px;
    height: 200px;
    margin-left: 20px;
    object-fit: cover;
}
.text-img-content .text
{
    width: 480px;
}
.text-img-content .text .title
{
    font-family: "Montserrat Bold";
    font-size: 1.4em;
}
.text-img-content .text .txt
{
    margin-top: 20px;
}
.text-content .title
{
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "Montserrat Bold";
    font-size: 2.3em;
    
}
.img-gradient-box-left
{
    width: 100vw;
    height: 1000px;
    position: relative;
    background-image: url("../img/3.jpg");
    background-attachment: fixed;
}
.img-gradient-box-left .gradient
{
    height: 200px;
    color: transparent;
    background: linear-gradient(rgba(242, 242, 242, 1), rgba(255, 255, 255, 0.6));
    backdrop-filter: blur(20px);
}
.img-gradient-box-left .content
{
    width: 100vw;
    height: 1000px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.1);
}
.img-gradient-box-left .content .box
{
    width: 400px;
    height: 550px;
    position: absolute;
    top: 325px;
    right: 110px;
}
.img-gradient-box-left .content .box .option
{
    padding: 30px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px); 
    box-shadow: 0 0 3px gray;
}
.img-gradient-box-left .content .box .option .choice
{
    width: 44%;
    padding: 2%;
    display: inline-block;
    cursor: pointer;
    color: gray;
    font-family: "Poppins Light";
    text-align: center;
    text-shadow: 0 1px 0 white;
}
.img-gradient-box-left .content .box .option .selected
{
    color: white;
    text-align: center;
    font-family: "Poppins Medium";
}
.img-gradient-box-left .content .box .option .selected span
{
    padding: 10px 15px 10px 15px;
    background: rgba(18, 18, 18);
    border-radius: 30px;
}
.img-gradient-box-left .content .box .payment
{
    height: 370px;
    margin-top: 30px;
    padding: 30px;
    background: rgba(255, 165, 0, 0.9);
    backdrop-filter: blur(20px); 
    box-shadow: 0 0 3px gray;
}
.img-gradient-box-left .content .box .payment .title-head
{
    color: white;
    text-shadow: 0 0 2px gray;
    font-family: "Montserrat Bold";
    font-size: 1.8em;
}
.img-gradient-box-left .content .box .payment .text-body
{
    margin-top: 20px;
    margin-bottom: 40px;
    color: rgba(255, 255, 255, 0.9);
    font-family: "Poppins Medium";
    text-shadow: 0 0 2px gray;
}
.img-gradient-box-left .content .box .payment .text-fields
{
    width: 100%;
}
.img-gradient-box-left .content .box .payment .text-fields .text-label
{
    width: 100%;
    margin-bottom: 10px;
}
.img-gradient-box-left .content .box .payment .text-fields input
{
    width: 295px;
    padding: 11px 20px 11px 20px;
    font-family: "Montserrat Bold";
    font-size: 1.3em;
    border: none;
    border-radius: 10px 10px 0 0;
    background: white;
}
.img-gradient-box-left .content .box .payment .button 
{
    width: 100%;
}
.img-gradient-box-left .content .box .payment .button button
{
    width: 335px;
    padding: 14px;
    cursor: pointer;
    color: white;
    font-family: "Arvo Bold";
    font-size: 1.1em;
    text-transform: uppercase;
    border: none;
    border-radius: 0 0 10px 10px;
    background: rgb(18, 18, 18);
}
#footer
{
    clear: both;
    padding: 100px 50px 100px 50px;
    background: rgb(30, 30, 30);
}
#footer .content
{
    width: 1000px;
    margin: auto;
    color: rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
#footer .content .title-head
{
    font-family: "Montserrat Bold";
    font-size: 2em;
    text-align: center;
}
#footer .content .text-body
{
    width: 100%;
}
#footer .content .text-body .items
{
    width: 100%;
    margin-top: 50px;
}
#footer .content .text-body .items .item
{
    width: 240px;
    height: 300px;
    display: inline-block;
}
#footer .content .text-body .items .item .link
{
    cursor: pointer;
    color: silver;
    padding: 10px 0 10px 0;
    transition: 0.5s;
}
#footer .content .text-body .items .item .link:hover
{
    padding: 10px 0 10px 0;
    color: white;
    transition: 0.5s;
}
#footer .content .text-body .items .item .head
{
    color: white;
    font-size: 1.1em;
    font-family: "Montserrat Bold";
}
#footer .content .logo-info
{
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#footer .content .logo-info table
{
    width: 100%;
    margin-top: 20px;
}
#footer .content .logo-info table .logo
{
    color: white;
}
#footer .content .logo-info table .logo .round
{
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 50px;
}
#footer .content .logo-info table .logo .round img
{
    width: 77px;
    margin-top: 13px;
}
#footer .content .logo-info table .network i
{
    margin-right: 30px;
    color: white;
    font-size: 1.3em;
}
#footer .content .logo-info table .network i:hover
{
    color: rgba(255, 255, 255, 0.7);
    transition: 0.5s;
}
#footer .content .logo-info table .address
{
    color: rgba(255, 255, 255, 0.3);
    text-align: right;
}
#footer .content .logo-info .powered
{
    width: 100%;
}
#footer .content .logo-info .powered .left
{
    float: left;
}
#footer .content .powered
{
    width: 100%;
    margin-top: 50px;
}
#footer .content .powered .left
{
    color: rgba(255, 255, 255, 0.2);
    font-size: 0.9em;
}
#footer .content .powered .right
{
    color: rgba(255, 255, 255, 0.2);
    font-family: "Montserrat Bold";
    font-size: 0.9em;
    text-align: right;
}
#footer .content .powered .right img
{
    width: 90px;
    margin-top: -2px;
    margin-left: 5px;
    float: right;
}
#footer .content .powered .right .purple
{
    color: purple;
}
#footer .content .powered .right .pink
{
    color: #df4b99;
}
#footer .content .powered .right a
{
    text-decoration: none;
}
.space
{
    height: 450px;
}
.blank
{
    color: transparent!important;
}
.center
{
    text-align: center;
}