.footer-menu-background{
    position:fixed;
    z-index:999;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    pointer-events:all;
    overflow:hidden!important;
    transition:all 250ms ease;
}

.footer-menu-tap-close{
    position:fixed;
    z-index:9999999;
    top:0px;
    left:0px;
    right:160px;
    bottom:0px;
}

.footer-submenu-tap-close{
    position:fixed;
    z-index:9999999;
    top:0px;
    left:0px;
    right:160px;
    bottom:0px;
}

.footer-menu-wrapper{
    position:fixed;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    z-index:9999;
    overflow:hidden;
}

.footer-menu-scroll{
    position: absolute;
    bottom: 70px;
    left: 0;
    height:100%;
    right: -19px; /* Decrease this value for cross-browser compatibility */
    overflow: auto;
    -webkit-overflow-scrolling: touch;   
}

.footer-menu{
    position:relative;
    display: table-cell;
    vertical-align: bottom;
	
}

.footer-menu *, .footer-controls *{
    transition:all 250ms ease;
    /*transform: translate3d(0, 0, 0)!important;*/   
}

.menu-item{
    pointer-events:all;
    line-height:60px;
    float:right;
    padding-right:10px;
    padding-left:20px;
    width:100%;
    margin-bottom:20px;
}


.footer-menu .menu-item:last-child, .footer-share .menu-item:last-child{    margin-bottom:20px;}
.footer-menu .menu-item:first-child, .footer-share .menu-item:first-child{    margin-top:40px; padding-top:50px;}

.menu-item i{
    width:40px;
    height:40px;
    border-radius:10px;
    line-height:40px;
    text-align:center;
    font-size:20px;
    margin-left:20px;
    float:right;
}

.menu-item em{
    font-size:14px;
    font-style:normal;
    position:absolute;
    right:60px;
    height:60px;
    line-height:40px;
}

.footer-controls{
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    width:100%;
    height:100px;
    z-index:9999;
}

.footer-menu .fa-mobile, .footer-share .fa-mobile{
    font-size:22px!important; 
}

.footer-controls h3{
    width:150px;
    height:100px;
    line-height:100px;
    padding-left:20px;
    color:#1f1f1f;
    font-size:18px;
    font-weight:800;
}

.footer-controls h7{
    width:150px;
    height:100px;
    line-height:100px;
    padding-left:20px;
    color:#1f1f1f;
    font-size:18px;
    font-weight:800;
}

.footer-controls a{
    position:fixed;
    bottom:75px;
    text-align:center;
}

.footer-controls a i{
    width:50px;
    height:50px;
    position:absolute;
    border-radius:50px;
    line-height:46px;
    text-align:center;
    margin-left:20px;    
}

.footer-controls .footer-menu-toggle{
    right:90px;
}

.footer-controls .footer-menu-share{
    right:160px;
}

.footer-controls .footer-menu-contact{
    right:230px;
}

.footer-controls{border-top:solid 1px rgba(0,0,0,0.1); margin-top:20px}
.light-footer-menu .menu-item i{            border:solid 2px rgba(0,0,0,0.1);    color:#000000;}
.light-footer-menu .menu-item em{           color:#1f1f1f;}
.light-footer-background{background-color:rgba(255,255,255,0.9);}
.light-footer-menu .active-menu{color:#FFFFFF; opacity:1;}
.light-footer-menu .active-menu em{color:#1f1f1f!important; font-weight:500!important; font-size:15px}

.dark-footer-menu .menu-item i{            border:solid 2px rgba(255,255,255,0.2);    color:#FFFFFF;}
.dark-footer-menu .menu-item em{           color:rgba(255,255,255,0.6); font-weight:300;}
.dark-footer-background{background-color:rgba(0,0,0,0.93);}
.dark-footer-menu .active-menu{color:#FFFFFF; opacity:1;}
.dark-footer-menu .active-menu em{color:#FFFFFF!important; font-weight:500!important; font-size:15px}

.menu-yellow{    border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(245, 230, 25,  0.8);}
.menu-white{     border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(253, 227, 167, 0.8);}
.menu-lime{      border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(46, 204, 113,  0.8);}
.menu-green{     border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(39, 174, 96,   0.8);}
.menu-teal{      border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(160, 219, 67,  0.8);}
.menu-sky{       border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(42, 163, 218,  0.8);}
.menu-blue{      border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(81, 140, 216,  0.8);}
.menu-purple{    border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(208, 108, 178, 0.8);}
.menu-pink{      border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(232, 72, 98,   0.8);}
.menu-red{       border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(245, 73, 69,   0.8);}
.menu-dawn{      border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(238, 73, 28,   0.8);}
.menu-orange{    border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(242, 111, 7,   0.8);}
.menu-sun{       border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(244, 169, 0,   0.8);}
.menu-facebook{  border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(59, 89, 152,   0.8);}
.menu-twitter{   border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(64, 153, 255,  0.8);}
.menu-google{    border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(211, 72, 54,   0.8);}
.menu-dark{      border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(44, 62, 80,    0.8);}
.menu-night{     border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(52, 73, 94,    0.8);}
.menu-light{     border:solid 1px rgba(255,255,255,0.1)!important; color:#FFFFFF!important; background-color:rgba(44, 62, 80,    0.8);}



.remove-menu{
    opacity:0!important;
    pointer-events:none!important;
    transition:all 250ms ease;
}

.remove-wrapper{
    display:none!important;
}

.footer-icon-1{
    right:10px;  
}

.footer-icon-2{
    right:65px;
}

.footer-icon-3{
    right:115px;   
}

.footer-icon-7{
    right:165px;
}

.footer-menu-open, .footer-menu-close, .footer-submenu-open, .footer-submenu-close, .footer-menu-share, .footerb{
    position:absolute;
    bottom:15px;
    pointer-events:all;
    line-height:38px!important;
    width:38px;
    height:38px;
    z-index:999;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    transition:all 250ms ease;
    border-radius:10px;

}

.footer-menu-open i, .footer-menu-close i, .footer-submenu-open i, .footer-menu-share i, .footerb i{
    width:40px;
    height:40px;
    border-radius:40px;
    line-height:35px;
    text-align:center;
    font-size:20px;
    margin-top:-1px;
}

 .footer-submenu-close i{
    width:40px;
    height:40px;
    border-radius:40px;
    line-height:35px;
    text-align:center;
    font-size:20px;
    margin-top:-1px;
	left:90px;
}


.footer-submenu-open i{
    line-height:30px!important;
    margin-left:-3px;
    margin-top:3px;
    font-size:18px;
}

.footer-menu-share i{    margin-left:-3px;}
.footer-menu-open i{    margin-left:-3px;}
.footer-menu-close i{    margin-left:-3px;}
.footer-submenu-close i{    margin-left:-3px;}
.footerb i{    margin-left:-3px;}

.active-submenu-button{
    -moz-transform: translateX(55px);
    -webkit-transform: translateX(55px);
    -o-transform: translateX(55px);
    -ms-transform: translateX(55px);
    transform: translateX(55px);
    transition:all 250ms ease;
}

.footer-menu-close em{ 
    position:absolute;
    border:none;
    right:45px;
    font-style:normal;
    opacity:0.6;
    pointer-events:none;
    transition:all 250ms ease;
}

.footer-submenu-close em{ 
    position:absolute;
    border:none;
    right:45px;
    font-style:normal;
    opacity:0.6;
    pointer-events:none;
    transition:all 250ms ease;
}

.show-menu-text{
    opacity:1;
    transition:all 250ms ease;
}

/*Footer Styles*/

.light-footer-fixed .footer-menu-logo{border:none;}

.light-footer-fixed .footer-menu-logo{
    color:#1f1f1f;
}

.light-footer-fixed{
    background-color:#020202;
    border-top:solid 1px rgba(0,0,0,0.1);
}

.light-footer-fixed .footer-menu-logo{
    color:#1f1f1f;
}

.light-footer-fixed a{
    border:solid 2px rgba(249, 176, 48, 0.5);
    color:#ffa200;   
}

.dark-footer-fixed .footer-menu-logo{border:none;}

.dark-footer-fixed a{
    border:solid 1px rgba(255,255,255,0.5);
    color:#FFFFFF;   
}

.dark-footer-fixed{
    background-color:#0c1117;
    border-top:solid 1px rgba(0,0,0,0.1);
}

.dark-footer-fixed .footer-menu-logo{
    color:#FFFFFF;
}

.footer-fixed{
    position:fixed;
    z-index:9999;
    bottom:0px;
    width:100%;
    height:70px;
    padding-top:20px;
}

.footer-menu-logo{
    padding-top:10px;
	padding-left:15px;
    top:0px;
    font-size:20px;
    z-index:10;
    height:70px;
    line-height:70px;
    margin-left:5px;
    text-transform:uppercase;
    position:absolute;
    font-weight:800!important;
}

.footer-menu-logo strong {
    font-family:'Roboto', sans-serif!important;
    font-size:20px!important;
    font-weight:900!important;
}

.footer-clear{height:70px;}

.footer-logo{
    background-repeat: no-repeat;
    background-size:135px 20px;
    width:135px;
    height:20px;
    margin-left:auto;
    margin-right:auto;
}


.footer-links a{
    font-size:13px;
    line-height:40px;
    width:50%;
    float:left;
    color:#666666;
}

@media(min-width:768px){
    .footer-links a{
        width:33.3%;   
    }
}

.footer-links a i{
    width:20px;
    text-align:left;
    color:#1f1f1f;
}

.footer .footer-strip{
    margin-top:-15px;
    margin-bottom:-15px;
}

.footer-logo{
    color:#FFFFFF;
    padding-top:40px;
    font-weight:800;
    font-family:'Raleway', sans-serif;
    text-align:center;
    font-size:24px;
    display:block;
    width:100%;
}

.footer-text{
    text-align:center;
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
}

.footer-socials{
    width:285px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:40px;
}

.footer-socials a{
    width:40px;
    height:40px;
    border-radius:5px;
    float:left;
    line-height:42px;
    text-align:center;
    margin-left:4px;
    margin-right:3px;
}

.footer-strip{
    text-align:center;
    margin-bottom:15px;
    font-size:12px;
    padding-top:31px!important;
    padding-bottom:30px!important;
}

.footer-decoration{
    height:3px;
    width:50px;
    margin-left:auto;
    margin-right:auto;
    background-color:#e34e47;
    margin-bottom:20px;
}

.landing-header-icons{
    height:25px;
    padding-top:10px;
    padding-left:20px;
    width:50px;
    float:left;
    margin-bottom:25px;
}

.landing-header-icons a{
    float:right;
    width:40px;
    height:40px;
    margin-left:5px;
	margin-bottom:10px;
    border-radius:10px;
    line-height:20px;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
	z-index:99999;
}

.landing-header-icons a:hover{
    -moz-transform: scale(1.15,1.15)!important;
    -webkit-transform: scale(1.15,1.15)!important;
    -o-transform: scale(1.15,1.15)!important;
    -ms-transform: scale(1.15,1.15)!important;
    transform: scale(1.15,1.15)!important;
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
}

.landing-header-icons a i{
    font-size:25px;
    line-height:40px;
    width:40px;
    text-align:center;
    color:#FFFFFF;
}

.active-menu i{
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { 
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }    
    50% { 
        -moz-transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }
    100% { 
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes blinker {  
    0% { 
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }    
    50% { 
        -moz-transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }
    100% { 
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes blinker {  
    0% { 
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }    
    50% { 
        -moz-transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }
    100% { 
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}