/* --------------------------------- */
/* Css Styles                        */
/*---------------------------------- */

/**
	Mat - vCard Template
	Author : Tavonline
	Copyright 2017


/*------------------------  ------------------------*/		
 

 body{
    font-family: 'Montserrat', sans-serif;
    height: 1500px;
 }

 header{
    position: absolute;
    z-index: 15;
    padding: 15px 25px;
    width: 100%;
 }

h2{
    font-weight: bold;
    color: #ea0026;
    font-size: 25px;
    letter-spacing: -1px;
    margin-top: 15px;
}

 header .buy-link{
    color: #000;
    font-size: 13px;
    font-weight: 600;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;   
    margin-top: 8px;
 }

 header .buy-link:hover{
    opacity: 0.7;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
 }

 .promo{
    overflow: hidden;
    position: relative;
    background: #fff;
    display: table; 
    width: 100%;
 }

 .home-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    z-index: 2;
}

  .promo p{
font-size: 17px;
    font-weight: 500;
    opacity: 0.7;
    color: #6d6d6d;
    line-height: 28px;
 }

.page-btn{
    padding: 10px 32px;
    border: solid 2px #ea0026;
    color: #fff;
    background: #ea0026;
    border-radius: 50px;
    border-radius: 50px;
    position: relative;
    z-index: 20;
    margin-top: 45px;
    display: inline-block;
    min-width: 181px;
    font-size: 15px;
    font-weight: 500;
}

.page-btn:hover{
    background-position:left bottom;
    text-decoration: none;
    background: #fff;
    color: #000 !important;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}

.page-btn:focus{ 
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    background: #ea0026;
    color: #fff;
    box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.22);
}

.page-btn.color{
    background: #00cdb9;
    color: #fff;
}

/*Content Section */

.content{
    padding-top: 80px;
    position: relative;
}

section{
    padding-top:50px;
    position: relative;
    
}

section hr{
    margin-top: 120px;
}

.content figure img{
    width: 100%;    
    border-radius: 8px;
    box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.18);
    transform: translateY(5px);
}

.content figure img:hover{
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transform: translateY(0px);
}

.content figure figcaption{
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    margin-top: 38px;
    color: #afafaf;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}


.content figure:hover figcaption{
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    color: #000;
}

.content-title{
    font-size: 150px;
    color: #f7f7f7;
    font-weight: bold;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -42px;
    letter-spacing: -8px;
}



footer{
    background: #000;
    height: 300px;
    margin-top: 90px;
    padding-top: 25px;
}

footer .logo{
    max-height: 20px;
    opacity: .4;
    margin-left: -10px;
    margin-top: 45px;
}

footer .social {
    margin-top: 20px;
}

footer .social a{    
    color: #fff;
    font-size: 14px;
    margin-right: 8px;
}

footer .social a:hover{    
    color: #757575;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
}

footer hr{
    border-top: 1px solid #313131;
    margin-top: 40px;
}

footer p{
    color: #949494;
    font-size: 12.5px;
    margin-top: 30px;
}

footer p a{
    color: #00cdb9;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
}

footer p a:hover{
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    color: #fff;
}

@media (max-width: 991px) {
    .demo{
        margin-bottom: 30px;
    }

}

.element{
    color: #000;
    font-weight: bold;
}


#particles-js {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    opacity: .7;
    z-index: 6;
}


/* Margins */

.top_15{
    margin-top: 15px;
}

.top_30{
    margin-top: 30px;
}

.top_45{
    margin-top: 45px;
}

.top_60{
    margin-top: 60px;
}

.top_90{
    margin-top: 90px;
}

.top_120{
    margin-top: 120px;
}

.padding_30{
   padding: 30px 0; 
}

.padding_45{
   padding: 45px 0; 
}

.padding_60{
   padding: 60px 0; 
}

.padding_90{
   padding: 90px 0; 
}

.padding_120{
   padding: 120px 0; 
}

.bottom_15{
    margin-bottom: 15px;
}

.bottom_30{
    margin-bottom: 30px;
}

.bottom_45{
    margin-bottom: 45px;
}

.bottom_60{
    margin-bottom: 60px;
}

.bottom_90{
    margin-bottom: 90px;
}

.bottom_120{
    margin-bottom: 120px;
}

.padbot_15{
    padding-bottom: 15px;
}

.padbot_30{
    padding-bottom: 30px;
}

.padbot_45{
    padding-bottom: 45px;
}

.padbot_60{
    padding-bottom: 60px;
}


/* Responsive */


@media (max-width: 560px) {
    .gorge{
        max-width: 400px;
    }

}



@media (max-width: 470px) {
    .gorge{
        max-width: 300px;
    }

}


@media (max-width:370px) {
    .gorge{
        max-width: 200px;
    }

}



@media (max-width:991px) {

.content-title {
    font-size: 90px;
    margin-top: 6px;
}


}


@media (max-width:767px) {

    .promo p {
        font-size: 15px;
        font-weight: 500;
        opacity: 0.7;
        color: #6d6d6d;
        line-height: 28px;
    }

    .content-title {
        font-size: 90px;
        margin-top: -4px;
    }

}

@media (max-width:580px) {

.content-title {
    font-size: 70px;
    margin-top: 17px;
}

}


@media (max-width:450px) {

.content-title {
    font-size: 50px;
    margin-top: 28px;
}

}