/* GOTHAM BOLD */
@font-face {
    font-family: 'Gotham';
    src: url('/../fonts/gotham/Gotham-Bold.eot');
    src: url('/../fonts/gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('/../fonts/gotham/Gotham-Bold.woff') format('woff'),
        url('/../fonts/gotham/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* GOTHAM MEDIUM */
@font-face {
    font-family: 'Gotham';
    src: url('/../fonts/gotham/Gotham-Medium.eot');
    src: url('/../fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('/../fonts/gotham/Gotham-Medium.woff') format('woff'),
        url('/../fonts/gotham/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* GOTHAM BOOK */
@font-face {
    font-family: 'Gotham';
    src: url('/../fonts/gotham/Gotham-Book.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/*Importing typography-western*/
a{
    color: black;
}
a:hover{
    color: black;
}
html,
body,
input {
	color: #414141;
    font-weight: 300;
	 font-family: 'Gotham';
	font-size: 12px;
	line-height: 1.5;
}

h1{
        font-weight: 300;
        font-size: 22px;
}

.bold{
       font-weight: bold;
}

.companies{
    background: #F6F6F6;
    border-radius: 20px;
    max-width: 180px;
    height: 180px;
    display: inline-block;
    transition: 0.5s;
     transform: scale(1);
     border: solid 2px transparent;
}

.companies:hover{
 transition: 0.5s;
 transform: scale(1.1);
 border: solid 2px #7A126B;
}

.downloadcontainer{
   background: #F6F6F6;
    border-radius: 20px;    
    display: inline-block;
width: 100%;
   transition: 0.5s;
       transform: scale(1);
         border: solid 2px transparent;

}

.downloadcontainer, downloadcontainer:hover{
    color: black!important;
    text-decoration: none!important;
    
}

.downloadcontainer:hover{
    transition: 0.5s;
   transform: scale(1.05);
border: solid 2px #7A126B;
}

.cloud{
   transition: 0.5s;
    position: absolute;
       bottom: -25px;
    right: 30px;
    z-index: 10;
}
.download-item {
    transition: opacity 0.4s ease, transform 0.4s ease, max-height 0.4s ease;
 
}

.download-item.hidden-item {
    max-height: 0;
    opacity: 0;
    transform: scale(0.98);
    pointer-events: none;
    margin: 0;
    padding: 0;
}

.category-btn{
       padding: 5px 20px 5px 20px;
    background: #453D3D;
    color: white;
    font-size: 20px;
    font-weight: 300;
    border-radius: 10px;
    border: none;
      transition: 0.5s;
}

.category-btn:hover{      transition: 0.5s;

     background: #7A126B;
   color: #F6F6F6!important;
text-decoration: none;
}


.active{

       background: #7A126B;
    color: white;
    border:none;
}

.menubar{
    max-width: 70px; 
    position: absolute; 
    left: 0px; 
    top: 0px;
}

@media only screen and (max-width: 600px) {
 .menubar{
    max-width: 70px; 
    position: fixed; 
    left: 0px; 
    top: 0px;
}

.category-btn {
    font-size: 15px;
}
}