@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
html {
scroll-behavior: smooth;
}
/*navbar_start*/
.navtxt{
font-size: 16px;
text-transform: uppercase;
}
.nav-item a {
border-bottom: 3px solid white;
padding-bottom: 5px;
border-width: 100%;
}
.icon a {
display: inline-block;
font-size: 16px;
color: #ffffff;
margin-right: 16px;
}
/*navbar_ends*/
/*Parallax start*/
.parallax-window
{
min-height: 722px;
background: transparent;
}
.text
{
overflow: hidden;
padding-top: 180px;
color: #400670;
font-size: 50px;
text-shadow: 5px 1px white;
font-weight: bold;
}
/*Parallax end*/
/*---- Main Style ----*/
#cards_landscape_wrap-2{
text-align: center;
background: #F7F7F7;
}
#cards_landscape_wrap-2 .container{
padding-top: 80px;
padding-bottom: 100px;
}
#cards_landscape_wrap-2 a{
text-decoration: none;
outline: none;
}
#cards_landscape_wrap-2 .card-flyer {
border-radius: 5px;
}
#cards_landscape_wrap-2 .card-flyer .image-box{
background: #ffffff;
overflow: hidden;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
border-radius: 5px;
}
#cards_landscape_wrap-2 .card-flyer .image-box img{
-webkit-transition:all .9s ease;
-moz-transition:all .9s ease;
-o-transition:all .9s ease;
-ms-transition:all .9s ease;
width: 100%;
height: 200px;
}
#cards_landscape_wrap-2 .card-flyer:hover .image-box img{
opacity: 0.7;
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
}
#cards_landscape_wrap-2 .card-flyer .text-box{
text-align: center;
}
#cards_landscape_wrap-2 .card-flyer .text-box .text-container{
padding: 30px 18px;
}
#cards_landscape_wrap-2 .card-flyer{
background: #FFFFFF;
margin-top: 50px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40);
}
#cards_landscape_wrap-2 .card-flyer:hover{
background: #fff;
box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin-top: 50px;
}
#cards_landscape_wrap-2 .card-flyer .text-box p{
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
font-size: 14px;
letter-spacing: 1px;
color: #000000;
}
#cards_landscape_wrap-2 .card-flyer .text-box h6{
margin-top: 0px;
margin-bottom: 4px;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Roboto Black', sans-serif;
letter-spacing: 1px;
color: #00acc1;
}
.card-flyer
{
border: 2px solid #400670;
}
#more {display: none;}
.button1 {
border-radius: 15px;
background-color:#00994d;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 18px;
padding: 10px;
padding-right: 30px;
padding-left: 30px;
width: auto;
transition: all 0.5s;
cursor: pointer;
margin: 1px;
}
.button1 span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button1 span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.button1:hover span {
padding-right: 25px;
}
.button1:hover span:after {
opacity: 1;
right: 0;
}
.button {
border-radius: 15px;
background-color: #400670;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 18px;
padding: 10px;
width: auto;
transition: all 0.5s;
cursor: pointer;
margin: 1px;
}
.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.button:hover span {
padding-right: 25px;
}
.button:hover span:after {
opacity: 1;
right: 0;
}
/*---------------------
Footer
-----------------------*/
/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__social::before {
display: none;
}
.footer__social::after {
display: none;
}
}
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
.footer {
height: auto;
}
.footer__social::before {
display: none;
}
.footer__social::after {
display: none;
}
.footer__social {
text-align: left;
}
}
@media only screen and (max-width: 479px) {
.button1
{
padding-left: 15px;
padding-right: 15px;
}
.text
{
padding-top: 90px;
padding-right: 20px;
font-size: 50px;
color: #400670;
text-shadow: 5px 0px white;
}
}
/* Small Device = 320px */
@media only screen and (max-width: 479px) {
.footer {
margin-top: 0px;
background-position: top 0 left 19%;
}
}
.footer {
padding-top: 300px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.footer__address {
margin-bottom: 50px;
}
.footer__address ul li {
list-style: none;
position: relative;
margin-bottom: 30px;
}
.footer__address ul li:last-child {
margin-bottom: 0;
}
.footer__address ul i {
font-size: 18px;
color: #5c00ce;
height: 50px;
width: 50px;
background: #ffffff;
border-radius: 50%;
line-height: 50px;
text-align: center;
position: absolute;
left: 0;
top: 0;
}
.footer__address ul li p {
color: #ffffff;
opacity: 0.7;
margin-bottom: 8px;
}
.footer__address ul li h6 {
font-size: 15px;
font-weight: 700;
color: #ffffff;
}
.footer__social {
text-align: center;
position: relative;
margin-bottom: 50px;
}
.footer__social::before {
position: absolute;
left: -46px;
top: 3px;
width: 1px;
height: 130px;
background: rgba(255, 255, 255, 0.2);
content: "";
}
.footer__social::after {
position: absolute;
right: -50px;
top: 3px;
width: 1px;
height: 130px;
background: rgba(255, 255, 255, 0.2);
content: "";
}
.footer__social h2 {
color: #ffffff;
font-weight: 700;
margin-bottom: 25px;
}
.footer__social .footer__social__links a {
font-size: 18px;
color: #5c00ce;
height: 50px;
width: 50px;
background: #ffffff;
border-radius: 50%;
line-height: 50px;
text-align: center;
display: inline-block;
margin-right: 10px;
}
.footer__copyright__text {
text-align: center;
margin-bottom: 0px;
padding-bottom: 0px;
}
.footer__copyright__text p {
color: #999999;
}
.fa-envelope {
transform: translateY(130px);
}