﻿/*FOOTER*/

footer {
    background: #16222A;
    background: -webkit-linear-gradient(20deg, #f3f7f9, #35729b);
    background: #f3f7f9;
    
    margin-top: 100px;
}

    footer a {
        color: black;
        font-size: 13px;
        transition-duration: 0.2s;
    }

        footer a:hover {
            /*color: #FA944B;*/
            text-decoration: none;
        }

.copy {
    font-size: 13px;
    font-weight:bold;
    padding: 10px;
    border-top: 1px solid #FFFFFF;
}

.footer-middle {
    padding-top: 2em;
    color: black;
}


/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

    ul.social-network li {
        display: inline;
        margin: 0 5px;
    }

.Links {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 15%;
}

ul.Links li  {
    display: inline;
    margin: 0 5px;
    list-style:none;
}
.List{
    margin-top:5%;
}
.List li {
    display: inline;
    margin: 0 5px;
    list-style: none;
}
.List li a {
    display: inline;
}
/* footer social icons */
.social-network a.icoFacebook {
    background-color: #3B5998;
}

.social-network a.icoLinkedin {
    background-color: #0a66c2;
}

.social-network a.icotwitter {
    background-color: #1d9bf0;
}

.social-network a.icoinstagram {
    background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

    .social-network a.icoFacebook i,
    .social-network a.icoLinkedin i,
    .social-network a.icotwitter i,
    .social-network a.icoinstagram i {
        color: #fff;
    }

.social-network a.socialIcon:hover,
.socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 15px;
}

.social-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #595959;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.social-network a {
    background-color: #F9F9F9;
}
/* hide mobile version by default */
.footer-pad.mobile {
    display: none;
}
/* when screen is less than 600px wide
     show mobile version and hide desktop */
@media (max-width: 600px) {
    .footer-pad .mobile {
        display: block;
    }

    .footer-pad .desktop {
        display: none;
    }
}
@media (max-width:320px) {
    .footer-pad .mobile {
        display: block;
    }

    .footer-pad .desktop {
        display: none;
    }
    .Links {
        list-style: none;
        display: inline;
        margin-left: 0 !important;
        padding: 1%;
    }
    footer a {
        color: black;
        font-size:12px;
        transition-duration: 0.2s;
    }
}