@charset "utf-8";

.container-fluid,.container{max-width:1200px;}
.card-container{padding:100px 0px;-webkit-perspective:1000;perspective:1000;}
.profile-card-1{
background-color:#FFF;border-radius:10px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);
background-image:url(../img/profile-bg-1.jpg);background-position:center;
padding-top:100px;overflow:hidden;position:relative;margin:10px auto;cursor:pointer;max-width:300px;}

.profile-card-1 .profile-content{position:relative;background-color:#FFF;padding:70px 20px 20px 20px;text-align:center;}
.profile-card-1 .profile-img{position:absolute;height:100px;left:0px;right:0px;z-index:10;top:-50px;transition:all 0.25s linear;transform-style: preserve-3d;}
.profile-card-1 .profile-img img{height:100px;margin:auto;border-radius:50%;border:5px solid #FFF;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.profile-card-1 .profile-name{font-size:18px;font-weight:bold;color:#021830;}
.profile-card-1 .profile-address{color:#777;font-size:12px;margin:0px 0px 15px 0px;}
.profile-card-1 .profile-description{font-size:13px;padding:5px 10px;color:#777;}
.profile-card-1 .profile-icons .fa{margin:5px;color:#777;}
.profile-card-1:hover{box-shadow:0px 0px 50px rgba(0,0,0,0.1);}
.profile-card-1:hover .profile-img{transform:rotateY(180deg);}
.profile-card-2{max-width:300px;background-color:#FFF;box-shadow:0px 0px 25px rgba(0,0,0,0.1);background-position:center;
overflow:hidden;position:relative;margin:10px auto;cursor:pointer;border-radius:10px;}

.profile-card-2 img{transition:all linear 0.25s;}
.profile-card-2 .profile-name{position:absolute;left:30px;bottom:70px;font-size:30px;color:#FFF;text-shadow:0px 0px 20px rgba(0,0,0,0.5);
font-weight:bold;transition:all linear 0.25s;}
.profile-card-2 .profile-icons{position:absolute;bottom:30px;right:30px;color:#FFF;transition:all linear 0.25s;}
.profile-card-2 .profile-username{position:absolute;bottom:50px;left:30px;color:#FFF;font-size:13px;transition:all linear 0.25s;}
.profile-card-2 .profile-icons .fa{margin:5px;}
.profile-card-2:hover img{filter:grayscale(100%);}
.profile-card-2:hover .profile-name{bottom:80px;}
.profile-card-2:hover .profile-username{bottom:60px;}
.profile-card-2:hover .profile-icons{right:40px;}

.profile-card-3{background-color:#FFF;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;
margin:10px auto;cursor:pointer;padding:25px 15px;}
.profile-card-3 .profile-name{font-weight:bold;color:#21304e;}
.profile-card-3 .profile-location{color:#999;font-size:13px;font-weight:600;}
.profile-card-3 img{height:100px;width:100px;object-fit:cover;margin:10px auto;border-radius:50%;transition:all linear 0.25s;}
.profile-card-3 .profile-description{font-size:13px;color:#777;padding:10px;}
.profile-card-3 .profile-icons{margin:15px 0px;}
.profile-card-3 .profile-icons .fa{color:#fe455a;margin:0px 5px;}
.profile-card-3:hover img{height:110px;width:110px;margin:5px auto;}

.profile-card-4{max-width:300px;background-color:#FFF;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);
overflow:hidden;position:relative;margin:10px auto;cursor:pointer;}.profile-card-4 img{transition:all 0.25s linear; }
.profile-card-4 .profile-content{position:relative;padding:15px;background-color:#FFF;}
.profile-card-4 .profile-name{font-weight:bold;position:absolute;left:0px;right:0px;top:-70px;color:#FFF;font-size:17px;}
.profile-card-4 .profile-name p{font-weight:600;font-size:13px;letter-spacing:1.5px;}
.profile-card-4 .profile-description{color:#777;font-size:12px;padding:10px;}
.profile-card-4 .profile-overview{padding:15px 0px;}
.profile-card-4 .profile-overview p{font-size:10px;font-weight:600;color:#777;}
.profile-card-4 .profile-overview h4{color:#273751;font-weight:bold;}
.profile-card-4 .profile-content::before{content:"";position:absolute;height:20px;top:-10px;left:0px;right:0px;background-color:#FFF;z-index:0;transform:skewY(3deg);}
.profile-card-4:hover img{transform:rotate(5deg) scale(1.1,1.1);filter:brightness(110%);}

.profile-card-5{max-width:300px;background-color:#FFF;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);
overflow:hidden;position:relative;margin:10px auto;cursor:pointer;padding:50px 15px 25px 15px;}
.profile-card-5 img{height:100px;width:100px;object-fit:cover;margin:10px auto;border-radius:50%;transition:all linear 0.25s;position:relative;}
.profile-card-5::before{content:"";position:absolute;top:-60px;right:0px;left:0px;height:170px;background-color:var(--rnkb-211);transform:skewY(-20deg);}
.profile-card-5 .profile-name{padding-top:15px;font-weight:bold;color:#333;}
.profile-card-5 .profile-designation{font-size:13px;color:#777;}
.profile-card-5 .profile-location{color:#999;font-size:13px;font-weight:600;}
.profile-card-5 .profile-description{font-size:13px;color:#777;padding:10px;}
.profile-card-5 .profile-overview{padding:15px 0px;}
.profile-card-5 .profile-overview  p{color:#777;font-size:13px;}
.profile-card-5 .profile-overview  h2{font-weight:bold;color:#1e2832;}
.profile-card-5 .profile-icons .fa{margin:7px;color:#4fb96e;}
.profile-card-5:hover img{transform:rotate(-5deg);}

.profile-card-6{max-width:300px;background-color:#FFF;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);
overflow:hidden;position:relative;margin:10px auto;cursor:pointer;}
.profile-card-6 img{transition:all 0.15s linear;}
.profile-card-6 .profile-name{position:absolute;top:10px;left:10px;font-size:25px;font-weight:bold;color:#FFF;padding:15px 20px;
background: linear-gradient(140deg, rgba(0,0,0,0.4) 50%, rgba(255,255,0,0) 50%);transition:all 0.15s linear;}
.profile-card-6 .profile-position{position:absolute;color:rgba(255,255,255,0.4);left:30px;top:100px;transition:all 0.15s linear;}
.profile-card-6 .profile-overview{position:absolute;bottom:0px;left:0px;right:0px;background: linear-gradient(0deg, rgba(0,0,0,0.4) 50% , rgba(255,255,0,0) );
color:#FFF;padding:50px 0px 20px 0px;transition:all 0.15s linear;}
.profile-card-6 .profile-overview h3{font-weight:bold;}
.profile-card-6 .profile-overview p{color:rgba(255,255,255,0.7);}
.profile-card-6:hover img{filter:brightness(80%);}
.profile-card-6:hover .profile-name{padding-left:25px;padding-top:20px;}
.profile-card-6:hover .profile-position{left:40px;}
.profile-card-6:hover .profile-overview{padding-bottom:25px;}

.profile-card-7{background-color:#FFF;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);
overflow:hidden;position:relative;margin:10px auto;cursor:pointer;}
.profile-card-7 .profile-content{padding:60px 30px 30px 30px;background-color:#FFF;position:relative;}
.profile-card-7 .profile-content img{position:absolute;height:80px;width:80px;border-radius:50%;top:-40px;border:5px solid #FFF;}
.profile-card-7 .profile-content .profile-name{position:absolute;font-size:17px;font-weight:bold;top:-35px;left:125px;color:#FFF;}
.profile-card-7 .profile-overview {padding:5px 0px;}
.profile-card-7 .profile-overview p{color:#777;font-size:11px;font-weight:600;}
.profile-card-7 .profile-overview h5{color:#142437;font-weight:bold;}

.profile-card-8{background: linear-gradient(#09121c ,#36445a) ;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);
overflow:hidden;position:relative;margin:10px auto;cursor:pointer;transition:all 0.25s linear;}
.profile-card-8 .profile-name{position:absolute;left:0px;right:0px;top:25px;color:#58d683;font-size:17px;font-weight:bold;}
.profile-card-8 .profile-designation{position:absolute;left:0px;right:0px;top:50px;color:#FFF;font-size:13px;font-weight:600;letter-spacing:1px;}
.profile-card-8 .profile-icons{position:absolute;left:0px;right:0px;top:80px;color:rgba(255,255,255,0.7);}
.profile-card-8 .profile-icons .fa{margin:5px;}
.profile-card-8:hover{transform:scale(1.05,1.05);}

.profile-card-9{border-radius:10px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;
margin:10px auto;cursor:pointer;padding:30px 15px;background-color:#FFF;transition: all 0.25s linear;}
.profile-card-9 img{height:120px;width:120px;border-radius:50%;margin:10px auto;}
.profile-card-9 .profile-name{font-size:15px;color:#3249b9;font-weight:600;}
.profile-card-9 .profile-designation{font-size:13px;color:#777;}
.profile-card-9 .profile-description{padding:10px;font-size:13px;color:#777;margin:15px 0px;background-color:#F1F2F3;border-radius:5px;}
.profile-card-9 a{padding:10px 15px;background-color:#3249b9;color:#FFF;font-size:11px;border-radius:25px;}
.profile-card-9:hover{transform:scale(1.05,1.05);}

.profile-card-10{border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:10px auto;
cursor:pointer;padding:30px 15px;background-color:#1f2124;color:#EEE;}
.profile-card-10 img{margin:10px auto;width:100px;height:100px;border-radius:50%;border:10px solid transparent;
box-shadow:0px 0px 0px 2px #64c17b;transition: all 0.25s linear;}
.profile-card-10 .profile-name{color:#FFF;font-weight:bold;font-size:17px;}
.profile-card-10 .profile-location{font-size:13px;opacity:0.7;}
.profile-card-10 .profile-description{padding:10px;font-size:13px;}
.profile-card-10 .profile-icons .fa{color:#ffc75e;margin:10px;}
.profile-card-10:hover img{transform:scale(1.1);}

/*burada ise diger kart model kodlarını giriyoruz*/
/* This css file is to over write bootstarp css
---------------------------------------------------------------------- */


/*
Theme Name: Modern - Bootstrap 4 Cards
Theme URI: http://adamthemes.com/
Author: AdamThemes
Author URI: http://adamthemes.com/
Description: Modern - Bootstrap 4 Cards by AdamThemes
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: card, cards, css3, modern, adamthemes, bootstrap, profile
*---------------------------------------------------------------------- */


/*---------------------------------------------------------------------- 
TABLE OF CONTENTS

// 1. SECTIONS
// 2. CARDS
//      2.1 Card Table 
//      2.1 Card Blog 
//      2.1 Card Background 
//      2.1 Card Profile 
//      2.1 Card Category 
//      2.1 Card Author 
//      2.1 Card Product
//      2.1 Card Testimonial
//      2.1 Text Color
// 3. BUTTONS
// 4. SOCIAL MEDIA BUTTONS
// 5. BOOTSTRAP COL-MD-12 CLASS
// 6. FONT AWESOME FA CLASS

------------------------------------------------------------------------*/


/*---------------------------------------------------------------------- /
SECTIONS
----------------------------------------------------------------------- */

.section-cards {
    z-index: 3;
    position: relative;
}

.section-gray {
    background: #E5E5E5;
    padding: 60px 0 30px 0;
}


/*---------------------------------------------------------------------- /
CARDS
----------------------------------------------------------------------- */

.card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 6px;
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card .card-image {
    height: 60%;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card .card-image img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    pointer-events: none;
}

.card .card-image .card-caption {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 1.3em;
    text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
}

.card img {
    width: 100%;
    height: auto;
}

.img-raised {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card .ftr {
    margin-top: 15px;
}

.card .ftr div {
    display: inline-block;
}

.card .ftr .author {
    color: #888;
}

.card .ftr .stats {
    float: right;
    line-height: 30px;
}

.card .ftr .stats {
    position: relative;
    top: 1px;
    font-size: 14px;
}


/* ============ Card Table ============ */

.table {
    margin-bottom: 0px;
}

.card .table {
    padding: 15px 30px;
}

.card .table-primary {
    background: linear-gradient(60deg, #ab47bc, #7b1fa2);
}

.card .table-info {
    background: linear-gradient(60deg, #26c6da, #0097a7);
}

.card .table-success {
    background: linear-gradient(60deg, #66bb6a, #388e3c);
}

.card .table-warning {
    background: linear-gradient(60deg, #ffa726, #f57c00);
}

.card .table-danger {
    background: linear-gradient(60deg, #ef5350, #d32f2f);
}

.card .table-rose {
    background: linear-gradient(60deg, #ec407a, #c2185b);
}

.card [class*="table-"] {
    color: #FFFFFF;
    border-radius: 6px;
}

.card [class*="table-"] .card-caption a,
.card [class*="table-"] .card-caption,
.card [class*="table-"] .icon i {
    color: #FFFFFF;
}

.card [class*="table-"] .icon i {
    border-color: rgba(255, 255, 255, 0.25);
}

.card [class*="table-"] .author a,
.card [class*="table-"] .ftr .stats,
.card [class*="table-"] .category,
.card [class*="table-"] .card-description {
    color: rgba(255, 255, 255, 0.8);
}

.card [class*="table-"] .author a:hover,
.card [class*="table-"] .author a:focus,
.card [class*="table-"] .author a:active {
    color: #FFFFFF;
}

.card [class*="table-"] h1 small,
.card [class*="table-"] h2 small,
.card [class*="table-"] h3 small {
    color: rgba(255, 255, 255, 0.8);
}


/* ============ Card Blog ============ */

.card-blog {
    margin-top: 30px;
}

.card-blog .card-caption {
    margin-top: 5px;
}

.card-blog .card-image + .category {
    margin-top: 20px;
}

.card-raised {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}


/* ============ Card Background ============ */

.card-background {
    background-position: center;
    background-size: cover;
    text-align: center;
}

.card-background .table {
    position: relative;
    z-index: 2;
    min-height: 280px;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 440px;
    margin: 0 auto;
}

.card-background .category,
.card-background .card-description,
.card-background small {
    color: rgba(255, 255, 255, 0.8);
}

.card-background .card-caption {
    color: #FFFFFF;
    margin-top: 10px;
}

.card-background:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    table: "";
    background-color: rgba(0, 0, 0, 0.56);
    border-radius: 6px;
}


/* ============ Card Profile ============ */

.card-profile {
    margin-top: 30px;
    text-align: center;
}


/* ============ Card Category ============ */

.category {
    position: relative;
    /* line-height: 1.5; */
    margin: 15px 0;
}

.card .category-social .fa {
    font-size: 24px;
    position: relative;
    margin-top: -4px;
    top: 2px;
    margin-right: 5px;
}


/* ============ Card Author ============ */

.card .author .avatar {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}

.card .author a {
    color: #333;
    text-decoration: none;
}

.card .author a .ripple-cont {
    display: none;
}


/* ============ Card Product ============ */

.card-product {
    margin-top: 30px;
}

.card-product .btn-simple.btn-just-icon {
    padding: 0;
}

.card-product .ftr {
    margin-top: 5px;
}

.card-product .ftr .stats {
    margin-top: 4px;
    top: 0;
}

.card-product .ftr h4 {
    margin-bottom: 0;
}

.card-product .card-caption,
.card-product .category,
.card-product .card-description {
    text-align: center;
}

.card-description p {
    color: #888;
}

.card-caption,
.card-caption a {
   
    text-decoration: none;
}

.card-caption {
    font-weight: 700;
    
}


/* ============ Card Testimonial ============ */

.card-testimonial {
    margin-top: 0;
    margin-bottom: 60px;
    text-align: center;
}

.card-profile .btn-just-icon.btn-raised,
.card-testimonial .btn-just-icon.btn-raised {
    margin-left: 6px;
    margin-right: 6px;
}

.card-profile .card-avatar,
.card-testimonial .card-avatar {
    max-width: 130px;
    max-height: 130px;
    margin: -50px auto 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card-profile.card-plain .card-avatar,
.card-testimonial.card-plain .card-avatar {
    margin-top: 0;
}

.card-testimonial .card-avatar {
    max-width: 100px;
    max-height: 100px;
}

.card-testimonial .card-description {
    font-style: italic;
}

.card-testimonial .card-description + .card-caption {
    margin-top: 30px;
}

.card-testimonial .icon {
    margin-top: 30px;
}

.card-testimonial .icon {
    font-size: 40px;
}

.card-testimonial .ftr {
    margin-top: 0;
}

.card-testimonial .ftr .card-avatar {
    margin-top: 10px;
    margin-bottom: -50px;
}


/* ============ Text Color ============ */

.text-warning {
    color: #ff9800;
}

.text-primary {
    color: #9c27b0;
}

.text-danger {
    color: #f44336;
}

.text-success {
    color: #4caf50;
}

.text-info {
    color: #00bcd4;
}

.text-rose {
    color: #e91e63;
}

.text-gray {
    color: #888;
}


/*---------------------------------------------------------------------- /
BUTTONS
----------------------------------------------------------------------- */

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn,
.navbar .navbar-nav > li > a.btn {
    border: none;
    border-radius: 3px;
    position: relative;
    padding: 12px 30px;
    margin: 10px 1px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn:focus,
.btn:active,
.btn:active:focus {
    outline: 0;
}

.btn.btn-round,
.navbar .navbar-nav > li > a.btn.btn-round {
    border-radius: 30px;
}

.btn.btn-just-icon,
.navbar .navbar-nav > li > a.btn.btn-just-icon {
    font-size: 20px;
    padding: 12px 12px;
    line-height: 1em;
}

.btn.btn-just-icon i,
.navbar .navbar-nav > li > a.btn.btn-just-icon i {
    width: 20px;
}


/* Button Info */

.btn.btn-info {
    background-color: #00bcd4;
    color: #FFFFFF;
}

.btn.btn-info:focus,
.btn.btn-info:active,
.btn.btn-info:hover {
    box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}


/* Button Danger */

.btn.btn-danger {
    background-color: #f44336;
    color: #FFFFFF;
}

.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-danger:hover {
    box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}


/* Button Warning */

.btn.btn-warning.btn-simple:hover,
.btn.btn-warning.btn-simple:focus,
.btn.btn-warning.btn-simple:active {
    background-color: transparent;
    color: #ff9800;
}

.btn.btn-warning.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-warning.btn-simple {
    background-color: transparent;
    color: #ff9800;
    box-shadow: none;
}

.btn.btn-warning,
.navbar .navbar-nav > li > a.btn.btn-warning {
    box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12);
}


/* Button Rose */

.btn.btn-rose.btn-simple:hover,
.btn.btn-rose.btn-simple:focus,
.btn.btn-rose.btn-simple:active {
    background-color: transparent;
    color: #e91e63;
}

.btn.btn-rose.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-rose.btn-simple {
    background-color: transparent;
    color: #e91e63;
    box-shadow: none;
}


/* Button White */

.btn.btn-white,
.btn.btn-white:focus,
.btn.btn-white:hover {
    background-color: #FFFFFF;
    color: #888;
}

.btn.btn-white.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-white.btn-simple {
    color: #FFFFFF;
    background: transparent;
    box-shadow: none;
}


/*---------------------------------------------------------------------- /
SOCIAL MEDIA BUTTONS
----------------------------------------------------------------------- */


/* facebook */

.btn.btn-facebook,
.navbar .navbar-nav > li > a.btn.btn-facebook {
    background-color: #3b5998;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
}

.btn.btn-facebook:focus,
.btn.btn-facebook:active,
.btn.btn-facebook:hover {
    background-color: #3b5998;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
}

.btn.btn-facebook.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple {
    color: #3b5998;
    background-color: transparent;
    box-shadow: none;
}


/*twitter*/

.btn.btn-twitter,
.navbar .navbar-nav > li > a.btn.btn-twitter {
    background-color: #55acee;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
}

.btn.btn-twitter:focus,
.btn.btn-twitter:active,
.btn.btn-twitter:hover {
    background-color: #55acee;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
}

.btn.btn-twitter.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple {
    color: #55acee;
    background-color: transparent;
    box-shadow: none;
}


/*pinterest*/

.btn.btn-pinterest,
.navbar .navbar-nav > li > a.btn.btn-pinterest {
    background-color: #cc2127;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
}

.btn.btn-pinterest:focus,
.btn.btn-pinterest:active,
.btn.btn-pinterest:hover {
    background-color: #cc2127;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
}

.btn.btn-pinterest.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple {
    color: #cc2127;
    background-color: transparent;
    box-shadow: none;
}


/*google*/

.btn.btn-google,
.navbar .navbar-nav > li > a.btn.btn-google {
    background-color: #dd4b39;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
}

.btn.btn-google:focus,
.btn.btn-google:active,
.btn.btn-google:hover {
    background-color: #dd4b39;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
}

.btn.btn-google.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-google.btn-simple {
    color: #dd4b39;
    background-color: transparent;
    box-shadow: none;
}


/*dribbble*/

.btn.btn-dribbble,
.navbar .navbar-nav > li > a.btn.btn-dribbble {
    background-color: #ea4c89;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
}

.btn.btn-dribbble:focus,
.btn.btn-dribbble:active,
.btn.btn-dribbble:hover {
    background-color: #ea4c89;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
}

.btn.btn-dribbble.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple {
    color: #ea4c89;
    background-color: transparent;
    box-shadow: none;
}


/*instagram*/

.btn.btn-instagram,
.navbar .navbar-nav > li > a.btn.btn-instagram {
    background-color: #125688;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
}

.btn.btn-instagram:focus,
.btn.btn-instagram:active,
.btn.btn-instagram:hover {
    background-color: #125688;
    color: #fff;
    box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
}

.btn.btn-instagram.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple {
    color: #125688;
    background-color: transparent;
    box-shadow: none;
}


/*---------------------------------------------------------------------- /
BOOTSTRAP COL-MD-12 CLASS
----------------------------------------------------------------------- */

.col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
	width:100%; 
}


/*---------------------------------------------------------------------- /
FONT AWESOME FA CLASS
----------------------------------------------------------------------- */

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*---------------------------------------------------------------------- /
CARD STYLE İÇİNDEKİ H DEGERLERİNİ GİRİYORUZ
----------------------------------------------------------------------- */

.card > h1, .h1 {
  font-size: 3.8em;
}

.card > h2, .h2 {
  font-size: 2.0em;
  line-height: 1.6em;
  margin: 15px 0 15px;
  font-weight: 700;
  font-family: "Roboto Slab", "Times New Roman", serif;
  text-align: center;
}

.card > h3, .h3 {
  font-size: 1.825em;
  line-height: 1.4em;
  margin: 30px 0 30px;
  font-weight: 700;
  font-family: "Roboto Slab", "Times New Roman", serif;
  text-align: center;
}

.card > h4, .h4 {
  font-size: 1.3em;
  line-height: 1.55em;
}

.card > h5, .h5 {
  font-size: 1.25em;
  line-height: 1.55em;
  margin-bottom: 15px;
}

.card > h6, .h6 {
  font-size: 0.9em;
  font-weight: 500;
}

/*---------------------------------------------------------------------- /
3. CARD STYLE KODLARIMIZ
----------------------------------------------------------------------- */
.kart {
    border-radius: 5px !important;
    border: 0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  }
  .kart-style-1 {
    background-color: var(--white);
    margin-bottom: 25px;
  }
  .kart-style-1 figure {
    margin: 0;
  }
  .kart-style-1 img {
    width: 100%;
    height: 220px;
  }
  .kart-style-1 .circle {
    position: relative;
    bottom: 25px;
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    margin-bottom: -30px;
    background-color: #fd5c63;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-radius: 50%;
  }
  .kart-style-1 h5 {
    text-align: center;
    font-size: 1rem;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
    color: var(--dark);
  }
  .kart-style-1 .date {
    display: block;
    font-size: 0.8rem;
    text-align: center;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
  }
  .kart-style-1 p.content {
    text-align: justify;
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: var(--gray-dark);
  }
  .kart-style-1 a.view-detail {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.9rem;
    font-weight: 700;
    color: inherit;
    text-align: center;
    border-top: 1px solid #dee2e6;
  }
  .kart-style-1 a.view-detail:hover {
    text-decoration: none;
  }
  
  .kart-style-2 {
    background-color: #fff;
    margin-bottom: 25px;
  }
  .kart-style-2 figure {
    margin: 0;
  }
  .kart-style-2 img {
    width: 100%;
    height: 220px;
  }
  .kart-style-2 .post-link {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: inherit;
  }
  .kart-style-2 .post-link:hover {
    text-decoration: none;
  }
  .kart-style-2 p.content {
    font-size: 0.89rem;
    font-weight: 400;
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #9599a0;
  }
  .kart-style-2 img.avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
  }
  .kart-style-2 .author {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.8rem;
    color: var(--gray);
  }
  .kart-style-2 .author .post-date {
    font-size: 0.75rem;
  }
  .kart-style-2 i.fe-heart {
    vertical-align: middle;
  }
  
  .kart-style-3 {
    background-color: var(--white);
  }
  .kart-style-3 figure {
    margin: 0;
  }
  .kart-style-3 img {
    width: 100%;
    height: 220px;
  }
  .kart-style-3 .post-link {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: inherit;
  }
  .kart-style-3 .post-link:hover {
    text-decoration: none;
  }
  .kart-style-3 p.content {
    font-size: 0.89rem;
    font-weight: 400;
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #9599a0;
  }
  .kart-style-3 img.avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
  }
  .kart-style-3 .post-meta .author {
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.8rem;
  }
  .kart-style-3 .post-meta .author .location {
    color: #9599a0;
  }
  .kart-style-3 .post-meta .author i.fe-map-pin {
    vertical-align: middle;
  }
  .kart-style-3 .post-meta .post-date {
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.75rem;
    color: #9aa0ac;
  }
  .kart-style-3 .post-details {
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.8rem;
    color: var(--gray-dark);
  }
  .kart-style-3 .post-details i {
    position: relative;
    top: 2px;
    font-size: 1rem;
  }
  
  .kart-style-4 {
    margin-bottom: 40px;
    background-color: var(--white);
  }
  .kart-style-4 .kart-title {
    position: relative;
    bottom: 23px;
    align-self: flex-start;
    margin-bottom: -25px;
    background-color: var(--teal);
    color: #fff;
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
    font-size: 0.9rem;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  }
  .kart-style-4 .last-modified {
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.8rem;
    color: #9aa0ac;
  }
  .kart-style-4 .post-actions {
    font-size: 0.9rem;
    color: #9aa0ac;
    cursor: pointer;
  }
  .kart-style-4 figure {
    margin: 0;
  }
  .kart-style-4 img {
    max-width: 100%;
  }
  .kart-style-4 .post-link {
    color: inherit;
  }
  .kart-style-4 p.content {
    font-size: 0.89rem;
    font-weight: 400;
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #9599a0;
  }
  .kart-style-4 img.avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
  }
  .kart-style-4 .kart-meta i {
    color: #9599a0;
    cursor: pointer;
  }
  
  .kart-style-5.kart {
    flex-direction: initial;
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin-bottom: 25px;
  }
  .kart-style-5.kart .img-container {
    padding: 0;
  }
  .kart-style-5.kart .img-container figure {
    margin: 0;
  }
  .kart-style-5.kart .img-container figure img {
    width: 100%;
    height: 200px;
  }
  .kart-style-5.kart .kart-link {
    font-weight: 700;
  }
  .kart-style-5.kart .kart-content {
    font-size: 0.85rem;
    color: #7d7d7d;
  }
  .kart-style-5.kart .kart-meta {
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
  }
  .kart-style-5.kart .kart-meta i {
    vertical-align: middle;
    color: #9599a0;
  }
  .kart-style-5.kart .kart-meta .post-date {
    font-size: 0.7rem;
    color: #9599a0;
  }
  .kart-style-5.kart .kart-meta .read-more {
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
    font-size: 0.75rem;
    color: #646464;
  }
  .kart-style-5.kart .kart-meta .read-more:hover {
    text-decoration: none;
  }
  
  .kart-style-6.kart {
    margin-bottom: 20px;
  }
  .kart-style-6.kart .meta {
    color: #9599a0;
  }
  .kart-style-6.kart .meta .item {
    cursor: pointer;
  }
  .kart-style-6.kart .img-container {
    text-align: center;
    padding-top: 35px;
  }
  .kart-style-6.kart .img-container img {
    width: 200px;
    height: 200px;
  }
  .kart-style-6.kart .img-container.has-meta {
    position: relative;
    bottom: 30px;
    margin-bottom: -30px;
    padding-top: 0;
  }
  .kart-style-6.kart .kart-body .kart-title {
    text-align: center;
  }
  .kart-style-6.kart .kart-body .album-details {
    text-align: center;
    color: #9599a0;
  }
  .kart-style-6.kart .kart-body.no-author {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
  .kart-style-6.kart .kart-body.has-author {
    padding-top: 0.25rem;
    padding-bottom: 1rem;
  }
  .kart-style-6.kart .author {
    text-align: center;
    padding: 20px 25px;
    border-top: 1px solid #e6e6e6;
  }
  .kart-style-6.kart .author img {
    width: 40px;
  }
  
  .kart-style-7.kart {
    margin-bottom: 20px;
  }
  .kart-style-7.kart .kart-content {
    padding: 10px 25px 0 15px;
    font-size: 0.75rem;
  }
  .kart-style-7.kart .kart-content .kart-title {
    display: flex;
    height: 50px;
  }
  .kart-style-7.kart .kart-content .kart-title .title {
    display: flex;
    justify-content: center;
    align-items: center;
    /* DEFINE A CLASS WITH VERTICAL CONTENT THEN REMOVE EXTRA ATTRS */
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: bold;
  }
  .kart-style-7.kart .kart-content .kart-title .kart-icon {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .kart-style-7.kart .kart-content .kart-title .kart-icon img {
      width: 70px;
      max-height: 50px
  }
  .kart-style-7.kart .kart-content .row-holder {
    display: flex;
  }
  .kart-style-7.kart .kart-content .row-holder span.detail {
    display: block;
    padding-bottom: 10px;
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #9599a0;
  }
  .kart-style-7.kart .kart-content .row-holder span.holder {
    display: block;
    padding-bottom: 15px;
    color: var(--gray-dark);
  }
  .kart-style-7.kart .action-btn {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #ebebeb;
    text-align: center;
    font-size: 1rem;
    color: inherit;
    transition: 0.3s all;
  }
  .kart-style-7.kart .action-btn:hover {
    color: #00b4ff;
    text-decoration: none;
  }
  
  .kart-style-8.kart {
    margin-bottom: 20px;
  }
  .kart-style-8.kart .meta {
    color: var(--gray);
  }
  .kart-style-8.kart .meta .item {
    cursor: pointer;
  }
  .kart-style-8.kart .img-container {
    text-align: center;
    padding-top: 35px;
  }
  .kart-style-8.kart .img-container .contact-avatar {
    width: 60px;
    height: 60px;
  }
  .kart-style-8.kart .img-container.has-meta {
    position: relative;
    bottom: 30px;
    margin-bottom: -30px;
    padding-top: 0;
  }
  .kart-style-8.kart .kart-body.contact {
    padding-top: 0;
    text-align: center;
  }
  .kart-style-8.kart .kart-body .contact-name {
    margin-bottom: 5px;
    font-size: 0.95rem;
  }
  .kart-style-8.kart .kart-body .contact-job {
    font-size: 0.9rem;
    color: var(--gray);
  }
  .kart-style-8.kart .contact-info {
    padding-top: 20px;
    padding-bottom: 25px;
    text-align: center;
    font-size: 0.84rem;
    color: var(--gray);
  }
  .kart-style-8.kart .contact-info .contact-cell {
    padding-top: 10px;
    font-size: 0.8rem;
  }
  .kart-style-8.kart .seprator {
    display: block;
    width: 50%;
    height: 1px;
    margin: 0 auto;
    background-color: #dee2e6;
  }
  
  /* Radio Checkbox */
  .styled-input-container span {
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.7rem;
    color: #9599a0;
    cursor: pointer;
  }
  
  .styled-input-single {
    position: relative;
    padding: 5px 0 5px 35px;
    text-align: left;
  }
  
  .styled-input-single label {
    cursor: pointer;
    font-family: Muli, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.85rem;
  }
  
  .styled-input-single label:before, .styled-input-single label:after {
    content: "";
    position: absolute;
    top: 50%;
    border-radius: 50%;
  }
  
  .styled-input-single label:before {
    left: 0;
    width: 16px;
    height: 16px;
    margin: -10px 0 0;
    background: #f7f7f7;
    box-shadow: 0 0 1px gray;
  }
  
  .styled-input-single label:after {
    left: 5px;
    width: 12px;
    height: 12px;
    margin: -8px -3px 0;
    opacity: 0;
    background: #37b2b2;
    -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
    transform: translate3d(-40px, 0, 0) scale(0.5);
    transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }
  
  .styled-input-single input[type=radio],
  .styled-input-single input[type=checkbox] {
    position: absolute;
    top: 0;
    left: -9999px;
    visibility: hidden;
  }
  
  .styled-input-single input[type=radio]:checked + label:after,
  .styled-input-single input[type=checkbox]:checked + label:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  
  .styled-input--square label:before, .styled-input--square label:after {
    border-radius: 0;
  }

  .fe {
  font-family: "feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fe-activity:before {
  content: "";
}

.fe-airplay:before {
  content: "";
}

.fe-alert-circle:before {
  content: "";
}

.fe-alert-octagon:before {
  content: "";
}

.fe-alert-triangle:before {
  content: "";
}

.fe-align-center:before {
  content: "";
}

.fe-align-justify:before {
  content: "";
}

.fe-align-left:before {
  content: "";
}

.fe-align-right:before {
  content: "";
}

.fe-anchor:before {
  content: "";
}

.fe-aperture:before {
  content: "";
}

.fe-arrow-down:before {
  content: "";
}

.fe-arrow-down-circle:before {
  content: "";
}

.fe-arrow-down-left:before {
  content: "";
}

.fe-arrow-down-right:before {
  content: "";
}

.fe-arrow-left:before {
  content: "";
}

.fe-arrow-left-circle:before {
  content: "";
}

.fe-arrow-right:before {
  content: "";
}

.fe-arrow-right-circle:before {
  content: "";
}

.fe-arrow-up:before {
  content: "";
}

.fe-arrow-up-circle:before {
  content: "";
}

.fe-arrow-up-left:before {
  content: "";
}

.fe-arrow-up-right:before {
  content: "";
}

.fe-at-sign:before {
  content: "";
}

.fe-award:before {
  content: "";
}

.fe-bar-chart:before {
  content: "";
}

.fe-bar-chart-2:before {
  content: "";
}

.fe-battery:before {
  content: "";
}

.fe-battery-charging:before {
  content: "";
}

.fe-bell:before {
  content: "";
}

.fe-bell-off:before {
  content: "";
}

.fe-bluetooth:before {
  content: "";
}

.fe-bold:before {
  content: "î¤ ";
}

.fe-book:before {
  content: "";
}

.fe-book-open:before {
  content: "";
}

.fe-bookmark:before {
  content: "";
}

.fe-box:before {
  content: "";
}

.fe-briefcase:before {
  content: "";
}

.fe-calendar:before {
  content: "";
}

.fe-camera:before {
  content: "";
}

.fe-camera-off:before {
  content: "";
}

.fe-cast:before {
  content: "";
}

.fe-check:before {
  content: "";
}

.fe-check-circle:before {
  content: "";
}

.fe-check-square:before {
  content: "";
}

.fe-chevron-down:before {
  content: "";
}

.fe-chevron-left:before {
  content: "";
}

.fe-chevron-right:before {
  content: "";
}

.fe-chevron-up:before {
  content: "";
}

.fe-chevrons-down:before {
  content: "";
}

.fe-chevrons-left:before {
  content: "";
}

.fe-chevrons-right:before {
  content: "";
}

.fe-chevrons-up:before {
  content: "";
}

.fe-chrome:before {
  content: "";
}

.fe-circle:before {
  content: "";
}

.fe-clipboard:before {
  content: "";
}

.fe-clock:before {
  content: "";
}

.fe-cloud:before {
  content: "";
}

.fe-cloud-drizzle:before {
  content: "";
}

.fe-cloud-lightning:before {
  content: "";
}

.fe-cloud-off:before {
  content: "";
}

.fe-cloud-rain:before {
  content: "";
}

.fe-cloud-snow:before {
  content: "";
}

.fe-code:before {
  content: "";
}

.fe-codepen:before {
  content: "";
}

.fe-command:before {
  content: "";
}

.fe-compass:before {
  content: "";
}

.fe-copy:before {
  content: "";
}

.fe-corner-down-left:before {
  content: "";
}

.fe-corner-down-right:before {
  content: "";
}

.fe-corner-left-down:before {
  content: "";
}

.fe-corner-left-up:before {
  content: "";
}

.fe-corner-right-down:before {
  content: "";
}

.fe-corner-right-up:before {
  content: "";
}

.fe-corner-up-left:before {
  content: "";
}

.fe-corner-up-right:before {
  content: "";
}

.fe-cpu:before {
  content: "";
}

.fe-credit-kart:before {
  content: "";
}

.fe-crop:before {
  content: "";
}

.fe-crosshair:before {
  content: "";
}

.fe-database:before {
  content: "";
}

.fe-delete:before {
  content: "";
}

.fe-disc:before {
  content: "";
}

.fe-dollar-sign:before {
  content: "";
}

.fe-download:before {
  content: "";
}

.fe-download-cloud:before {
  content: "";
}

.fe-droplet:before {
  content: "";
}

.fe-edit:before {
  content: "";
}

.fe-edit-2:before {
  content: "";
}

.fe-edit-3:before {
  content: "";
}

.fe-external-link:before {
  content: "";
}

.fe-eye:before {
  content: "";
}

.fe-eye-off:before {
  content: "";
}

.fe-facebook:before {
  content: "";
}

.fe-fast-forward:before {
  content: "";
}

.fe-feather:before {
  content: "";
}

.fe-file:before {
  content: "î¥ ";
}

.fe-file-minus:before {
  content: "";
}

.fe-file-plus:before {
  content: "";
}

.fe-file-text:before {
  content: "";
}

.fe-film:before {
  content: "";
}

.fe-filter:before {
  content: "";
}

.fe-flag:before {
  content: "";
}

.fe-folder:before {
  content: "";
}

.fe-folder-minus:before {
  content: "";
}

.fe-folder-plus:before {
  content: "";
}

.fe-git-branch:before {
  content: "";
}

.fe-git-commit:before {
  content: "";
}

.fe-git-merge:before {
  content: "";
}

.fe-git-pull-request:before {
  content: "";
}

.fe-github:before {
  content: "";
}

.fe-gitlab:before {
  content: "";
}

.fe-globe:before {
  content: "";
}

.fe-grid:before {
  content: "";
}

.fe-hard-drive:before {
  content: "";
}

.fe-hash:before {
  content: "";
}

.fe-headphones:before {
  content: "";
}

.fe-heart:before {
  content: "";
}

.fe-help-circle:before {
  content: "";
}

.fe-home:before {
  content: "";
}

.fe-image:before {
  content: "";
}

.fe-inbox:before {
  content: "";
}

.fe-info:before {
  content: "";
}

.fe-instagram:before {
  content: "";
}

.fe-italic:before {
  content: "";
}

.fe-layers:before {
  content: "";
}

.fe-layout:before {
  content: "";
}

.fe-life-buoy:before {
  content: "";
}

.fe-link:before {
  content: "";
}

.fe-link-2:before {
  content: "";
}

.fe-linkedin:before {
  content: "";
}

.fe-list:before {
  content: "";
}

.fe-loader:before {
  content: "";
}

.fe-lock:before {
  content: "";
}

.fe-log-in:before {
  content: "";
}

.fe-log-out:before {
  content: "";
}

.fe-mail:before {
  content: "";
}

.fe-map:before {
  content: "";
}

.fe-map-pin:before {
  content: "";
}

.fe-maximize:before {
  content: "";
}

.fe-maximize-2:before {
  content: "";
}

.fe-menu:before {
  content: "";
}

.fe-message-circle:before {
  content: "";
}

.fe-message-square:before {
  content: "";
}

.fe-mic:before {
  content: "";
}

.fe-mic-off:before {
  content: "";
}

.fe-minimize:before {
  content: "";
}

.fe-minimize-2:before {
  content: "";
}

.fe-minus:before {
  content: "";
}

.fe-minus-circle:before {
  content: "";
}

.fe-minus-square:before {
  content: "";
}

.fe-monitor:before {
  content: "";
}

.fe-moon:before {
  content: "";
}

.fe-more-horizontal:before {
  content: "";
}

.fe-more-vertical:before {
  content: "";
}

.fe-move:before {
  content: "";
}

.fe-music:before {
  content: "";
}

.fe-navigation:before {
  content: "";
}

.fe-navigation-2:before {
  content: "";
}

.fe-octagon:before {
  content: "";
}

.fe-package:before {
  content: "î¦ ";
}

.fe-paperclip:before {
  content: "";
}

.fe-pause:before {
  content: "";
}

.fe-pause-circle:before {
  content: "";
}

.fe-percent:before {
  content: "";
}

.fe-phone:before {
  content: "";
}

.fe-phone-call:before {
  content: "";
}

.fe-phone-forwarded:before {
  content: "";
}

.fe-phone-incoming:before {
  content: "";
}

.fe-phone-missed:before {
  content: "";
}

.fe-phone-off:before {
  content: "";
}

.fe-phone-outgoing:before {
  content: "";
}

.fe-pie-chart:before {
  content: "";
}

.fe-play:before {
  content: "";
}

.fe-play-circle:before {
  content: "";
}

.fe-plus:before {
  content: "";
}

.fe-plus-circle:before {
  content: "";
}

.fe-plus-square:before {
  content: "";
}

.fe-pocket:before {
  content: "";
}

.fe-power:before {
  content: "";
}

.fe-printer:before {
  content: "";
}

.fe-radio:before {
  content: "";
}

.fe-refresh-ccw:before {
  content: "";
}

.fe-refresh-cw:before {
  content: "";
}

.fe-repeat:before {
  content: "";
}

.fe-rewind:before {
  content: "";
}

.fe-rotate-ccw:before {
  content: "";
}

.fe-rotate-cw:before {
  content: "";
}

.fe-rss:before {
  content: "";
}

.fe-save:before {
  content: "";
}

.fe-scissors:before {
  content: "";
}

.fe-search:before {
  content: "";
}

.fe-send:before {
  content: "";
}

.fe-server:before {
  content: "";
}

.fe-settings:before {
  content: "";
}

.fe-share:before {
  content: "";
}

.fe-share-2:before {
  content: "";
}

.fe-shield:before {
  content: "";
}

.fe-shield-off:before {
  content: "";
}

.fe-shopping-bag:before {
  content: "";
}

.fe-shopping-cart:before {
  content: "";
}

.fe-shuffle:before {
  content: "";
}

.fe-sidebar:before {
  content: "";
}

.fe-skip-back:before {
  content: "";
}

.fe-skip-forward:before {
  content: "";
}

.fe-slack:before {
  content: "";
}

.fe-slash:before {
  content: "";
}

.fe-sliders:before {
  content: "";
}

.fe-smartphone:before {
  content: "";
}

.fe-speaker:before {
  content: "";
}

.fe-square:before {
  content: "";
}

.fe-star:before {
  content: "";
}

.fe-stop-circle:before {
  content: "";
}

.fe-sun:before {
  content: "";
}

.fe-sunrise:before {
  content: "";
}

.fe-sunset:before {
  content: "";
}

.fe-tablet:before {
  content: "";
}

.fe-tag:before {
  content: "";
}

.fe-target:before {
  content: "";
}

.fe-terminal:before {
  content: "";
}

.fe-thermometer:before {
  content: "";
}

.fe-thumbs-down:before {
  content: "";
}

.fe-thumbs-up:before {
  content: "";
}

.fe-toggle-left:before {
  content: "";
}

.fe-toggle-right:before {
  content: "î§ ";
}

.fe-trash:before {
  content: "";
}

.fe-trash-2:before {
  content: "";
}

.fe-trending-down:before {
  content: "";
}

.fe-trending-up:before {
  content: "";
}

.fe-triangle:before {
  content: "";
}

.fe-truck:before {
  content: "";
}

.fe-tv:before {
  content: "";
}

.fe-twitter:before {
  content: "";
}

.fe-type:before {
  content: "";
}

.fe-umbrella:before {
  content: "";
}

.fe-underline:before {
  content: "";
}

.fe-unlock:before {
  content: "";
}

.fe-upload:before {
  content: "";
}

.fe-upload-cloud:before {
  content: "";
}

.fe-user:before {
  content: "";
}

.fe-user-check:before {
  content: "";
}

.fe-user-minus:before {
  content: "";
}

.fe-user-plus:before {
  content: "";
}

.fe-user-x:before {
  content: "";
}

.fe-users:before {
  content: "";
}

.fe-video:before {
  content: "";
}

.fe-video-off:before {
  content: "";
}

.fe-voicemail:before {
  content: "";
}

.fe-volume:before {
  content: "";
}

.fe-volume-1:before {
  content: "";
}

.fe-volume-2:before {
  content: "";
}

.fe-volume-x:before {
  content: "";
}

.fe-watch:before {
  content: "";
}

.fe-wifi:before {
  content: "";
}

.fe-wifi-off:before {
  content: "";
}

.fe-wind:before {
  content: "";
}

.fe-x:before {
  content: "";
}

.fe-x-circle:before {
  content: "";
}

.fe-x-square:before {
  content: "";
}

.fe-zap:before {
  content: "";
}

.fe-zap-off:before {
  content: "";
}

.fe-zoom-in:before {
  content: "";
}

.fe-zoom-out:before {
  content: "";
}

/*
başka profil kart örnegi
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Sarabun');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Kanit');
@import url('https://fonts.googleapis.com/css?family=Poppins');

.main_style_1 {
	margin: 50px auto;
	width: 250px;
	height: 400px;
	background-color: #FDFDFD;
	position: relative;
	overflow: hidden;
}

.round {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background-color: #474545;
	position: absolute;
	top: -45px;
	right: -45px;
	background-image: url(images/profile-1/men1-org.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px 45px;
	position: relative;
	transition: all 0.4s ease-in-out;
}

.head1 {
	top: 58%;
	left: 13%;
	position: absolute;
	font-size: 18px;
	letter-spacing: 3px;
}

.p1 {
	color: #bfd2d0;
	top: 68%;
	left: 13%;
	position: absolute;
	font-size: 14px;
}

.p2 {
	color: #bfd2d0;
	top: 74%;
	left: 13%;
	position: absolute;
	font-size: 14px;
}

.icon-menu {
	position: absolute;
	top: 88%;
	left: 50%;
	font-size: 18px;
}

.icon-menu i {
	letter-spacing: 10px;
}

.icon-menu i:hover {
	color: #bfd2d0;
	transition: ease-in all 0.3s;
}

.sidemenu-icon {
	font-size: 20px;
	cursor: pointer;
	color: #B3C7C5;
	position: absolute;
	top: 5px;
	left: 10px;
}

.sidemenu {
	height: 100%;
	width: 0;
	position: absolute;
	z-index: 1;
	top: -3px;
	left: -3px;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidemenu a {
	padding: 0px 0px 8px 25px;
	text-decoration: none;
	font-size: 14px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.sidemenu a:hover {
	color: #bfd2d0;
}

.sidemenu .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 25px;
	margin-left: 50px;
}

@media screen and (max-height: 450px) {

.sidemenu {
	padding-top: 0px;
}

.sidemenu a {
	font-size: 14px;
}
}

.ch-item {
	background-color: #B3C7C5;
	position: relative;
	transition: all 0.4s ease-in-out;
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	-webkit-backface-visibility: hidden;
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 16px;
	margin: 0 40px;
	padding: 80px 0 0 0;
	height: 110px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 50px 46px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #FFFFFF;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff;
}

.round:hover {
	box-shadow: inset 0 0 0 110px rgba(179,199,197, 0.7), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
}

.round:hover .ch-info {
	opacity: 1;
	transform: scale(1);
}

/*//profile1//*/




/*profile2*/

.main_style_2 {
	margin: 50px auto;
	width: 325px;
	height: 400px;
	background-color: #303361;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	opacity: 0.8;
}

.border-round {
	width: 150px;
	height: 150px;
	position: absolute;
	border-radius: 50%;
	border: 1px solid #575a9f;
	margin: 0 auto;
	left: 4%;
	top: 4%;
	transition: ease-in all 0.8s;
}

.main_style_2:hover .border-round {
	transform: scale(1.1, 1.1);
	transition: ease-out all 0.8s;
}

.outer-round {
	width: 165px;
	height: 165px;
	position: absolute;
	border-radius: 50%;
	border: 1px solid #393d6b;
	margin: 0 auto;
	left: 24%;
	top: 10%;
}

.round2 {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background-color: #474545;
	position: absolute;
	background-image: url(images/profile-2/men2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px 0px;
	margin: 0 auto;
	left: 7%;
	top: 7%;
	transition: ease-in all 0.8s;
}

.white {
	background-color: #fefefe;
	position: absolute;
	bottom: 0;
	width: 325px;
	height: 110px;
}

.cir {
	width: 50px;
	height: 50px;
	background-color: #4bcdff;
	border: 1px solid #4bcdff;
	position: absolute;
	bottom: 21%;
	right: 10%;
	z-index: 100;
	border-radius: 50%;
}

.bell {
	color: #9195d5;
	padding-left: 25px;
	padding-top: 30px !important;
	transition: ease-in all 0.8s;
	transform: scale(1, 1);
}

.bell:hover {
	transform: scale(1.1, 1.1);
	transition: ease-out all 0.8s;
	color: #fff;
}

.msg {
	color: #9195d5;
	padding-right: 25px;
	padding-top: 30px !important;
	float: right;
	transform: scale(1, 1);
	transition: ease-in all 0.8s;
}

.msg:hover {
	transform: scale(1.1, 1.1);
	transition: ease-out all 0.8s;
	color: #fff;
}

.head2 {
	top: 56%;
	left: 32%;
	position: absolute;
	font-size: 18px;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
}

.p3 {
	color: #bfd2d0;
	top: 62%;
	left: 38%;
	position: absolute;
	font-size: 14px;
}

.hd1 {
	font-size: 22px;
	color: #000000;
	padding-top: 32px;
}

.p4 {
	font-size: 12px;
}

.edit {
	color: #FFFFFF;
	padding-top: 6px;
	padding-left: 6px;
}

/*//profile2//*/



/*profile3*/


.main_style_3 {
	margin: 50px auto;
	width: 500px;
	height: 300px;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
}

.main_style_3:hover .top {
	filter: grayscale(100%);
	transition: ease-out all 0.5s;
}

.main_style_3:hover .round3 {
	filter: grayscale(100%);
	transition: ease-out all 0.5s;
}

.main_style_3:hover .img {
	filter: grayscale(100%);
	transition: ease-out all 0.5s;
}

.img {
	transition: ease-in all 0.5s;
}

.top {
	width: 500px;
	height: 125px;
	background-image: url(images/profile-3/top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	transition: ease-in all 0.5s;
}

.round3 {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 6%;
	left: 6%;
	z-index: 100;
	border-radius: 50%;
	background-image: url(images/profile-3/men3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition: ease-in all 0.5s;
}

.outer {
	width: 135px;
	height: 135px;
	position: absolute;
	border-radius: 50%;
	background-color: #FFFFFF;
	margin: 0 auto;
	left: 7%;
	top: 12%;
}

.hd2 {
	top: -15%;
	left: 33%;
	position: absolute;
	font-size: 18px;
	letter-spacing: 1px;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	z-index: 100;
}

.white2 {
	background-color: #fefefe;
	position: absolute;
	bottom: 0;
	width: 500px;
	height: 110px;
}

.p5 {
	color: #bfd2d0;
	top: 7%;
	left: 40%;
	position: absolute;
	font-size: 14px;
}

.line {
	width: 100px;
	height: 1px;
	background-color: #c2d5e4;
	margin-top: 35px;
	margin-left: 46px;
}

.followers {
	font-size: 22px;
	color: #bfcace;
	padding-left: 65px;
	padding-top: 10px;
	margin-bottom: 0px;
}

.followers_p {
	padding-left: 55px;
	font-size: 16px;
	color: #bfcace;
}

.follow {
	right: 20px;
	bottom: 15px;
	background-color: #80d7ea;
	color: #FFFFFF;
	position: absolute;
	padding: 5px 20px 5px 20px;
	border: 1px solid #80d7ea;
	border-radius: 5px;
	transition: ease-in all 0.3s;
}

.follow:hover {
	background-color: #3a7c9f;
	border: 1px solid #3a7c9f;
}

/*vertical slider*/
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.carouselcard {
	border: 1px solid #c2d9eb;
	height: 125px;
	width: 295px;
	border-radius: 10px;
	top: -38px !important;
}

.one {
}

.carousel_h {
	font-size: 12px;
	margin-bottom: 0px;
}

.carousel_p {
	font-size: 10px;
	color: #c0ced1;
}

/*vertical slider*/

/*//profile3//*/





/*profile4*/

.main_style_4 {
	margin: 42px auto;
	width: 300px;
	height: 420px;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.main_style_4:hover .hill {
	filter: grayscale(100%);
	transition: ease-out all 0.5s;
}

.hill {
	margin: 5px 5px 5px 5px;
	background-image: url(images/profile-4/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	filter: grayscale(0%);
	transition: ease-in all 0.5s;
}

.round4 {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 37%;
	left: 33%;
	z-index: 100;
	border-radius: 50%;
	background-image: url(images/profile-4/men4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px -10px;
	transition: ease-in all 0.5s;
}

.main_style_4:hover .round4 {
	transform: scale(1.2, 1.2);
	transition: ease-out all 0.5s;
}

.hd3 {
	padding-top: 60px;
	font-size: 22px;
	padding-left: 100px;
}

.p6 {
	font-size: 14px;
	padding-left: 10px;
	text-align: center;
	padding-right: 10px;
}

.icon-menu2 {
	position: absolute;
	top: 88%;
	left: 38%;
	font-size: 18px;
}

.icon-menu2 i {
	letter-spacing: 10px;
}

.icon-menu2 i:hover {
	color: #bfd2d0;
	transition: ease-in all 0.3s;
}

/*//profile4//*/





/*profile5*/

.main_style_5 {
	margin: 43px auto;
	width: 300px !important;
	height: 520px;
	background-color: #ffffff;
}

.e_pro {
	background-color: rgb(26, 205, 128);
	border: #e5eef2 1px solid;
	color: #fdfdfd;
	font-size: 10px;
	float: right;
	margin-right: 20px;
	margin-top: 15px;
	border-radius: 5px;
	transition: ease-out all 0.3s;
}

.e_pro:hover {
	transition: ease-in all 0.3s;
	background-color: #1ACD80;
	color: white;
}

.round5 {
	width: 100px;
	height: 100px;
	top: 37%;
	left: 33%;
	border-radius: 50%;
	background-image: url(images/profile-5/men4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px -10px;
	transition: ease-in all 0.5s;
}

.hd4 {
	color: #62696b;
}

.det {
	font-size: 11px;
	color: #b5babb;
}

.e-m {
	color: #b5babb;
	font-size: 12px;
	z-index: 1;
	transition: 1s;
}

.gen {
	color: #b5babb;
	font-size: 12px;
}

.detail {
	font-size: 14px;
}

.sec {
	width: 250px;
	margin-left: 40px;
}

.call {
	background-color: #37d993;
	color: #fff;
	border: 1px solid #37d993;
	margin-top: 5px;
	padding: 2px 10px 2px 10px;
	transition: ease-out all 0.3s;
}

.call:hover {
	transition: ease-in all 0.3s;
	background-color: #1ACD80;
}

.diseas {
	font-size: 12px;
	color: #62696b;
	padding-left: 20px;
	padding-top: 15px;
}

.pp1 {
	color: #b5babb;
	font-size: 12px;
	padding-left: 20px;
}

.edit2 {
	background-color: rgba(255,255,255,1.00);
	border: #e5eef2 1px solid;
	color: #bfc4c6;
	font-size: 10px;
	float: right;
	margin-right: 20px;
	margin-top: 15px;
	border-radius: 5px;
	transition: ease-out all 0.3s;
}

.edit2:hover {
	transition: ease-in all 0.3s;
	background-color: #1ACD80;
	color: white;
}

.profile-icon {
	font-size: 20px;
	cursor: pointer;
	color: #B3C7C5;
	position: absolute;
	top: 5px;
	left: 10px;
}

.profile {
	height: 520px;
	width: 0px;
	position: absolute;
	z-index: 1;
	top: 43px;
	left: 135px;
	background-color: #333b3e;
	overflow-x: hidden;
	transition: 0.3s;
	padding-top: 0px;
}

.profile a:hover {
	color: #bfd2d0;
}

.profile .closebtn2 {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 25px;
	margin-left: 50px;
}

@media screen and (max-height: 450px) {

.profile {
	padding-top: 0px;
}

.profile a {
	font-size: 14px;
}
}

#profile h4 {
	color: #fff;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 25px;
	z-index: 1;
	transition: 1s;
}

.border_btm {
	border-bottom: #373f42 solid 2px;
	z-index: 1;
	transition: 1s;
}

.hd5 {
	color: #e2e3e4;
	font-size: 14px;
	z-index: 1;
	transition: 1s;
}

.pmain {
	color: #6a7478;
	z-index: 1;
}

.bgc {
	background-color: #344247;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: ease-out all 0.3s;
}

.bgc:hover {
	background-color: rgba(71,76,87,1.00);
	transition: ease-in all 0.3s;
}

#timer i {
	color: #6a7478;
	font-size: 20px;
}

.per {
	color: #42b0d8;
}

.bgs {
	background-color: #344247;
	transition: ease-out all 0.3s;
}

.bgs:hover {
	background-color: rgba(71,76,87,1.00);
	transition: ease-in all 0.3s;
}

#monitor i {
	color: #40d092;
	font-size: 14px;
}

#monitor a {
	color: #e2e3e4;
	font-size: 11px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom:5px;
	display:block;
}

.foot {
	background-color: #2e3538;
	margin-top: 80px;
	transition: ease-out all 0.3s;
	padding-top: 5px;
	padding-bottom: 6px;
}

.logout {
	color: #e2e3e4;
	font-size: 14px;
}

.foot:hover a {
	color: #575757;
}

.foot:hover {
	background-color: #40d092;
	transition: ease-in all 0.3s;
}

/*//profile5//*/





/*profile6*/

.main_style_6 {
	margin: 50px auto;
	width: 300px;
	height: 500px;
	background-color: #ffffff;
	box-shadow: rgba(175,175,175,1.00);
}

#left h5 {
	color: #000;
	font-size: 18px;
	padding-top: 30px;
}

#left p {
	color: #000;
	font-size: 13px;
	color: #bbc1d0;
	font-family: 'Sarabun', sans-serif;
}

#right h5 {
	padding-top: 15px;
	float: left;
	font-size: 24px;
}

#right p {
	color: #000;
	font-size: 12px;
	float: left;
	padding-right: 55px;
	color: #bbc1d0;
	font-family: 'Sarabun', sans-serif;
}

#right span {
	color:#f79414;
	font-size: 18px;
	float: right;
	margin-right: 50px;
	padding-top: 20px;
}

.img2 {
	width: 175px;
	height: 300px;
}

.plus {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	top: 36%;
	left: 30%;
	background: #7292e1;
	border: 2px #fff solid;
}

.plus i {
	color: #FFFFFF;
}

.profile2-icon {
	font-size: 20px;
	cursor: pointer;
	color: #B3C7C5;
	position: absolute;
	top: 5px;
	left: 10px;
}

.profile2 {
	height: 504px;
	width: 0px;
	position: absolute;
	z-index: 1000;
	top: 48px;
	left: 135px;
	background-color: #ffffff;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 0px;
}

.profile2 a:hover {
	color: #bfd2d0;
}

.profile2 .closebtn3 {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 25px;
	margin-left: 50px;
}

@media screen and (max-height: 450px) {

.profile2 {
	padding-top: 0px;
}

.profile2 a {
	font-size: 14px;
}
}

#news h5 {
	padding-top: 20px;
	z-index: 1;
}

#news p {
	color: #bbc1d0;
	font-size: 12px;
	z-index: 1;
	font-family: 'Sarabun', sans-serif;
}

#news .time {
	padding-top: 25px;
	font-size: 11px;
	color: #b5babb;
}

.round6 {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-image: url(images/profile-6/men1-org.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 30px;
	margin-top: 20px;
	z-index: 100;
}

.border_btm2 {
	border-bottom: 1px #E4E4E4 solid;
}

.img7 {
	text-align: center;
	position: relative;
	margin: 0 auto;
	display: inline-block;
	overflow: hidden;
	background-color: black;
	margin-bottom: 0px;
}

.img7 .name {
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 5px;
	color: white;
	font-weight: lighter;
	font-size: 20px;
	letter-spacing: .1em;
	position: absolute;
	display: block;
	top: 40%;
	left: 0;
	text-align: center;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.img7 .name .title {
	display: block;
	text-transform: none;
	font-style: italic;
	font-size: 80%;
	color: rgba(255, 255, 255, 0.7);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	transition-property: all;
	transition-delay: 0.2s;
	transition-duration: 0.9s;
}

.img7:hover .name {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	transform: scale(1, 1);
	transition-property: all;
	transition-duration: 0.6s;
}

.img7:hover .title {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}

.img7:hover img {
	transform: scale(1, 1);
	background-position: top top;
	filter: grayscale(0.4) blur(2px);
	transition-property: all;
	transition-duration: 0.8s;
}

.img7:hover:hover img {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
}

.img7 img {
	display: block;
	width: 421px;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	transform: scale(1.09, 1.09);
	transition-property: all;
	transition-duration: 0.4s;
}

/*//profile6//*/






/*profile7*/

.main_style_7 {
	margin: 25px auto;
	width: 430px;
	height: 500px;
	background-color: #ffffff;
	box-shadow: rgba(175,175,175,1.00);
}

.pro {
	background-color: #1c2c4d;
	padding-top: 30px;
	padding-bottom: 15px;
}

.pro2 {
	background-color: #1c2c4d;
}

.round14 {
	width: 100px;
	height: 100px;
	top: 37%;
	left: 33%;
	border-radius: 50%;
	background-image: url(images/profile-4/men4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px -10px;
	transition: ease-in all 0.5s;
}

.pp {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

#old h5 {
	color: #fff;
	font-size: 24px;
	padding-top: 20px;
}

#old p {
	color: #fff;
}

#follow h5 {
	color: #fff;
	font-size: 18px;
}

#follow p {
	color: #fff;
	font-size: 14px;
}

#port a {
	color: #000;
}

#port {
	padding-top: 17px;
	padding-bottom: 16px;
}

/*//profile7//*/





/*profile8*/

.main_style_8 {
	background-image: url(images/profile-8/main.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin: 25px auto;
	width: 360px;
	height: 500px;
	border-radius: 5px;
}

#hipster h5 {
	color: #fff;
	padding-top: 10px;
	margin-bottom: 0px;
}

#hipster p {
	color: #9fc2e1;
}

.bgg {
	background: #0c88d6;
}

.pp2 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.back {
	width: 330px;
	margin-left: 15px;
	margin-top: 10px;
}

.back h5 {
	color: #fff;
	padding-top: 20px;
	font-size: 25px;
}

.back p {
	color: #fff;
	font-size: 14px;
	font-weight: 100;
}

.circle {
	width: 150px;
	height: 150px;
	background: rgba(95,83,83,1.00);
	margin: 0 auto;
	border-radius: 50%;
	margin-top: 30px;
	transform: scale(1, 1);
	overflow: hidden;
}

.main_style_8:hover .quarter2 {
	opacity: 1;
	transition: ease-in-out 0.6s all;
}

.main_style_8:hover .quarter3 {
	opacity: 1;
	transition: ease-in-out 0.6s all;
}

.main_style_8:hover .quarter4 {
	opacity: 1;
	transition: ease-in-out 0.6s all;
}

.main_style_8:hover .cutout {
	transform: rotate(30deg);
	transition: ease-in-out 0.8s all;
}

.main_style_-c {
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 auto;
}

.quarter {
	position: absolute;
	width: 50%;
	height: 50%;
	transition: background-color 0.5s ease-in-out;
}

.quarter1 {
	top: 0;
	left: 0;
	background-color: #2897df;
	border-radius: 100% 0 0 0;
	transition: ease-in-out 0.6s all;
}

.quarter2 {
	opacity: 0;
	top: 0;
	right: 0;
	background-color: #2897df;
	border-radius: 0 100% 0 0;
	transition: ease-in-out 0.6s all;
}

.quarter3 {
	opacity: 0;
	bottom: 0;
	left: 0;
	background-color: #2897df;
	border-radius: 0 0 0 100%;
	transition: ease-in-out 0.6s all;
}

.quarter4 {
	opacity: 0;
	bottom: 0;
	right: 0;
	background-color: #2897df;
	border-radius: 0 0 100% 0;
	transition: ease-in-out 0.6s all;
}

.cutout {
	width: 90%;
	height: 90%;
	background-color: white;
	position: absolute;
	top: 5%;
	left: 5%;
	border-radius: 50%;
	pointer-events: none;
	background-image: url(images/profile-8/men2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition: ease-in-out 0.8s all;
}

.hipster {
	border: 3px solid #fff;
	padding: 10px 20px 10px 20px;
	color: #fff;
	background-color: transparent;
	transition: ease-out 0.5s all;
}

.hipster:hover {
	background-color: #2897df;
	transition: ease-in 0.5s all;
}

/*//profile8//*/





/*profile9*/

.main_style_9 {
	margin: 25px auto;
	width: 300px;
	height: 450px;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.hill2 {
	background-image: url(images/profile-9/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 130px;
	filter: grayscale(0%);
	transition: ease-in all 0.5s;
}

.round8 {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 18%;
	left: 33%;
	z-index: 100;
	border-radius: 50%;
	background-image: url(images/profile-9/men4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px -10px;
	transition: ease-in all 0.5s;
}

.hd6 {
	padding-top: 60px;
	font-size: 22px;
	padding-left: 100px;
	color: #4e5f6f;
}

.p7 {
	font-size: 14px;
	padding-left: 10px;
	text-align: center;
	padding-right: 10px;
	color: #4e5f6f;
}

.cont {
	margin-top: 20px;
	font-size: 18px;
	color: #4e5f6f;
	width: 205px;
	margin-left: 46px;
}

.cont p {
	font-size: 14px;
	color: #4e5f6f;
}

.cont i {
	letter-spacing: 10px;
}

.cont i:hover {
	color: #bfd2d0;
	transition: ease-in all 0.3s;
}

.brdr {
	border-top: 1px #C3C3C3 solid;
}

#follow2 h5 {
	padding-top: 15px !important;
	margin-bottom: 0px;
}

#follow2 p {
	margin-bottom: 0px;
	padding-bottom: 15px;
}

.brdr2 {
	border-right: 1px #C3C3C3 solid;
}

.lst {
	background: #64bc7f;
	color: #fff;
	transition: ease-out 0.5s all;
	padding-top: 10px;
	padding-bottom: 10px;
}

.lst a {
	margin-bottom: 0px;
	color: #fff;
}

.lst:hover {
	background: #4FC473;
	transition: ease-in 0.5s all;
}

/*//profile9//*/




/*profile10*/

.main_style_10 {
	margin: 25px auto;
	width: 300px;
	height: 450px;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.round9 {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-image: url(images/profile-10/men3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 15px;
}

.hd7 {
	padding-top: 5px;
	font-size: 20px;
	color: #4e5f6f;
}

.p8 {
	font-size: 14px;
	padding-left: 10px;
	text-align: center;
	padding-right: 10px;
	color: #4e5f6f;
	margin-bottom: 0px;
}

.brdr_btm {
	border-bottom: #F0F0F0 1px solid;
}

#contact i {
	font-size: 16px;
}

#contact p {
	font-size: 14px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.snd {
	background-color: #278efc;
	border: 1px solid #278efc;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	padding: 5px 55px 5px 55px;
	margin-top: 13px;
	transition: ease-out 0.5s all;
}

.snd:hover {
	background-color: #1C6FC7;
	transition: ease-in 0.5s all;
}

#contact:hover {
	background-color: #E0EEFF;
	transition: ease-in-out 0.2s all;
}

/*//profile10//*/




/*profile11*/

.main_style_11 {
	margin: 25px auto;
	width: 350px;
	height: 450px;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
}

.b_style1 {
	height: 220px;
}

#b_style1 h5 {
	font-size: 22px;
	float: left;
	padding-left: 125px;
}

#b_style1 i {
	font-size: 19px;
	color: #ff7ea2;
	padding-top: 4px;
	padding-left: 15px;
	transition: ease-out 0.5s all;
}

.line2 {
	width: 50px;
	height: 4px;
	background-color: #ff7ea2;
	margin-left: 157px;
	margin-top: 10px;
}

.clr1 {
	background-color: #f3f3f3;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
	transition: ease-out 0.5s all;
}

.b_style1-a {
	color: #000;
}

.mt1 {
	margin-top: 35px;
}

.clr1:hover {
	background-color: #ff7ea2;
	transition: ease-in 0.5s all;
}

.clr1:hover .b_style1-a {
	color: #fff;
}

#b_style1 h6 {
	color: #a4b1c4;
	font-weight: 300;
	font-size: 15px;
}

#b_style1 p {
	font-size: 14px;
	padding-top: 5px;
	font-weight: 500;
}

.main_style_11:hover .i {
	transform: rotate(90deg);
	transition: ease-in 0.5s all;
}

.img19 {
	position: relative;
	float: left;
	overflow: hidden;
	background: #000;
	text-align: center;
	cursor: pointer;
}

.img19:hover img {
	opacity: 0.4;
}

.img19 img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}

.img19 .content,
.img19 .content > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img19 .content {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	backface-visibility: hidden;
}

.img19 .content:before,
.img19 .content:after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.img19 .content:before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}

.img19 .content:after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
}

.img19 .content:hover:before,
.img19 .content:hover:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*//profile11//*/





/*profile12*/

#b_style2 h5 {
	font-size: 22px;
	float: left;
	padding-left: 125px;
}

#b_style2 i {
	font-size: 19px;
	color: #4ec8ff;
	padding-top: 4px;
	padding-left: 15px;
	transition: ease-out 0.5s all;
}

.line3 {
	width: 50px;
	height: 4px;
	background-color: #4ec8ff;
	margin-left: 157px;
	margin-top: 10px;
}

.clr2 {
	background-color: #f3f3f3;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
	transition: ease-out 0.5s all;
}

.b_style2-a {
	color: #000;
}

.mt1 {
	margin-top: 35px;
}

.clr2:hover {
	background-color: #4ec8ff;
	transition: ease-in 0.5s all;
}

.clr2:hover .b_style2-a {
	color: #fff;
}

#b_style2 h6 {
	color: #a4b1c4;
	font-weight: 300;
	font-size: 15px;
}

#b_style2 p {
	font-size: 14px;
	padding-top: 5px;
	font-weight: 500;
}

#profile-12 .main_style_12:hover .i {
	transform: rotate(90deg);
	transition: ease-in 0.5s all;
}

/*//profile12//*/







/*profile13*/

#profile-13 .main_style_12 {
	background-image: url(images/profile-13/men.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px -90px;
	margin: 50px auto;
	width: 325px;
	height: 400px;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	opacity: 0.99;
}

#profile-13 .border-round {
	width: 150px;
	height: 150px;
	position: absolute;
	border-radius: 50%;
	border: 1px solid #575a9f;
	margin: 0 auto;
	left: 4%;
	top: 4%;
	transition: ease-in all 0.8s;
}

#profile-13 .main_style_12:hover .border-round {
	transform: scale(1.1, 1.1);
	transition: ease-out all 0.8s;
	position: relative;
}

#profile-13 .outer-round {
	width: 165px;
	height: 165px;
	position: absolute;
	border-radius: 50%;
	border: 1px solid #393d6b;
	margin: 0 auto;
	left: 24%;
	top: 10%;
}

#profile-13 .white {
	background-color: #fefefe;
	position: absolute;
	bottom: 0;
	width: 325px;
	height: 110px;
}

#profile-13 .cir2 {
	width: 50px;
	height: 50px;
	background-color: #4bcdff;
	border: 1px solid #4bcdff;
	position: absolute;
	bottom: 21%;
	right: 10%;
	z-index: 100;
	border-radius: 50%;
}

#profile-13 .bell2 {
	color: #fff;
	padding-left: 25px;
	padding-top: 30px !important;
	transition: ease-in all 0.8s;
	transform: scale(1, 1);
}

#profile-13 .bell2:hover {
	transform: scale(1.1, 1.1);
	transition: ease-out all 0.8s;
	color: #fff;
}

#profile-13 .msg2 {
	color: #fff;
	padding-right: 25px;
	padding-top: 30px !important;
	float: right;
	transform: scale(1, 1);
	transition: ease-in all 0.8s;
}

#profile-13 .msg2:hover {
	transform: scale(1.1, 1.1);
	transition: ease-out all 0.8s;
	color: #fff;
}

#profile-13 .head2 {
	top: 56%;
	left: 32%;
	position: absolute;
	font-size: 18px;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
}

#profile-13 .p3 {
	color: #bfd2d0;
	top: 62%;
	left: 38%;
	position: absolute;
	font-size: 14px;
}

#profile-13 .hd1 {
	font-size: 22px;
	color: #000000;
	padding-top: 32px;
}

#profile-13 .p4 {
	font-size: 12px;
}

#profile-13 .edit {
	color: #FFFFFF;
	padding-top: 6px;
	padding-left: 6px;
}

#profile-13 .main_style_12:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom, #002f4b, #dc4225);
	opacity: .6;
}

#profile-13 .main_style_12:hover .msg2 {
	animation: shake 0.5s;
	animation-iteration-count: 2;
}
 @keyframes shake {
 0% {
transform: translate(1px, 1px) rotate(0deg);
}
 10% {
transform: translate(-1px, -2px) rotate(-1deg);
}
 20% {
transform: translate(-3px, 0px) rotate(1deg);
}
 30% {
transform: translate(3px, 2px) rotate(0deg);
}
 40% {
transform: translate(1px, -1px) rotate(1deg);
}
 50% {
transform: translate(-1px, 2px) rotate(-1deg);
}
 60% {
transform: translate(-3px, 1px) rotate(0deg);
}
 70% {
transform: translate(3px, 1px) rotate(-1deg);
}
 80% {
transform: translate(-1px, -1px) rotate(1deg);
}
 90% {
transform: translate(1px, 2px) rotate(0deg);
}
 100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}

/*//profile13//*/






/*profile14*/

#profile-14 .main_style_13 {
	margin: 50px auto;
	width: 325px;
	height: 400px;
	overflow: hidden;
	border-radius: 15px;
	background-color: #fff !important;
}

#profile-14 .img1 {
	position: relative;
	height: 400px;
	clip-path: polygon(0 0, 100% 0, 100% 71%, 0 79%);
	transition: ease-out 0.6s all;
}

#profile-14 .img-eff {
	transform: scale(1, 1);
	transition: ease-out .5s all;
}

#profile-14 h2 {
	color: #f73b75;
	text-decoration: none;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	position: absolute;
	top: 6%;
	left: 6%;
	font-size: 20px;
}

#profile-14 .update {
	position: absolute;
	bottom: 5%;
	width: 325px;
	margin-left: 0px !important;
}

#profile-14 .update h5 {
	font-size: 14px;
	color: #c6cad3;
	font-family: 'Roboto', sans-serif;
}

#profile-14 .btn-view {
	background: #f73b75;
	width: 150px;
	height: 40px;
	border: 1px solid #f73b75;
	border-radius: 30px;
	margin-left: 85px;
}

#profile-14 .btn-view a {
	color: #FFFFFF;
}

#profile-14 .btn-share {
	background: #f73b75;
	width: 40px;
	height: 40px;
	border: 1px solid #f73b75;
	border-radius: 50%;
	position: absolute;
	right: 2%;
	top: 4%;
}

#profile-14 .btn-share i {
	color: #FFFFFF;
}

#profile-14 .main_style_13:hover .img-eff {
	transform: scale(1.2, 1.2) rotate(10deg);
	transition: ease-in .5s all;
	filter: hue-rotate(90deg);
}

/*//profile14//*/







/*profile15*/

#profile-15 .main_style_14 {
	background-image: url(images/profile-15/emma-watson.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px -90px;
	margin: 25px auto;
	width: 325px;
	height: 450px;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	transition: ease-in-out .6s all;
}

#profile-15 .main_style_14:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .6;
knob background: rgba(134,137,146,1);
	background: linear-gradient(to bottom, rgba(134,137,146,1) 0%, rgba(134,137,146,1) 8%, rgba(81,82,165,1) 46%, rgba(134,137,146,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868992', endColorstr='#868992', GradientType=0 );
}

#profile-15 .cir3 {
	width: 50px;
	height: 50px;
	border: 0px solid #4bcdff;
	position: absolute;
	bottom: 21%;
	right: 40%;
	z-index: 100;
	border-radius: 50%;
	background: rgba(250,101,81,1);
	background: linear-gradient(to bottom, rgba(250,101,81,1) 0%, rgba(248,54,129,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6551', endColorstr='#f83681', GradientType=0 );
}

#profile-15 .cir3 i {
	color: #FFFFFF;
}

#profile-15 .hd8 {
	font-size: 22px !important;
	color: #000000;
}

#profile-15 .p9 {
	font-size: 12px;
	color: #c7c7c7;
}

#profile-15 .mt2 {
	margin-top: 30px;
}

#profile-15 .main_style_14:hover {
	background-position: 0px 1px;
	transition: ease-in-out .6s all;
	filter: hue-rotate(90deg);
}

/*//profile15//*/



/*profile16*/

#profile-16 .main_style_16 {
	background-color: #FFFFFF;
	margin: 25px auto;
	width: 325px;
	height: 500px;
	overflow: hidden;
	position: relative !important;
}

#profile-16 h5 {
	text-align: center;
	color: #ee1c27;
	font-size: 30px;
	font-weight: 700;
}

#profile-16 p {
	color: #888888;
	text-align: center;
	padding: 0px 40px 10px 40px;
	font-size: 14px;
	font-family: 'Ubuntu', sans-serif;
	line-height: 20px;
}

#profile-16 .next-btn {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background:rgba(238, 28, 39,.75);
	border: 1px solid #ee1c27;
	position: absolute !important;
	right: 15px;
	z-index: 2000;
	top: 37%;
}

#profile-16 .prev-btn {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background:rgba(238, 28, 39,.75);
	border: 1px solid #ee1c27;
	position: absolute !important;
	left: 15px;
	z-index: 2000;
	top: 37%;
}

#profile-16 .next-btn,
.prev-btn i {
	color: #FFFFFF;
}

#profile-16 h6 {
	text-align: center;
	color: #777777;
	font-family: 'Kanit', sans-serif;
	font-size: 16px;
}

#profile-16 .btn-minus,
.btn-plus {
	color: #D7D7D7;
}

#profile-16 .btn-plus {
	float: right;
	font-size: 18px;
}

#profile-16 .btn-minus {
	float: left;
	font-size: 18px;
}

#profile-16 h4 {
	font-size: 16px;
	margin-bottom: 0px;
	color: #757575;
}

#profile-16 .btn-yellow,
.btn-pink,
.btn-gray,
.btn-peach,
.btn-violet,
.btn-red {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 0px solid;
}

#profile-16 .btn-yellow {
	background: #f9c911;
}

#profile-16 .btn-pink {
	background: #f74d8b;
}

#profile-16 .btn-gray {
	background: #3a4750;
}

#profile-16 .btn-peach {
	background: #fe906f;
}

#profile-16 .btn-violet {
	background: #a43bcb;
}

#profile-16 .btn-red {
	background: #ed1b26;
}

#profile-16 h3 {
	font-size: 18px;
	margin-bottom: 0px;
	color: #757575;
	float: left;
	padding-left: 5px;
}

#profile-16 .btn-minus2 {
	float: left;
	font-size: 18px;
	color: #D7D7D7;
	padding-left: 15px;
}

#profile-16 .cart {
	width: 170px;
	height: 30px;
	border-radius: 30px;
	background: #f22d34;
	border: 0px;
	color: #FFFFFF;
	font-size: 12px;
}

#profile-16 figure {
	position: relative;
}

#profile-16 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(220,22,25,0) 0%, rgba(220,22,25,.9) 100%);
	transform: skewX(-25deg);
}

#profile-16 .main_style_16:hover figure::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
 @keyframes shine {
 100% {
 left: 125%;
}
}

/*//profile16//*/






/*profile17*/


#profile-17 .main_style_17 {
	background-color: #FFFFFF;
	margin: 25px auto;
	width: 450px;
	height: 500px;
	overflow: hidden;
}

#profile-17 .img1 {
	position: relative;
	height: 280px;
	clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
	transition: ease-out 0.6s all;
	background-position: 0px 50px;
}

#profile-17 .round11 {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-image: url(images/profile-18/cartoon.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px 0px;
	position: absolute;
	top: 42%;
	left: 42%;
	border: #fff 2px solid;
}

#profile-17 h1 {
	font-size: 24px;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	padding-top: 20px;
}

#profile-17 h2 {
	font-size: 14px;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color: #69c292;
}

#profile-17 .social {
	width: 450px;
	text-align: center;
}

#profile-17 .social i {
	padding: 0px 6px 0px 6px;
}

#profile-17 h3 {
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	text-align: center;
}

#profile-17 .main_style_17:hover figure img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
 @keyframes flash {
 0% {
 opacity: .4;
}
 100% {
 opacity: 1;
}
}

/*//profile17//*/




/*profile18*/

#profile-18 .main_style_18 {
	background-color: #FFFFFF;
	margin: 25px auto;
	width: 500px;
	height: 430px;
	overflow: hidden;
	border-radius: 10px;
}

#profile-18 h1 {
	color: #48a844;
	font-size: 20px;
	text-align: center;
	font-family: 'Kanit', sans-serif;
	font-weight: 500;
	margin-top: 50px;
}

#profile-18 .level1 {
	width: 100px;
	height: 100px;
	background-image: url(images/profile-18/cartoon.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	filter: grayscale(100%);
}

#profile-18 h2 {
	color: #48a844;
	font-size: 15px;
	text-align: center;
	font-weight: 500;
	padding-top: 20px;
	padding-bottom: 20px;
	filter: grayscale(100%);
}

#profile-18 #level1:hover {
	transform: scale(1.1, 1.1);
	box-shadow: 0 16px 50px -14px rgba(0,0,0,0.6);
	transition: ease-in 0.5s all;
}

#profile-18 #level2:hover {
	transform: scale(1.1, 1.1);
	box-shadow: 0 16px 50px -14px rgba(0,0,0,0.6);
	transition: ease-in 0.5s all;
}

#profile-18 #level3:hover {
	transform: scale(1.1, 1.1);
	box-shadow: 0 16px 50px -14px rgba(0,0,0,0.6);
	transition: ease-in 0.5s all;
}

#profile-18 #level1:hover .level1 {
	filter: grayscale(0%);
}

#profile-18 #level2:hover .level1 {
	filter: grayscale(0%);
}

#profile-18 #level3:hover .level1 {
	filter: grayscale(0%);
}

#profile-18 #level1:hover h2 {
	filter: grayscale(0%);
}

#profile-18 #level2:hover h2 {
	filter: grayscale(0%);
}

#profile-18 #level3:hover h2 {
	filter: grayscale(0%);
}

#profile-18 #level1 {
	transition: ease-out 0.5s all;
}

#profile-18 #level2 {
	transition: ease-out 0.5s all;
}

#profile-18 #level3 {
	transition: ease-out 0.5s all;
}

#profile-18 .btn-step {
	background: #48a844;
	border: 0px;
	padding: 10px 45px 10px 45px;
	border-radius: 30px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 100;
}

#profile-18 .btn-step i {
	padding-left: 5px;
}

/*//profile18//*/




/*profile19*/

#profile-19 .main_style_19 {
	background-color: #FFFFFF;
	margin: 50px auto;
	width: 500px;
	height: 430px;
	overflow: hidden;
	border-radius: 10px;
}

#profile-19 .round12 {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-image: url(images/profile-19/beared-man.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px 0px;
	position: absolute;
	top: 1%;
	left: 42%;
	border: #fff 2px solid;
}

#profile-19 h1 {
	font-size: 20px;
	color: #9377fd;
	font-family: 'Poppins', sans-serif;
	letter-spacing: -1px;
}

#profile-19 h2 {
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
}

#profile-19 h3 {
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
}

#profile-19 .hd9 {
	font-size: 18px;
	color: #000000;
	padding-top: 32px;
	font-weight: bold;
}

#profile-19 .p10 {
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
}

#profile-19 .cir-fb {
	height: 40px;
	width: 40px;
	text-align: center !important;
	text-decoration: none;
	border-radius: 50%;
	color: #FFFFFF;
	float: left;
	margin-left: 35px;
	margin-right: 10px;
	background: rgba(42,97,170,1);
	background: linear-gradient(45deg, rgba(42,97,170,1) 0%, rgba(16,122,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a61aa', endColorstr='#107ad1', GradientType=1 );
}

#profile-19 .cir-fb i {
	font-size: 18px;
	padding-top: 13px;
}

#profile-19 .cir-fb:hover {
	border-style: dashed;
	border: #7142f6 2px solid outset;
	border-collapse: separate;
	transition: ease-in 0.2s all;
}

#profile-19 .cir-twr {
	height: 40px;
	width: 40px;
	text-align: center !important;
	text-decoration: none;
	border-radius: 50%;
	color: #FFFFFF;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	background: rgba(26,151,235,1);
	background: linear-gradient(45deg, rgba(26,151,235,1) 0%, rgba(16,122,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a97eb', endColorstr='#107ad1', GradientType=1 );
}

#profile-19 .cir-twr i {
	font-size: 18px;
	padding-top: 13px;
}

#profile-19 .cir-twr:hover {
	border-style: dashed;
	border: #7142f6 2px solid outset;
	border-collapse: separate;
	transition: ease-in 0.2s all;
}

#profile-19 .cir-ins {
	height: 40px;
	width: 40px;
	text-align: center !important;
	text-decoration: none;
	border-radius: 50%;
	color: #FFFFFF;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	background: rgba(99,77,211,1);
	background: linear-gradient(45deg, rgba(99,77,211,1) 0%, rgba(230,44,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#634dd3', endColorstr='#e62c64', GradientType=1 );
}

#profile-19 .cir-ins i {
	font-size: 18px;
	padding-top: 12px;
}

#profile-19 .cir-ins:hover {
	border-style: dashed;
	border: #7142f6 2px solid outset;
	border-collapse: separate;
	transition: ease-in 0.2s all;
}

#profile-19 .cir-sky {
	height: 40px;
	width: 40px;
	text-align: center !important;
	text-decoration: none;
	border-radius: 50%;
	color: #FFFFFF;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	background: rgba(25,89,237,1);
	background: linear-gradient(45deg, rgba(25,89,237,1) 0%, rgba(28,76,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1959ed', endColorstr='#1c4cdc', GradientType=1 );
}

#profile-19 .cir-sky i {
	font-size: 18px;
	padding-top: 13px;
}

#profile-19 .cir-sky:hover {
	border-style: dashed;
	border: #7142f6 2px solid outset;
	border-collapse: separate;
	transition: ease-in 0.2s all;
}

#profile-19 .cir-head {
	height: 40px;
	width: 40px;
	text-align: center !important;
	text-decoration: none;
	border-radius: 50%;
	color: #FFFFFF;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	background: rgba(54,53,59,1);
	background: linear-gradient(45deg, rgba(54,53,59,1) 0%, rgba(83,89,94,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36353b', endColorstr='#53595e', GradientType=1 );
}

#profile-19 .cir-head i {
	font-size: 18px;
	padding-top: 13px;
}

#profile-19 .cir-head:hover {
	border-style: dashed;
	border: #7142f6 2px solid outset;
	border-collapse: separate;
	transition: ease-in 0.2s all;
}

#profile-19 .cir-drib {
	height: 40px;
	width: 40px;
	text-align: center !important;
	text-decoration: none;
	border-radius: 50%;
	color: #FFFFFF;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	background: rgba(57,72,85,1);
	background: linear-gradient(45deg, rgba(57,72,85,1) 0%, rgba(57,72,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#394855', endColorstr='#394855', GradientType=1 );
}

#profile-19 .cir-drib i {
	font-size: 18px;
	padding-top: 13px;
}

#profile-19 .cir-drib:hover {
	border-style: dashed;
	border: #7142f6 2px solid outset;
	border-collapse: separate;
	transition: ease-in 0.2s all;
}

#profile-19 .cir-link {
	height: 40px;
	width: 40px;
	text-align: center !important;
	text-decoration: none;
	border-radius: 50%;
	color: #FFFFFF;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	background: rgba(221,38,75,1);
	background: linear-gradient(45deg, rgba(221,38,75,1) 0%, rgba(233,69,50,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd264b', endColorstr='#e94532', GradientType=1 );
}

#profile-19 .cir-link i {
	font-size: 18px;
	padding-top: 13px;
}

#profile-19 .cir-link:hover {
	border-style: dashed;
	border: #7142f6 2px solid outset;
	border-collapse: separate;
	transition: ease-in 0.2s all;
}

#profile-19 .msg3 {
	background: rgba(26,151,235,1);
	background: linear-gradient(to right, rgba(26,151,235,1) 0%, rgba(16,122,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a97eb', endColorstr='#107ad1', GradientType=1 );
	padding: 8px 40px 8px 40px;
	border: 0px;
	border-radius: 30px;
	color: #fff;
	margin-top: 50px;
}

#profile-19 .follow2 {
	background: rgba(218,31,81,1);
	background: linear-gradient(to right, rgba(218,31,81,1) 0%, rgba(236,78,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da1f51', endColorstr='#ec4e2b', GradientType=1 );
	padding: 8px 40px 8px 43px;
	border: 0px;
	border-radius: 50px;
	color: #fff;
	margin-top: 50px;
}

/*//profile19//*/




/* Extra small devices (portrait phones, less than 576px) col-12*/
@media (max-width: 575px) {

.main_style_2 {
	width: 300px;
}

.main_style_3 {
	width: 300px;
}

.carousel {
	width: 100%;
	/* height: 133px; */
	overflow:hidden;
}

.carousel-inner {
	/* height: 200px; */
}

.carousel-inner {
	/* height: 133px; */
}

.main_style_5 {
	width: 300px;
}

.sec {
	margin-left: 40px;
}

.profile {
	left: 15px;
	width: 300px;
}

.profile2 {
	left: 14px !important;
}

.main_style_7 {
	width: 300px;
}

#port {
	padding-top: 14px;
	padding-bottom: 14px;
}

.main_style_8 {
	width: 300px;
}

.back {
	width: 272px;
	margin-left: 15px;
	margin-top: 10px;
}

.main_style_11 {
	width: 300px;
}

.main_style_12 {
	width: 300px;
}

.black1 {
	margin-left: -97px;
}

.main_style_13 {
	width: 300px;
}

.main_style_14 {
	width: 300px;
}

#profile-16 .main_style_16 {
	width: 300px;
}

#profile-17 .main_style_17 {
	width: 300px;
}

#profile-17 .round11 {
	left: 35%;
}

#profile-17 .social {
	width: 300px;
}

#profile-18 .main_style_18 {
	width: 300px;
	height: 830px;
}

#profile-18 .mt3 {
	margin-top: 30px;
}

#profile-19 .main_style_19 {
	width: 300px;
	height: 450px;
}

#profile-19 .round12 {
	left: 38%;
}

#profile-19 .pp-col {
	padding-left: 15px;
	padding-right: 15px;
}

#profile-19 .cir-fb {
	margin-left: 15px;
	margin-right: 0px;
}

#profile-19 .cir-twr {
	margin-left: 5px;
	margin-right: 0px;
}

#profile-19 .cir-ins {
	margin-left: 5px;
	margin-right: 0px;
}

#profile-19 .cir-sky {
	margin-left: 5px;
	margin-right: 0px;
}

#profile-19 .cir-head {
	margin-left: 5px;
	margin-right: 0px;
}

#profile-19 .cir-drib {
	margin-left: 5px;
	margin-right: 0px;
}

#profile-19 .cir-link {
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 10px;
}

#profile-19 .follow2 {
	margin-top: 10px !important;
}

#profile-19 .msg3 {
	margin-top: 0px;
}

.pro2{padding-top:20px;}
#profile-13 .main_style_12, #profile-14 .main_style_13, #profile-15 .main_style_14{width:auto;}
}

/*Small devices (landscape phones, 576px and up) col-sm*/
@media (min-width: 576px) and (max-width: 767px) {

.profile {
	left: 120px;
}

.profile2 {
	left: 120px;
}

.black1 {
	margin-left: 8px;
}
}

/*Medium devices (tablets, 768px and up) col-md*/
@media (min-width: 768px) and (max-width: 991px) {

.main_style_3 {
	width: 325px;
}

.carousel {
	width: 135px;
	height: 135px;
}

.carousel-inner {
	height: 130px;
}

.profile {
	left: 30px;
}

.profile2 {
	left: 30px;
}

.main_style_7 {
	width: 330px;
}

.main_style_8 {
	width: 330px;
}

.back {
	width: 300px;
	margin-left: 15px;
	margin-top: 10px;
}

.black1 {
	margin-left: -22px;
}

#profile-17 .main_style_17 {
	width: 330px;
}

#profile-17 .round11 {
	left: 36%;
}

#profile-17 .social {
	width: 330px;
}

#profile-18 .main_style_18 {
	width: 450px;
}

#profile-19 .main_style_19 {
	width: 450px;
}

#profile-18 .main_style_18 {
	width: 330px;
}

#profile-18 .main_style_18 {
	height: 565px;
}

#profile-18 h1 {
	font-size: 18px;
}

#profile-19 .cir-fb {
	margin-left: 13px;
	margin-right: 7px;
}

#profile-19 .pp-col {
	padding-left: 15px;
	padding-right: 15px;
}

#profile-19 .round12 {
	top: 6%;
	left: 40%;
}

#profile-19 .main_style_19 {
	margin: 95px auto;
	width: 320px;
	height: 470px;
}

#profile-19 .pp-col {
	padding-left: 15px;
	padding-right: 15px;
}

#profile-19 .cir-fb {
	margin-left: 15px;
	margin-right: 0px;
}

#profile-19 .cir-twr {
	margin-left: 5px;
	margin-right: 0px;
}

#profile-19 .cir-ins {
	margin-left: 5px;
	margin-right: 0px;
}

#profile-19 .cir-sky {
	margin-left: 5px;
	margin-right: 0px;
}

#profile-19 .cir-head {
	margin-left: 5px;
	margin-right: 0px;
}

#profile-19 .cir-drib {
	margin-left: 5px;
	margin-right: 0px;
}

#profile-19 .cir-link {
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 10px;
}

#profile-19 .follow2 {
	margin-top: 10px !important;
}

#profile-19 .msg3 {
	margin-top: 0px;
}
}

/*Large devices (desktops, 992px and up) col-lg*/
@media (min-width: 992px) and (max-width: 1199px) {

.main_style_3 {
	width: 450PX;
}

.follow {
	right: 65px;
}

.carousel {
	width: 256px;
	height: 131px;
}

.profile {
	left: 90px;
}

.profile2 {
	left: 90px;
}

#profile-18 .main_style_18 {
	width: 450px;
}

#profile-19 .main_style_19 {
	width: 450px;
}

#profile-19 .cir-fb {
	margin-left: 13px;
	margin-right: 7px;
}
}
/*profile1*/
.bg1 {
	background-image: url(images/profile-1/men1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/*profile2*/
.bg2 {
	background-image: url(images/profile-2/bg2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/*profile3*/
.bg3 {
	background-image: url(images/profile-3/bg3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}



/*profile4*/
.bg4 {
	background-image: url(images/profile-4/bg4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/*profile5*/
.bg5 {
	background-color: #37d993;
	height: 600px;
}

/*profile6*/
.bg6 {
	background-color: #d9dfe5;
	height: 600px;
}

/*profile7*/
.bg7 {
	background-color: #72a270;
	height: 550px;
}


/*profile8*/
.bg8 {
	background-image: url(images/profile-8/bg8.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 550px;
}



/*profile9*/
.bg4 {
	background-image: url(images/profile-9/bg4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}


/*profile10*/
.bg9 {
	background: #b7cbd4;
	height: 500px;
}


/*profile11*/
.bg10 {
	background: #e4e9f2;
	height: 500px;
}


/*profile12*/
.b_style2 {
	height: 220px;
}


/*profile13*/
.bg11 {
	height: 500px;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom, #002f4b, #dc4225);
	opacity: .9;
}


/*profile14*/
.bg13 {
	background-color: #d9dee4;
}

/*profile15*/
.bg14 {
	background-color: #d6d6d6;
}


/*profile16*/
.bg15 {
	background: rgba(210,234,234,1);
	background: linear-gradient(45deg, rgba(210,234,234,1) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 62%, rgba(248,239,198,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2eaea', endColorstr='#f8efc6', GradientType=1 );
}


/*profile17*/
.bg16 {
	background: rgba(101,161,161,1);
	background: -moz-linear-gradient(-45deg, rgba(101,161,161,1) 0%, rgba(98,198,135,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(101,161,161,1)), color-stop(100%, rgba(98,198,135,1)));
	background: -webkit-linear-gradient(-45deg, rgba(101,161,161,1) 0%, rgba(98,198,135,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(101,161,161,1) 0%, rgba(98,198,135,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(101,161,161,1) 0%, rgba(98,198,135,1) 100%);
	background: linear-gradient(135deg, rgba(101,161,161,1) 0%, rgba(98,198,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65a1a1', endColorstr='#62c687', GradientType=1 );
}


/*profile18*/
.bg17 {
	background-image: url("https://via.placeholder.com/1000x1000.jpg//O https://placeholder.com/");
	background-repeat: no-repeat;
	background-size: cover;
}


/*profile19*/
.bg18 {
	background: rgba(114,66,246,1);
	background: -moz-linear-gradient(-45deg, rgba(114,66,246,1) 0%, rgba(246,42,83,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(114,66,246,1)), color-stop(100%, rgba(246,42,83,1)));
	background: -webkit-linear-gradient(-45deg, rgba(114,66,246,1) 0%, rgba(246,42,83,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(114,66,246,1) 0%, rgba(246,42,83,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(114,66,246,1) 0%, rgba(246,42,83,1) 100%);
	background: linear-gradient(135deg, rgba(114,66,246,1) 0%, rgba(246,42,83,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7242f6', endColorstr='#f62a53', GradientType=1 );
}

/*
DIGER KART STYLE KODLARIMIZ
*/
.container{margin-top:20px}
.fa-spin-fast{-webkit-animation:fa-spin-fast .1s infinite linear;animation:fa-spin-fast 0.1s infinite linear}
@-webkit-keyframes fa-spin-fast{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}
@keyframes fa-spin-fast{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}
.material-card{position:relative;height:0;padding-bottom:calc(100% - 16px);margin-bottom:6.6em; margin: 1em;}
.material-card h2{position:absolute;top:calc(100% - 16px);left:0;width:100%;padding:10px 16px 10px 20px;height:82px;color:#fff;font-size:1.4em;line-height:1.6em;margin:0;z-index:10;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;box-shadow: 0 2px 20px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.material-card h2 span{display:block}
.material-card h2 strong{font-weight:300;display:block;font-size:.76em}
.material-card h2:after,.material-card h2:before{content:' ';position:absolute;left:0;top:-16px;width:0;border:8px solid;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.material-card h2:after{top:auto;bottom:0}
@media screen and (max-width:767px){.material-card.mc-active{padding-bottom:0;height:auto}
}
.material-card.mc-active h2{top:0;padding:10px 16px 10px 90px}
.material-card.mc-active h2:before{top:0}
.material-card.mc-active h2:after{bottom:-16px}
.material-card .mc-content{position:absolute;right:0;top:0;bottom:16px;left:16px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;box-shadow:0 2px 20px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.material-card .mc-btn-action{position:absolute;right:16px;top:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid;width:54px;height:54px;line-height:46px;text-align:center;color:#fff!important;cursor:pointer;z-index:20;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.material-card .mc-btn-action:hover{box-shadow:0 0px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.material-card.mc-active .mc-btn-action{top:62px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.material-card .mc-description{position:absolute;top:100%;right:30px;left:30px;bottom:54px;overflow:hidden;opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
.material-card .mc-footer{height:0;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.material-card .mc-footer h4{position:absolute;top:200px;left:30px;padding:0;margin:0;font-size:16px;font-weight:700;-webkit-transition:all .4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
.material-card .mc-footer a{display:block;float:left;position:relative;width:40px;height:40px;margin-left:10px;font-size:16px;color:#fff;line-height:36px;text-decoration:none;top:200px;border-radius:50px;}
.material-card .mc-footer a:nth-child(1){-webkit-transition:all .1s;-moz-transition:all .1s;-ms-transition:all .1s;-o-transition:all .1s;transition:all .1s}
.material-card .mc-footer a:nth-child(2){-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.material-card .mc-footer a:nth-child(3){-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.material-card .mc-footer a:nth-child(4){-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.material-card .mc-footer a:nth-child(5){-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.material-card .img-container{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.material-card.mc-active .img-container{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;left:0;top:12px;width:55px;height:55px;z-index:20}
.img-fluid{max-width:100%; width:100%;}
.material-card.mc-active .mc-content{padding-top:5.6em}
@media screen and (max-width:767px){.material-card.mc-active .mc-content{position:relative;margin-right:16px}
}
.material-card.mc-active .mc-description{top:50px;padding-top:5.6em;opacity:1;text-align:left;}
@media screen and (max-width:767px){.material-card.mc-active .mc-description{position:relative;top:auto;right:auto;left:auto;padding:50px 30px 70px 30px;bottom:0}
}
.material-card.mc-active .mc-footer{overflow:visible;position:absolute;top:calc(100% - 16px);left:16px;right:0;height:72px;display:flex;align-items:center;justify-content:center;    box-shadow:0 2px 20px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.material-card.mc-active .mc-footer a{top:0;border:2px solid #e8eaf6;}
.material-card.mc-active .mc-footer h4{top:27px;left:20px;font-weight:400;}
.material-card.Red h2{background-color:#DC3545}
.material-card.Red h2:after{border-top-color:#DC3545;border-right-color:#DC3545;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Red h2:before{border-top-color:transparent;border-right-color:#DC3545;border-bottom-color:#DC3545;border-left-color:transparent}
.material-card.Red.mc-active h2:before{border-top-color:transparent;border-right-color:#DC3545;border-bottom-color:#DC3545;border-left-color:transparent}
.material-card.Red.mc-active h2:after{border-top-color:#DC3545;border-right-color:#DC3545;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Red .mc-btn-action{background-color:#DC3545}
.material-card.Red .mc-btn-action:hover{background-color:#DC3545}
.material-card.Red .mc-footer h4{color:#DC3545}
.material-card.Red .mc-footer a{background-color:#DC3545}
.material-card.Red.mc-active .mc-content{background-color:#e7b3ba45}
.material-card.Red.mc-active .mc-footer{background-color:#dc354552}
.material-card.Red.mc-active .mc-btn-action{border-color:#FCE4EC}
.material-card.Blue-Grey h2{background-color:#607d8b}
.material-card.Blue-Grey h2:after{border-top-color:#607d8b;border-right-color:#607d8b;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Blue-Grey h2:before{border-top-color:transparent;border-right-color:#263238;border-bottom-color:#263238;border-left-color:transparent}
.material-card.Blue-Grey.mc-active h2:before{border-top-color:transparent;border-right-color:#607d8b;border-bottom-color:#607d8b;border-left-color:transparent}
.material-card.Blue-Grey.mc-active h2:after{border-top-color:#263238;border-right-color:#263238;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Blue-Grey .mc-btn-action{background-color:#607d8b}
.material-card.Blue-Grey .mc-btn-action:hover{background-color:#263238}
.material-card.Blue-Grey .mc-footer h4{color:#263238}
.material-card.Blue-Grey .mc-footer a{background-color:#263238}
.material-card.Blue-Grey.mc-active .mc-content{background-color:#eceff1}
.material-card.Blue-Grey.mc-active .mc-footer{background-color:#cfd8dc}
.material-card.Blue-Grey.mc-active .mc-btn-action{border-color:#eceff1}
.material-card.Pink h2{background-color:#e91e63}
.material-card.Pink h2:after{border-top-color:#e91e63;border-right-color:#e91e63;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Pink h2:before{border-top-color:transparent;border-right-color:#880e4f;border-bottom-color:#880e4f;border-left-color:transparent}
.material-card.Pink.mc-active h2:before{border-top-color:transparent;border-right-color:#e91e63;border-bottom-color:#e91e63;border-left-color:transparent}
.material-card.Pink.mc-active h2:after{border-top-color:#880e4f;border-right-color:#880e4f;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Pink .mc-btn-action{background-color:#e91e63}
.material-card.Pink .mc-btn-action:hover{background-color:#880e4f}
.material-card.Pink .mc-footer h4{color:#880e4f}
.material-card.Pink .mc-footer a{background-color:#880e4f}
.material-card.Pink.mc-active .mc-content{background-color:#fce4ec}
.material-card.Pink.mc-active .mc-footer{background-color:#f8bbd0}
.material-card.Pink.mc-active .mc-btn-action{border-color:#fce4ec}
.material-card.Purple h2{background-color:#9c27b0}
.material-card.Purple h2:after{border-top-color:#9c27b0;border-right-color:#9c27b0;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Purple h2:before{border-top-color:transparent;border-right-color:#4a148c;border-bottom-color:#4a148c;border-left-color:transparent}
.material-card.Purple.mc-active h2:before{border-top-color:transparent;border-right-color:#9c27b0;border-bottom-color:#9c27b0;border-left-color:transparent}
.material-card.Purple.mc-active h2:after{border-top-color:#4a148c;border-right-color:#4a148c;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Purple .mc-btn-action{background-color:#9c27b0}
.material-card.Purple .mc-btn-action:hover{background-color:#4a148c}
.material-card.Purple .mc-footer h4{color:#4a148c}
.material-card.Purple .mc-footer a{background-color:#4a148c}
.material-card.Purple.mc-active .mc-content{background-color:#f3e5f5}
.material-card.Purple.mc-active .mc-footer{background-color:#e1bee7}
.material-card.Purple.mc-active .mc-btn-action{border-color:#f3e5f5}
.material-card.Deep-Purple h2{background-color:#673ab7}
.material-card.Deep-Purple h2:after{border-top-color:#673ab7;border-right-color:#673ab7;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Deep-Purple h2:before{border-top-color:transparent;border-right-color:#311b92;border-bottom-color:#311b92;border-left-color:transparent}
.material-card.Deep-Purple.mc-active h2:before{border-top-color:transparent;border-right-color:#673ab7;border-bottom-color:#673ab7;border-left-color:transparent}
.material-card.Deep-Purple.mc-active h2:after{border-top-color:#311b92;border-right-color:#311b92;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Deep-Purple .mc-btn-action{background-color:#673ab7}
.material-card.Deep-Purple .mc-btn-action:hover{background-color:#311b92}
.material-card.Deep-Purple .mc-footer h4{color:#311b92}
.material-card.Deep-Purple .mc-footer a{background-color:#311b92}
.material-card.Deep-Purple.mc-active .mc-content{background-color:#ede7f6}
.material-card.Deep-Purple.mc-active .mc-footer{background-color:#d1c4e9}
.material-card.Deep-Purple.mc-active .mc-btn-action{border-color:#ede7f6}
.material-card.Indigo h2{background-color:#3f51b5}
.material-card.Indigo h2:after{border-top-color:#3f51b5;border-right-color:#3f51b5;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Indigo h2:before{border-top-color:transparent;border-right-color:#1a237e;border-bottom-color:#1a237e;border-left-color:transparent}
.material-card.Indigo.mc-active h2:before{border-top-color:transparent;border-right-color:#3f51b5;border-bottom-color:#3f51b5;border-left-color:transparent}
.material-card.Indigo.mc-active h2:after{border-top-color:#1a237e;border-right-color:#1a237e;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Indigo .mc-btn-action{background-color:#3f51b5}
.material-card.Indigo .mc-btn-action:hover{background-color:#1a237e}
.material-card.Indigo .mc-footer h4{color:#1a237e}
.material-card.Indigo .mc-footer a{background-color:#1a237e}
.material-card.Indigo.mc-active .mc-content{background-color:#e8eaf6}
.material-card.Indigo.mc-active .mc-footer{background-color:#c5cae9}
.material-card.Indigo.mc-active .mc-btn-action{border-color:#e8eaf6}
.material-card.Blue h2{background-color:#2196f3}
.material-card.Blue h2:after{border-top-color:#2196f3;border-right-color:#2196f3;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Blue h2:before{border-top-color:transparent;border-right-color:#0d47a1;border-bottom-color:#0d47a1;border-left-color:transparent}
.material-card.Blue.mc-active h2:before{border-top-color:transparent;border-right-color:#2196f3;border-bottom-color:#2196f3;border-left-color:transparent}
.material-card.Blue.mc-active h2:after{border-top-color:#0d47a1;border-right-color:#0d47a1;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Blue .mc-btn-action{background-color:#2196f3}
.material-card.Blue .mc-btn-action:hover{background-color:#0d47a1}
.material-card.Blue .mc-footer h4{color:#0d47a1}
.material-card.Blue .mc-footer a{background-color:#0d47a1}
.material-card.Blue.mc-active .mc-content{background-color:#e3f2fd}
.material-card.Blue.mc-active .mc-footer{background-color:#bbdefb}
.material-card.Blue.mc-active .mc-btn-action{border-color:#e3f2fd}
.material-card.Light-Blue h2{background-color:#03a9f4}
.material-card.Light-Blue h2:after{border-top-color:#03a9f4;border-right-color:#03a9f4;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Light-Blue h2:before{border-top-color:transparent;border-right-color:#01579b;border-bottom-color:#01579b;border-left-color:transparent}
.material-card.Light-Blue.mc-active h2:before{border-top-color:transparent;border-right-color:#03a9f4;border-bottom-color:#03a9f4;border-left-color:transparent}
.material-card.Light-Blue.mc-active h2:after{border-top-color:#01579b;border-right-color:#01579b;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Light-Blue .mc-btn-action{background-color:#03a9f4}
.material-card.Light-Blue .mc-btn-action:hover{background-color:#01579b}
.material-card.Light-Blue .mc-footer h4{color:#01579b}
.material-card.Light-Blue .mc-footer a{background-color:#01579b}
.material-card.Light-Blue.mc-active .mc-content{background-color:#e1f5fe}
.material-card.Light-Blue.mc-active .mc-footer{background-color:#b3e5fc}
.material-card.Light-Blue.mc-active .mc-btn-action{border-color:#e1f5fe}
.material-card.Cyan h2{background-color:#00bcd4}
.material-card.Cyan h2:after{border-top-color:#00bcd4;border-right-color:#00bcd4;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Cyan h2:before{border-top-color:transparent;border-right-color:#006064;border-bottom-color:#006064;border-left-color:transparent}
.material-card.Cyan.mc-active h2:before{border-top-color:transparent;border-right-color:#00bcd4;border-bottom-color:#00bcd4;border-left-color:transparent}
.material-card.Cyan.mc-active h2:after{border-top-color:#006064;border-right-color:#006064;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Cyan .mc-btn-action{background-color:#00bcd4;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.material-card.Cyan .mc-btn-action:hover{background-color:#006064}
.material-card.Cyan .mc-footer h4{color:#006064;font-weight:400;}
.material-card.Cyan .mc-footer a{background-color:#006064}
.material-card.Cyan.mc-active .mc-content{background-color:#e0f7fa}
.material-card.Cyan.mc-active .mc-footer{background-color:#b2ebf2}
.material-card.Cyan.mc-active .mc-btn-action{border-color:#e0f7fa}
.material-card.Teal h2{background-color:#009688}
.material-card.Teal h2:after{border-top-color:#009688;border-right-color:#009688;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Teal h2:before{border-top-color:transparent;border-right-color:#004d40;border-bottom-color:#004d40;border-left-color:transparent}
.material-card.Teal.mc-active h2:before{border-top-color:transparent;border-right-color:#009688;border-bottom-color:#009688;border-left-color:transparent}
.material-card.Teal.mc-active h2:after{border-top-color:#004d40;border-right-color:#004d40;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Teal .mc-btn-action{background-color:#009688}
.material-card.Teal .mc-btn-action:hover{background-color:#004d40}
.material-card.Teal .mc-footer h4{color:#004d40}
.material-card.Teal .mc-footer a{background-color:#004d40}
.material-card.Teal.mc-active .mc-content{background-color:#e0f2f1}
.material-card.Teal.mc-active .mc-footer{background-color:#b2dfdb}
.material-card.Teal.mc-active .mc-btn-action{border-color:#e0f2f1}
.material-card.Green h2{background-color:#4caf50}
.material-card.Green h2:after{border-top-color:#4caf50;border-right-color:#4caf50;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Green h2:before{border-top-color:transparent;border-right-color:#1b5e20;border-bottom-color:#1b5e20;border-left-color:transparent}
.material-card.Green.mc-active h2:before{border-top-color:transparent;border-right-color:#4caf50;border-bottom-color:#4caf50;border-left-color:transparent}
.material-card.Green.mc-active h2:after{border-top-color:#1b5e20;border-right-color:#1b5e20;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Green .mc-btn-action{background-color:#4caf50}
.material-card.Green .mc-btn-action:hover{background-color:#1b5e20}
.material-card.Green .mc-footer h4{color:#1b5e20}
.material-card.Green .mc-footer a{background-color:#1b5e20}
.material-card.Green.mc-active .mc-content{background-color:#e8f5e9}
.material-card.Green.mc-active .mc-footer{background-color:#c8e6c9}
.material-card.Green.mc-active .mc-btn-action{border-color:#e8f5e9}
.material-card.Light-Green h2{background-color:#8bc34a}
.material-card.Light-Green h2:after{border-top-color:#8bc34a;border-right-color:#8bc34a;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Light-Green h2:before{border-top-color:transparent;border-right-color:#33691e;border-bottom-color:#33691e;border-left-color:transparent}
.material-card.Light-Green.mc-active h2:before{border-top-color:transparent;border-right-color:#8bc34a;border-bottom-color:#8bc34a;border-left-color:transparent}
.material-card.Light-Green.mc-active h2:after{border-top-color:#33691e;border-right-color:#33691e;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Light-Green .mc-btn-action{background-color:#8bc34a}
.material-card.Light-Green .mc-btn-action:hover{background-color:#33691e}
.material-card.Light-Green .mc-footer h4{color:#33691e}
.material-card.Light-Green .mc-footer a{background-color:#33691e}
.material-card.Light-Green.mc-active .mc-content{background-color:#f1f8e9}
.material-card.Light-Green.mc-active .mc-footer{background-color:#dcedc8}
.material-card.Light-Green.mc-active .mc-btn-action{border-color:#f1f8e9}
.material-card.Lime h2{background-color:#cddc39}
.material-card.Lime h2:after{border-top-color:#cddc39;border-right-color:#cddc39;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Lime h2:before{border-top-color:transparent;border-right-color:#827717;border-bottom-color:#827717;border-left-color:transparent}
.material-card.Lime.mc-active h2:before{border-top-color:transparent;border-right-color:#cddc39;border-bottom-color:#cddc39;border-left-color:transparent}
.material-card.Lime.mc-active h2:after{border-top-color:#827717;border-right-color:#827717;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Lime .mc-btn-action{background-color:#cddc39}
.material-card.Lime .mc-btn-action:hover{background-color:#827717}
.material-card.Lime .mc-footer h4{color:#827717}
.material-card.Lime .mc-footer a{background-color:#827717}
.material-card.Lime.mc-active .mc-content{background-color:#f9fbe7}
.material-card.Lime.mc-active .mc-footer{background-color:#f0f4c3}
.material-card.Lime.mc-active .mc-btn-action{border-color:#f9fbe7}
.material-card.Yellow h2{background-color:#ffeb3b}
.material-card.Yellow h2:after{border-top-color:#ffeb3b;border-right-color:#ffeb3b;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Yellow h2:before{border-top-color:transparent;border-right-color:#f57f17;border-bottom-color:#f57f17;border-left-color:transparent}
.material-card.Yellow.mc-active h2:before{border-top-color:transparent;border-right-color:#ffeb3b;border-bottom-color:#ffeb3b;border-left-color:transparent}
.material-card.Yellow.mc-active h2:after{border-top-color:#f57f17;border-right-color:#f57f17;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Yellow .mc-btn-action{background-color:#ffeb3b}
.material-card.Yellow .mc-btn-action:hover{background-color:#f57f17}
.material-card.Yellow .mc-footer h4{color:#f57f17}
.material-card.Yellow .mc-footer a{background-color:#f57f17}
.material-card.Yellow.mc-active .mc-content{background-color:#fffde7}
.material-card.Yellow.mc-active .mc-footer{background-color:#fff9c4}
.material-card.Yellow.mc-active .mc-btn-action{border-color:#fffde7}
.material-card.Amber h2{background-color:#ffc107}
.material-card.Amber h2:after{border-top-color:#ffc107;border-right-color:#ffc107;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Amber h2:before{border-top-color:transparent;border-right-color:#ff6f00;border-bottom-color:#ff6f00;border-left-color:transparent}
.material-card.Amber.mc-active h2:before{border-top-color:transparent;border-right-color:#ffc107;border-bottom-color:#ffc107;border-left-color:transparent}
.material-card.Amber.mc-active h2:after{border-top-color:#ff6f00;border-right-color:#ff6f00;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Amber .mc-btn-action{background-color:#ffc107}
.material-card.Amber .mc-btn-action:hover{background-color:#ff6f00}
.material-card.Amber .mc-footer h4{color:#ff6f00}
.material-card.Amber .mc-footer a{background-color:#ff6f00}
.material-card.Amber.mc-active .mc-content{background-color:#fff8e1}
.material-card.Amber.mc-active .mc-footer{background-color:#ffecb3}
.material-card.Amber.mc-active .mc-btn-action{border-color:#fff8e1}
.material-card.Orange h2{background-color:#ff9800}
.material-card.Orange h2:after{border-top-color:#ff9800;border-right-color:#ff9800;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Orange h2:before{border-top-color:transparent;border-right-color:#e65100;border-bottom-color:#e65100;border-left-color:transparent}
.material-card.Orange.mc-active h2:before{border-top-color:transparent;border-right-color:#ff9800;border-bottom-color:#ff9800;border-left-color:transparent}
.material-card.Orange.mc-active h2:after{border-top-color:#e65100;border-right-color:#e65100;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Orange .mc-btn-action{background-color:#ff9800}
.material-card.Orange .mc-btn-action:hover{background-color:#e65100}
.material-card.Orange .mc-footer h4{color:#e65100}
.material-card.Orange .mc-footer a{background-color:#e65100}
.material-card.Orange.mc-active .mc-content{background-color:#fff3e0}
.material-card.Orange.mc-active .mc-footer{background-color:#ffe0b2}
.material-card.Orange.mc-active .mc-btn-action{border-color:#fff3e0}
.material-card.Deep-Orange h2{background-color:#ff5722}
.material-card.Deep-Orange h2:after{border-top-color:#ff5722;border-right-color:#ff5722;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Deep-Orange h2:before{border-top-color:transparent;border-right-color:#bf360c;border-bottom-color:#bf360c;border-left-color:transparent}
.material-card.Deep-Orange.mc-active h2:before{border-top-color:transparent;border-right-color:#ff5722;border-bottom-color:#ff5722;border-left-color:transparent}
.material-card.Deep-Orange.mc-active h2:after{border-top-color:#bf360c;border-right-color:#bf360c;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Deep-Orange .mc-btn-action{background-color:#ff5722}
.material-card.Deep-Orange .mc-btn-action:hover{background-color:#bf360c}
.material-card.Deep-Orange .mc-footer h4{color:#bf360c}
.material-card.Deep-Orange .mc-footer a{background-color:#bf360c}
.material-card.Deep-Orange.mc-active .mc-content{background-color:#fbe9e7}
.material-card.Deep-Orange.mc-active .mc-footer{background-color:#ffccbc}
.material-card.Deep-Orange.mc-active .mc-btn-action{border-color:#fbe9e7}
.material-card.Brown h2{background-color:#795548}
.material-card.Brown h2:after{border-top-color:#795548;border-right-color:#795548;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Brown h2:before{border-top-color:transparent;border-right-color:#3e2723;border-bottom-color:#3e2723;border-left-color:transparent}
.material-card.Brown.mc-active h2:before{border-top-color:transparent;border-right-color:#795548;border-bottom-color:#795548;border-left-color:transparent}
.material-card.Brown.mc-active h2:after{border-top-color:#3e2723;border-right-color:#3e2723;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Brown .mc-btn-action{background-color:#795548}
.material-card.Brown .mc-btn-action:hover{background-color:#3e2723}
.material-card.Brown .mc-footer h4{color:#3e2723}
.material-card.Brown .mc-footer a{background-color:#3e2723}
.material-card.Brown.mc-active .mc-content{background-color:#efebe9}
.material-card.Brown.mc-active .mc-footer{background-color:#d7ccc8}
.material-card.Brown.mc-active .mc-btn-action{border-color:#efebe9}
.material-card.Grey h2{background-color:#9e9e9e}
.material-card.Grey h2:after{border-top-color:#9e9e9e;border-right-color:#9e9e9e;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Grey h2:before{border-top-color:transparent;border-right-color:#212121;border-bottom-color:#212121;border-left-color:transparent}
.material-card.Grey.mc-active h2:before{border-top-color:transparent;border-right-color:#9e9e9e;border-bottom-color:#9e9e9e;border-left-color:transparent}
.material-card.Grey.mc-active h2:after{border-top-color:#212121;border-right-color:#212121;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Grey .mc-btn-action{background-color:#9e9e9e}
.material-card.Grey .mc-btn-action:hover{background-color:#212121}
.material-card.Grey .mc-footer h4{color:#212121}
.material-card.Grey .mc-footer a{background-color:#212121}
.material-card.Grey.mc-active .mc-content{background-color:#fafafa}
.material-card.Grey.mc-active .mc-footer{background-color:#f5f5f5}
.material-card.Grey.mc-active .mc-btn-action{border-color:#fafafa}
.material-card.Blue-Grey h2{background-color:#607d8b}
.material-card.Blue-Grey h2:after{border-top-color:#607d8b;border-right-color:#607d8b;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Blue-Grey h2:before{border-top-color:transparent;border-right-color:#263238;border-bottom-color:#263238;border-left-color:transparent}
.material-card.Blue-Grey.mc-active h2:before{border-top-color:transparent;border-right-color:#607d8b;border-bottom-color:#607d8b;border-left-color:transparent}
.material-card.Blue-Grey.mc-active h2:after{border-top-color:#263238;border-right-color:#263238;border-bottom-color:transparent;border-left-color:transparent}
.material-card.Blue-Grey .mc-btn-action{background-color:#607d8b}
.material-card.Blue-Grey .mc-btn-action:hover{background-color:#263238}
.material-card.Blue-Grey .mc-footer h4{color:#263238}
.material-card.Blue-Grey .mc-footer a{background-color:#263238}
.material-card.Blue-Grey.mc-active .mc-content{background-color:#eceff1}
.material-card.Blue-Grey.mc-active .mc-footer{background-color:#cfd8dc}
.material-card.Blue-Grey.mc-active .mc-btn-action{border-color:#eceff1}
body{background-color:#eceff1;color:#37474f;font-family:'Rubik', sans-serif !important;font-weight:300;font-size:14px}
h1,h2,h3{font-weight:200}
h2{font-weight:100!important;text-transform:uppercase;letter-spacing:2px;color:#212529}
.ripple{position:relative;overflow:hidden;transform:translate3d(0,0,0)}
.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s,opacity 1s}
.ripple:active:after{transform:scale(0,0);opacity:.2;transition:0s}
.material-card h2{text-align:left;font-size:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;white-space:nowrap;}
@media(min-width:576px) and (max-width:767.98px){.material-card.mc-active .img-container{top:20px;width:45px;height:45px;}.material-card h2{font-size:12px;}.material-card.mc-active h2{padding:10px 16px 10px 70px;}.material-card.mc-active .mc-footer h4{top:-32px;}.material-card .mc-btn-action{width:48px;height:48px;line-height:39px;right:12px;}
}
   
/*
DIGER KART STYLE KODLARIMIZ
*/