@import url("https://fonts.googleapis.com/css?family=Cabin:300,400,500,600,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext");
body{
    color:#000;
    font-size:16px;
    font-weight:300;
    line-height:1.5;
    font-family:"Cabin",sans-serif;
    background-color:#fff
}
*{
    box-sizing:border-box
}
.container{
    position:relative
}
.container-fluid{
    max-width:1200px;
    position:relative
}
a{
    color:#000;
    cursor:pointer;
    transition:all .25s ease
}
a:hover,a:focus{
    color:#000
}
p,h1,h2,h3,h4,h5,h6,ul,ol{
    margin:0;
    padding:0
}
h1,h2,h3,h4,h5,h6{
    font-weight:700;
    font-family:"Cabin",sans-serif
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:#000
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
    color:#000
}
ul,ol{
    list-style:none
}
a,a:hover,a:focus,a:visited{
    text-decoration:none;
    outline-style:none
}
input,button,textarea{
    outline-style:none
}
button,input[type="submit"]{
    transition:all .25s ease
}
input,select,button,textarea{
    -webkit-appearance:none;
    -moz-appearance:none
}
select::-ms-expand{
    display:none
}
input[type="text"]::-ms-clear{
    display:none
}
table{
    width:100%
}
table th{
    font-weight:normal
}
table td{
    vertical-align:middle
}
input,button,textarea{
    padding:0
}
input[type="tel"]::-webkit-input-placeholder,input[type="text"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="number"]::-webkit-input-placeholder{
    color:#000
}
input[type="tel"]::-moz-placeholder,input[type="text"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="number"]::-moz-placeholder{
    color:#000
}
input[type="tel"]::-moz-placeholder,input[type="text"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="number"]::-moz-placeholder{
    color:#000
}
input[type="tel"]:-ms-input-placeholder,input[type="text"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="number"]:-ms-input-placeholder{
    color:#000
}
fieldset{
    border:0;
    margin:0;
    padding:0
}
input,select,button,textarea{
    border:none;
    border-radius:0;
    outline-style:none
}
textarea{
    resize:none
}
label,select,input[type="radio"],input[type="submit"],input[type="checkbox"]{
    cursor:pointer
}
input[type="submit"]{
    border:0;
    border-radius:0;
    -webkit-appearance:none
}
button{
    padding:0;
    background:none
}
.page{
    padding:50px
}
@media (max-width: 767px){
    .page{
        padding:15px
    }
}
@media (min-width: 768px) and (max-width: 1199px){
    .page{
        padding:25px
    }
}
.page__inner{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position:relative;
    overflow:hidden;
    background-color:#f2f2f2;
    min-height:calc(100vh - 100px)
}
@media (max-width: 767px){
    .page__inner{
        padding:0 15px
    }
}
@media (min-width: 768px) and (max-width: 1199px){
    .page__inner{
        padding:0 25px
    }
}
@media (min-width: 1200px){
    .page__inner{
        padding:50px 50px 0
    }
}
.page__inner:before{
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:80px;
    z-index:1;
    border-radius:100%;
    background-color:rgb(178, 179, 179);
    width:13.671875vw;
    height:13.671875vw;
    transform:translateX(-50%);
    animation:float__1 5s ease-in-out infinite
}
@media (max-width: 1199px){
    .page__inner:before{
        display:none
    }
}
.page__inner:after{
    content:"";
    display:block;
    position:absolute;
    left:auto;
    right:150px;
    top:50%;
    z-index:3;
    width:24.8046875vw;
    height:24.8046875vw;
    border:6px solid rgb(25, 50, 81);
    transform:translateY(-50%) rotate(45deg);
    animation:float__2 10s ease-in-out infinite
}
@media (max-width: 1199px){
    .page__inner:after{
        display:none
    }
}
@keyframes float__1{
    0%{
        transform:translate(-50%, 0px)
    }
    50%{
        transform:translate(-50%, -50px)
    }
    100%{
        transform:translate(-50%, 0px)
    }
}
@keyframes float__2{
    0%{
        transform:translate(0, -50%) rotate(45deg)
    }
    50%{
        transform:translate(0, -50%) rotate(60deg)
    }
    100%{
        transform:translate(0, -50%) rotate(45deg)
    }
}
.fluid__box{
    position:relative;
    width:100%;
    max-width:1300px;
    margin:0 auto
}
.loader{
    position:fixed;
    left:0;
    top:0;
    z-index:99999999;
    width:100%;
    height:100%;
    background-color:#fff
}
.loader>div{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%)
}
.header__inner{
    padding:40px 0
}
.header__logo>a>img{
    display:block;
    max-width:100%;
    transition:transform .25s ease
}
@media (max-width: 1199px){
    .header__logo>a>img{
        margin:0 auto
    }
}
.header__logo>a:hover>img{
    transform:scale(1.1)
}
.main__content{
    position:relative;
    z-index:2
}
.main__content:before,.main__content:after{
    content:"";
    display:block;
    position:absolute
}
.main__content:before{
    right:400px;
    top:0;
    z-index:2;
    width:11.71875vw;
    height:11.71875vw;
    background-color:rgb(178, 179, 179);
    border-radius:100%;
    transform:translateY(-50%);
    animation:float__3 10s ease-in-out infinite
}
@media (max-width: 1199px){
    .main__content:before{
        display:none
    }
}
.main__content:after{
    right:350px;
    top:50%;
    z-index:1;
    width:23.4375vw;
    height:23.4375vw;
    background-color:#dd1e4c;
    transform:translateY(-50%) rotate(60deg);
    animation:float__4 10s ease-in-out infinite
}
@media (max-width: 1199px){
    .main__content:after{
        display:none
    }
}
@keyframes float__3{
    0%{
        transform:translate(-50%, -50%)
    }
    50%{
        transform:translate(-75%, -50%)
    }
    100%{
        transform:translate(-50%, -50%)
    }
}
@keyframes float__4{
    0%{
        transform:translate(0, -50%) rotate(60deg)
    }
    50%{
        transform:translate(0, -50%) rotate(75deg)
    }
    100%{
        transform:translate(0, -50%) rotate(60deg)
    }
}
.content__inner{
    position:relative;
    z-index:3;
    padding:40px 0;
    max-width:775px
}
@media (max-width: 1199px){
    .content__inner{
        max-width:100%;
        text-align:center
    }
}
.content__inner>p,.content__inner>h1,.content__inner>h2,.content__inner>h3,.content__inner>h4,.content__inner>h5,.content__inner>h6,.content__inner>div{
    padding:15px 0
}
.content__inner>h1,.content__inner>h2,.content__inner>h3,.content__inner>h4,.content__inner>h5,.content__inner>h6{
    line-height:1;
    font-size:80px;
    font-weight:300;
    font-family:"Ubuntu",sans-serif;
    letter-spacing:3px
}
@media (max-width: 479px){
    .content__inner>h1,.content__inner>h2,.content__inner>h3,.content__inner>h4,.content__inner>h5,.content__inner>h6{
        font-size:50px
    }
}
.content__inner p{
    line-height:1.5
}
.content__inner p>strong{
    font-size:24px;
    font-weight:700
}
.content__inner p{
    font-size:18px;
    line-height:1.5;
    text-align:justify
}
@media (max-width: 1199px){
    .content__inner p{
        text-align:center
    }
}
.footer{
    font-weight:700;
    font-family:"Ubuntu",sans-serif
}
.footer__inner{
    display:flex;
    flex-flow:row wrap;
    position: relative;
    z-index: 9999;
}
.footer__column{
    width:25%;
    padding:30px 0;
    text-align:center
}
@media (max-width: 767px){
    .footer__column{
        width:100%;
        padding:15px 0
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .footer__column{
        width:50%
    }
}
.footer__column p,.footer__column ul,.footer__column h1,.footer__column h2,.footer__column h3,.footer__column h4,.footer__column h5,.footer__column h6{
    padding:10px 0
}
.footer__column h1,.footer__column h2,.footer__column h3,.footer__column h4,.footer__column h5,.footer__column h6{
    font-weight:900
}
.footer__list>ul>li>a{
    position:relative
}
.footer__list>ul>li>a:after{
    content:"";
    display:block;
    position:absolute;
    left:50%;
    bottom:-4px;
    width:0;
    height:1px;
    background-color:#000;
    transition:all .25s ease
}
.footer__list>ul>li>a:hover:after{
    width:100%;
    left:0
}
.footer__social{
    font-size:45px;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.footer__social>ul{
    display:flex;
    flex-flow:row wrap
}
.footer__social>ul>li{
    width:33.3333%
}
.footer__social>ul>li>a:hover{
    transform:scale(1.25)
}
.footer__social>ul>li>a.fa-facebook:hover{
    color:#3b5999
}
.footer__social>ul>li>a.fa-instagram:hover{
    color:#e4405f
}
.footer__social>ul>li>a.fa-twitter:hover{
    color:#55acee
}