.user_login_info{
padding:20px;
}
.user_login_info h2{
font-size:22px;
padding:15px 0 5px 0;
width:100%;
text-align:center;
}
.user_login_info p{
text-align:center;
padding:0px;
}
.user_thumb{
width:50%;
margin:auto;
}
.user_thumb img{
display:block;
max-width:100%;
-webkit-border-radius:200px;
-moz-border-radius:200px;
border-radius:200px;
border:2px #ddd solid;
}

.left-side-menu {
    background-color:#238acf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    color:#FFFFFF;
    }

.list-nav{
    padding:50px 0 0 0px;
    width:100%;
    }
    .list-nav ul{
    width:100%;
    list-style:none;
    padding:0px;
    margin:0;
    display:block;
    float:left;
    text-align:center;
    }
    .list-nav ul li{
    display:block;
    padding:0px;
    margin:0px;
    }
    .list-nav ul li a{
    color:#FFFFFF;
    font-size:15px;
    font-weight:300;
    width:22%;
    display:inline-block;
    float:left;
    list-style:none;
    padding:16.5% 0 3% 0;
    margin:2% 0 2% 8%;
    height:auto;
    border:1px #0f8587 solid;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    }
    .list-nav-half{
    padding:50px 0 0 0px;
    width:100%;
    }
    .list-nav-half ul{
    width:100%;
    list-style:none;
    padding:0px;
    margin:0;
    display:block;
    float:left;
    text-align:center;
    }
    .list-nav-half ul li{
    display:block;
    padding:0px;
    margin:0px;
    }
    .list-nav-half ul li a{
    color:#FFFFFF;
    font-size:15px;
    font-weight:300;
    width:38%;
    display:inline-block;
    float:left;
    list-style:none;
    padding:30% 0 5% 0;
    margin:2% 0 2% 7%;
    height:auto;
    border:1px #fff solid;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    }
    .list-nav-small{
    padding:20px 0 20px 0px;
    width:100%;
    }
    .list-nav-small ul{
    width:100%;
    list-style:none;
    padding:0px;
    margin:0px;
    display:block;
    }
    .list-nav-small ul li{
    list-style:none;
    padding:0 0 0 50px;
    margin:0px;
    display:block;
    height:40px;
    line-height:40px;
    border-bottom:1px #3b9ddf solid;
    }
    .list-nav-small ul li a{
    color:#FFFFFF;
    font-size:16px;
    font-weight:300;
    }
    .home-icon a{
    background:url(../images/icons/turquoise/home.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .about-icon a{
    background:url(../images/icons/turquoise/user.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .features-icon a{
    background:url(../images/icons/turquoise/settings.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .photos-icon a{
    background:url(../images/icons/turquoise/photos.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .blog-icon a{
    background:url(../images/icons/turquoise/blog.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .contact-icon a{
    background:url(../images/icons/turquoise/contact.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .lock-icon a{
    background:url(../images/icons/turquoise/lock.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .tools-icon a{
    background:url(../images/icons/turquoise/tools.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .envelope-icon a{
    background:url(../images/icons/turquoise/envelope.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .download-icon a{
    background:url(../images/icons/turquoise/download.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .video-icon a{
    background:url(../images/icons/turquoise/video.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .heart-icon a{
    background:url(../images/icons/turquoise/heart.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .logout-icon a{
    background:url(../images/icons/turquoise/logout.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .toogle-icon a{
    background:url(../images/icons/turquoise/toogle.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .docs-icon a{
    background:url(../images/icons/turquoise/docs.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    .responsive-icon a{
    background:url(../images/icons/turquoise/responsive.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 35px;
    }
    
    .home-icon-half a{
    background:url(../images/icons/white/home.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .about-icon-half a{
    background:url(../images/icons/white/user.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .features-icon-half a{
    background:url(../images/icons/white/settings.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .photos-icon-half a{
    background:url(../images/icons/white/photos.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .blog-icon-half a{
    background:url(../images/icons/white/blog.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .contact-icon-half a{
    background:url(../images/icons/white/contact.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .lock-icon-half a{
    background:url(../images/icons/white/lock.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .tools-icon-half a{
    background:url(../images/icons/white/tools.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .envelope-icon-half a{
    background:url(../images/icons/white/envelope.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .download-icon-half a{
    background:url(../images/icons/white/download.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .video-icon-half a{
    background:url(../images/icons/white/video.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .heart-icon-half a{
    background:url(../images/icons/white/heart.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .logout-icon-half a{
    background:url(../images/icons/white/logout.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .toogle-icon-half a{
    background:url(../images/icons/white/toogle.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .docs-icon-half a{
    background:url(../images/icons/white/docs.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    .map-icon-half a{
    background:url(../images/icons/white/map.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 50% 55px;
    }
    
    .home-icon-small{
    background:url(../images/icons/white/home.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .about-icon-small{
    background:url(../images/icons/white/user.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    }
    .features-icon-small{
    background:url(../images/icons/white/settings.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .photos-icon-small{
    background:url(../images/icons/white/photos.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .blog-icon-small{
    background:url(../images/icons/white/blog.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .contact-icon-small{
    background:url(../images/icons/white/contact.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .lock-icon-small{
    background:url(../images/icons/white/lock.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .tools-icon-small{
    background:url(../images/icons/white/tools.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .envelope-icon-small{
    background:url(../images/icons/white/envelope.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .download-icon-small{
    background:url(../images/icons/white/download.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .video-icon-small{
    background:url(../images/icons/white/video.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .heart-icon-small{
    background:url(../images/icons/white/heart.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .logout-icon-small{
    background:url(../images/icons/white/logout.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .toogle-icon-small{
    background:url(../images/icons/white/toogle.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }
    .docs-icon-small{
    background:url(../images/icons/white/docs.png);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    }

/*===============================================*/
/* 10. PHOTO GALLERY */
/*===============================================*/
.switch_button{
    display:block;
    float:left;
    }
    .switch_button a{
    display:block;
    width:23px;
    height:23px;
    }
    .switch13{
    background:url(images/switch_13.png) no-repeat center;
    }
    .switch12{
    background:url(images/switch_12.png) no-repeat center;
    }
    .switch11{
    background:url(images/switch_11.png) no-repeat center;
    }
    h2.page_subtitle_photos{
    font-size:24px;
    font-weight:700;
    padding:0 0 0px 0;
    margin:0px 0 10px 0;
    border-bottom:1px #ddd solid;
    display:inline-block;
    letter-spacing:-0.5px;
    float:left;
    }
    .gallery_switch{
    float:right;
    margin:5px 0 0 0;
    }
    .gallery_switch a{
    display:block;
    float:left;
    padding:0 5px;
    }
    ul.photo_gallery_13{ 
    width:100%; 
    list-style:none; 
    padding:0px; 
    margin:10px 0 20px 0; 
    float:left; 
    clear:both;
    }
    ul.photo_gallery_13 li{ 
    width:31%; 
    padding:0; 
    float:left; 
    margin:1%;}
    ul.photo_gallery_13 li img{ 
    max-width:100%; 
    display:block; 
    }
    ul.photo_gallery_12{ 
    width:100%; 
    list-style:none; 
    padding:0px; 
    margin:10px 0 10px 0; 
    float:left; 
    clear:both;
    }
    ul.photo_gallery_12 li{ 
    width:48%; 
    padding:0; 
    float:left;  
    margin:1%;
    }
    ul.photo_gallery_12 li img{ 
    max-width:100%; 
    display:block;
    }
    ul.photo_gallery_11{ 
    width:100%; 
    list-style:none; 
    padding:0px; 
    margin:10px 0 10px 0; 
    float:left; 
    clear:both;
    }
    ul.photo_gallery_11 li{ 
    width:100%; 
    padding:0; 
    float:left; 
    margin:0px 0 10px 0;
    }
    ul.photo_gallery_11 li img{
    max-width:100%; 
    display:block;
    }