@import url(font-awesome.min.css);

input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

            .icon {
                text-decoration: none;
                border-bottom: none;
                position: relative;
            }
        
                .icon:before {
                    -moz-osx-font-smoothing: grayscale;
                    -webkit-font-smoothing: antialiased;
                    font-family: FontAwesome;
                    font-style: normal;
                    font-weight: normal;
                    text-transform: none !important;
                }
        
                .icon > .label {
                    display: none;
                }

                .icon.major {
                    -moz-transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    border-radius: 3px;
                    border: solid 2px #fff;
                    display: inline-block;
                    font-size: 1.35em;
                    height: calc(3em + 2px);
                    line-height: 3em;
                    text-align: center;
                    width: calc(3em + 2px);
                }
        
                    .icon.major:before {
                        -moz-transform: rotate(45deg);
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                        display: inline-block;
                        font-size: 1.5em;
                    }
        
                    @media screen and (max-width: 736px) {
        
                        .icon.major {
                            font-size: 1em;
                        }
        
                    }
        
                .icon.style1 {
                    color: #00ffcc;
                }
        
                .icon.style2 {
                    color: #00f0ff;
                }
        
                .icon.style3 {
                    color: #76ddff;
                }
/* Icons */

ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
}

    ul.icons li {
        display: inline-block;
        padding: 0 1em 0 0;
    }

        ul.icons li:last-child {
            padding-right: 0 !important;
        }

    ul.icons.major {
        padding: 1em 0;
    }

    ul.icons.major li {
        padding-right: 3.5em;
    }

        @media screen and (max-width: 736px) {

            ul.icons.major li {
                padding: 0 1em !important;
            }

        }
        #footer {
            /* padding: 6em 0 4em 0 ;
            background-color: #1d242a; */
            text-align: center;
        }
    
            #footer .icons {
                font-size: 1.83em;
            }
    
                #footer .icons a {
                    color: rgba(255, 255, 255, 0.9);
                }
    
                    #footer .icons a:hover {
                        color: #fff;
                    }
    
            ul.icons li {
                display: inline-block;
                padding: 0 .5em 0 0;
            }
    
                ul.icons li:last-child {
                    padding-right: 0 !important;
                }
    
            ul.icons.major {
                padding: 1em 0;
            }
    
            ul.icons.major li {
                padding-right: 3.5em;
            }
    
                @media screen and (max-width: 736px) {
    
                    ul.icons.major li {
                        padding: 0 1em !important;
                    }
    
                }