/** Route 99 Cruiz In Car Club        **/
/** Designed By RORAPH GRAPHICS ®     **/
/** Code Hand Written By Wayne Roraph **/
/** Route99.Ca - Copyright©2025       **/
/** Updated - Feb-02-2025             **/

html {
        height: 100%;
        box-sizing: border-box;
}

*,
*:before,
*:after {
        box-sizing: inherit;
        border-collapse: collapse;
}

body {
        background-color: black;
        position: relative;
        margin: 0;
        padding-bottom: 6rem;
        min-height: 100%;
        font-family: "Helvetica Neue", Arial, sans-serif;
}

/** header image **/

.top-header {
        background-image:url(../images/2025-route-99-header-1200.png);
        min-height:200px;
        max-width:1200px;
        background-size: 100% 100%;
        background-position:top;
        background-repeat:repeat-x;
}
@media (max-width: 1200px) { 
.top-header { 
        background-image:url(../images/2025-route-99-header-1000.png);
        min-height:200px;
        max-width:1000px;
        background-size: 100% 100%;
        background-position:top;
        background-repeat:repeat-x;
}
}
@media (max-width: 1000px) { 
.top-header { 
        background-image:url(../images/2025-route-99-header-650.png);
        min-height:300px;
        max-width:650px;
        background-size: 100% 100%;
        background-position:top;
        background-repeat:repeat-x;
}
}
@media (max-width: 650px) { 
.top-header { 
        background-image:url(../images/2025-route-99-header-360.png);
        min-height:300px;
        max-width:360px;
        background-size: 100% 100%;
        background-position:top;
        background-repeat:repeat-x;
}
}
@media (max-width: 350px) { 
.top-header { 
        background-image:url(../images/2025-route-99-header-360.png);
        min-height:300px;
        max-width:300px;
        background-size: 100% 100%;
        background-position:top;
        background-repeat:repeat-x;
}
}

/**
.embed-container{
    display: block;
    height:100vh;
    width: 100vw;
    overflow: auto; 
-webkit-overflow-scrolling:touch;
}

.myIframe {
height: 100vh;
overflow: auto; 
-webkit-overflow-scrolling:touch;
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

iframe {
  height:calc(100vh - 4px);
  width:calc(100vw - 4px);
  box-sizing: border-box;
}

iframe {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
overflow:auto; /* coz you need vertical and horizontal scrollbars */
}
**/

.tcenter {
        text-align: center;
}

.align-center {
        margin-left:auto; 
        margin-right:auto;
}

.align-right {
        text-align: right;
}
@media (max-width: 650px){
.align-right {
        text-align: right;
}
}
@media (max-width: 350px){
.align-right {
        text-align: right;
}
}

.align-left {
        text-align: left;
        margin-left: 20px;
}
@media (max-width: 650px){
.align-left {
        text-align: left;
}
}
@media (max-width: 350px){
.align-left {
        text-align: left;
}
}

.fb-share{
        border: 0px;
        border-collapse:collapse;
        margin-left:auto; 
        margin-right:auto;
        width: 100%;
}

.r99 {
        margin: 0 auto;
        padding-top: 0px;
        max-width: 1900px;
        width: 100%;
}

.r99 h1 {
        margin-top: 0;
}

img.blk {
        padding: 0 0 0 0;
        border-style: none;
        border-spacing: 0px;
        border: 3px solid #000000;
-webkit-border-radius: 20px;
   -moz-border-radius: 20px;
        border-radius: 20px;
        vertical-align: middle;
	    max-width: 100%;
	    height: auto;
        width: auto\9; /* ie8 */
}
img.wht {
        padding: 0 0 0 0;
        border-style: none;
        border-spacing: 0px;
        border: 3px solid #ffffff;
-webkit-border-radius: 20px;
   -moz-border-radius: 20px;
        border-radius: 20px;
        vertical-align: middle;
	    max-width: 100%;
	    height: auto;
        width: auto\9; /* ie8 */
}

/*** hr colors ***/

/*** red ***/
hr.line1 {
        display: block;
        height: 2px;
        border: 0;
        border-top: 2px solid #e31112;
        margin: 1em 0;
        padding: 0;
        width: 90%;
        margin-left:auto; 
        margin-right:auto;
}
/*** creme ***/
hr.line2 {
        display: block;
        height: 2px;
        border: 0;
        border-top: 2px solid #fbfdb0;
        margin: 1em 0;
        padding: 0;
        width: 90%;
        margin-left:auto; 
        margin-right:auto;
}

.bg {
        background-color: #000000;
        width: 100%;
}

.bg2 {
        background-color: #ffffff;
        width: 100%;
}

.bg3 {
        background-color: #e31112;
        width: 100%;
}

.bg4 {
        background-color: #000000;
        width: 90%;
}

.clr {
        clear:both;
}

/** borders **/

.border {
        color: white;
        text-shadow: -4px 0 black, 0 4px black, 4px 0 black, 0 -4px black;
}

.border1 {
       -webkit-text-fill-color: white;
       -webkit-text-stroke-color: black;
       -webkit-text-stroke-width: 1.00px; 
}
.border2 {
       -webkit-text-fill-color: white;
       -webkit-text-stroke-color: black;
       -webkit-text-stroke-width: 2.00px; 
}
.border3 {
       -webkit-text-fill-color: white;
       -webkit-text-stroke-color: black;
       -webkit-text-stroke-width: 3.00px; 
}
.border4 {
       -webkit-text-fill-color: white;
       -webkit-text-stroke-color: black;
       -webkit-text-stroke-width: 4.00px; 
}
.border5 {
       -webkit-text-fill-color: white;
       -webkit-text-stroke-color: black;
       -webkit-text-stroke-width: 5.00px; 
}

/** fonts **/

@font-face{ 
	    font-family: 'Linux Biolinum Bold';
	    src: url('LinBiolinum_RB.eot');
	    src: url('LinBiolinum_RB.eot?#iefix') format('embedded-opentype'),
	         url('LinBiolinum_RB.woff') format('woff'),
	         url('LinBiolinum_RB.ttf') format('truetype'),
	         url('LinBiolinum_RB.svg#LinBiolinum_RB') format('svg');
}

@font-face{ 
	    font-family: 'Showcard Gothic';
	    src: url('SHOWG.eot');
	    src: url('SHOWG.eot?#iefix') format('embedded-opentype'),
	         url('SHOWG.woff') format('woff'),
	         url('SHOWG.ttf') format('truetype'),
	         url('SHOWG.svg#SHOWG') format('svg');
}

/** fonts-main **/

.main             {
        margin: 0px 0px 0px 0px;
        width: 100%;
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 28px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
.main a:link       { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 28px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
.main a:visited    { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 28px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
.main a:hover      { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 28px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.main a:active     { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 28px;
        font-weight : normal;
        color: #ff0000;
        text-decoration: none;
}
@media (max-width: 1000px) { 
.main { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
.main a:link       { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
.main a:visited    { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
.main a:hover      { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.main a:active     { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #ff0000;
        text-decoration: none;
}
}
@media (max-width: 650px) { 
.main { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
.main a:link       { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
.main a:visited    { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
.main a:hover      { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.main a:active     { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #ff0000;
        text-decoration: none;
}
}
@media (max-width: 350px) { 
.main { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
.main a:link       { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
.main a:visited    { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
.main a:hover      { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.main a:active     { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #ff0000;
        text-decoration: none;
}
}

/** fonts-main-2 **/

.main-2 {
        margin: 0px 0px 0px 0px;
        width: 100%;
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 30px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
@media (max-width: 650px) { 
.main-2 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 26px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
}
@media (max-width: 350px) { 
.main-2 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
}

/** fonts-main-3 **/

.main-3 {
        margin: 0px 0px 0px 0px;
        width: 100%;
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
@media (max-width: 650px) { 
.main-3 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 18px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
}
@media (max-width: 350px) { 
.main-3 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
}

/** fonts-header-1 **/

.r99-header-1 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 130px;
        font-weight : normal;
        color: #ffffff;
       -webkit-text-fill-color: white;
       -webkit-text-stroke-color: black;
       -webkit-text-stroke-width: 4.00px; 
}
@media (max-width: 650px) { 
.r99-header-1 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 60px;
        font-weight : normal;
        color: #ffffff;
       -webkit-text-fill-color: white;
       -webkit-text-stroke-color: black;
       -webkit-text-stroke-width: 2.00px; 
}
}
@media (max-width: 350px) { 
.r99-header-1 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 52px;
        font-weight : normal;
        color: #ffffff;
       -webkit-text-fill-color: white;
       -webkit-text-stroke-color: black;
       -webkit-text-stroke-width: 2.00px; 
}
}

/** fonts-header-2 **/

.r99-header-2 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 52px;
        font-weight : normal;
        color: #ffffff;
}
@media (max-width: 650px) { 
.r99-header-2 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 21px;
        font-weight : normal;
        color: #ffffff;
}
}
@media (max-width: 350px) { 
.r99-header-2 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 21px;
        font-weight : normal;
        color: #ffffff;
}
}

/** fonts-header-3 **/

.r99-header-3 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 32px;
        font-weight : normal;
        color: #ffffff;
}
@media (max-width: 650px) { 
.r99-header-3 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #ffffff;
}
}
@media (max-width: 350px) { 
.r99-header-3 { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #ffffff;
}
}

/** fonts-footer-ad **/

.r99-footer-ad { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #ffffff;
}
@media (max-width: 650px) { 
.r99-footer-ad { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #ffffff;
}
}
@media (max-width: 350px) { 
.r99-footer-ad { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #ffffff;
}
}

/** fonts-reg **/

.reg             {
        margin: 0px 0px 0px 0px;
        width: 100%;
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 28px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
.reg a:link       { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 28px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.reg a:visited    { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 28px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.reg a:hover      { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 28px;
        font-weight : normal;
        color: #ff0000;
        text-decoration: none;
}
.reg a:active     { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 28px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
@media (max-width: 1000px) { 
.reg { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
.reg a:link       { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.reg a:visited    { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.reg a:hover      { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #ff0000;
        text-decoration: none;
}
.reg a:active     { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 24px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
}
@media (max-width: 650px) { 
.reg { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
.reg a:link       { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.reg a:visited    { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.reg a:hover      { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #ff0000;
        text-decoration: none;
}
.reg a:active     { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 20px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
}
@media (max-width: 350px) { 
.reg { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #ffffff;
        line-height: 100%;
}
.reg a:link       { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.reg a:visited    { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #00ff00;
        text-decoration: none;
}
.reg a:hover      { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #ff0000;
        text-decoration: none;
}
.reg a:active     { 
        font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
        font-size : 16px;
        font-weight : normal;
        color: #c0c0c0;
        text-decoration: none;
}
}

/** image boxes **/

.box {
        background:#000000;
        padding:2%;
        margin:0% 0% 0% 0%;
        width:100%;
        display:inline-block;
        vertical-align: middle;
        border:0px solid #ffffff;
}

.box-20 {
        background:#000000;
        padding:1%;
        margin:0% 0% 0% 0%;
        width:18%;
        display:inline-block;
        vertical-align: middle;
}
@media (max-width: 650px) {
.box-20 {
        background:#000000;
        padding:2%;
        margin:0% 0% 0% 0%;
        width:100%;
        display:inline-block;
        vertical-align: middle;
}
}
@media (max-width: 350px) {
.box-20 {
        background:#000000;
        padding:2%;
        margin:0% 0% 0% 0%;
        width:100%;
        display:inline-block;
        vertical-align: middle;
}
}

.box-50 {
        background:#000000;
        padding:1%;
        margin:0% 0% 0% 0%;
        width:48%;
        display:inline-block;
        vertical-align: middle;
}
@media (max-width: 650px) {
.box-50 {
        background:#000000;
        padding:2%;
        margin:0% 0% 0% 0%;
        width:100%;
        display:inline-block;
        vertical-align: middle;
}
}
@media (max-width: 350px) {
.box-50         { background:#000000;
                  padding:2%;
                  margin:0% 0% 0% 0%;
                  width:100%;
                  display:inline-block;
                  vertical-align: middle;
}
}

.box-80         { background:#000000;
                  padding:1%;
                  margin:0% 0% 0% 0%;
                  width:78%;
                  display:inline-block;
                  vertical-align: middle;
}
@media (max-width: 650px) {
.box-80         { background:#000000;
                  padding:2%;
                  margin:0% 0% 0% 0%;
                  width:100%;
                  display:inline-block;
                  vertical-align: middle;
}
}
@media (max-width: 350px) {
.box-80         { background:#000000;
                  padding:2%;
                  margin:0% 0% 0% 0%;
                  width:100%;
                  display:inline-block;
                  vertical-align: middle;
}
}

.image-box      { max-width:100%;
                  float:none;
                  padding:0% 0% 0% 0%;}

/** form **/

.form-font{
	font-family: Arial, Tahoma, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
    /*** text-shadow: 0 0 1px #000000; ***/
}

.form-font-code{
	font-family: Arial, Tahoma, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
    /*** text-shadow: 0 0 1px #000000; ***/
}

/*** start form code ***/
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.font16 { font-family: Arial;
          font-size: 16px;
          color: #ffffff;
          font-weight: normal;
          text-align: left}
.ast    { font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
          font-size: 18px;
          color: #e31112;
          text-shadow: 0 0 1px #000000;
          font-weight: bold;
          text-align: center}
div#envelope{
width: 55%;
margin: 10px 30% 10px 25%;
padding:10px 0;
/* border: 2px solid gray; */
border-radius:10px;
}
form{
width:50%;
margin:0% 0% 0% 0%;
}

/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
margin-bottom: 1px;
margin-top: 0px;
width:100%;
padding: 5px;
border-radius:5px;
border:3px solid #000000;
}

textarea{
margin-bottom: 1px;
margin-top: 0px;
width:100%;
padding: 5px;
border-radius:5px;
border:3px solid #000000;
resize:none;
}
input[type=text]:focus,textarea:focus {
border-color: #e31112;
background-color: #fbfbfb;
}
@media all and (max-width: 650px) {
div#envelope{
width: 90%;
margin: 10px 5% 10px 5%;
padding:10px;
/* border: 2px solid gray; */
border-radius:10px;
}
form{
width:100%;
margin:0;}
} 
@media all and (max-width: 350px) {
div#envelope{
width: 96%;
margin: 5px 2% 5px 2%;
padding:10px 0;
/* border: 2px solid gray; */
border-radius:10px;
}
form{
width:100%;
margin:0;}
}
/** end form code ***/

.submit
{
    width:80px;
    height: 30px;
    line-height: 15px;
    padding-bottom: 0px;
    vertical-align: middle;
    font-family: Arial, Tahoma, Helvetica, Geneva, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    border:1px solid transparent;
    background: #ffffff;
    color: #000000;
   -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.submit:hover
{
    background-color:#efefef;
    font-weight: bold;
    color: #e31112;
}

/** photos gallery **/

#rig {
    max-width:900px;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;
    background-color:#000000;
}
#rig li {
    display: inline-block;
   *display:inline;/*for IE6 - IE7*/
    width:25%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}
        
/* The wrapper for each item */
.rig-cell {
    margin:10px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);
    display:block;
    position: relative;
    overflow:hidden;
}
        
/* If have the image layer */
.rig-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}

#rig li:hover .rig-img {
    transform:scale(1.05);
}
        
/* If have the overlay layer */
.rig-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #ffffff url(img/link.png) no-repeat center 20%;
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#rig li:hover .rig-overlay {
    opacity:0.8;
}

/* If have captions */
.rig-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:18px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:#e31112;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#rig li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.9;
}

@media (max-width: 9000px) {
#rig li {
    width:25%;
    }
}

@media (max-width: 650px) {
#rig li {
    width:33.33%;
    }
.rig-text {
    display:block;
    padding:0 10px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:14px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:#e31112;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
}

@media (max-width: 350px) {
#rig li {
    width:50%;
    }
.rig-text {
    display:block;
    padding:0 10px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:16px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:#e31112;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
}

/** spam-detected **/
.spam22              { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 22px;
    font-weight : normal;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}
.spam26              { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}
.spam64              { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 64px;
    font-weight : normal;
    color: #b30000;
    text-align: center;
    text-decoration: none;
}

/** foot-head **/

.raffle-head              { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #ffffff;
    text-align: center;
}
.raffle-head a:link       { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.raffle-head a:visited    { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.raffle-head a:hover      { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.raffle-head a:active     { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
@media (max-width: 650px) { 
.raffle-head              { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #ffffff;
    text-align: center;
}
.raffle-head a:link       { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.raffle-head a:visited    { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.raffle-head a:hover      { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.raffle-head a:active     { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}}
@media (max-width: 350px) { 
.raffle-head              { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    color: #ffffff;
    text-align: center;
}
.raffle-head a:link       { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.raffle-head a:visited    { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.raffle-head a:hover      { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.raffle-head a:active     { 
    font-family: 'Linux Biolinum Bold', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}}

/** phone **/

.phone              { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 64px;
    font-weight : normal;
    color: #efefef;
    text-align: center;
    text-decoration: none;
}
.phone a:link       { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 14px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.phone a:visited    { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 14px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.phone a:hover      { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 14px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.phone a:active     { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 14px;
    font-weight : normal;
    color: #00ff00;
    text-decoration: none;
}
@media (max-width: 650px) { 
.phone              { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 54px;
    font-weight : normal;
    color: #efefef;
    text-align: center;
    text-decoration: none;
}
.phone a:link       { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 54px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.phone a:visited    { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 54px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.phone a:hover      { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 54px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.phone a:active     { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 54px;
    font-weight : normal;
    color: #00ff00;
    text-decoration: none;
}}
@media (max-width: 350px) { 
.phone              { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 34px;
    font-weight : normal;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}
.phone a:link       { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 34px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.phone a:visited    { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 34px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.phone a:hover      { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 34px;
    font-weight : normal;
    color: #00ff00;
    text-decoration: none;
}
.phone a:active     { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 34px;
    font-weight : normal;
    color: #00fff0;
    text-decoration: none;
}}

/** phone2 **/

.phone2              { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 36px;
    font-weight : normal;
    color: #efefef;
    text-align: center;
    text-decoration: none;
}
.phone2 a:link       { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 36px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.phone2 a:visited    { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 36px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.phone2 a:hover      { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 36px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.phone2 a:active     { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 36px;
    font-weight : normal;
    color: #00ff00;
    text-decoration: none;
}
@media (max-width: 650px) { 
.phone2              { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #efefef;
    text-align: center;
    text-decoration: none;
}
.phone2 a:link       { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.phone2 a:visited    { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.phone2 a:hover      { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.phone2 a:active     { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #00ff00;
    text-decoration: none;
}}
@media (max-width: 350px) { 
.phone2              { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 18px;
    font-weight : normal;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}
.phone2 a:link       { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 18px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.phone2 a:visited    { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 18px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
.phone2 a:hover      { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 18px;
    font-weight : normal;
    color: #00ff00;
    text-decoration: none;
}
.phone2 a:active     { 
    font-family: 'arial', Verdana, Tahoma;
    font-size : 18px;
    font-weight : normal;
    color: #00fff0;
    text-decoration: none;
}}

/** designer **/

.designer              { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 14px;
    font-weight : normal;
    color: #efefef;
    text-align: center;
}
.designer a:link       { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 14px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.designer a:visited    { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 14px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.designer a:hover      { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 14px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.designer a:active     { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 14px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
@media (max-width: 650px) { 
.designer              { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 12px;
    font-weight : normal;
    color: #efefef;
    text-align: center;
}
.designer a:link       { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 12px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.designer a:visited    { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 12px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.designer a:hover      { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 12px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.designer a:active     { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 12px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}}
@media (max-width: 350px) { 
.designer              { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 10px;
    font-weight : normal;
    color: #efefef;
    text-align: center;
}
.designer a:link       { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 10px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.designer a:visited    { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 10px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.designer a:hover      { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 10px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.designer a:active     { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 10px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}}

/** sponsor **/

@media (max-width: 1900px) { 
.sponsor {
    max-width:100%;
    margin:0 auto; /*center aligned*/
    padding:0;
    position:relative;
    right: 0;
    bottom: 200;
    left: 0;
    height: 150;
    background-color: #000000;
    text-align: center;
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    list-style:none;
    color: #ffffff;
}
}

@media (max-width: 650px) { 
.sponsor {
    position:relative;
    right: 0;
    bottom: 200;
    left: 0;
    height: 150;
    padding: 1rem;
    background-color: #000000;
    text-align: center;
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 20px;
    font-weight : normal;
    color: #ffffff;
}
}

@media (max-width: 350px) { 
.sponsor {
    position:relative;
    right: 0;
    bottom: 200;
    left: 0;
    height: 150;
    padding: 1rem;
    background-color: #000000;
    text-align: center;
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 24px;
    font-weight : normal;
    color: #ffffff;
}
}

/** foot-head **/

.foot-head              { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #efefef;
    text-align: center;
}
.foot-head a:link       { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.foot-head a:visited    { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.foot-head a:hover      { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.foot-head a:active     { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 30px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}
@media (max-width: 650px) { 
.foot-head              { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #efefef;
    text-align: center;
}
.foot-head a:link       { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.foot-head a:visited    { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.foot-head a:hover      { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.foot-head a:active     { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 26px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}}
@media (max-width: 350px) { 
.foot-head              { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    color: #efefef;
    text-align: center;
}
.foot-head a:link       { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.foot-head a:visited    { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    color: #efefef;
    text-decoration: none;
}
.foot-head a:hover      { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    color: #c0c0c0;
    text-decoration: none;
}
.foot-head a:active     { 
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    color: #ffffff;
    text-decoration: none;
}}

/** footer **/

@media (max-width: 1900px) { 
.footer {
    max-width:100%;
    margin:0 auto; /*center aligned*/
    padding:0;
    position:absolute;
    right: 0;
    bottom: 10;
    left: 0;
    height: 10;
    background-color: #000000;
    text-align: center;
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 16px;
    font-weight : normal;
    list-style:none;
    color: #ffffff;
}
#footer li {
    display: inline-block;
   *display:inline;/*for IE6 - IE7*/
    width:33.33%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}
.footer-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}

#footer li:hover .footer-img {
    transform:scale(1.05);
}
}

@media (max-width: 650px) { 
.footer {
    position: absolute;
    right: 0;
    bottom: 10;
    left: 0;
    height: 100;
    padding: 1rem;
    background-color: #000000;
    text-align: center;
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 20px;
    font-weight : normal;
    color: #ffffff;
}
#footer li {
    width:33.33%;
}
}

@media (max-width: 350px) { 
.footer {
    position: absolute;
    right: 0;
    bottom: 10;
    left: 0;
    height: 100;
    padding: 1rem;
    background-color: #000000;
    text-align: center;
    font-family: 'LinBiolinum', Verdana, Tahoma;
    font-size : 24px;
    font-weight : normal;
    color: #ffffff;
}
#footer li {
    width:100%;
}
}

/** footer 2 **/

#footer1 {
    max-width:100%;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;
    background-color:#ffffff;
}
#footer1 li {
    display: inline-block;
   *display:inline;/*for IE6 - IE7*/
    width:33.33%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}
        
/* The wrapper for each item */
.footer1-cell {
    margin:10px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);
    display:block;
    position: relative;
    overflow:hidden;
}
        
/* If have the image layer */
.footer1-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}

#footer1 li:hover .footer2-img {
    transform:scale(1.05);
}
        
/* If have the overlay layer */
.footer1-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #e31112 url(img/link.png) no-repeat center 20%;
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#footer1 li:hover .footer2-overlay {
    opacity:0.8;
}

/* If have captions */
.footer1-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:18px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#footer1 li:hover .footer2-text {
    transform:translateY(0px);
    opacity:0.9;
}

@media (max-width: 1900px) {
#footer1 li {
    width:33.33%;
    }
}

@media (max-width: 650px) {
#footer1 li {
    width:100%;
    }
.footer1-text {
    display:block;
    padding:0 10px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:14px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
}

@media (max-width: 350px) {
#footer1 li {
    width:100%;
    }
.footer1-text {
    display:block;
    padding:0 10px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:16px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
}

/** footer 2 **/

#footer2 {
    max-width:100%;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;
    background-color:#000000;
}
#footer2 li {
    display: inline-block;
   *display:inline;/*for IE6 - IE7*/
    width:33.33%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}
        
/* The wrapper for each item */
.footer2-cell {
    margin:10px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);
    display:block;
    position: relative;
    overflow:hidden;
}
        
/* If have the image layer */
.footer2-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}

#footer2 li:hover .footer2-img {
    transform:scale(1.05);
}
        
/* If have the overlay layer */
.footer2-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #e31112 url(img/link.png) no-repeat center 20%;
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#footer2 li:hover .footer2-overlay {
    opacity:0.8;
}

/* If have captions */
.footer2-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:18px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#footer2 li:hover .footer2-text {
    transform:translateY(0px);
    opacity:0.9;
}

@media (max-width: 1900px) {
#footer2 li {
    width:33.33%;
    }
}

@media (max-width: 650px) {
#footer2 li {
    width:100%;
    }
.footer2-text {
    display:block;
    padding:0 10px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:14px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
}

@media (max-width: 350px) {
#footer2 li {
    width:100%;
    }
.footer2-text {
    display:block;
    padding:0 10px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:16px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
}