body {
    padding-top : 64px;
}

*:focus,*:active {
    outline : none !important;
}

bodyLogged {
    padding-top : 108px;
}

.navbar-collapse {
    clear : both !important;
}

.nav > li > a {
    padding : 10px;
}

@media (min-width : 768px) {
    .navbar-collapse {
        clear : none !important;
    }
}

@media (max-width : 767px) {
    .navbar-nav .open .dropdown-menu {
        position                : absolute;
        top                     : 100%;
        left                    : 0;
        z-index                 : 1000;
        float                   : right;
        min-width               : 160px;
        padding                 : 5px 0;
        margin                  : 2px 0 0;
        list-style              : none;
        font-size               : 13px;
        text-align              : left;
        background-color        : #FFFFFF;
        border                  : 1px solid #CCCCCC;
        border                  : 1px solid rgba(0, 0, 0, 0.15);
        border-radius           : 3px;
        -webkit-box-shadow      : 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow              : 0 6px 12px rgba(0, 0, 0, 0.175);
        -webkit-background-clip : padding-box;
        background-clip         : padding-box;
    }
}

textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control, select, select.form-control {
    border       : 1px solid #DDDDDD;
    padding-left : 5px;
}

label {
    font-weight : bold;
}

.lazy {
    display : none;
}

.navbar {
    margin-bottom : 0;
}

.realcontent h1, .realcontent h2, .realcontent h3 {
    margin-top : 0;
}

.navbar-brand {
    padding : 0 24px 0 15px;
    height  : 64px;
}

.navbar-brand img {
    max-height : 100%;
}

.navbar-nav {
    margin : 0;
}

.navbar-nav > li > a {
    padding-top    : 0;
    padding-bottom : 0;
    line-height    : 64px;
    font-size      : 16px;
    text-transform : uppercase;
}

.navbar-nav > li > p {
    padding-left : 15px;
}

.navbar-nav > li.navbar-icon > a {
    padding-left  : 5px;
    padding-right : 5px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color       : #FFFFFF !important;
    text-shadow : 1px 1px 1px #383838;
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fba741+0,d92e7e+50,7f48c0+100 */
    background  : #FBA741; /* Old browsers */
    background  : -moz-linear-gradient(45deg, #FBA741 0%, #D92E7E 50%, #7F48C0 100%); /* FF3.6-15 */
    background  : -webkit-linear-gradient(45deg, #FBA741 0%, #D92E7E 50%, #7F48C0 100%); /* Chrome10-25,Safari5.1-6 */
    background  : linear-gradient(45deg, #FBA741 0%, #D92E7E 50%, #7F48C0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter      : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fba741', endColorstr='#7f48c0', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.navbar-default .navbar-nav > li.navbar-icon > a:hover, .navbar-default .navbar-nav > li.navbar-icon > a:focus {
    background  : #EEEEEE;
    text-shadow : none;
    color       : inherit;
}

p.navbar-text {
    margin      : 0;
    line-height : 64px;
}

button.navbar-toggle {
    margin-top : 14px;
}

.nav .fa {
    font-size : 18px;
}

.nav .badge {
    margin           : -20px 0 0 -10px;
    background-color : #A9A9A9;
}

.panel-theme {
}

.panel-theme .panel-heading {
    background-color : #2196F3;
    color            : #FFFFFF;
    font-weight      : bold;
}

.breadcrumb {
    margin-bottom : 0;
    padding-left  : 0;
    padding-right : 0;
}

.bg-breadcrumb {
    background-color : #F5F5F5;
}

.bg-accountbar {
    background-color : #F5F5F5;
    border-bottom    : 1px solid #E5E5E5;
}

.cl10 {
    clear  : both;
    height : 10px;
}

.nav-accountbar > li {
    display : table-cell;
    width   : 1%;
}

.nav-accountbar > li > a {
    margin-bottom : 0;
    color         : #9C9C9C;
}

.nav-accountbar > li > a:hover, .nav-accountbar > li.active > a {
    color            : #666666;
    background-color : #EEEEEE;
}

@media (min-width : 768px) {
    .breadcrumb {
        margin-left  : 0;
        margin-right : 0;
    }
}

.thumbnails {
    overflow   : auto;
    clear      : both;
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.thumbnails > li {
    margin-left : 20px;
}

.thumbnails {
    margin-left : -20px;
}

.thumbnails > img {
    width : 100%;
}

.image-additional a {
    margin-bottom : 20px;
    padding       : 5px;
    display       : block;
    border        : 1px solid #DDDDDD;
}

.image-additional {
    max-width : 78px;
}

.thumbnails .image-additional {
    float       : left;
    margin-left : 20px;
}

/*Footer*/
footer {
    margin-top       : 20px;
    padding          : 25px 0;
    background-color : #F5F5F5;
    color            : #5D564D;
}

footer h5 {
    text-transform : uppercase;
    color          : #047B8F;
    text-shadow    : 1px 1px 0 #FFFFFF;
}

footer a {
    color : #15648F;
}

footer a:hover {
    color : #D81965;
}

ul.social-buttons {
    margin-bottom : 0;
}

ul.social-buttons li a {
    display            : block;
    background-color   : #222222;
    height             : 40px;
    width              : 40px;
    border-radius      : 100%;
    font-size          : 20px;
    line-height        : 40px;
    color              : #FFFFFF;
    outline            : 0;
    -webkit-transition : all .3s;
    -moz-transition    : all .3s;
    transition         : all .3s;
    text-align         : center;
}

ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {
    background-color : #8B8B8B !important;
}

/* user list */
.user-thumb {
    border        : 1px solid #DDDDDD;
    margin-bottom : 20px;
    overflow      : auto;
    position      : relative;
}

.user-thumb .text-absolute {
    position   : absolute;
    right      : 0;
    top        : 0;
    background : rgba(0, 0, 0, 0.7);
    color      : #FFFFFF;
    padding    : 5px;
}

.user-thumb .image {
    text-align : center;
}

.user-thumb .image a {
    display : block;
}

.user-thumb .image a:hover {
    opacity : 0.8;
}

.user-thumb .image img {
    margin-left  : auto;
    margin-right : auto;
}

.user-grid .user-thumb .image {
    float : none;
}

@media (min-width : 767px) {
    .user-list .user-thumb .image {
        float   : left;
        padding : 0 15px;
    }
}

.user-thumb h4 {
    font-size   : 16px;
    font-weight : normal;
}

.user-thumb .caption {
    padding    : 0 20px;
    min-height : 60px;
}

.user-list .user-thumb .caption {
    margin-left : 230px;
}

@media (max-width : 1200px) {
    .user-grid .user-thumb .caption {
        min-height : 210px;
        padding    : 0 10px;
    }
}

@media (max-width : 767px) {
    .user-list .user-thumb .caption {
        min-height  : 0;
        margin-left : 0;
        padding     : 0 10px;
    }

    .user-grid .user-thumb .caption {
        min-height : 0;
    }
}

.user-thumb .rating {
    padding-bottom : 10px;
}

.rating .fa-stack {
    font-size : 8px;
}

.rating .fa-star-o {
    color     : #999999;
    font-size : 15px;
}

.rating .fa-star {
    color     : #FFCC00;
    font-size : 15px;
}

.rating .fa-star + .fa-star-o {
    color : #E69500;
}

h2.price {
    margin : 0;
}

.user-thumb .price {
    color : #444444;
}

.user-thumb .price-new {
    font-weight : 600;
}

.user-thumb .price-old {
    color           : #999999;
    text-decoration : line-through;
    margin-left     : 10px;
}

.user-thumb .price-tax {
    color     : #999999;
    font-size : 12px;
    display   : block;
}

.user-thumb .button-group {
    border-top       : 1px solid #DDDDDD;
    background-color : #EEEEEE;
    overflow         : auto;
}

.user-list .user-thumb .button-group {
    border-left : 1px solid #DDDDDD;
}

@media (max-width : 768px) {
    .user-list .user-thumb .button-group {
        border-left : none;
    }
}

.user-thumb .button-group a {
    width            : 100%;
    border           : none;
    display          : inline-block;
    float            : left;
    background-color : #EEEEEE;
    color            : #888888;
    line-height      : 38px;
    font-weight      : bold;
    text-align       : center;
    text-transform   : uppercase;
}

.user-thumb .button-group a:hover {
    color            : #444444;
    background-color : #DDDDDD;
    text-decoration  : none;
}

@media (max-width : 1200px) {
    .user-thumb .button-group button, .user-thumb .button-group button + button {
        width : 33.33%;
    }
}

@media (max-width : 767px) {
    .user-thumb .button-group button, .user-thumb .button-group button + button {
        width : 33.33%;
    }
}

@media (min-width : 1200px) {
    #user-list-container .col-lg-2:nth-child(6n+1),
    #user-list-container .col-lg-2:nth-child(6n+1),
    #user-list-container .col-lg-3:nth-child(4n+1),
    #user-list-container .col-lg-4:nth-child(3n+1),
    #user-list-container .col-lg-6:nth-child(2n+1) {
        clear : left;
    }
}

@media (min-width : 992px) and (max-width : 1199px) {
    #user-list-container .col-md-2:nth-child(6n+1),
    #user-list-container .col-md-2:nth-child(6n+1),
    #user-list-container .col-md-3:nth-child(4n+1),
    #user-list-container .col-md-4:nth-child(3n+1),
    #user-list-container .col-md-6:nth-child(2n+1) {
        clear : left;
    }
}

@media (min-width : 768px) and (max-width : 991px) {
    #user-list-container .col-sm-2:nth-child(6n+1),
    #user-list-container .col-sm-2:nth-child(6n+1),
    #user-list-container .col-sm-3:nth-child(4n+1),
    #user-list-container .col-sm-4:nth-child(3n+1),
    #user-list-container .col-sm-6:nth-child(2n+1) {
        clear : left;
    }
}

.tempLoading {
    clear      : both;
    margin     : 10px 0;
    text-align : center;
}

/* entry list */
.entry-thumb {
    border        : 1px solid #DDDDDD;
    margin-bottom : 20px;
}

.entry-thumb .entry-media {
    position : relative;
}

.entry-thumb .entry-media .text-absolute {
    position   : absolute;
    right      : 0;
    top        : 0;
    background : rgba(0, 0, 0, 0.7);
    color      : #FFFFFF;
    padding    : 5px;
    z-index    : 5;
}

.entry-thumb .entry-media .text-absolute a {
    color : #FFFFFF;
}

.entry-thumb .entry-media .text-absolute a:hover {
    text-decoration : none;
}

.entry-thumb .entry-media .play-icon {
    position    : absolute;
    width       : 100%;
    height      : 100%;
    background  : url(../images/play-btn.png) no-repeat center center;
    z-index     : 4;
    text-align  : center;
    cursor      : pointer;
    text-shadow : 1px 1px 0 #FFFFFF;
    color       : #000000;
    top         : 0;
    line-height : 23;
}

.entry-thumb .entry-media .image {
    text-align : center;
    overflow   : hidden;
    height     : 300px;
}

.entry-thumb .entry-media .image a {
    display : block;
}

.entry-thumb .entry-media .image img {
    margin-left  : auto;
    margin-right : auto;
    object-fit   : cover;
    width        : 100%;
    height       : 300px;
}

.entry-thumb .action-links {

}

.entry-grid .entry-thumb .image {
    float : none;
}

.img-bloglist {
    width      : 100%;
    height     : 250px;
    object-fit : cover;
}

.otherblogs {

    background : #F5F5F5;
    padding    : 10px;

}

.otherblogs h3 {

    margin-top  : 15px;

    padding-top : 15px;

}

.otherblogs .oneblog {
    background : #FFFFFF;
    box-shadow : 0 2px 4px rgba(0, 0, 0, 0.1);
}

.otherblogs img {
    width : 100%;
}

.oneblog .title {

    font-weight : bold;

    font-size   : 14px;

    margin      : 5px;

    text-align  : left;

}

.oneblog .desc {

    font-size  : 12px;

    margin     : 5px;

    text-align : left;

}

.paketsecenekleri.wrapper {

    font-family : 'Open Sans', sans-serif;

    font-weight : 400;

    color       : #9F9F9F;

    font-size   : 14px;

    width       : 936px;

    margin      : 0 auto;

}

.paketsecenekleri .package {

    box-sizing    : border-box;

    height        : 380px;

    border        : 3px solid #E8E8E8;

    border-radius : 7px;

    display       : inline-block;

    padding       : 24px;

    text-align    : center;

    float         : left;

    position      : relative;

    margin-bottom : 15px;

}

.paketsecenekleri .name {

    color       : #565656;

    font-weight : 300;

    font-size   : 2rem;

    margin-top  : -5px;

}

.paketsecenekleri .price {

    margin-top    : 7px;
    margin-bottom : 15px;
    font-size     : 16px;
    font-weight   : bold;

}

.paketsecenekleri hr {

    background-color : #DEDEDE;

    border           : none;

    height           : 1px;

}

.paketsecenekleri ul {

    list-style : none;

    padding    : 0;

    text-align : left;

    margin-top : 29px;

}

.paketsecenekleri li {

    margin-bottom : 15px;

}

.paketsecenekleri .checkIcon {

    font-family : "FontAwesome";

    content     : "\f00c";

}

.paketsecenekleri li::before {

    font-family  : "FontAwesome";

    content      : "\f00c";

    font-size    : 1.3rem;

    color        : #33C4B6;

    margin-right : 3px;

}

.paketsecenekleri .brilliant {

    border-color : #33C4B6;

}

/* Triangle */

.paketsecenekleri .brilliant::before {

    width        : 0;

    height       : 0;

    border-style : solid;

    border-width : 64px 64px 0 0;

    border-color : #3BC6B8 transparent transparent transparent;

    position     : absolute;

    left         : 0;

    top          : 0;

    content      : "";

}

.paketsecenekleri .brilliant::after {

    font-family : "FontAwesome";

    content     : "\f00c";

    color       : white;

    position    : absolute;

    left        : 9px;

    top         : 6px;

    text-shadow : 0 0 2px #37C5B6;

    font-size   : 1.4rem;

}

body.lg-on {
    overflow : hidden;
}

.lg-outer .lg-img-wrap, .lg-outer .lg-video-cont {
    position : static;
    left     : initial;
    right    : initial;
    top      : initial;
    bottom   : initial;
    padding  : 0;
    height   : auto;
}

.lg-outer .fb-comments {
    background  : #FFFFFF;
    text-align  : left;
    padding     : 10px;
    white-space : initial;
}

.lg-outer .lg-video-cont:before, .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
    height : 0;
}

.lg-outer .lg-item {
    height     : 100%;
    overflow-y : auto;
}

.lg-outer .lg-video-cont {
    max-width : inherit;
}

.lg-video {
    margin : auto;
}

@media only screen and (min-width : 992px) {
    .lg-outer .lg-video {
        padding-bottom : 50%;
        margin-top     : 10%;
    }

    .lg-outer .lg-video-cont:before, .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
        height : 50%;
    }

    .lg-outer .lg-item {
        height   : 100%;
        overflow : hidden;
    }

    .lg-outer .lg-img-wrap, .lg-outer .lg-video-cont {
        position : static;
        float    : left;
        width    : 70%;
        height   : 100%;
        left     : initial;
        right    : initial;
        top      : initial;
        bottom   : initial;
    }

    .lg-outer .fb-comments {
        float      : left;
        width      : 30%;
        background : #FFFFFF;
        height     : 100%;
        text-align : left;
        padding    : 10px;
        overflow-y : auto;
    }

    .lg-toolbar {
        width : 70%;
    }

    .lg-actions .lg-next {
        right : calc(30% + 20px);
    }

}

/* CSS talk bubble */
.talk-bubble {
    margin           : 10px 20px 10px 80px;
    display          : block;
    position         : relative;
    max-width        : 70%;
    height           : auto;
    background-color : #FFFFFF;
    clear            : both;
}

.talk-bubble img.profile-img {
    max-width   : 40px;
    position    : absolute;
    z-index     : 2;
    margin-left : -70px;
}

.border {
    border : 1px solid #BBBBBB;
}

.round {
    border-radius         : 10px;
    -webkit-border-radius : 10px;
    -moz-border-radius    : 10px;

}

/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : -40px;
    right        : auto;
    top          : -8px;
    bottom       : auto;
    border       : 32px solid;
    border-color : #666666 transparent transparent transparent;
}

.tri-right.left-top:after {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : -20px;
    right        : auto;
    top          : 0px;
    bottom       : auto;
    border       : 22px solid;
    border-color : #FFFFFF transparent transparent transparent;
}

/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : -22px;
    right        : auto;
    top          : 9px;
    bottom       : auto;
    border       : 11px solid;
    border-color : #BBBBBB #BBBBBB transparent transparent;
}

.tri-right.left-in:after {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : -20px;
    right        : auto;
    top          : 10px;
    bottom       : auto;
    border       : 12px solid;
    border-color : #FFFFFF #FFFFFF transparent transparent;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left:before {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : -8px;
    right        : auto;
    top          : auto;
    bottom       : -40px;
    border       : 32px solid;
    border-color : transparent transparent transparent #666666;
}

.tri-right.btm-left:after {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : 0px;
    right        : auto;
    top          : auto;
    bottom       : -20px;
    border       : 22px solid;
    border-color : transparent transparent transparent #FFFFFF;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left-in:before {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : 30px;
    right        : auto;
    top          : auto;
    bottom       : -40px;
    border       : 20px solid;
    border-color : #666666 transparent transparent #666666;
}

.tri-right.btm-left-in:after {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : 38px;
    right        : auto;
    top          : auto;
    bottom       : -20px;
    border       : 12px solid;
    border-color : #FFFFFF transparent transparent #FFFFFF;
}

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right-in:before {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : auto;
    right        : 30px;
    bottom       : -40px;
    border       : 20px solid;
    border-color : #666666 #666666 transparent transparent;
}

.tri-right.btm-right-in:after {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : auto;
    right        : 38px;
    bottom       : -20px;
    border       : 12px solid;
    border-color : #FFFFFF #FFFFFF transparent transparent;
}

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right:before {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : auto;
    right        : -8px;
    bottom       : -40px;
    border       : 20px solid;
    border-color : #666666 #666666 transparent transparent;
}

.tri-right.btm-right:after {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : auto;
    right        : 0px;
    bottom       : -20px;
    border       : 12px solid;
    border-color : #FFFFFF #FFFFFF transparent transparent;
}

/* Right triangle, right side slightly down*/
.tri-right.border.right-in:before {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : auto;
    right        : -22px;
    top          : 9px;
    bottom       : auto;
    border       : 11px solid;
    border-color : #BBBBBB transparent transparent #BBBBBB;
}

.tri-right.right-in:after {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : auto;
    right        : -20px;
    top          : 10px;
    bottom       : auto;
    border       : 12px solid;
    border-color : #FFFFFF transparent transparent #FFFFFF;
}

/* Right triangle placed top right flush. */
.tri-right.border.right-top:before {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : auto;
    right        : -40px;
    top          : -8px;
    bottom       : auto;
    border       : 32px solid;
    border-color : #666666 transparent transparent transparent;
}

.tri-right.right-top:after {
    content      : ' ';
    position     : absolute;
    width        : 0;
    height       : 0;
    left         : auto;
    right        : -20px;
    top          : 0px;
    bottom       : auto;
    border       : 20px solid;
    border-color : #FFFFFF transparent transparent transparent;
}

/* talk bubble contents */
.talktext {
    padding     : 1em;
    text-align  : left;
    line-height : 1.5em;
}

.talktext p {
                          /* remove webkit p margins */
    -webkit-margin-before : 0;
    -webkit-margin-after  : 0;
}

#threadList {
    height   : 500px;
    overflow : auto;
    width    : 15%;
    float    : left;
    position : relative;
}

#threadDetails {
    background-color : #F3F3F3;
    height           : 500px;
    border           : 1px solid #DDDDDD;
    width            : 85%;
    float            : left;
    position         : relative;
}

#threadList img {
    max-width : 100%;
    margin    : 0 auto;
    display   : block;
}

#threadList .message-caption {
    display : none;
}

#threadLoader {
    position   : absolute;
    width      : 100%;
    top        : 0;
    bottom     : 0;
    z-index    : 10;
    background : rgba(0, 0, 0, 0.6);
}

#threadLoader i.fa {
    color       : #FFFFFF;
    position    : absolute;
    top         : 50%;
    left        : 50%;
    margin-top  : -30px;
    margin-left : -30px;
}

#messageList {
    position : absolute;
    top      : 40px;
    width    : 100%;
    height   : 400px;
    overflow : auto;
    padding  : 0 5px;
}

#threadUserList {
    position         : absolute;
    height           : 40px;
    top              : 0;
    width            : 100%;
    background-color : #EEEEEE;
    border-bottom    : 1px solid #DDDDDD;
    padding          : 4px;
    overflow         : auto;
}

#messageSendCape {
    position         : absolute;
    height           : 60px;
    bottom           : 0;
    width            : 100%;
    background-color : #FFFFFF;
    border-top       : 1px solid #DDDDDD;
}

.list-group.message-list {
    margin-bottom : 0;
}

.list-group.message-list .list-group-item {
    padding    : 5px;
    word-break : break-all;
}

@media (min-width : 768px) {

    #threadList {
        width : 25%;
    }

    #threadDetails {
        width : 75%;
    }

    #threadList img {
        max-width    : 50px;
        margin-right : 15px;
        float        : left;
        display      : inline-block;
    }

    #threadList .message-caption {
        display     : inherit;
        font-size   : 12px;
        line-height : 140%;
    }

    #threadList .message-caption strong {
        font-size : 13px;
    }

    .list-group.message-list .list-group-item {
        padding : 15px;
    }
}