featured Slider
*/
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; }
/* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .post_item{ transition: all .3s ease-in-out; } .post_item h3 { margin-top: 15px; /* font-family: 'Playfair Display', serif; */ font-family: Karla, sans-serif; /* font-weight: 400; */ /* font-size: 22px; */ font-size: 24px; line-height: 34px; text-align: center; /* line-height: 34px; */ /* font-weight: bold; */ text-transform: capitalize; display: block; color: #171617; } .entry-thumb img{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .entry-thumb:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .post-title a{ color:#222; transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; } .post_item h1 { font-size: 35px; margin-top: 15px; text-align: center; margin-bottom: 15px; } .post_item_title a { color: #4B4B4B; display: block; padding: 8px 20px; font-weight: 400; } .post_item_title a:hover { color: #E74C3C; } .large_thumb { position: relative; } .post-body img { max-width: 100%; height:auto; } .thumb { display: block; height: auto !important; width: 100% !important; } .post_meta { margin-bottom: 26px; min-height: 35px; position: relative; margin-top: 26px; padding-top: 26px; } .post_item_inner { padding: 20px; position: relative; min-height:120px; } .post_item_inner p { color: #666; } .button.normal { background-color: #E74C3C; } .like_post { background: url("https://lh3.googleusercontent.com/-1QB3XFmdlYY/UcPyBWfyb4I/AAAAAAAAB74/ITrfhAVjwNI/s67/pattern.png") repeat scroll 0 0 #F7F7F7; border-radius: 2px; float: right; } .post blockquote { background: url("https://lh3.googleusercontent.com/-oaTPjCsZXq8/UcPyCOOfHpI/AAAAAAAAB8E/H_lmDI9_W8A/s19/quote.png") no-repeat scroll 25px 20px #34495E; color: #FFFFFF; padding: 10px; position: relative; } .post-footer { border-top: 1px solid #EEEEEE; margin-top: 30px; padding-top: 20px; } .post_tag { margin-top: 10px; display: inline-block; } .sidebar .widget { background-color: #FFFFFF; background-color: #fff; padding: 20px; margin-bottom: 25px!important; border: 1px solid #EEEEEE; text-align: center; background: #FFFFFF; } .sidebar h2 { border-bottom: 1px solid #DEDEDE; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 22px; margin: 0; padding: 10px 20px; text-shadow: 0 1px 1px #FFFFFF; } .sidebar ul li { background: url("https://lh6.googleusercontent.com/-f2lypDf_T0U/UcPx-Q4Bo1I/AAAAAAAAB6U/oiviAxpGje0/s16/folder.png") no-repeat scroll 20px center rgba(0, 0, 0, 0); border-bottom: 1px solid #EEEEEE; padding: 15px 20px 15px 45px; } .sidebar li a { color: #666666; } a.quickedit img { width: 16px; height: 16px; } #comments { margin-bottom: 30px; overflow: hidden; padding: 20px; } #comments h4 { display: inline; line-height: 40px; padding: 10px; } #comments h4, .comments .comment-header, .comments .comment-thread.inline-thread .comment { position: relative; } #comments h4, .comments .user a, .comments .continue a { font-size: 16px; } #comments h4, .comments .continue a { color: $(linkcolor); /* font-weight: normal; */ font-size: 19px; margin: 0 0 20px; text-transform: capitalize; } #comments .avatar-image-container img { border: 0 none; } .comment-thread { color: #111111; } .comment-thread a { color: #777777; } .comment-thread ol { margin: 0 0 20px; } .comment-thread .comment-content a, .comments .user a, .comments .comment-thread.inline-thread .user a { color: $9maincolor); } .comments .avatar-image-container, .comments .avatar-image-container img { height: 48px; max-height: 48px; max-width: 48px; width: 48px; } .comments .comment-block, .comments .comments-content .comment-replies, .comments .comment-replybox-single { margin-left: 60px; } .comments .comment-block, .comments .comment-thread.inline-thread .comment { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #DDDDDD; padding: 10px; } .comments .comments-content .comment { line-height: 1em; margin: 15px 0 0; padding: 0; width: 100%; } .comments .comments-content .icon.blog-author { background-image: url("https://lh3.googleusercontent.com/-s2RfYvCPTEs/UcPAX8GIW3I/AAAAAAAAB44/p9wq9yXuULE/s36/author.png"); height: 36px; margin: 0; position: absolute; right: -12px; top: -12px; width: 36px; } .comments .comments-content .inline-thread { padding: 0 0 0 20px; } .comments .comments-content .comment-replies { margin-top: 0; } .comments .comment-content { line-height: 1.4em; padding: 5px 0; } .comments .comment-thread.inline-thread { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-left: 1px solid #DDDDDD; } .comments .comment-thread.inline-thread .comment { width: auto; } .comments .comment-thread.inline-thread .comment:after { border-top: 1px solid #DDDDDD; content: ""; height: 0; left: -20px; position: absolute; top: 10px; width: 10px; } .comments .comment-thread.inline-thread .comment .comment-block { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; padding: 0; } .comments .comment-thread.inline-thread .comment-block { margin-left: 48px; } .comments .comment-thread.inline-thread .user a { font-size: 13px; } .comments .comment-thread.inline-thread .avatar-image-container, .comments .comment-thread.inline-thread .avatar-image-container img { height: 36px; max-height: 36px; max-width: 36px; width: 36px; } .comments .continue { border-top: 0 none; width: 100%; } .comments .continue a { padding: 10px 0; text-align: center; } .comment .continue { display: none; } #comment-editor { width: 103% !important; } .comment-form { max-width: 100%; width: 100%; } .comments .comments-content .loadmore, .comments .comments-content { margin: 0; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { margin: 1em 0; text-align: center; overflow: hidden; padding-top: 10px; padding-bottom: 17px; } #footer { position: relative; padding: 20px 0; margin-right: auto; margin-left: auto; margin-top: 30px; } #footer-wrapper .post-share{ float:none!important; position: relative; padding: 5px 0; border-left: 1px solid #eee; border-right: 1px solid #eee; } #footer-wrapper .post-share .fa{ font-size:25px; } #footer-wrapper .post-share a{ background: none; border: none; } #PopularPosts1 img { background-color: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 2px; float: left; margin-right: 15px; padding: 3px; width:100%; } #PopularPosts1 dd { border-bottom: 1px solid #EEEEEE; padding-top: 10px; } #PopularPosts1 dd:hover { background-color: #F9F9F9; } #PopularPosts1 dd a { color: #666666; } .status-msg-body { position: relative !important; } .CSS_LIGHTBOX { z-index: 9999 !important; } .fblike { height: 20px; max-width: 84px; padding: 8px 0 3px 13px; } .post-share-buttons { margin-left: 46px; margin-top: 20px; } .post_author,#related-posts { border:1px solid #eee; margin-bottom: 30px; padding: 20px; } .post_author h4 { font-size: 18px; } .post_author h4 { margin-bottom: 5px; } .post_author p { margin: 0; padding: 0; } #related-posts ul { padding: 0 10px; } #related-posts ul li { -moz-box-sizing: border-box; float: left; font-weight: bold; margin-bottom: 20px; padding: 0 10px; width: 17%; } .pthumb { background-color: #FFFFFF; border: 1px solid #EEEEEE; height: 97px; margin: 0 0 10px; overflow: hidden; padding: 3px; width: 129px; } .pthumb img { height: 97px; width: 129px; } #related-posts ul li:nth-child(4n+4) { margin-right: 0; } .heading-border { font-size: 22px; margin: 0 0 20px; } .widget_socials .social_wrapper { padding: 20px 20px 10px; } .widget_socials .social_inner { margin-right: -20px; } .widget_socials p { margin-bottom: 30px; } .widget_socials a { background-color: #888888; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); float: left; height: 35px; margin-bottom: 10px; margin-right: 10px; overflow: hidden; text-indent: 9999em; width: 35px; } .widget_socials a:hover { background-color: #666666 !important; } .widget_socials a.flickr { background-color: #FF0084; background-image: url("https://lh3.googleusercontent.com/-H4N0uYEwjBk/UcPx95Y8SII/AAAAAAAAB6E/ciYk7tJP6K0/s24/flickr.png"); } .widget_socials a.dribbble { background-color: #C6376D; background-image: url("https://lh6.googleusercontent.com/-DHQ25c_6w_E/UcPx9kiYk7I/AAAAAAAAB54/6-4jSV0gsFY/s24/dribbble.png"); } .widget_socials a.vimeo { background-color: #20B9EB; background-image: url("https://lh5.googleusercontent.com/-kI8F8zOCSSA/UcPyEbKEGcI/AAAAAAAAB9U/8Ancbp9MIMM/s24/vimeo.png"); } .widget_socials a.tumblr { background-color: #2E4B68; background-image: url("https://lh3.googleusercontent.com/-Dtw42nPOLhY/UcPyDjtZmgI/AAAAAAAAB84/djpN4lQZdPE/s24/tumblr.png"); } .widget_socials a.linkedin { background-color: #006699; background-image: url("https://lh5.googleusercontent.com/-gAsnBv-K_hk/UcPx_FpxF2I/AAAAAAAAB6o/l07Bq86UHSE/s24/linkedin.png"); } .widget_socials a.instagram { background-color: #1B577D; background-image: url("https://lh6.googleusercontent.com/-eIdoWi7bEVc/UcPx-5tP-cI/AAAAAAAAB6g/OLK97uwHujA/s24/instagram.png"); } i.icon.post-type.icon-picture { font-size: 14px; font-size: 1.4rem; background: #fb3c2d; color: #fff; padding: 10px 12px 6px; vertical-align: middle; border-radius: 50%; position: absolute; left: 45%; bottom: -20px; z-index: 10; } div#topimg { margin: 25px auto; width: 728px; } div#footer a { color: $(maincolor); } .showpageArea { margin-left: 10px; } .showpageNum a,.showpage a { color: $(maincolor); font-size: 22px; font-weight: 700; margin-right: 4px; padding: 10px 15px; font-family: Karla, sans-serif; } .showpagePoint { /* background: #262626; */ color: #171617; font-size: 22px; font-weight: 700; margin-right: 4px; padding: 10px 15px; font-family: Karla, sans-serif; } .showpageOf { display: none; } span.showpage{ position:relative; } svg.krown-svg.arrow_right,svg.krown-svg.arrow_left { position: absolute; width: 54px; height: 54px; top: -13px; left: 7px; background:#fff; } svg.krown-svg.arrow_left{ right:7px; left:0px; } .krown-svg { shape-rendering: crispEdges; } .search-bar { -moz-transition: .3s linear; -webkit-transition: .3s ease-out; transition: .3s linear; float: right; right: 0; cursor: pointer; background-image: url(); background-repeat: no-repeat; padding: 0px 20px 23px; background-size: 100px 100px; top: 0; z-index: 99999; margin-top: -5px; } .search-bar:hover { -moz-transition: .01s linear; -webkit-transition: .01s ease-out; transition: .01s linear; opacity: 1; background-image:none; } .nav-search { width: auto; height: 30px; position: relative; left: 0; float: left; line-height: 10px; color: #fff !important; } .nav-search label { display: none; } .nav-search input { float: left; width: 0; background: none; height: 30px; line-height: 20px; margin: 10px 0 0; padding: 0 10px 0 0; font-size: 15px; color: #fff !important; outline: 0; border-radius: 0; border: 0; opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; -webkit-appearance: none; } .search-bar:hover .nav-search input { width: 160px; margin-left: 33px; background: none; border-bottom: 1px solid #f1f1f1; opacity: 1; } .nav-search input::-webkit-input-placeholder { color: #eee; } .nav-search input::-moz-placeholder { color: #eee; } .nav-search input:-moz-placeholder { color: #eee; } .nav-search input:-ms-input-placeholder { color: #eee; } .nav-search input:focus { color: #fff; } .nav-search .srch_btn { height: 50px; width: 23px; margin-top: 0; background: url(http://3.bp.blogspot.com/-h-x1pzE69JE/U5sUcTyNfAI/AAAAAAAAAdg/PYKJ6twHM1M/s1600/search-icon.png) 2px center no-repeat; text-indent: 9999px; position: relative; } .entry-video iframe,.thumb{display:block} .entry-video iframe,.entry-video object{height: 400px; width: 100%;} i.icon.post-type.icon-fontawesome-webfont-6 { font-size: 14px; font-size: 1.4rem; background: #fb3c2d; color: #fff; padding: 10px 12px 6px; vertical-align: middle; border-radius: 50%; position: absolute; left: 45%; bottom: -20px; z-index: 10; } .pull-left{ text-align:center; padding-top:10px; } a.more { background: #fb3c2d; color: #fff; padding: 5px 10px; width: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #fb3c2d; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a.more:hover { background: #222; } .read-more{ display: inline-block; float: left; /* border-radius: 3px; */ color: #fe6f3d; font-size: 12px; /* padding: 20px; */ margin-left: 1px; padding-top: 15px; /* padding: 13px 23px; */ font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase } .read-more a { color: $(maincolor); } .sb-menu { /* Apply to
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .post_item{ transition: all .3s ease-in-out; } .post_item h3 { margin-top: 15px; /* font-family: 'Playfair Display', serif; */ font-family: Karla, sans-serif; /* font-weight: 400; */ /* font-size: 22px; */ font-size: 24px; line-height: 34px; text-align: center; /* line-height: 34px; */ /* font-weight: bold; */ text-transform: capitalize; display: block; color: #171617; } .entry-thumb img{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .entry-thumb:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .post-title a{ color:#222; transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; } .post_item h1 { font-size: 35px; margin-top: 15px; text-align: center; margin-bottom: 15px; } .post_item_title a { color: #4B4B4B; display: block; padding: 8px 20px; font-weight: 400; } .post_item_title a:hover { color: #E74C3C; } .large_thumb { position: relative; } .post-body img { max-width: 100%; height:auto; } .thumb { display: block; height: auto !important; width: 100% !important; } .post_meta { margin-bottom: 26px; min-height: 35px; position: relative; margin-top: 26px; padding-top: 26px; } .post_item_inner { padding: 20px; position: relative; min-height:120px; } .post_item_inner p { color: #666; } .button.normal { background-color: #E74C3C; } .like_post { background: url("https://lh3.googleusercontent.com/-1QB3XFmdlYY/UcPyBWfyb4I/AAAAAAAAB74/ITrfhAVjwNI/s67/pattern.png") repeat scroll 0 0 #F7F7F7; border-radius: 2px; float: right; } .post blockquote { background: url("https://lh3.googleusercontent.com/-oaTPjCsZXq8/UcPyCOOfHpI/AAAAAAAAB8E/H_lmDI9_W8A/s19/quote.png") no-repeat scroll 25px 20px #34495E; color: #FFFFFF; padding: 10px; position: relative; } .post-footer { border-top: 1px solid #EEEEEE; margin-top: 30px; padding-top: 20px; } .post_tag { margin-top: 10px; display: inline-block; } .sidebar .widget { background-color: #FFFFFF; background-color: #fff; padding: 20px; margin-bottom: 25px!important; border: 1px solid #EEEEEE; text-align: center; background: #FFFFFF; } .sidebar h2 { border-bottom: 1px solid #DEDEDE; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 22px; margin: 0; padding: 10px 20px; text-shadow: 0 1px 1px #FFFFFF; } .sidebar ul li { background: url("https://lh6.googleusercontent.com/-f2lypDf_T0U/UcPx-Q4Bo1I/AAAAAAAAB6U/oiviAxpGje0/s16/folder.png") no-repeat scroll 20px center rgba(0, 0, 0, 0); border-bottom: 1px solid #EEEEEE; padding: 15px 20px 15px 45px; } .sidebar li a { color: #666666; } a.quickedit img { width: 16px; height: 16px; } #comments { margin-bottom: 30px; overflow: hidden; padding: 20px; } #comments h4 { display: inline; line-height: 40px; padding: 10px; } #comments h4, .comments .comment-header, .comments .comment-thread.inline-thread .comment { position: relative; } #comments h4, .comments .user a, .comments .continue a { font-size: 16px; } #comments h4, .comments .continue a { color: $(linkcolor); /* font-weight: normal; */ font-size: 19px; margin: 0 0 20px; text-transform: capitalize; } #comments .avatar-image-container img { border: 0 none; } .comment-thread { color: #111111; } .comment-thread a { color: #777777; } .comment-thread ol { margin: 0 0 20px; } .comment-thread .comment-content a, .comments .user a, .comments .comment-thread.inline-thread .user a { color: $9maincolor); } .comments .avatar-image-container, .comments .avatar-image-container img { height: 48px; max-height: 48px; max-width: 48px; width: 48px; } .comments .comment-block, .comments .comments-content .comment-replies, .comments .comment-replybox-single { margin-left: 60px; } .comments .comment-block, .comments .comment-thread.inline-thread .comment { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #DDDDDD; padding: 10px; } .comments .comments-content .comment { line-height: 1em; margin: 15px 0 0; padding: 0; width: 100%; } .comments .comments-content .icon.blog-author { background-image: url("https://lh3.googleusercontent.com/-s2RfYvCPTEs/UcPAX8GIW3I/AAAAAAAAB44/p9wq9yXuULE/s36/author.png"); height: 36px; margin: 0; position: absolute; right: -12px; top: -12px; width: 36px; } .comments .comments-content .inline-thread { padding: 0 0 0 20px; } .comments .comments-content .comment-replies { margin-top: 0; } .comments .comment-content { line-height: 1.4em; padding: 5px 0; } .comments .comment-thread.inline-thread { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-left: 1px solid #DDDDDD; } .comments .comment-thread.inline-thread .comment { width: auto; } .comments .comment-thread.inline-thread .comment:after { border-top: 1px solid #DDDDDD; content: ""; height: 0; left: -20px; position: absolute; top: 10px; width: 10px; } .comments .comment-thread.inline-thread .comment .comment-block { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; padding: 0; } .comments .comment-thread.inline-thread .comment-block { margin-left: 48px; } .comments .comment-thread.inline-thread .user a { font-size: 13px; } .comments .comment-thread.inline-thread .avatar-image-container, .comments .comment-thread.inline-thread .avatar-image-container img { height: 36px; max-height: 36px; max-width: 36px; width: 36px; } .comments .continue { border-top: 0 none; width: 100%; } .comments .continue a { padding: 10px 0; text-align: center; } .comment .continue { display: none; } #comment-editor { width: 103% !important; } .comment-form { max-width: 100%; width: 100%; } .comments .comments-content .loadmore, .comments .comments-content { margin: 0; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { margin: 1em 0; text-align: center; overflow: hidden; padding-top: 10px; padding-bottom: 17px; } #footer { position: relative; padding: 20px 0; margin-right: auto; margin-left: auto; margin-top: 30px; } #footer-wrapper .post-share{ float:none!important; position: relative; padding: 5px 0; border-left: 1px solid #eee; border-right: 1px solid #eee; } #footer-wrapper .post-share .fa{ font-size:25px; } #footer-wrapper .post-share a{ background: none; border: none; } #PopularPosts1 img { background-color: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 2px; float: left; margin-right: 15px; padding: 3px; width:100%; } #PopularPosts1 dd { border-bottom: 1px solid #EEEEEE; padding-top: 10px; } #PopularPosts1 dd:hover { background-color: #F9F9F9; } #PopularPosts1 dd a { color: #666666; } .status-msg-body { position: relative !important; } .CSS_LIGHTBOX { z-index: 9999 !important; } .fblike { height: 20px; max-width: 84px; padding: 8px 0 3px 13px; } .post-share-buttons { margin-left: 46px; margin-top: 20px; } .post_author,#related-posts { border:1px solid #eee; margin-bottom: 30px; padding: 20px; } .post_author h4 { font-size: 18px; } .post_author h4 { margin-bottom: 5px; } .post_author p { margin: 0; padding: 0; } #related-posts ul { padding: 0 10px; } #related-posts ul li { -moz-box-sizing: border-box; float: left; font-weight: bold; margin-bottom: 20px; padding: 0 10px; width: 17%; } .pthumb { background-color: #FFFFFF; border: 1px solid #EEEEEE; height: 97px; margin: 0 0 10px; overflow: hidden; padding: 3px; width: 129px; } .pthumb img { height: 97px; width: 129px; } #related-posts ul li:nth-child(4n+4) { margin-right: 0; } .heading-border { font-size: 22px; margin: 0 0 20px; } .widget_socials .social_wrapper { padding: 20px 20px 10px; } .widget_socials .social_inner { margin-right: -20px; } .widget_socials p { margin-bottom: 30px; } .widget_socials a { background-color: #888888; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); float: left; height: 35px; margin-bottom: 10px; margin-right: 10px; overflow: hidden; text-indent: 9999em; width: 35px; } .widget_socials a:hover { background-color: #666666 !important; } .widget_socials a.flickr { background-color: #FF0084; background-image: url("https://lh3.googleusercontent.com/-H4N0uYEwjBk/UcPx95Y8SII/AAAAAAAAB6E/ciYk7tJP6K0/s24/flickr.png"); } .widget_socials a.dribbble { background-color: #C6376D; background-image: url("https://lh6.googleusercontent.com/-DHQ25c_6w_E/UcPx9kiYk7I/AAAAAAAAB54/6-4jSV0gsFY/s24/dribbble.png"); } .widget_socials a.vimeo { background-color: #20B9EB; background-image: url("https://lh5.googleusercontent.com/-kI8F8zOCSSA/UcPyEbKEGcI/AAAAAAAAB9U/8Ancbp9MIMM/s24/vimeo.png"); } .widget_socials a.tumblr { background-color: #2E4B68; background-image: url("https://lh3.googleusercontent.com/-Dtw42nPOLhY/UcPyDjtZmgI/AAAAAAAAB84/djpN4lQZdPE/s24/tumblr.png"); } .widget_socials a.linkedin { background-color: #006699; background-image: url("https://lh5.googleusercontent.com/-gAsnBv-K_hk/UcPx_FpxF2I/AAAAAAAAB6o/l07Bq86UHSE/s24/linkedin.png"); } .widget_socials a.instagram { background-color: #1B577D; background-image: url("https://lh6.googleusercontent.com/-eIdoWi7bEVc/UcPx-5tP-cI/AAAAAAAAB6g/OLK97uwHujA/s24/instagram.png"); } i.icon.post-type.icon-picture { font-size: 14px; font-size: 1.4rem; background: #fb3c2d; color: #fff; padding: 10px 12px 6px; vertical-align: middle; border-radius: 50%; position: absolute; left: 45%; bottom: -20px; z-index: 10; } div#topimg { margin: 25px auto; width: 728px; } div#footer a { color: $(maincolor); } .showpageArea { margin-left: 10px; } .showpageNum a,.showpage a { color: $(maincolor); font-size: 22px; font-weight: 700; margin-right: 4px; padding: 10px 15px; font-family: Karla, sans-serif; } .showpagePoint { /* background: #262626; */ color: #171617; font-size: 22px; font-weight: 700; margin-right: 4px; padding: 10px 15px; font-family: Karla, sans-serif; } .showpageOf { display: none; } span.showpage{ position:relative; } svg.krown-svg.arrow_right,svg.krown-svg.arrow_left { position: absolute; width: 54px; height: 54px; top: -13px; left: 7px; background:#fff; } svg.krown-svg.arrow_left{ right:7px; left:0px; } .krown-svg { shape-rendering: crispEdges; } .search-bar { -moz-transition: .3s linear; -webkit-transition: .3s ease-out; transition: .3s linear; float: right; right: 0; cursor: pointer; background-image: url(); background-repeat: no-repeat; padding: 0px 20px 23px; background-size: 100px 100px; top: 0; z-index: 99999; margin-top: -5px; } .search-bar:hover { -moz-transition: .01s linear; -webkit-transition: .01s ease-out; transition: .01s linear; opacity: 1; background-image:none; } .nav-search { width: auto; height: 30px; position: relative; left: 0; float: left; line-height: 10px; color: #fff !important; } .nav-search label { display: none; } .nav-search input { float: left; width: 0; background: none; height: 30px; line-height: 20px; margin: 10px 0 0; padding: 0 10px 0 0; font-size: 15px; color: #fff !important; outline: 0; border-radius: 0; border: 0; opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; -webkit-appearance: none; } .search-bar:hover .nav-search input { width: 160px; margin-left: 33px; background: none; border-bottom: 1px solid #f1f1f1; opacity: 1; } .nav-search input::-webkit-input-placeholder { color: #eee; } .nav-search input::-moz-placeholder { color: #eee; } .nav-search input:-moz-placeholder { color: #eee; } .nav-search input:-ms-input-placeholder { color: #eee; } .nav-search input:focus { color: #fff; } .nav-search .srch_btn { height: 50px; width: 23px; margin-top: 0; background: url(http://3.bp.blogspot.com/-h-x1pzE69JE/U5sUcTyNfAI/AAAAAAAAAdg/PYKJ6twHM1M/s1600/search-icon.png) 2px center no-repeat; text-indent: 9999px; position: relative; } .entry-video iframe,.thumb{display:block} .entry-video iframe,.entry-video object{height: 400px; width: 100%;} i.icon.post-type.icon-fontawesome-webfont-6 { font-size: 14px; font-size: 1.4rem; background: #fb3c2d; color: #fff; padding: 10px 12px 6px; vertical-align: middle; border-radius: 50%; position: absolute; left: 45%; bottom: -20px; z-index: 10; } .pull-left{ text-align:center; padding-top:10px; } a.more { background: #fb3c2d; color: #fff; padding: 5px 10px; width: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #fb3c2d; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a.more:hover { background: #222; } .read-more{ display: inline-block; float: left; /* border-radius: 3px; */ color: #fe6f3d; font-size: 12px; /* padding: 20px; */ margin-left: 1px; padding-top: 15px; /* padding: 13px 23px; */ font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase } .read-more a { color: $(maincolor); } .sb-menu { /* Apply to
- or
- . */
padding: 0;
margin: 0;
list-style-type: none;
}
.sb-menu li {
width: 100%;
padding: 0;
margin: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */
border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */
}
.sb-menu > li:first-child {
border-top: none; /* Removes top border from first list item.. */
margin-top: 45px;
}
.sb-menu > li:last-child {
border-bottom: none; /* Removed bottom border from last list item. */
}
.sb-menu li a {
width: 100%; /* Makes links full width. */
display: inline-block;
padding: 1em; /* Creates an even padding the same size as your font. */
color: #f2f2f2;
}
.sb-menu li a:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */
}
/* Borders */
.sb-left .sb-menu li a {
border-left: 3px solid transparent;
}
.sb-left .sb-menu li a:hover {
border-left: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
.sb-right .sb-menu li a {
border-right: 3px solid transparent;
}
.sb-right .sb-menu li a:hover {
border-right: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
/* Submenus */
.sb-submenu {
display: none;
padding: 0;
margin: 0;
list-style-type: none;
background-color: rgba(255, 255, 255, 0.05); /* Submenu background colour. */
}
/* Caret */
span.sb-caret {
width: 0;
height: 0;
display: inline-block;
margin: 0 5px;
border: 5px solid transparent;
}
span.sb-caret { /* Caret Down */
border-top: 5px solid;
border-bottom: 0px solid transparent;
}
.sb-submenu-active > span.sb-caret { /* Caret Up */
border-top: 0px solid transparent;
border-bottom: 5px solid;
}
div.sb-toggle-left {
cursor: pointer;
float: left;
margin-left: 20px;
margin-top: -3px;
position: absolute;
z-index: 9999;
top: 2%;
left: 2%;
}
div.sb-toggle-left img{
width:40px;
}
#sb-site{
background-color: #fff;
}
a.facebook{
}
.FollowByEmail {
color: #000;
}
.FollowByEmail h2 {
font-size: 32px;
color: #0000;
line-height: 1;
text-align: center;
text-transform: none;
margin-bottom: 0;
border-bottom: 1px solid #394046;
padding-bottom: 15px;
letter-spacing: 1px;
margin-bottom: 6px;
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase;
}
.FollowByEmail .newsletter_inner {
padding: 3px 12px;
}
.FollowByEmail p {
margin-bottom: 30px;
}
.FollowByEmail .letter_email {
border: none;
width: 100%;
text-align: center;
box-sizing: border-box;
padding: 10px 0;
margin: 0;
box-shadow: none;
border-radius: 0;
height: 45px;
border:1px solid #eee;
}
.FollowByEmail .letter_submit {
color: #fff;
margin-top: 20px;
font-size: 22px;
text-transform: uppercase;
cursor: pointer;
font-weight: 600;
/* border: medium none; */
/* margin: 0; */
/* float: right; */
background: $(maincolor);
/* color: #fff; */
/* padding: 11px 15px; */
/* font-size: 14px; */
/* padding: 14px; */
/* border-radius: 6px; */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
cursor: pointer;
}
.FollowByEmail .letter_submit:hover {
background:#222;
}
.entry-content1 {
position: absolute;
z-index: 1;
left: 7.746479%;
bottom: 0;
width: 50%;
padding: 25px 30px 15px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
font-weight: 300;
color: white;
background-color:#e60d29;
}
.entry-title1 {
text-transform: uppercase;
font-size: 36px;
line-height: 38px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
margin: 0 0 15px;
font-weight: 400;
color:#fff;
}
.entry-title1 a{
color:#fff;
}
.entry-title1 a:hover{
color:#191919;
}
.bg-bottom {
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 95px;
}
div#author-cover {
text-align: center;
}
.large-header {
position: relative;
width: 100%;
background: #333;
overflow: hidden;
background-size: cover;
background-position: center center;
z-index: 1;
}
.demo-1 .large-header {
background-image: url('http://tympanus.net/Development/AnimatedHeaderBackgrounds/img/demo-1-bg.jpg');
}
canvas{
display: inline-block;
}
.main-title {
position: absolute;
margin: 0;
padding: 0;
color: #f9f1e9;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.navicon-line {
width: 38px;
height: 4px;
border-radius: 1px;
margin-bottom: 6px;
background-color: #fff;
}
.demo-1 .main-title,
.demo-3 .main-title {
text-transform: uppercase;
font-size: 4.2em;
letter-spacing: 0.1em;
}
.main-title .thin {
font-weight: 200;
}
@media only screen and (max-width : 768px) {
.demo-1 .main-title,
.demo-3 .main-title,
.demo-4 .main-title {
font-size: 3em;
}
.demo-2 .main-title {
font-size: 4em;
}
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
width: 30px;
height: 10px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon2 {
}
#nav-icon2 span {
display: block;
position: absolute;
height: 4px;
width: 50%;
background: #fff;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon2 span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}
#nav-icon2 span:nth-child(odd) {
left:0px;
border-radius: 9px 0 0 9px;
}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
top: 0px;
}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
top: 18px;
}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
top: 36px;
}
#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon2.open span:nth-child(1) {
left: 5px;
top: 7px;
}
#nav-icon2.open span:nth-child(2) {
left: calc(50% - 5px);
top: 7px;
}
#nav-icon2.open span:nth-child(3) {
left: -50%;
opacity: 0;
}
#nav-icon2.open span:nth-child(4) {
left: 100%;
opacity: 0;
}
#nav-icon2.open span:nth-child(5) {
left: 5px;
top: 29px;
}
#nav-icon2.open span:nth-child(6) {
left: calc(50% - 5px);
top: 29px;
}
.loader {
background-color: #111111;
background-image: url(http://demo.limitless.company/cordoba/launch/img/misc/loader.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: 80px 80px;
bottom: 0px;
left: 0px;
position: fixed;
right: 0px;
top: 0px;
z-index: 9999;
}
.discover{
position: absolute;
color: #fff;
z-index: 9999;
bottom: 10%;
left: 50%;
text-align: center;
border: 2px solid #fff;
display: block;
width: 40px;
height: 40px;
padding: 6px;
/* padding-top: 5px; */
/* color: #fff; */
border-radius: 4px;
margin-top: 4px;
}
.discover .fa {
font-size: 23px;
color: #fff;
margin-top: 7px;
}
.main-header{
width: 100%;
text-align: center;
color: #fff;
margin: 0 auto;
clear: both;
padding-bottom: 15px;
padding-top: 15px;
}
.headerleft {
display: block;
margin: 0 auto;
/* width: 400px; */
text-align: center;
max-width: 52.30769rem;
}
.ImageWrapper {
display: block;
overflow: hidden;
position: relative;
}
.ImageWrapper .ImageOverlayN:before {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
height: 100%;
content: "";
display: block;
left: -100%;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
width: 100%;
}
.ImageWrapper .ImageOverlayN:after {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
height: 100%;
content: "";
display: block;
right: -100%;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
width: 100%;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ImageWrapper .StyleH {
visibility: hidden;
margin: 0;
opacity: 0;
position: absolute;
text-align: center;
width: 100%;
top: 50%;
margin-top: -20px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.WhiteRounded {
background-color: #ffffff;
border: medium none;
display: inline-block !important;
float: none !important;
font-size: 14px;
font-weight: normal;
height: 40px;
line-height: 40px;
margin: 0 2px;
text-align: center;
width: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
}
.WhiteRounded > a {
color: #222222;
display: block;
font-weight: normal;
}
.ImageWrapper:hover .ImageOverlayN:before {
left: 50%;
opacity: 1;
}
.ImageWrapper:hover .ImageOverlayN:after {
right: 50%;
opacity: 1;
}
.ImageWrapper:hover .StyleH {
opacity: 1;
visibility: visible;
}
.goog-inline-block{
margin-top:0px!important;
}
.lightbox {
cursor: pointer;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
background: rgba(0, 0, 0, 0.7);
-webkit-filter: none !important;
z-index: 9997;
}
.lightbox img {
display: block;
position: absolute;
border: 5px solid #fff;
box-shadow: 0 0 20px #000;
border-radius: 1px;
}
body.blurred > * {
-webkit-filter: blur(2px);
-webkit-transform: translate3d(0, 0, 0);
}
.lightbox-loading {
background: url(https://raw.githubusercontent.com/duncanmcdougall/Responsive-Lightbox/master/loading.gif) center center no-repeat;
width: 31px;
height: 31px;
margin: -16px 0 0 -16px;
position: absolute;
top: 48%;
left: 50%;
}
.lightbox-caption {
display: none;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
z-index: 9998;
background: #000;
background: rgba(0,0,0,0.7);
}
.lightbox-caption p {
margin: 0 auto;
max-width: 70%;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 10px;
color: #fff;
font-size: 12px;
line-height: 18px;
}
.lightbox-button {
position: absolute;
z-index: 9999;
background: no-repeat center center;
width: 32px;
height: 32px;
opacity:0.4;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.lightbox-button:hover,
.lightbox-button:focus {
opacity: 1;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}
.lightbox-close {
right: 10px;
top: 10px;
background-image: url('https://raw.githubusercontent.com/duncanmcdougall/Responsive-Lightbox/master/close.png');
}
.lightbox-next {
right: 10px;
top: 48%;
background-image: url('https://raw.githubusercontent.com/duncanmcdougall/Responsive-Lightbox/master/next.png');
}
.lightbox-previous {
left: 10px;
top: 48%;
background-image: url('https://raw.githubusercontent.com/duncanmcdougall/Responsive-Lightbox/master/previous.png');
}
.post-share {
float: left;
width: 100%;
padding-right: 20px;
padding-left: 25px;
margin: 0 auto;
text-align: center;
}
.post-share ul {
list-style: none;
}
.post-share ul li {
color: #808080;
padding-bottom: 3px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
display: inline-block;
margin-top: 5px;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.post-body p{
line-height: 1.8;
font-size: 15px;
/* font-family: 'Noto Sans', sans-serif; */
font-family: Karla, sans-serif;
margin-top: 17px;
word-wrap: break-word;
}
blockquote cite {
padding-top: 15px;
display: block;
text-align: right;
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
div#copyright {
text-align: center;
line-height: 30px;
padding: 25px 0 35px 0;
background-color: #fff;
border-top: 1px solid #eee;
color: #1d1d1d;
}
#copyright a{
color:#c9a96e;
margin-left:1px;
}
.bt-item {
padding-bottom: 30px;
}
span.bthemez_meta_more {
display: none;
}
.post_item{
min-height: 480px;
max-height: 480px;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.input-shadow {
-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 0 1px 0 rgba(0,0,0,.1);
box-shadow: 0 0 1px 0 rgba(0,0,0,.1);
}
input, textarea {
color: #989898;
letter-spacing: .02em;
display: block;
padding: 0 18px;
margin: 0;
width: 100%;
height: 50px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 100%;
outline: 0;
line-height: inherit;
vertical-align: bottom;}
.input-group.input-group-plain input {
border: 0;
}
.mast-search [type=text] {
overflow: hidden;
text-overflow: ellipsis;
}
.input-group input {
position: relative;
display: table-cell;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
background-clip: padding-box;
}
.mast-search input {
height: 46px;
font-size: 14px;
line-height: 20px;
}
.input-group.input-group-plain .input-group-btn {
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
background-clip: padding-box;
background-color: #fff;
}
.input-group .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
display: table-cell;
position: relative!important;
left: -1px;
}
.search-pane{
padding-left:20px;
padding-right:20px;
}
.mast-search .input-group.input-group-plain .input-group-btn>.btn {
height: 40px;
}
.input-group.input-group-plain .input-group-btn>.btn {
background-color: #fff;
border-left: 1px solid #e5e5e5;
height: 44px;
line-height: 1;
}
.input-group .input-group-btn>.btn {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
background-clip: padding-box;
}
.btn {
font-weight: 700;
font-size: 13px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
height: 50px;
line-height: 50px;
padding: 0 16px;
margin: 0;
display: inline-block;
text-align: center;
text-transform: uppercase;
letter-spacing: .02em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-appearance: none;
}
button, input[type=button] {
width: auto;
overflow: visible;
}
.pure-g{
letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
*letter-spacing: normal; /* reset IE < 8 */
*word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
display: -webkit-flex;
-webkit-flex-flow: row wrap;
/* IE10 uses display: flexbox */
display: -ms-flexbox;
-ms-flex-flow: row wrap;
/* Prevents distributing space between rows */
-ms-align-content: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
}
.opera-only :-o-prefocus,
.pure-g {
word-spacing: -0.43em;
}
.pure-u {
display: inline-block;
*display: inline; /* IE < 8: fake inline-block */
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.pure-g > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sprite.search {
width: 18px;
height: 18px;
background-position: -329px -336px;
}
.sprite {
display: inline-block;
overflow: hidden;
background-repeat: no-repeat;
}
.sprite {
background-image: url(http://fj.about.com/image/1.22.6/about.png);
}
.top-menu{
font: normal normal 12px Arial, sans-serif;
margin: 0 auto;
/* height: 65px; */
overflow: hidden;
display:none;
/* padding: 0 28px; */
background:$(maincolor);
}
.top-pages {
display: inline-block;
float: left;
}
#PageList1 h2 {
display: none;
}
#PageList1 ul {
display: inline-block;
font-size: 0;
text-align: center;
position: relative;
z-index: 9999;
background: inherit;
}
#PageList1 ul li a {
display: block;
/* padding: 19px 15px; */
font-weight: bold;
padding: 20px;
/* line-height: 16px; */
color: #fff;
font-size: 0.9em;
}
.top-social {
float: right;
vertical-align: bottom;
}
.top-social ul {
display: inline-block;
padding-left: 0;
margin: 0;
list-style: none;
}
.top-social li {
float: left;
margin-right: 3px;
}
.top-social ul li a {
color: #888;
background: #262626;
background: rgba(255, 255, 255, 0.15);
height: 50px;
width: 50px;
text-align: center;
display: table;
}
.top-social ul li a i {
vertical-align: middle;
display: table-cell;
color: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
-ms-transition: .5s;
transition: .5s;
opacity: 1;
filter: alpha(opacity=100);
}
#PageList1 ul li {
float: left;
margin: 0;
padding: 0;
position: relative;
display: inline-block;
font-size: 16px;
}
.divider-shortcode {
position: relative;
clear: both;
}
.divider-shortcode.double-line .divider{
border-color: #eee;
height: 4px !important;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
overflow: hidden;
display: block;
}
#bt-slider-main .title {
text-align: center;
/* font-family: 'Playfair Display', serif; */
font-weight: 400;
Text-transform: capitalize;
font-size: 24px;
margin-top:0px;
}
.bthemez_titlez {
margin-top: 15px;
/* font-family: 'Playfair Display', serif; */
font-family: Karla, sans-serif;
/* font-weight: 400; */
/* font-size: 22px; */
font-size: 24px;
line-height: 34px;
text-align: center;
/* line-height: 34px; */
/* font-weight: bold; */
text-transform: capitalize;
display: block;
color: #171617;
}
.bthemez_titlez{
color: #0e0e0e!important;
}
.table{
display: table;
margin: 0 auto;
}
/*
Social Icon Animation
*/
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
/*
Main Navigation
*/
.bt-nav {
display: block;
margin: 0 auto;
width: 100%;
padding: 0;
position: relative;
}
.bt-nav li {
padding: 0;
margin: 0;
float: left;
display: inline-block;
transition: background-color 250ms ease-in-out;
-webkit-transition: background-color 250ms ease-in-out;
}
.bt-nav li a {
display: block;
padding: 20px;
color: $(linkcolor);
font-size: 0.9em;
font-weight: 400;
font-family: 'Merriweather Sans', sans-serif;
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition: all 150ms ease-in-out;
-webkit-transition: all 150ms ease-in-out;
}
.bt-nav li a.arrow:after {
content: '\f107';
font-family: "FontAwesome";
color: #A5A5A5;
font-size: 0.7em;
display: inline-block;
margin-left: 5px;
transition: color 250ms ease-in-out;
-webkit-transition: color 250ms ease-in-out;
}
.bt-nav li a.arrow:hover:after {
color: #fff;
}
.bt-nav li:hover,
.bt-nav li li:hover {
background-color: $(hovercolor);
color:#fff;
}
.bt-nav li:hover a {
color: $(linkcolor);
}
.submenu-link li a {
margin-left: 0;
}
.bt-nav li ul {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
padding: 0;
margin: 0;
height: auto;
z-index: 2;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transition: transform 250ms, opacity 200ms;
-webkit-transition: -webkit-transform 250ms, opacity 200ms;
}
.bt-nav li:hover ul {
visibility: visible;
zoom: 1;
opacity: 1;
filter: alpha(opacity=100);
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.bt-nav li li {
background-color: #fff;
display: block;
float: none;
box-shadow: inset none;
-webkit-box-shadow: none;
}
.bt-nav li li a {
padding: 14px 70px 14px 20px;
font-size: 0.8em;
color: #fff;
}
.bt-nav li:hover > a{
background-color: $(hovercolor);
color:#fff;
}
.bt-nav li:hover > .arrow:after{
color: #fff;
}
@-webkit-keyframes bounceUpHead {
0% {
transform: translateY(0);
-webkit-transform: translateY(0);
}
50% {
transform: translateY(-60px);
-webkit-transform: translateY(-60px);
}
100% {
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
}
}
@keyframes bounceUpHead {
0% {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
}
50% {
transform: translateY(-60px);
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
}
100% {
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
}
}
@-webkit-keyframes bounceUpP {
0% {
transform: translateY(0);
-webkit-transform: translateY(0);
}
50% {
transform: translateY(-80px);
-webkit-transform: translateY(-80px);
}
100% {
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
}
}
@keyframes bounceUpP {
0% {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
}
50% {
transform: translateY(-80px);
-webkit-transform: translateY(-80px);
-ms-transform: translateY(-80px);
}
100% {
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
}
}
.loading .columns{
overflow:visible;
}
.image-holder,
.featimg{
position:relative;
overflow: hidden;
line-height: 0;
}
.image-holder img,
.featimg img{
width: 100%;
height: auto;
}
img {
vertical-align: middle;
}
.Popular-main h2 {
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background: $(maincolor);
/* font-family: 'Playfair Display', serif; */
font-weight: 400;
margin-bottom: 10px;
color: #fff;
font-size: 24px;
margin-top: 4px;
}
.post-title a:hover {
color: $(hovercolor);
}
.post-info {
display: block;
text-align:center;
clear: both;
width: 100%;
text-transform: uppercase;
font-size: 13px;
}
.post-info a, .single_post .post-info a {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
}
.post-info > span {
padding-right: 30px;
position: relative;
}
.post-info > span:last-child { padding-right: 0 }
.related-posts .post-info {
clear: none;
float: none;
}
.post-info {
line-height: 12px;
padding-top: 12px;
}
.post-info > span {
margin-right: 0px;
padding-left: 30px;
position: relative;
}
.post-info > span:after {
background: rgba(0, 0, 0, 0.1);
top: 4px;
right: 0;
}
.post-info > span:last-child {
border-right: none;
padding-right: 0px;
}
.post-info > span:last-child:after { display: none }
.post-info > span:first-child { padding-left: 0px }
.single_post header {
width: 100%;
margin-bottom: 8px;
}
.bthemez_titlez a {
color: #222;
transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
}
.bthemez_titlez a:hover {
color: $(hovercolor);
}
.latest-post {
margin-bottom: 50px;
/* margin-right: 0.56%; */
min-height: 325px;
}
.Popular-main .item-thumbnail{
float: right;
margin-top: 4px;
margin: 0;
}
.Popular-main .PopularPosts img{
float: left;
max-width: 100%;
height: auto!important;
}
.Popular-main .PopularPosts .widget-content ul li{
list-style: none!important;
margin: 0;
overflow: hidden;
transition: all 0.25s linear;
color: #aaa;
padding-left: 0;
background: none;
margin-bottom: 0px;
padding-top: 12px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.Popular-main .PopularPosts .item-title{
width: 67.56%;
float: left;
font-weight:600;
}
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}
.inner{
width: 100%;
float: none;
padding-right: 0px;
}
.related-item img {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.related_title {
font-size: 18px;
margin-top: 10px;
margin-bottom: 5px;
}
.post-sharer {
margin: 0;
position: absolute;
right: 0;
top: 26px;
}
.post-sharer li,.post-share li {
margin: 0 2px 2px 0;
display: inline-block;
font-size: 12px;
}
ul.post-sharer:before {
content: 'Share On';
display: block;
margin-bottom: 5px;
text-align: center;
}
.post-sharer a {
width: 35px;
height: 35px;
display: inline-block;
line-height: 35px;
border:1px solid #eee;
color: #000 !important;
text-align: center;
text-decoration: none !important;
}
.post-share li a{
position: relative;
margin: 0 0 0 1px;
padding: 4px 11px 4px;
line-height: 2.2;
border: 1px solid #eee;
font-weight: 600;
vertical-align: middle;
color: #1d1d1d;
font-size: 12px;
text-transform: uppercase;
display: inline-block;
-webkit-transition: .3s ease-out;
transition: .3s linear;
}
.post-share .fa {
padding: 0 5px 0 0;
top: 1px;
font-size: 14px;
position: relative;
}
#sidebar-wrapper{
display:none;
}
.feed-links {
display: none;
}
.post_meta .entry-cats {
padding-right: 230px;
}
.entry-cats a{
margin: 0 5px 0 0;
font-size: 13px;
display: inline-block;
font-weight: 700;
text-transform: uppercase;
}
.author-date {
font-size: 15px;
text-transform: capitalize;
}
.author-date>span:nth-child(2):before {
margin: 0 5px;
content: "\2013";
}
.author-date .nickname{
color: $(maincolor);
}
.comments-views {
font-size: 15px;
font-weight: 700;
text-transform: capitalize;
}
.alignleft {
display: inline;
float: left;
margin-right: 26px;
}
.alignright{
display:inline;
float:right;
margin-left:26px;
}
blockquote {
margin: 0 0 0 50px;
font-size: 18px;
line-height: 28px;
font-weight: 700;
}
div#header-menu1 {
position: relative;
z-index: 999;
background: #fff;
width: 100%;
min-height: 64px;
}
.slicknav_btn{
background-color: #181818;
}
.slicknav_menu .slicknav_menutxt{
text-shadow: 0 1px 3px #181818;
}
.slicknav_nav ul{
background:#181818;
}
.slicknav_nav .slicknav_row:hover{
color:#181818;
}
.slicknav_nav .slicknav_row:hover > a{
color:#181818;
}
.slicknav_nav a:hover{
color:#181818;
background:#fff;
}
.slicknav_nav {
background: #222;
}
.slicknav_menu{display:none}@media screen and (max-width:40em){#primary_nav_wrap{display:none}.slicknav_menu{display:block}}.slicknav_btn{position: relative;
display: block;
vertical-align: middle;
/* float: right; */
/* padding: 20px; */
/* padding-left: 10px; */
padding: 20px;
line-height: 28.125em;
cursor: pointer;}.slicknav_menu .slicknav_menutxt{display:block;line-height:0.188em;}.slicknav_menu .slicknav_icon{float:left;display:none;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{clear:both}.slicknav_nav ul,.slicknav_nav li{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_nav .slicknav_row{display:block}.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu:before,.slicknav_menu:after{content:""display:table}.slicknav_menu:after{clear:both}.slicknav_menu{*zoom:1}.slicknav_menu{font-size:16px}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,0.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.slicknav_menu .slicknav_menutxt{color:#FFF;font-weight:bold}.slicknav_menu .slicknav_icon-bar{background-color:#f5f5f5}.slicknav_menu{padding:5px}.slicknav_nav{color:#fff;margin:0;padding:0;font-size:.875em;}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden}.slicknav_nav ul{padding:0;margin:0}.slicknav_nav .slicknav_row{padding:5px 10px;margin:2px 5px}.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#fff}.slicknav_nav .slicknav_txtnode{margin-left:15px}
.gotop {
background-color: #fff;
z-index: 999999999999999;
border-radius: 5px;
border: 1px solid #eee;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
width: 40px;
height: 40px;
position: fixed;
display: none;
bottom: 30px;
right: 30px;
color: $(maincolor);
font-size: 20px;
text-align: center;
padding: 12px 0 0 0;
overflow: hidden;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
overflow: auto;
}
.GoIn-fast {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.GoIn {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-name: GoIn;
-moz-animation-name: GoIn;
-o-animation-name: GoIn;
animation-name: GoIn;
}
.animated-css {
-webkit-animation-duration: 1.2s;
-moz-animation-duration: 1.2s;
-ms-animation-duration: 1.2s;
-o-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.post_tag a {
padding: 0px;
margin-right: 5px;
text-transform: capitalize;
}
.post_tag a:hover{
color:#c9a96e;
}
.FollowByEmail {
padding: 30px;
background: #2b3338;
padding-left: 18px;
padding-right: 18px;
border:1px solid #eee;
}
.main-top .title {
display: none;
}
.main-top {
margin: 0 auto;
height: 90px;
/* max-width: 970px; */
text-align: center;
}
.author-avatar img {
width: 70px;
height: auto;
/* border-radius: 50%; */
padding: 3px;
border: 1px solid #ddd;
float: left;
margin: 10px 0 0 0;
}
.flickr_badge_image {
float: left;
height: 55px;
margin: 5px;
width: 55px;
}
.flickr_badge_image a {
display: block;
}
.flickr_badge_image a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}
#footer-wrapper .widget h2 {
display: table;
margin: 0 auto 20px;
font-size: 22px;
line-height: 22px;
padding-bottom: 4px;
border-bottom: 1px solid #212121;
color: $(maincolor);
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
font-weight: 700;
}
#footer .widget-area {
padding: 0 0 15px;
margin: 0 0 15px;
}
#footer div.column {
display: inline-block;
float: left;
width: 33.33%;
padding: 10px;
padding-left:15px;
}
#footer .column .widget {
width: 100%;
padding: 5px;
float: left;
line-height: 1.7;
overflow: hidden;
margin-bottom: 15px;
}
#footer .widget-content {
color: #000;
text-align: center;
margin-top: 20px;
display: block;
position: relative;
font-size: 13px;
overflow: hidden;
}
.PopularPosts .item-title{
font-weight: 700;
}
@media (min-width: 768px) and (max-width: 979px) {
#footer div.column{
width:45%;
}
}
@media (max-width:767px){
#footer div.column{
width:100%;
}
}
.omega:before {
border: 4px double #ccc;
border-color: #eee;
z-index: auto;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
hr.border-push {
border: 0;
border-right: 4px double #ccc;
height: 100%;
margin: 0;
bottom: 0;
position: absolute;
border-color: #eee;
z-index: 2;
margin: 0;
padding: 0;
top: 0;
left: 33.33333333%;
}
hr.border-push.hr-8 {
left: 66.66%;
}
.list-label-widget-content li a {
color: #fff;
border-radius: 3px;
float: left;
padding: 5px;
margin-bottom: 5px;
line-height: 16px;
line-height: 16px;
width: 83%;
box-sizing: border-box;
font-size: 13px;
}
.cloud-label-widget-content .label-size a {
color: #fff;
display: inline-block;
float: left;
font-size: 14px!important;
line-height: 12px;
margin: 0 2px 2px 0;
padding: 12px 18px;
font-family: 'Merriweather Sans', sans-serif;
border: 1px solid #eee;
}
#footer-wrapper .post-share a:hover {
color: $(hovercolor);
}
.item{
position: relative;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
}
.oi_port_container { margin-top:40px;}
.oi_featured_holder { background:#c10024; text-align:center; margin-top:30px; }
.bt-item-main_item_holder { position:relative;}
.bt-item-main_item .bt-holder { position:absolute; top:10px; left:10px; bottom:10px; right:10px; opacity:0; background: rgba(255, 255, 255, 0.88); padding:40px;}
.bt-item-main_item:hover .bt-holder { opacity:1;}
.bt-holder h4 { margin-top:-10px;font-size:20px;}
.bt-item-main_item:hover .bt-holder h4 { margin-top:0px;}
.oi_small_descr { color:#000; margin-top:20px;}
.oi_por_small_thumb { margin-top:20px;}
.portfolio-squre .oi_por_small_thumb, .wall-portfolio-squre .oi_por_small_thumb { display:none;}
a, a:hover, .bt-item-main_item_holder .bt-holder, .bt-item-main_item_holder:hover .bt-holder, .oi_header_menu ul, .oi_header_menu li:hover ul {
webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.bt-sept {
height: 3px;
width: 40px;
margin-top: 10px;
background: #1d1d1d;
display:inline-block;
}
.oi_port_cats {
color: #999;
margin-top: 10px;
}
.oi_small_descr {
color: #000;
margin-top: 20px;
}
.bt-holder h4, .bt-item-main_item:hover .bt-holder h4{
webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
text-transform: capitalize;
}
.bt-item-main_item_holder, .vc_row-fluid {
webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
.header-tab {
overflow: visible;
}
.header-main {
padding: 40px 0 40px;
width: 100%;
position: relative;
z-index: 999;
background: #fff;
transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-webkit-transition: all 0.8s ease 0s;
}
.is-sticky .header-main{
padding: 40px 0 20px !important;
transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-webkit-transition: all 0.8s ease 0s;
}
.is-sticky .grid-pad {
padding-top: 10px;
}
.element{
font-family: 'Merriweather Sans', sans-serif;
color: #010101;
font-size: 30px;
margin: auto;
font-weight: 300;
line-height: 45px;
margin: auto auto 50px;
text-align: center;
width: 85%;
min-height: 120px;
text-transform: capitalize;
}
span.typed-cursor {
display: none;
}
.animation {
visibility: hidden;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.no-image{
background: #f5f5f5;
height: 480px;
font-weight: 300;
font-size: 20px;
line-height: 30px;
padding: 45px 40px 0;
}
.post-footer .post-share li a {
color: #222;
}
/** Search **/
#top-search a {
display: block;
padding: 20px;
color: #0e0e0e;
font-size: 0.9em;
font-weight: bold;
font-family: 'Merriweather Sans', sans-serif;
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition: all 150ms ease-in-out;
-webkit-transition: all 150ms ease-in-out;
display:block;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#top-search a:hover {
color:#ccc;
}
.show-search {
position: absolute;
top: 68%;
right: 146px;
display: none;
z-index: 10000;
}
.show-search #searchform input#s {
width:190px;
background:#FFF;
webkit-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
-moz-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
}
.show-search #searchform input#s:focus {
border:1px solid #d5d5d5;
}
.site-loader {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
z-index: 99999999999999;
}
.spinner {
width: 50px;
height: 50px;
background:#c9a96e;
position: absolute;
top: 50%;
margin-top: -35px;
left: 50%;
margin-left: -35px;
text-align: center;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform: perspective(120px)
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.main-article{
display:block;
width:100%;
}
.main-article .unimage{
width: 50%;
float:left;
display:inline-block;
}
.main-article .my-post{
width: 50%;
float:right;
display:inline-block;
}
.main-article:nth-child(even) .unimage{
float:right;
}
.main-article:nth-child(even) .my-post{
float:left;
}
.my-post-holder {
width: 100%;
display: table;
}
.my-post-inner {
display: table-cell;
vertical-align: middle;
line-height: 22px;
padding: 0 50px;
background: #f6f6f6;
}
.my-post .button {
color: $(linkcolor);
border-color: $(linkcolor);
}
/* Common button styles */
.button {
/* float: left; */
/* min-width: 150px; */
max-width: 135px;
display: block;
margin: 0 auto;
margin-top: 20px;
padding: 10px 20px;
/* padding: 1em 2em; */
border: none;
color: inherit;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.button:focus {
outline: none;
}
.button > span {
vertical-align: middle;
}
/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
color: #37474f;
border-color: #37474f;
}
.bg-2 .button {
color: #ECEFF1;
border-color: #ECEFF1;
}
.bg-3 .button {
color: #fff;
border-color: #fff;
}
/* Sizes */
.button--size-s {
font-size: 14px;
}
.button--size-m {
font-size: 16px;
}
.button--size-l {
font-size: 18px;
}
/* Typography and Roundedness */
.button--text-upper {
letter-spacing: 2px;
text-transform: uppercase;
}
.button--text-thin {
font-weight: 300;
}
.button--text-medium {
font-weight: 500;
}
.button--text-thick {
font-weight: 600;
}
.button--round-s {
border-radius: 5px;
}
.button--round-m {
border-radius: 15px;
}
.button--round-l {
border-radius: 40px;
}
/* Borders */
.button--border-medium {
border: 2px solid;
}
.button--border-thick {
border: 3px solid;
}
/* Ujarak */
.button--ujarak {
-webkit-transition: border-color 0.4s, color 0.4s;
transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:$(linkcolor);
z-index: -1;
opacity: 0;
-webkit-transform: scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak.button--round-s::before {
border-radius: 2px;
}
.button--ujarak.button--inverted::before {
background: #7986CB;
}
.button--ujarak,
.button--ujarak::before {
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
color: #fff;
border-color: $(linkcolor)
}
.button--ujarak.button--inverted:hover {
color: #37474F;
border-color: #fff;
}
.button--ujarak:hover::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#222;font-size:14px;margin:5px;padding:4px 7px;display:inline-block;cursor:pointer;}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:none;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:none}
.owl-nav i.fa {
font-weight: 300;
font-size: 14px;
color: #222!important;
/* background: none; */
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
color: #222!important;
text-decoration: none;
}
#section-featured {
position: relative;
min-height: 50px;
width: 100%;
}
#main-slider div img {
width: 100%;
}
#main-slider div span.title {
font-size: 19px;
color: #fff;
background: url(http://anthemes.com/themes/foot/style1/wp-content/themes/foot-wp/images/1px.png);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 25px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
div#main-slider{
width:100%;
overflow:hidden;
}
div#bt-slider-main .title{
display:none;
}
#bt-slider-main .widget{
margin-bottom:0px;
}
.owl-nav {
position: relative;
}
.owl-prev,.owl-next {
/* position: absolute; */
/* top: -160px; */
/* left: 0; */
/* background: #fff; */
/* padding: 2px; */
width: 45px;
height: 45px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: absolute;
top: -235px;
padding: 0!important;
margin: !important;
z-index: 3;
text-align: center;
font-size: 12px;
color: #292929;
line-height: 45px;
cursor: pointer;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.owl-prev {
left: 15px;
}
.owl-next{
right:27px;
}
.feat-wrapper {
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
/* opacity: 0; */
/* background: rgba(255, 255, 255, 0.88); */
padding: 15% 15%;
}
.feat-wrapper-inner {
background: rgba(255, 255, 255, 0.88);
position: relative;
height: 100%;
width: 100%;
display: table;
vertical-align: middle;
opacity: 0;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
-webkit-box-shadow: 0 8px 25px -5px rgba(0,0,0,.25);
-moz-box-shadow: 0 8px 25px -5px rgba(0,0,0,.25);
box-shadow: 0 8px 25px -5px rgba(0,0,0,.25);
}
.feat--inner {
vertical-align: middle;
display: table-cell;
}
.feat-header {
margin-bottom: 0;
padding: 0 20px;
}
.feat-cat:before{
content: '';
display: inline-block;
height: 1px;
width: 50px;
background: #a1a0a0;
margin-bottom: 6px;
margin-right: 10px;
}
.feat-cat:after{
content: '';
display: inline-block;
height: 1px;
width: 50px;
background: #a1a0a0;
margin-bottom: 6px;
margin-left: 10px;
}
span.feat-cat {
font-size: 14px;
letter-spacing: 1px;
padding-bottom: 2px;
display: inline-block;
margin: 0 0px 10px 5px;
font-weight: 400;
text-transform: uppercase;
/* font-family: 'Oswald', serif; */
}
.feat-wrapper:hover > .feat-wrapper-inner{
opacity:1;
webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
div#Header1 {
text-align: center;
}
.makeborder-top,
.makeborder-bottom,
.makeborder-right,
.makeborder-left {
background: #F6F6F6;
position: fixed;
z-index: 9998;
}
.makeborder-top {
width: 100%;
top: 0;
left: 0;
padding: 12px;
}
.makeborder-bottom {
width: 100%;
bottom: 0;
left: 0;
padding: 12px;
}
.makeborder-left {
width: 24px;
left: 0;
height: 100%;
}
.makeborder-right {
width: 24px;
right: 0;
height: 100%;
}
#sb-site {
background-color: #fff;
padding-bottom: 540px;
z-index: 1000;
position: relative;
background-color: #ffffff;
}
.white-content {
/* padding: 100px 0; */
position: relative;
display: block;
z-index: 2;
margin: 0;
background-color: #ffffff;
}
.item:not(.unimage .fotorama .post-body img) {
cursor: url(http://3.bp.blogspot.com/-XfYVNflpq24/VWDcPr0hqrI/AAAAAAAACII/zDeeDOwC2nk/s1600/cursor1.png), auto;
}
.mondo-loading-screen {
background-color: #f9f9f9;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2000;
}
.mondo-loading-screen .spinner1 {
margin-top: -11px;
margin-left: -30px;
position: absolute;
top: 50%;
left: 50%;
}
.mondo-loading-screen .spinner1 .spinner-element {
background-color: $(maincolor);
border-radius: 100%;
display: inline-block;
width: 18px;
height: 18px;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
-o-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.mondo-loading-screen .spinner1 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.mondo-loading-screen .spinner1 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes bouncedelay {
0%,
80%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
]]>
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Flickr Images