* { margin: 0px; padding:0px; }
body { font-family: 'Proxima Nova', sans-serif; margin: 0px; padding:0px; }
p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding:0px; font-family: 'Proxima Nova', sans-serif;  }
h1 { font-size:27px; }
h2 { font-size:22px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:14px; }

/* color */

.text-muted { color:#bebebe; }


/* form */

.form-control { height: 50px; box-shadow: none; outline: none; border: 1px solid #d0cfcf; font-size: 18px;   }
.form-control:focus { outline: none; box-shadow: none; border-color: #ddd; }
.form-control::-webkit-input-placeholder { color:#bdbdbd; }
.form-control:-ms-input-placeholder { color:#bdbdbd; }
.form-control::placeholder { color:#bdbdbd; }
label { font-size:15px; color:#2C2C29; line-height:19px; font-weight:400; margin-bottom:10px; }
.form-group { margin-bottom:20px; }
.btn {  font-size: 18px; font-weight: 500; outline: none; border: none; box-shadow: none; }
.btn:focus { outline: none; border: none; box-shadow: none; }







/* login form */

.login-btn { background-color: #000; color: #fff; background: linear-gradient(127.63deg, #389FF7 0%, rgba(62, 138, 251, 0.89) 100%); }
.login-form-wraper { position: relative; }
.login-left { position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; background-size:cover; background-position:center bottom; }
.login-right { width: 50%; margin-left: 50%; padding:0px 130px; padding-bottom:80px; }
.login-devider { margin: 60px auto; width: 100%; max-width: 220px; text-align: center; position: relative; }
.login-devider:before { content: ''; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; background-color: #ccc; }
.login-devider span { background-color: #fff; position: relative; z-index: 99; padding: 0px 8px; line-height: 19px; font-size: 15px; color: #B4B5B4; }
.social-login { font-size: 15px; color: #2C2C29; text-align:center; }
.social-login > .google-plus { display: inline-block; padding: 0px 15px 0px 0px; font-size: 15px; color: #2C2C29; text-decoration:none; }
.social-login > .google-plus:before { content:url('../img/login/google-plus.jpg'); display:inline-block; vertical-align:middle; margin-right: 10px; }
.social-login > .facebook { display: inline-block; padding: 0px 15px 0px 0px; font-size: 15px; color: #2C2C29; text-decoration:none; }
.social-login > .facebook:before { content:url('../img/login/facebook.png'); display:inline-block; vertical-align:middle; margin-right: 10px; }
.login-info h1 { font-size: 32px; font-weight: 700; margin-bottom: 15px; }
.login-info p { font-size: 16px; line-height: 22px; font-weight: 500; }
.login-info { padding:60px 0px 80px; }
.login-info img { margin-bottom:50px; }




.popular-stories-wrap h4 { font-weight:700; border-bottom:1px solid #e3e3e3; padding-bottom:15px; font-size:18px; line-height:23px; color:#293134; margin-top:0px; margin-bottom:17px; }
ul.popular-stories-list { padding: 0px; margin: 0px; }
ul.popular-stories-list li { list-style: none; font-size:15px; line-height:18px; font-weight:700; }
a.stories-thumbnail { float: left; display: block; }
a.stories-thumbnail img { width: 48px; height: 48px; display: block; background-color: #e5e5e5; }
ul.popular-stories-list li:after { content: ''; display: table; clear: both; }
.popular-stories-wrap { background-color: #fff; padding:17px 18px; } 
.stories-description {
    text-align: left;
    border-bottom: 1px solid #e9e9e9;
    margin-left: 57px;
    width: calc(100% - 57px);
    position: relative;
    padding-bottom: 14px;
    padding-left: 10px;
    margin-bottom: 18px;
    min-height: 69px;
}

.stories-description span {
    display: block;
    font-size: 9px;
    line-height: 11px;
    font-weight: 500;
    color: #89959A;
    background-color: #fff;
    position: absolute;
    bottom: -1px;
    right: 0px;
    padding: 0px 10px;
}

.popular-stories-wrap {
    background-color: #fff;
    padding: 17px 18px;
    max-width: 309px;
    float: right;
    border-radius: 4px;
}
ul.popular-stories-list li:last-child .stories-description { margin-bottom: 0px; }
.user-profile-sidebar { max-width: 282px; float: left; }
.user-description-area { background-color: #fff; border-radius: 4px; padding: 17px 18px; padding-bottom:30px; }
.user-profile-area {
    height: 232px;
    width: 100%;
    background-color: #dad1d1;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.user-profile-thumbnail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 100%;
    padding:1px;
}

.user-profile-thumbnail img {
    height: 145px;
    width: 145px;
    border-radius: 100%;
}
.fb-username {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #293134;
    position: relative;
    padding-right: 65px;
    margin-bottom: 24px;
}

.fb-username span {
    font-size: 14px;
    line-height: 17px;
    display: block;
    font-weight: 500;
    color: #89959A;
    margin-top: 2px;
}

.fb-username a ,.fb-username button ,.btn_user_follow {
    font-size: 12px;
    line-height: 15px;
    background: linear-gradient(104.17deg, #389FF7 0%, rgba(62, 138, 251, 0.89) 100%);
    color: #fff!important;
    text-decoration: none;
    padding: 3px 9px;
    font-weight: 700;
    position: absolute;
    top: 6px;
    right: 0px;
	border:none;
}

ul.user-fb-stats {
    margin: 0px;
    padding: 0px;
    margin-bottom: 25px;
}

ul.user-fb-stats li {
    list-style: none;
    float: left;
}

ul.user-fb-stats:after {
    content: '';
    display: table;
    clear: both;
}
ul.user-fb-stats li {/* 200k followers */
    font-size: 24px;
    line-height: 21px;
    text-align: left;
    text-transform: capitalize;
    color: #293134;
    font-weight: 700;
    position: relative;
    float: left;
    width: calc(100% / 3);
    border-right: 1px solid #e3e3e3;
    padding-left: 10px;
}

ul.user-fb-stats li span {
    font-size: 13px;
    display:block;
}

ul.user-fb-stats li:last-child {
    border-right: none;
}

ul.user-fb-stats {
    margin-left: -10px;
}

.user-description-area p {
    font-size: 14px;
    line-height: 18px;
    color: #89959A;
}

.user-description-area p + p { margin-top: 20px; }
.user-description-area p + p:before { content: ''; background-image: url('../img/social-media.jpg'); height: 20px; width: 14px; display: inline-block; vertical-align: middle; background-position: -237px -4px; margin-right: 2px; }
ul.fb-social-media {
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}

ul.fb-social-media li {
    list-style: none;
    float: left;
    width:calc(100% / 5);
}

ul.fb-social-media li a {
    height: 25px;
    width: 25px;
    display: block;
    background-image: url('../img/social-media.jpg');
    background-position:-4px -3px;
}
ul.fb-social-media:after { content: ''; display: table; clear: both; }
ul.fb-social-media li.facebook a { background-position: -53px -3px; }
ul.fb-social-media li.twitter a {background-position: -99px -3px;}
ul.fb-social-media li.youtube a {background-position: -148px -3px;}
ul.fb-social-media li.cloud a {background-position: -197px -3px;}
.user-description-area h4 {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #303030;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 15px;
}

.award-item span {
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #89959A;
    display: block;
    font-weight: 500;
}

.award-item {
    font-size: 24px;
    font-weight: 900;
    color: #293134;
}
.award-gray-bg {
    height: 90px;
    width: 100%;
    background-color: #f8f8f8;
    margin-top: 5px;
}
.user-posted-posts-wraper {
    width: calc(100% - 591px);
    float: left;
    padding: 0px 20px;
}

.user-posted-posts-wraper_large {
    width: calc(100% - 285px);
    float: left;
    padding: 0px 20px;
}


.post-bg { width:100%; background-color:#fff;}
.post-gallery { width: calc(100% / 3); float: left; padding: 0px 10px; margin-bottom: 20px; }
.post-gallery:before { content: ''; height: 100%; width: 100%; background-color: #e5e5e5; display: block; }
.post-content { padding:0px 10px; font-size:15px; line-height:19px; color:#000; padding-bottom: 22px; }
.post-content p { font-size:15px; line-height:19px; color:#000; }
.tags { padding: 0px 10px; margin-bottom: 20px; }
span.tag { background: #343536; display: inline-block; color: #f8f8f8; font-size: 10px; line-height: 11px; padding: 2px 6px; }
ul.post-actions {
    margin: 0px;
    padding: 0px; margin-left:5px; margin-top:5px;}
ul.post-actions li {
    list-style: none;
    float: left;
    padding-right: 15px;
}

ul.post-actions:after {
    content: '';
    display: table;
    clear: both;
}

ul.post-actions li a {
    text-decoration: none;
    color: #000;
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    text-transform: capitalize;
    position:relative;
    cursor:pointer;
}
ul.post-actions li a:before {content:'';height: 18px;width: 20px;background-image: url('../img/post-actions.jpg');display: inline-block;vertical-align: middle;background-position: 0px -4px;}
ul.post-actions li.award-btn a:before { background-position:-34px -4px; }
ul.post-actions li.share-btn a:before { background-position:-62px -4px; }
ul.post-actions li.bookmark-btn a:before { background-position:-91px -4px; }
.post-item { padding-bottom: 30px; border-bottom: 1px solid #e3e3e3; padding-top: 30px; padding-left:63px; padding-right:30px; position:relative; }
.post-title h2 { font-size: 18px; line-height: 19px; font-weight: 700; color: #333; margin: 0px; }
.post-title { padding: 13px 10px 22px; }
.author-name { font-size: 18px; line-height: 21px; font-weight: 900; color: #000; }
.post-author { padding: 0px 10px; }
.post-author-wraper { position: relative; }
.post-author span { color: #C4C4C4; font-size: 10px; line-height: 12px; }
.post-author-profile { position: absolute; top: 0px; left: 0px; }
.post-author-profile { height: 40px; width: 40px;  border-radius: 100%; position: absolute; top: 0px; left: -50px; }
.post-tabs ul li { margin: 0px; padding: 0px; }
.post-tabs ul { margin: 0px; padding: 0px 10px; }
.post-tabs { background: #fff; margin-bottom: 2px; }
.post-tabs ul li { list-style: none; float: left; }
.post-tabs ul:after { content: ''; display: table; clear: both; }
.post-tabs ul li a { padding: 15px 15px; display: block; font-size: 15px; line-height: 19px; font-weight: 700; color: #000; text-decoration: none; position: relative; }
.post-tabs ul li.active a { color: #65747A; }
.post-tabs ul li a:after { content: ''; position: absolute; bottom: 0px; left: 0px; width:0%; height: 4px; background: linear-gradient(143.02deg, #389FF7 0%, rgba(62, 138, 251, 0.89) 100%); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
.post-tabs ul li.active a:after { width:100%; }
.post-tabs ul li:hover a:after { width:100%; }
.post-tabs ul li:hover a { color: #65747A;}
.menu-button { width: 32px; display:inline-block; cursor:pointer; }
.menu-button span { width: 100%; background-color: #000; height: 3px; display: block; margin-bottom: 5px; }
.menu-button span:last-child { margin-bottom:0px; }
.logo { float: left;   }
.header-links { float: left; width:calc(50% - 25px); }
.menu-area { float: left; width:calc(50% - 25px); }
.menu-area { text-align:left; }
.logo { text-align:center; }
.header-links { text-align:right; }
.header-links a {text-decoration:none; color: #2C2C29; font-size:15px; line-height:18px; letter-spacing:0.2px; display:inline-block; font-weight: 600; cursor:pointer; }
.search-btn { width:24px; height:24px; margin-left:15px; cursor: pointer; }
.search-btn img { width:100%; }
header { padding: 37px 0px; position: fixed; top: 0px; left: 0px; width: 100%; z-index:999; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
header.active { background-color: #fff; padding: 20px 0px; }
header .container-fluid { padding:0px 50px; }
body { background-color: #e5e5e5; }
.full-post-tabs ul { padding: 0px 20px; margin-left: 282px; }
.prfile-banner { height: 340px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.user-feeds-thumbnail { text-align:center; margin-top:-135px; padding-bottom:15px; }
.user-feeds-thumbnail img { border-radius:100%; width:210px; height:210px; display:inline-block; }
.post-tabs.full-post-tabs { margin-bottom: 6px; }
.add-new-post textarea { border: 1px solid #BFDFFD; width: 100%; height: 60px; padding: 7px 9px; font-size: 13px; }
.add-new-post { padding:28px 30px 5px; }
.post-buttons span { display: inline-block; }
.post-buttons input[type="submit"] { display: inline-block; }

.post-submit { outline:none; height: 21px; width: 56px; background: linear-gradient(100.63deg, #389FF7 0%, rgba(62, 138, 251, 0.89) 100%); 
border-radius: 1px; border: none; color: #fff; font-size: 11px; line-height: 14px; font-weight: 500; }

span.post-word-counter { font-size: 12px; line-height: 17px; color: #CCCCCC; padding: 0px 10px; }
.post-buttons { text-align: right; padding-top: 3px;}
.face-emojo-buttons a { padding: 0px 5px; display: inline-block; }
ul.comments-list li h3 { font-weight: 700; font-size: 14px; line-height: 16px; color: #2e2e2e; margin-bottom:5px; }
ul.comments-list li p { line-height: 16px; font-size: 14px; color: #2e2e2e; }
.comment-actions a { font-size:10px; line-height:14px; color: #8a8a8a; display:inline-block; padding:0px 5px;  }
.comment-actions a:first-child { padding-left:0px; }
a.comment-user-thumbnail { width: 36px; height: 36px; display: block; position: absolute; top: 0px; left: 0px; }
a.comment-user-thumbnail img { height: 36px; width: 36px; border-radius: 100%; }
ul.comments-list li {list-style: none; position: relative; padding-left: 47px; padding-bottom:15px; }
ul.comments-list li h3 span { font-size: 10px; line-height: 13px; color: #919191; font-weight:500; margin-left: 10px; }
.comment-actions { padding-top: 5px; }
span.reply-counter { font-size: 10px; font-weight: 700; color: #2e2e2e; line-height: 13px; }
ul.comments-list li.reply-comment a.comment-user-thumbnail { width:24px; height:24px; display:block; position:absolute; top:0px; left:12px; }
ul.comments-list li.reply-comment a.comment-user-thumbnail img { height:24px; width:24px; border-radius: 100%; }
.modal-content .post-buttons { text-align: right; padding: 5px 15px; border: 1px solid #BFDFFD; border-top: none; margin-top: -6px; margin-bottom: 20px; }
.modal-content .add-new-post { position:relative; padding:0px 0px 0px 47px; }
.comment-popup-wrap { width: 510px; margin: 0px auto;text-align: left; }
.comment-popup .modal-body { padding:37px 0px 15px; }
.comment-popup .modal-dialog { width:710px; margin: 30px auto; }
.article-detail-page { padding-top: 120px; text-align:center; }
.article-detail-header h1 { font-family: 'EB Garamond', serif; font-size: 64px; line-height: 77px; color: #000000; }
.article-detail-header h4 { font-size: 24px; line-height: 29px; color: #AAAAAA; margin-top: 15px; font-weight: 100; }
.article-detail-header p span { font-size: 15px; line-height: 18px;  /* identical to box height */ color: #2C2C29; font-family: 'EB Garamond', serif; font-weight: 500; display: inline-block; padding: 18px 10px; }
ul.article-tags li { list-style: none; display: inline-block; padding: 0px 10px; }
ul.article-tags li span { font-size: 11px; line-height: 11px; color: #2C2C29; letter-spacing: 0.12em; text-transform: uppercase; border: 1px solid #131313; display: block; padding: 3px 13px; }
ul.article-tags { margin: 0px; }
.article-detail-header { margin-bottom: 80px; }
section.adventure-banner { margin-top: 120px; }
.adventure-banner-img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100vh; min-height: 500px; width: 55%; float: left; }
.adventure-banner-desc { float: left; width: 45%; padding: 90px 90px; }
.adventure-banner-desc h2 { font-size: 24px; line-height: 29px;  /* identical to box height */ color: #2C2C29; font-family: 'EB Garamond', serif; margin-bottom: 10px; }
.adventure-banner-desc p { font-size: 15px; line-height: 21px; color: #2C2C29; }
.adventure-banner-desc hr { border-top: 1px solid #C4C4C4; }
.adventure-banner-desc ul li { list-style: none; font-size: 15px; line-height: 20px;  /* identical to box height */ color: #2C2C29; display: block; padding: 5px 0px; font-family: 'EB Garamond', serif; font-style: italic; }
.adventure-banner-desc ul li:first-child { padding-top: 0px; }
.adventure-banner-desc h2:after { content: url('../img/chopta.png'); float: right; }
.adventure-banner-img h2 { font-size: 64px; line-height: 77px; font-family: 'EB Garamond', serif; color: #fff; position: absolute; bottom: 50px; left: 65px; }
.adventure-banner-img h2:after { background-color: rgba(255, 255, 255, 0.5); content: ''; height: 50px; width: 120%; display: block; position: absolute; bottom: -16px; left: -28px; }
.adventure-list-content p { font-size: 18px; line-height: 25px; color: #2C2C29; }
.adventure-list-content h3 { font-size: 36px; line-height: 43px; color: #2C2C29; font-family: 'EB Garamond', serif; margin-bottom: 30px; }
.adventure-list-content h3 span { font-size: 18px; line-height: 25px; color: #2C2C29; font-family: 'Proxima Nova', sans-serif; text-transform: uppercase; display: inline-block; vertical-align: middle; float: right; margin-top: 10px; font-weight: 600; }
.adventure-list-content { padding: 0px 0px; width: 50%; float: left; padding-left: 200px; padding-top: 50px; padding-bottom: 65px; position: relative; z-index: 6; }
.adventure-list-image { float: left; width: 50%; padding-left: 125px; position: relative; }
.adventure-list-content h6 { font-size: 18px; line-height: 25px; color: #2C2C29; margin-top: 30px; font-weight: 600; }
.adventure-thumbnail { height: 390px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 9; }
.adventure-list-category span { font-family: 'EB Garamond', serif; font-weight: 600; font-size: 15px; line-height: 29px; color: #aaa; font-style: italic; padding: 12px 10px; display: inline-block; float: left; }
.adventure-list-category span.active { font-size: 24px; line-height: 29px; color: #2C2C29; }
.adventure-list-category:after {content: '';display: table;clear: both;}
.adventure-list-category { transform: rotate(-90deg); position: absolute; z-index: 10; left: 20px; top: 125px; }
.adventure-list:after {content: '';position: absolute;bottom: 0px;height: 65%;right: 0px;width: 55%;background: rgba(238, 238, 238, 0.33);z-index: 5;}
.adventure-list { position: relative; margin-bottom: 100px;}
.adventure-list-page { position:relative; }
.adventure-list-line { position: absolute; top:0px; left:0px; width:100%; height:100%; }
.adventure-list-line span { height: 100%; border-left: 1px solid #aaa; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.adventure-list-line .container, .adventure-list-line .row { height: 100%; }
.adventure-list-image { width: 50%; position: relative; float: left; padding-left: 125px; }
.adventure-list.design-2 .adventure-list-image { padding-left: 0px; width: 60%; position: absolute; z-index: 19; }
.adventure-list.design-2 .adventure-list-content .adventure-list-category {transform: rotate(0deg);position: static;}
.adventure-list.design-2 .adventure-list-content { padding-left: 0px; padding:30px 90px; background-color: #fff; margin-left: 45%; width: 50%; margin-top: 180px; position: relative; z-index: 20;}
.adventure-list-category span:first-child { padding-left: 0px; }
.adventure-list.design-2 .row { position: relative; }
.adventure-list.design-2:after { display: none; }
.adventure-list-page { padding:90px 0px 0px; margin-bottom:90px; }
footer.footer-2 ul li {
    list-style: none;
    text-align:left;
}

footer.footer-2 ul li a {
    letter-spacing: 0.04em;
    color: #252525;
    font-size: 16px;
    line-height: 21px;
    padding: 8px 0px;
    display: block;
    text-decoration: none;
}

footer.footer-2 h4 {
    font-family: 'EB Garamond', serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    margin:0px auto 15px;
    max-width:106px;
    width:100%;
    text-align:left;
    display:table;
}

footer.footer-2 ul { margin: 0px; display:inline-block; min-width: 106px; }
.footer-2-line { height:2px; width: 100%; background-color:#aaa; margin-bottom: 90px; }
footer.footer-2 { padding-bottom: 90px; margin-top:180px;}
footer.footer-2 .col-md-3 { padding: 0px; }
footer.footer-2 .last h4 { float: right; }
footer.footer-2 .start h4 { float: left; }
.adventure-title { font-size: 15px; line-height: 19px; text-transform: uppercase; color:#000000; margin-bottom: 15px; padding-top:15px; font-weight:600; }
.progress_inner__step { width: 20%; font-size: 14px; padding: 0 10px; transition: all .4s; float: left; text-align: center; position: relative; }
.progress_inner__step:before { content: ''; width:10px; height:10px; background:#626262; box-shadow:0px 0px 0px 5px transparent; top:8px; border-radius: 100%; transition: all .4s; display:inline-block; z-index:3; position: absolute; -webkit-transform: translatex(-50%); transform: translatex(-50%); }
.progress_inner__step:hover:before { background: white;box-shadow: 0px 0px 0px 5px #9F9F9F; }
.progress_inner__step.active:before { background: white;box-shadow: 0px 0px 0px 5px #9F9F9F; }
.progress_inner__step label { padding-top: 50px; display: block; font-size: 10px; line-height: 14px; color:#aaa; text-transform: uppercase; font-weight:600; }
.progress_inner__step.active label { color:#000; }
.progress_inner__bar--set { width: 80%; top:12px; background: #c4c4c4; position: absolute; z-index: 1; height: 2px; left: 10%; transition: width 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005); }
.progress_inner__bar { width:0%; top:12px; background: #9f9f9f; position: absolute; z-index:2; height:2px; left: 10%; transition: width 800ms cubic-bezier(0.915, 0.015, 0.3, 1.005); }
.adventure-item-progressbar-wraper { position: relative; }
.progress_inner__step span {  background-color: #9B9B9B; padding: 5px 10px; border-radius: 4px; color: #fff; font-weight: 500; font-size: 13px; position: absolute; top: -50px; transform: translateX(-50%); opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.progress_inner__step span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -6px; width: 0; height: 0; border-style: solid; border-width: 7px 5px 0 5px; border-color: #9b9b9b transparent transparent transparent; margin-top: -1px; }
.progress_inner__step:hover span { top: -36px; opacity: 1; }
.adventure-item { padding: 0px 40px;}
.adventure-bg { background-color: #000; background: #F8F8F8; border-radius: 6px; position:relative; padding-bottom:40px; padding-top:7px;}
.adventure-bg h5 { font-size: 15px; line-height: 19px; text-align: right; text-transform: uppercase; color: #000000; font-weight: 600; padding: 20px 25px; }
.post-bg.post-bg-has-steps { padding-bottom: 30px; }
.progress_inner__step.active.step-1 + div + div + div + div + div + div { width:0%; }
.progress_inner__step.active.step-1 + .progress_inner__step.active.step-2 + div + div + div + div + div { width:20%; }
.progress_inner__step.active.step-1 + .progress_inner__step.active.step-2 + .progress_inner__step.active.step-3 + div + div + div + div { width:40%; }
.progress_inner__step.active.step-1 + .progress_inner__step.active.step-2 + .progress_inner__step.active.step-3 + .progress_inner__step.active.step-4 + div + div + div { width:60%; }
.progress_inner__step.active.step-1 + .progress_inner__step.active.step-2 + .progress_inner__step.active.step-3 + .progress_inner__step.active.step-4 + .progress_inner__step.active.step-5 + div + div { width: 80%; }
.search-toggle { max-width: 160px; padding-left: 15px; display: none; }
.search-toggle input { height: 30px; padding: 0px 8px; width: 100%; border-radius: 4px; border:1px solid #e3e3e3; outline: none; box-shadow: none; }

header.has-search .search-toggle ,.header.has-search .search-toggle { display:inline-block; }

#responsive-nav { position: fixed; top: 0px; left: 0px; width: 250px; z-index: 9999999; height: 100%; background-color: #fff; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.5s all; transition: 0.5s all; }
#responsive-nav.open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
ul.menu-list li a { display: block; padding: 15px; color: #000; font-weight:bold; text-transform: uppercase; }
ul.menu-list li { background-color: #fff; border-bottom: 1px solid #eee; }
ul.menu-list { margin: 0px; padding: 0px; }
.menu-nav .menu-header { text-transform: uppercase; color: #FFF; font-weight: 700; text-decoration: none; text-align: center; }
.menu-list { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 71px); }
.menu-nav .menu-header a { display: block; padding: 25px 0px; border-bottom: 1px solid #eee;}
.menu-nav { position: relative; }
.menu-close-btn { position: absolute; top: 28px; right: 20px; background-color: #3a9ef7; width: 20px; height: 20px; text-align: center; }

.voting-radio-btns { position: relative; height:20px; width:20px; }
.voting-radio-btns input[type=radio] { cursor: pointer; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 99; margin:0px; opacity:0; }
.voting-radio-btns label { position: relative; z-index: 98; height:20px; width:20px; margin:0px; background-repeat: no-repeat; background-position: center center; }
.voting-radio-btns.upvote-btn label { background-image:url('../img/upvote.png'); }
.voting-radio-btns.downvote-btn label { background-image:url('../img/downvote.png'); }
.vote-coundown { height: 20px; width: 20px; text-align: center; font-size: 12px; line-height: 20px; font-weight: 700; color: #000; }
.voting-radio-btns.upvote-btn input[type=radio]:checked + label { background-image:url('../img/upvote-active.png'); }
.voting-radio-btns.downvote-btn input[type=radio]:checked + label { background-image:url('../img/downvote-active.png'); }
.voting-bar { position: absolute; top: 85px; left: 22px; }
.article-image-full { width: 100%; }
.article-image-full img { width:100%; }
.article-image-middle { width:100%; max-width:1150px; margin:0px auto; }
.article-image-middle img { width:100%; }
.article-image-half { width:100%; }
.article-image-half img { width:calc(50% - 8px); float:left; margin-right:8px; }
.article-image-half img + img { margin-right:0px; margin-left:8px; }
.article-image-half:after { content:''; display:table; clear:both; }
.article-detail-page figcaption { max-width: 950px; width: 100%; margin: 0px auto; padding: 25px 0px 25px; }
.article-detail-page figcaption p { margin: 0px; font-size: 15px; line-height: 20px; color: #89959A; }
.article-detail-page figcaption p a { text-decoration: none; }
.article-detail-page figcaption p a { color: #389FF7; text-decoration: underline; }
.story-layout blockquote { max-width: 950px; width: 100%; margin: .8em auto 1em; padding: 0px; border: none; font-size: 32px; line-height: 50px; font-family: 'EB Garamond', serif; }
.story-layout h3 { max-width: 700px; width: 100%; margin: .8em auto .65em; text-align: left; text-transform: uppercase; font-weight: 900; }
.story-pahra { margin: 1em auto; max-width: 700px; width: 100%; text-align: left; font-size: 2rem; line-height: 3.4rem; }
.story-pahra p { font-size: 2rem; line-height: 3.4rem; }
.story-posted-by { margin: 1em 0px; }
.story-space { height: 60px; }
.article-detail-page figcaption + .story-space { height: 40px; }
.story-actions ul { margin: 0px auto; padding: 0px; display:table; }
.story-actions ul li { list-style: none; float: left; padding-right: 15px; }
.story-actions ul:after { content: ''; display: table; clear: both; }
.story-actions ul li a { text-decoration: none; color: #000; font-size: 2rem; line-height: 3.4rem; text-transform: capitalize; position:relative; cursor:pointer; }
.story-actions ul li a:before {content:'';height: 18px;width: 20px;background-image: url('../img/article-action.png');display: inline-block;vertical-align: middle;background-position:-7px -4px;}
.story-actions ul li.sharu-btn a:before { background-position: -51px -4px; }
.story-actions ul li.recomend a:before {background-position: -90px -4px;}
.story-actions ul li.award-btn a:before { background-position:-34px -4px; }
.story-actions ul li.share-btn a:before { background-position:-62px -4px; }
.story-actions ul li.bookmark-btn a:before { background-position:-91px -4px; }
.story-layout { border-bottom: 1px solid #e3e3e3; padding-bottom: 70px; }
.about-article-author { position: relative; margin: 0px auto; width: 100%; max-width: 700px; padding: 40px 0px; }
.article-author-thumnail img { height: 122px; width: 122px; background-color: #eee; display: block; border-radius: 100%; }
.article-author-thumnail { float: left; }
.article-author-content { text-align: left; margin-left: 122px; padding-left: 30px; padding-top: 0px; }
.article-author-content h4 { margin-bottom: 10px; font-weight: 700; }
.article-author-content p { font-size:16px; line-height: 24px; padding-bottom: 20px; }
.about-article-author:after {content: '';display: table;clear: both;}

.home-banner {min-height: 400px; background-position: center; background-size: cover;  background-repeat:no-repeat;}

@media screen and (max-width: 768px){
    .home-banner {
        min-height: auto;
    }

}

.home-banner-caption {margin: 0px 0px; padding: 40px 30px; float: right; }

.home-banner-caption h6 { font-size: 15px; line-height: 18px; color: #fff; text-align: center; display:table; margin:0px auto; }
.home-banner-caption h6:after {content: '';display: table;margin:10px auto 0rem;height: 1px;width: 50px;background-color: #fff;text-transform: uppercase;}

.home-banner-caption h2 ,.home-banner-caption h2 a { font-size: 66px; line-height: 79px; color: #fff; font-family: 'EB Garamond', serif; text-align: center; }

.home-banner-caption h2:after {content: '';display: table;margin: 5px auto 30px;height: 2px;width:40%;background-color: #fff;}  
.home-banner-caption p { font-size: 15px; line-height: 20px; color: #fff; text-align: center; margin-bottom:1rem; }  
.home-banner-caption h3 { font-size: 24px; line-height: 29px; color: #fff; font-weight: 600; text-align: center; margin-bottom:2rem; }
.banner-trangle { height: 26px; background-color: #fff; display: table; margin: 0px auto; width: 100px; position: relative; }
.banner-trangle:before {content: '';position: absolute;top: 0px;left: -18px;width: 0;height: 0;border-style: solid;border-width: 13px 18px 13px 0;border-color: transparent #ffffff transparent transparent;}
.banner-trangle:after {content: '';position: absolute;top: 0px;right: -20px;width: 0;height: 0;border-style: solid;border-width: 13px 0 13px 20px;border-color: transparent transparent transparent #ffffff;}
.banner-action a { display: inline-block; color: #fff; font-size: 12px; line-height: 14px; vertical-align: middle; padding-right: 15px; text-decoration:none; }
.banner-action a:before {content: '';height: 21px;width: 25px;display: inline-block;vertical-align: middle;background-image: url('../img/banner-action.png');background-position: -2px 0px;margin-right: 5px;}
.banner-action a + a:before { background-position: -26px 0px; }
.banner-action { display: table; margin: 25px auto 0px; }
.rply-comment-list { display:none; background-color: #fafafa; padding: 10px 5px; margin-bottom:5px; }
.rply-comment-form { display:none; }



@media screen and (max-width:1024px) { 
.post-gallery { width:50%; }
ul.post-actions li { margin-bottom:10px; }
header .container-fluid { padding:0px 30px; }
.login-right { padding:0px 50px; }
}


@media screen and (max-width:992px) { 
    .logo {text-align: center;}
.user-profile-sidebar { float:none; max-width:100%; padding:0px 20px; margin-bottom:20px; }
.user-posted-posts-wraper { width:100%; float:none; }
.post-gallery { width: calc(100% / 3); }
.popular-stories-wrap { float:none; max-width:100%; width:calc(100% / 40px); margin:0px 20px; margin-top:20px; }
ul.popular-stories-list li { width:50%; float:left; padding-right:20px; }
ul.popular-stories-list li:nth-child(even) { padding-right:0px; }
ul.popular-stories-list:after { content:''; display:table; clear: both; }
.post-tabs.hidden-992 { display:none !important; }
.post-tabs.visible-992 { display:block !important; }
}

@media screen and (max-width:768px) {  
    .logo_main { max-width:200px; }

    .home-banner-caption h2, .home-banner-caption h2 a {font-size: 22px;}
    .home-banner-caption p,.home-banner-caption a,.home-banner-caption h2 a,.home-banner-caption h6,.home-banner-caption h3{color: #000}


.login-left { display:none; }
.login-right { width:100%; margin-left:0px; padding:0px 150px; padding-bottom:30px; }
.adventure-banner-img { width:100%; float:none; height:500px; }
.adventure-banner-desc { width:100%; float:none; }
.adventure-list-content { width:100%; float:none; padding:0px 90px; }
.adventure-list-line { display:none; }
.adventure-list-page { padding-top:0px; }
.adventure-list-image { width:100%; padding-left:0px; padding:0px 0px; }
.adventure-list-category { position:static; transform:rotate(0deg); margin-top:30px; padding-left: 90px; padding-bottom:20px; }
.adventure-list.design-2 .adventure-list-image { width:100%; position:static; }
.adventure-list.design-2 .adventure-list-content { width:100%; margin-left:0px; margin-top:0px; padding:0px 90px; padding-bottom:40px; }
.adventure-list::after { display:none; }
.adventure-list.design-2 .adventure-list-content .adventure-list-category { margin-top:0px; padding-left:0px; }
.adventure-list-category span { padding-top:0px; }
.adventure-list { margin-bottom:50px; }
footer.footer-2 { margin-top:0px; }
footer.footer-2 .last { text-align:center; }
footer.footer-2 .start {text-align:center;}
footer.footer-2 .last h4, footer.footer-2 .start h4 { float:none; }
footer.footer-2 h4 { margin-top:20px; }
.article-detail-header h1 { font-size:50px; line-height:55px; }
.story-layout blockquote { max-width:700px; text-align:left; }
.home-banner-caption h6::after { margin:10px auto 2rem; }
.home-banner-caption h2 { font-size: 50px; line-height: 60px; }
.home-banner-caption p, .home-banner-caption h3 { margin-bottom: 4rem; }

.user-posted-posts-wraper_large {
    width: 100%!important;
}	

}

@media screen and (max-width:667px) { 
.login-right { padding:0px 100px; }
.comment-popup .modal-dialog { width:90%; }
.article-detail-header { padding:0px 30px; }
.story-layout h3, .story-layout blockquote, .story-pahra, .article-detail-page figcaption { padding-left:30px; padding-right:30px; }
.story-layout blockquote { font-size: 28px; line-height: 40px; }
.article-detail-header h1 { font-size: 40px; line-height: 45px; }
.about-article-author { padding:40px 30px; }
}

@media screen and (max-width:600px) {
header .container-fluid { padding: 0px 20px; position:relative; }
header.has-search .menu-area { width:32px; }
header.has-search .logo { width:65px; padding-left:15px; }
header.has-search .header-links { width:calc(100% - 98px); }
.home-banner-caption { margin:50px; width:calc(100% - 100px); float:none; }
}


@media screen and (max-width:568px) {
.login-right { padding: 0px 60px; }
.modal-content .add-new-post { padding:0px 25px 0px 47px; }
ul.comments-list li { padding-right:25px; }
ul.comments-list li:last-child { padding-bottom:0px; }
.comment-popup .modal-body { padding:25px 0px 15px; }
}




@media screen and (max-width:414px) { 
.post-gallery { width:50%; }
ul.popular-stories-list li { width:100%; padding-right:0px; float:none; }
header .container-fluid { padding:0px 15px; }
.article-detail-header h1 { font-size: 40px; line-height: 45px; }
.comment-popup-wrap { width:100%; }
.modal-content .add-new-post { padding:0px 15px 0px 47px; }
ul.comments-list li { padding-right:15px; }
.adventure-item { padding:0px 20px; }
.home-banner-caption { margin: 20px; width: calc(100% - 40px); }
.home-banner-caption h2 { font-size: 40px; line-height: 45px; }
.home-banner-caption h3 { font-size:18px; }
.home-banner-caption p, .home-banner-caption h3 { margin-bottom:2rem; }
}

@media screen and (max-width:380px) {  
.adventure-banner-desc { padding:40px; }
.adventure-list-content { padding:0px 40px; }
.adventure-list-category { padding-left:40px; }
.adventure-list.design-2 .adventure-list-content { padding:0px 40px; margin-bottom:40px; }
.adventure-list-category { padding-bottom:0px; }
.adventure-banner-img h2 { font-size:45px; line-height:45px; }
.adventure-banner-img h2::after { height:35px; bottom:-8px; }
.adventure-list-content h3 { font-size:30px; }
.search-btn { margin-left:5px; }
.article-detail-header h1 { font-size: 36px; line-height: 40px; }
.story-layout h3 { font-size:20px; }
.story-layout blockquote { font-size: 24px; line-height: 30px; }
.story-pahra p, .story-posted-by { font-size: 1.8rem; line-height: 3rem; }
.story-actions ul li a { font-size:1.5rem; }
.article-author-thumnail { float:none; }
.article-author-content { margin-left:0px; padding-left:0px; padding-top:30px; }
}

@media screen and (max-width:320px) {  
.post-author-profile { position: static; float: left;}

.post-item { 
	padding-left: 20px; 
	padding-right: 20px; 
	padding-top:4px;
	padding-bottom:4px;
	}

.post-author { margin-left:40px; }
.search-btn { width: 20px; height: 24px; margin-left: 10px; }
.login-right { padding: 0px 30px; }
.article-detail-header h1 { font-size:32px; line-height:36px; }
ul.comments-list li p { line-height: 16px; font-size: 12px; }
header.has-search .menu-area { width:24px; }
header.has-search .menu-button { width:100%; }
header.has-search .logo { width: 55px; padding-left: 5px; }
header.has-search .header-links { width:calc(100% - 79px); }
header.has-search .search-toggle { max-width:132px; padding-left:2px; }
.search-btn { width:15px; }
header.has-search .search-btn { margin-left:0px;  }
.voting-bar { position:static; }
.voting-radio-btns, .vote-coundown { display:inline-block; vertical-align:middle; } 
.story-actions ul li { float:none; }
.home-banner-caption { padding:20px; }
}