<style type="text/css"><!-- /*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /* FRAMEWORK */ body#layout #mywrapper { width: 60%; } body#layout #post-wrapper { width: 60%; float: left; } body#layout div#main { width: 100%; } body#layout #sidebar-wrapper { overflow: visible; float: left; margin-left: -300px; margin-top: -8px; } body#layout .headtitle{ display:none; } body#layout .content ul,body#layout .social-links ul,body#layout .identify-icon ul,body#layout .social ul { list-style: none; } body#layout .top-menu{ position:relative; left:223px; } .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 { position: relative; float: left; margin: 0; padding: 0; position: relative; display: inline-block; font-size: 16px; } #PageList1 ul li a{ display: block; /* padding: 19px 15px; */ font-weight: bold; padding: 20px; /* line-height: 16px; */ color: #fff; font-size: 0.9em; } .PopularPosts a:hover{ color:$(linkcolor); } body#layout div#PageList1 { width: 50%; } .navbar,.post-feeds,.feed-links{display:none; } .section,.widget{margin:0 0 0 0;padding:0 0 0 0; } strong,b{font-weight:bold; } cite,em,i{font-style:italic; } a:link{color:#383838;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s; } a:visited{color:#333333;text-decoration:none; } a:hover{text-decoration:none; } a img{border:none;border-width:0;outline:none; } abbr,acronym{cursor:help; } sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%; } sub{top:.4em;}small{font-size:86%; } kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px; } mark{background-color:#ffce00;color:black; } p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0; } hr{height:1px;border:none;background-color:#666; } /* heading */ h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em; } h1{font-size:200% } h2{font-size:180% } h3{font-size:160% } h4{font-size:140% } h5{font-size:120% } h6{font-size:100% } /* list */ ol,ul,dl{margin:.5em 0em .5em 3em } ol{list-style:decimal outside } ul{list-style:disc outside } li{margin:.5em 0 } dt{font-weight:bold } dd{margin:0 0 .5em 2em } /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline; } textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } /* code blockquote */ pre,code{font-family:'Raleway', sans-serif;color:inherit; } pre{white-space:pre;word-wrap:normal;overflow:auto; } .post-body blockquote { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwj4Px9vmlUk3yTCu2nZ1aOT1nNTd59NQOOsLSVIOaOFOu5i5xm0C3AxBc0n_QapMdniTnrY3JDRHRNVjxi3SLUx5HjqYJX1x2xEP7WF3egDWS_9UImNbNrxhvEFhr7qEWzwJm4BM1s50/s50/quote.png) no-repeat scroll left 18px transparent; font-family: Monaco,Georgia," font-size: 100%; font-style: italic; line-height: 22px; margin: 20px 0 30px 20px; min-height: 60px; padding: 0 0 0 60px; } /* table */ .post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top; } .post-body table.tr-caption-container {border:1px solid #e5e5e5; } .post-body th{font-weight:bold; } .post-body table[border="1"] caption{border:none;font-style:italic; } .post-body table{ } .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5; } .post-body th{background:#f0f0f0; } .post-body table.tr-caption-container td {border:none;padding:8px; } .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:97%;height:auto; } .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important; } img { max-width:100%; height:auto; border:0; } table { max-width:100%; } body#layout #outer-wrapper, body#layout .post-container, body#layout .sidebar-container { padding:0 0 0 0; } body#layout #header-wrapper { margin-top:60px; } body#layout .panel { float:left; width:79px; } .clear:before, .clear:after { content: " "; /* 1 */ display: table; /* 2 */ } .clear:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clear { *zoom: 1; } html{ display: block; background-size: auto;} .post-entry p{ font-size: 16px; word-spacing: 2px; line-height: 30px; color: #525252; margin-bottom: 25px; word-break: word-break; margin-top: 0; letter-spacing: 0.5px; } body { background-position: center center; background-repeat: repeat; background-attachment: fixed; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; position: relative; z-index: 1; margin:0 0 0 0; padding:0 0 0 0; color: #898989; overflow-x: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; } #instafeed{ cursor: -webkit-grab; padding: 0; margin: 0; } section { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #instafeed a { display: block; padding: 0 !important; margin: 0 !important; max-width: 100% !important; } #instafeed li { width: 14.28%; display: inline-block; vertical-align: top; zoom: 1; padding: inherit !important; margin: 0 !important; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; line-height: 0!important; box-sizing: border-box; } /* outer-wrapper */ #outer-wrapper { max-width: 100%; margin: 0px auto; box-shadow: 0px 0px 5px rgba(80, 80, 80, 0.1); overflow: hidden; position:relative; } .big-text{ padding: 80px 0;width: 100%; background: #fff; display: block; background: #fff; max-width: 1200px; margin: 0 auto; } .main-content-wrapper, { background: #fff; max-width: 1200px; margin: 0 auto; } /* NAVIGATION MENU */ .top-menu { font: normal normal 12px Arial, sans-serif; margin: 0 auto; /* height: 65px; */ overflow: hidden; /* padding: 0 28px; */ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPINCm3EdiyLHTR5EZ5h2WKEmPSf5pkc3fW-vURJTVh80VRA9MWDUVY1bqH8FiXizuV0DJ0vUa07Nwrb8nLDGBFP3LdKz8I8DzCv6wzK23mMoQv5EHmnzZ3uu61J2svdG6ou1JElyiPKY/s1600/header_pattern.jpg") repeat scroll 0 0 transparent; } .menubar { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; position:relative; z-index:3000; } .menubar li { display:block; float:left; line-height:38px; margin:0 0 0 0; padding:0 0 0 0; } .menubar li a { color: #E0E0E0; display: block; padding: 0 12px; color: #fff; font-size: 15px; line-height: 1.7em; font-family:'Raleway', sans-serif; font-weight: 400; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; margin: 20px 35px 27px 0; border: none; text-shadow: none; position: relative; padding: 0; } .menubar li a:hover { color:#0088C2; } ul.socialbar { height:38px; margin:0 0 0 0; padding:0 0; float:right; } ul.socialbar li { display:inline-block; list-style-type:none; float:right; margin:0 0; padding:0 0; border-right:none; } /* HEADER WRAPPER */ #header-wrapper { margin:0 auto; overflow:hidden; padding: 0 28px; background:$(maincolor); z-index:300; display:none; position:relative; } .header img { display: block; } .header-right { float:right; padding:0; overflow:hidden; margin:55px 0; width:41.8%; max-width:468px; } .header-right img { display:block; } #nav { font: normal 12px Arial, sans-serif; height: 85px; line-height: 85px; padding: 0 28px; background:#646464; } .menubar2 { list-style: none; margin:0 0 0 0; *zoom: 1; float:left; } .menubar2:before, .menubar2:after { content: " "; display: table; } .menubar2:after { clear: both; } .menubar2 ul { list-style: none; margin:0 0 0 0; width:12em; } .menubar2 a { display:block; padding:0 40px 0 0; } .menubar2 li { position: relative; margin:0 0; padding: 0 1px 0 0; } .menubar2 > li { float: left; } .menubar2 > li > a { display: block; height: 84px; line-height: 84px; font-size: 15px; text-decoration: none; color: #ffffff; font-family: 'Roboto Slab', serif; } .menubar2 li ul { background: #444444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdO06M2oAwmjLdiYiv1BaByEJPYOotbU-Te9DjRjCwk-uzmm2XN72CoWmccr4qhyz9kdgVirS587jHVMF8WagRn33j8i5bL84zc8hMB8EQ3gX5IySA4oTdnWywr9RPVWXZuzhsp6iYLLM/s1600/menu-bg2.png) repeat; border-bottom: 4px solid #0088c2; display:block; position:absolute; left:0; z-index:10; visibility:hidden; opacity:0; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; -ms-transition:all .25s ease-out; -o-transition:all .25s ease-out; transition:all .25s ease-out; } .menubar2 li li ul { left:100%; top:-1px; } .menubar2 > li.hover > ul { visibility:visible; opacity:10; } .menubar2 li li.hover ul { visibility:visible; opacity:10; } .menubar2 li li a { display: block; color: #e0dfdf; font-family: 'Droid Sans', sans-serif; text-shadow: 0 1px 1px #4B4B4B; position: relative; z-index:100; line-height:32px; border-bottom: 1px solid #212223; margin-left: 10px; } .menubar2 li li a:hover { color:#fff; } .menubar2 li li li a { color: #e0dfdf; font-family: 'Droid Sans', sans-serif; text-shadow: 0 1px 1px #4B4B4B; z-index:20; } i.fa.fa-home { color:#646464; } /* CONTENT WRAPPER */ #content-wrapper { margin: 0 auto; word-wrap:break-word; width: 1170px; z-index:300; position:relative; } .largebanner { background:#fff; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } .largebanner .widget { padding:15px 14px; overflow:hidden; } .largebanner img, .largebanner iframe{ display:block; max-width:100%; border:none; overflow:hidden; } /* POST WRAPPER */ #post-wrapper { position:relative; z-index:300; padding-top:20px; } .post-container { padding:15px 0px 0 0; } .breadcrumbs {border-bottom: 1px solid #DDDDDD;border-radius: 2px 2px 2px 2px;border-top: 1px solid #DDDDDD;font-size: 90%;height: 16px;margin-bottom: 10px;margin-top: 1px;overflow: hidden;padding: 5px;display: none;} .breadcrumbs > span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic5Kjv7j-Z2_hMKxOqmgBoOCB6IQERVEk6Mo1OgbC4HRK22u6Wj0bn5KNgsHka4RFR2y9l6usphsCYEkoeSHVAUnP-s-mrqkwuxSJVzAo2-EMdES7QoHb1toPjgNZgb49X-TMyxsJi6jI/s200/bc_separator.png") no-repeat scroll right center transparent;padding: 10px 25px 10px 10px;} .breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #333333;} .breadcrumbs a {color: #333333;} .post { background:#ffffff; padding:12px 0; padding: 0px 40px 50px; border: 1px solid #eee; } .post-body { color: #777777; font-family: 'Source sans pro', serif; font-size: 15px; line-height: 1.86em; font-weight: 400; } h2.post-title, h1.post-title { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; font-size: 55px; line-height: 1.52em; color:$(maincolor); font-weight: 400; text-decoration: none; margin-top: -8px; } h2.post-title a, h1.post-title a, h2.post-title, h1.post-title { color:$(maincolor); } h2.post-title a:hover, h1.post-title a:hover { color:#0099FF; } .img-thumbnail { background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8ss5dTrzJVSSxJaMRgM5Rg4nqEy37RxRMpUDj8KOqsVPE-trKaKbY6n65QMOnL_u8NPlrAzo9oBDpiq64U89uN__CD5S1g7nryKU6k578bMMBMh2Fxo0VjP7hHSj-zI1wAK7N4DGVXxb/w200-c-h140/no-image.png) no-repeat center center; position:relative; float:left; width:375px; height:210px; margin:0 20px 0 0; } .img-thumbnail img { width:375px; height:210px; border-radius: 4px; webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-backface-visibility: hidden; } .img-thumbnail img:hover{ opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } span.rollover { } span.rollover:before { content:""; position: absolute; width:24px; height:24px; margin:-12px; top:50%; left:50%; } span.rollover:hover { opacity: .7; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; } .post-info { background: transparent; margin: 0 0 12px; color: #666666; font-size: 14px; padding: 0px 0; } .post-info a { display:inline-block; color:#666666; } .time-info, .comment-info, .label-info, .review-info { margin-right:12px; display:inline; } /* Page Navigation */ .pagenavi { clear:both; margin:-5px 0 10px; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; } .pagenavi span,.pagenavi a { margin-right: 3px; display: inline-block; color: $(readmore.color); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; font-size:15px; padding: 11px 14px; margin: 15px 3px 50px 0; } .pagenavi .current, .pagenavi .pages, .pagenavi a:hover { background:$(maincolor); color: #fff; } .pagenavi .pages { display:none; } /* SIDEBAR WRAPPER */ #sidebar-wrapper { /* background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikRqXXen7OdtZx2nnnZpAWtLbXCPY6qLwz-pbppI-Lo-akZH7BFBTGh0WIZa9E3DUfUli_kKDjlpkmhS9ZD8QC5beDDlUn3184_qiE8vid7AT00BwegwRLSzt2SZVzVKR33PCgWsWFSmE/s1600/bg_pattrn.png); */ float: right; width: 32%; /* background-color: #fff; */ max-width: 373px; margin: 0 auto; } .sidebar-container { margin: 0 auto; } .sidebar-container { padding: 44px 0; } .sidebar h2, .panel h2 { font-family: 'Raleway', sans-serif; font-weight: 400; text-align: center; text-transform: uppercase; color: #252525; line-height: 1; font-size: 18px; position: relative; margin-top: 10px; margin-bottom: 26px; padding-bottom: 30px; z-index: 1; background: #fff; position: relative; width: 100%; } .sidebar h2:hover .sidebar h2:before{ width: 100%; margin-left: -50%; background: #d8b18e; } .sidebar h2:before{ content: ''; position: absolute; width: 20%; margin-left: -10%; height: 2px; left: 50%; bottom: 10px; background: $(linkcolor); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } #sidebar h2 span, #bottombar h2 span,#sidebar-narrow h2 span { background: #0088C2; padding: 6px; color: #fff; z-index:300; position:relative; } .sidebar .widget { margin: 0 0 15px; background: #fff; text-align: center; } .sidebar ul, .sidebar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .sidebar li { margin:5px 0; padding:0 0 0 0; } /* Recent Post */ .recent-post-title { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVf9A6OiLakzvge800btyum4B0iWnqcqUtpZqsc7S-7uWY6_x989rdrqpnb6crRexH7-K3du8ILRQTgOWmafO4M8oPLI6f7wY7ywhKZ08fMuuAICA8EnljSbqXJO29GlZh5rxFPdk253c/s1600/dot.png); margin:0 0 15px; padding:0; position:relative; } div.recent-post-title:after { content: no-close-quote; position: absolute; width: 0px; height: 0px; bottom: -6px; left: 22px; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #0088C2; } .recent-post-title h2 { font:normal bold 14px Arial, sans-serif; height:26px; line-height:26px; margin:0 0; padding:0 10px; background:#0088C2; color:#ffffff; display:inline-block; } .recent-post-title h2 a { color:#ffffff; } .stylebox { float:left; width:50%; margin:0 0; } .stylebox .widget { padding:0 15px 15px 0; } .stylebox .widget-content { background:#ffffff; } .stylebox ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .stylebox1 { float:left; width:98%; margin:0 0; } .stylebox1 .widget { padding:0 0px 15px 0; } .stylebox1 .widget-content { background:#ffffff; } .stylebox1 ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } /* Recent Post */ /* Author */ .author-wrapper{ background: #ffffff; margin-bottom: 30px; overflow: hidden; position: relative; margin-top:24px; z-index: 0; } article.author-wrapper { -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.03); box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.03); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .author-wrapper .title h3 { font-size: 28px; margin: 0; text-transform: uppercase; position: relative; padding: 0 0 10px 0; font-weight: normal; line-height: 145% !important; color: #212121; } article .media { margin: 25px 0; } .media { overflow: hidden; zoom: 1; } .about_img img { border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; position: relative; width: 140px; height: 140px; margin-bottom: 20px; margin-right: 20px; float:left; } .media p { margin: 0 0 10px; } .post-footer { position: relative; display: block; overflow: hidden; margin: 30px 0 0; padding: 15px 0; border-bottom: 1px dashed #eee; } .social span a:hover { color: #646464; border: 1px solid #646464; } .social span a { list-style: none; text-align: center; display: inline-block; margin: 0 0 0 5px; width: 35px; color: #A7A5A5; height: 35px; line-height: 35px !important; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 1px solid #A7A5A5; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } /* BOTTOMBAR */ #bottombar { background:#646464; overflow:hidden; margin:0 auto; padding:10px 28px; color:#dddddd; } #bottombar .left { float:left; width:34%; } #bottombar .center { float:left; width:34%; } #bottombar .right { float:right; width:32%; } #bottombar .left .widget, #bottombar .center .widget { margin:0 15px 15px 0; } #bottombar .right .widget { margin:0 0 15px 0; } #bottombar h2 { font:normal bold 13px Arial, sans-serif; margin:0 0 10px 0; padding:6px 0; text-transform:uppercase; position:relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicBZMCAZ-NNsQxcqMglWqKtTL0wkTzReJjfxaLJsYFRg906PyHS1MnS2yOPm95C98XiJU5oRntlwBggzHZ8bcB-EXdBZrTqvfWbmhJ9WGZw01n1hS8MQTTEWzHsCPJEhX_JWjplEEBVbg/s1600/dot-footer.png); color:#eeeeee; } #bottombar ul, #bottombar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } #bottombar li { margin:5px 0; padding:0 0 0 0; } #bottombar ul li:before { color:#eeeeee !important; } #bottombar a { color:#dddddd; } #bottombar a:hover { color:#ffffff; } /* FOOTER */ body#layout #footer div.column { width: 25%; margin-right: 0 !important; float:left; } body#layout #footer .column .widget { float: left; margin-bottom: 15px; overflow: hidden; width: 176px; } /* label .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#E73037; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#333333; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }*/ /* Set color and level */ .PopularPosts ul li {margin-right:1% !important} .PopularPosts .item-thumbnail { margin:0 0 0 0; } .PopularPosts .item-snippet { font-size: 14px; line-height: 1.5em; } .profile-img{ display:inline; opaciry:10; margin:0 6px 3px 0; } /* back to top */ #back-to-top { background:#353738; color:#ffffff; padding:8px 10px; font-size:24px; } .back-to-top { position:fixed !important; position:absolute; bottom:20px; right:20px; z-index:999; } /* ==== Related Post Widget Start ==== */ #related-posts{ padding-top: 20px; } .large-12 { width: 100%; } .related_title { font-size: 18px; margin-top: 10px; margin-bottom: 5px; } .related_title:hover{ font-size: 18px; color:#222; margin-top: 10px; margin-bottom: 5px; } .fwstyle { color: #fff; background: $(maincolor); display: inline-block; padding: 0 10px; line-height:1.5; margin-right:5px; } .related-item{ overflow:hidden; } #related-posts .related_img { padding: 0px; width: 250px; height: 140px; object-fit:cover; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } /* share buttons */ .share-buttons-box { height: 67px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpJ3qwG9uNnDCOgXbaEKqAjmvioIzfl_MF_lZGCbGmv7kb1WWuM2_EUTVnnX7shO_mv_EzibPboJktQqNYkAvlHnuwdsY8pqsmbGUiFrrOhrogfqw_YbICbc4MKpo2VBtmcAwwSrb2E7JK/s1600/share.png) no-repeat 330px 10px; margin:20px 0 15px; overflow:hidden; } .share-buttons { margin:0 0; height:67px; float:left; } .share-buttons .share { float:left; margin-right:10px; display:inline-block; } /* error and search */ .status-msg-wrap { font-size:120%; font-weight:bold; width:100%; margin:20px auto; } .status-msg-body { padding:20px 2%; width:96%; } .status-msg-border { border:1px solid #e5e5e5; opacity:10; width:auto; } .status-msg-bg { background-color:#ffffff; } .status-msg-hidden { padding:20px 2%; } ul.soc-icons-header { list-style: none; } #ArchiveList ul li:before { content:"" !important; padding-right:0px !important; } /* facebook comments */ .fb-comments{width: 100% !important;} .fb-comments iframe[style]{width: 100% !important;} .fb-like-box{width: 100% !important;} .fb-like-box iframe[style]{width: 100% !important;} .fb-comments span{width: 100% !important;} .fb-comments iframe span[style]{width: 100% !important;} .fb-like-box span{width: 100% !important;} .fb-like-box iframe span[style]{width: 100% !important; } .rich-snippet { padding:10px; margin:15px 0 0; border:3px solid #eee; font-size:12px; } /*-------sidebar----------------*/ div#mywrapper { width:66%; float:left; } #sidebartab { margin-bottom: 15px; margin-top: -15px; } .tab-widget-menu { height: 46px; margin: 0; } #sidebartab .widget { margin-bottom: 0; padding-bottom: 0; background: #fff; margin-bottom: 20px; padding: 20px; border: 1px solid #eee; } #sidebartab .h2title { display: none; } #sidebartab .h2titlesmall { display: none; } #sidebartab .widget-content { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 0; } .tab-widget-menu ul, .tab-widget-menu li { list-style: none; padding: 0; margin: 0; } .tab-widget-menu li { bottom: -2px; color:$(maincolor); cursor: pointer; float: left; height: 38px; line-height: 38px; margin: -12px 6px 0 0px; padding: 7px 0px 2px; position: relative; text-align: center; width: 17.3%; z-index: 2; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .author-profile img{ border-radius:50%; float:none!important; } .tab-widget-menu li.selected { border-width: 1px 1px 3px; color:#777777; margin: -12px 6px 0 0px; padding: 7px 0px 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } li .fa { font-size: 15px; color: #fff; } .selected .fa { color: #fff; } div#tab1 ,div#tab2 ,div#tab3{ background: #fff; padding: 14px 21px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } div#tab3{ background:none; padding:0px; } #sidebartab .popular-posts li { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #E9E9E9; overflow: hidden; padding: 10px 0; } #sidebarlab .sidebar li a:hover { color: #fff; background: #222; } .PopularPosts .item-title{ padding-bottom: 1.2em; display: inline-block; margin-top: 10px; color:$(maincolor); font-family: 'Libre Baskerville', serif; /* font-family: 'Open Sans', sans-serif; */ font-size: 19px; font-weight: 400; line-height: 28px;} .PopularPosts a {font-weight:bold;} .tagcloud a { background: #e4e4e4; color: #888; display: block; float: left; font-size: 14px!important; line-height: 12px; margin: 0 2px 2px 0; padding: 12px 17px; } .tagcloud a:link { color: #888; } .tagcloud a:hover { background: #0088C2; color: #fff; } .tagcloud1 a { background: #555555; color: #888; display: block; float: left; font-size: 14px!important; line-height: 12px; margin: 0 2px 2px 0; padding: 12px 17px; } .tagcloud1 a:link { color: #888; } .tagcloud1 a:hover { background: #0088C2; color: #fff; } .showpageArea a { clear:both; margin:-5px 0 10px; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; } .showpageNum a { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #dddddd; } .showpageNum a:hover { border: 1px solid #aaaaaa; } .showpagePoint { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #aaaaaa; } .showpageOf { display:none; } .showpage a { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #dddddd; } .showpage a:hover { border: 1px solid #aaaaaa; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#666; } .button { text-align: center; width: 100%; margin: 10px 0; padding: 0; font-size: 14px; font-family: 'Tahoma', Geneva, Sans-serif; color: #fff; margin-left: 0em !important; } .button ul { margin: 0; padding: 0; } .button li { display: inline-block; margin: 10px 0; padding: 0; } .demo { border-radius: 3px; padding: 8px 12px; background: #e74c3c; color: #fff !important; transition: background-color 1s 0s ease-out; } .download { border-radius: 3px; padding: 8px 12px; background: #3498db; color: #fff !important; transition: background-color 1s 0s ease-out; } .buton a { color: #fff; } .demo:hover { background: #c0392b; color: #fff; } .download:hover { background: #2980b9; color: #fff; } .download:before { content: "\f019"; font-family: FontAwesome; font-weight: normal; padding: 8px; background: #2980b9; margin-left: -12px; margin-right: 6px; border-radius: 3px 0 0 3px; font-size: 16px; } .demo:before { content: "\f06e"; font-family: FontAwesome; font-weight: normal; padding: 8px; background: #c0392b; margin-left: -12px; margin-right: 6px; border-radius: 3px 0 0 3px; font-size: 16px; } #Attribution1 { height:0px; visibility:hidden; display:none } .author-avatar img{float:left;margin:0 10px 5px 0;border:50%;} #author-box h3 { padding-bottom: 5px; border-bottom: 4px solid #333; font-size: 18px; font-family: Oswald,arial,Georgia,serif; } .share-post { font-size: 13px; margin-top: 15px; } .share-post li { float: left; } .share-post a { display: block; margin-right: 10px; text-indent: -9999px; margin-left: 12px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzYponUwvsijaHEs766mY7ztfe_xhQV9yhfuR22CJAvmrrXA2r1iQnNvUv3SJrac7Cn4hDImoWKCSw5Rx56EWCSLZ3WIGrZABpPtHuCn4GHc2yuBK_HRHu1LJruSDBPpGT2IqwHPLDcVM/s1600/single-share.png) no-repeat; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .share-post a:hover { opacity: .7; } .share-post .facebook a { width: 7px; } .share-post .twitter a { width: 18px; background-position: -47px 0; } .share-post .google a { width: 14px; background-position: -105px 0; } .share-post .pinterest a { width: 11px; background-position: -159px 1px; } /*** Share Post Styling ***/ #share-post { width: 100%; overflow: hidden; margin-top: 20px; } #share-post a { display: block; height: 32px; line-height: 43px; color: #fff; float: left; padding-right: 10px; margin-right: 10px; margin-bottom: 25px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; overflow: hidden; margin: 0 10px 10px 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; width: 125px; height: 45px; float: left; padding: 0; overflow: hidden; text-align: center; font-weight: 600; } #share-post .facebook { background-color: #6788CE; } #share-post .twitter { background-color: #29C5F6; } #share-post .google { background-color: #E75C3C; } #share-post span { display: block; width: 32px; height: 32px; float: left; padding: 6px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzYponUwvsijaHEs766mY7ztfe_xhQV9yhfuR22CJAvmrrXA2r1iQnNvUv3SJrac7Cn4hDImoWKCSw5Rx56EWCSLZ3WIGrZABpPtHuCn4GHc2yuBK_HRHu1LJruSDBPpGT2IqwHPLDcVM/s1600/single-share.png) no-repeat; background-position-y: 6px; background-position-x: 7px; } #share-post .facebook span { background-color: #3967C6; } #share-post .twitter span { background-color: #26B5F2; background-position: -65px; } #share-post .google span { background-color: #E94D36; background-position: -137px; } /* Search Box ----------------------------------------------- */ #searchformfix { float:right; overflow:hidden; position:relative; } #searchform { margin:25px 0 0; padding:0; } #searchform fieldset { padding:0; border:none; margin:0; } #searchform input[type="text"]{ background: #646464; border: none; float: left; padding: 4px 10px 0px 15px; margin: 0px; width: 106px; height: 34px; line-height: 34px; transition: all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; -moz-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s; -webkit-transition: all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; -o-transition: all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; color: #F5F3F3;} #searchform input[type=text]:hover,#searchform input[type=text]:focus { width:200px; } #searchform input[type=submit] { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixuz7e2nZc_Z4MK6Ue65YGMyFJIuZlr7IVbLzPcG_1S2rKqmqIluNUxlwxr1lU8Pnw1ijs3YvF4iF0XWusAvVlWVjwH6Is3jf7gzJjW-v_kL36vq4jsGcygiimWsjdZLtnvju53wWeqRLx/s1600/icon-search.png) center 9px no-repeat; cursor:pointer; margin:0; padding:0; width:37px; height:34px; line-height:34px; background-color:#646464; } input[type=submit] { padding:4px 17px; color:#ffffcolor:#585858; text-transform:uppercase; border:none; font-size:20px; background:url(gradient.png) bottom repeat-x; cursor:pointer; margin-top:10px; float:left; overflow:visible; transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; -webkit-transition:all .3s linear; } .selectnav { display:none; } /*---Flicker Image Gallery-----*/ .flickr_plugin { width: 100%; } .flickr_badge_image { float: left; height: 80px; margin: 10px 5px 0px 5px; width: 80px; } .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; } .flickr_badge_image a img:hover { opacity: .5; } div#act { display: none; } #container{ width: 1170px; margin:0 auto; } .vcard span { color: #646464; } a.timestamp-link { color: #646464; } span.comment-info a { color: #aaaaaa; } span.comment-info l,span.time-info l { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh737me58XED2w9oHxYoq8g1qINV-GoOo7ezIdZfavziV0R20FQH_B1rSq4dEqBm4PVU56BwjU660iqpAlGfRrb4wLMqfXoq5zNLx9IQKl4M-s2p_h352Q6BauzeRdLN9h0UTCcrbiOKIY/s1600/list-style.png") no-repeat center left; padding-left: 8px; margin-right: 6px; margin-left: -5px; } /*--- SOC. IKONS ---*/ .soc-icon { width: auto; display: inline-block; margin: 25px 0 0; } .soc-icon ul { margin: 0; } .soc-icon li { margin: 0 0 0 8px; padding: 0; display: inline-block; } .soc-icon li a { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; float: left; width: 26px; height: 24px; overflow: hidden; } .soc-icon li a img { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; position: relative; top: 0; float: left; width: 26px; height: 49px; } .soc-icon li a:hover img { top: -24px; } #nav.fixed-nav{ position: fixed; top: 0; left: 0; width: 100% !important; z-index: 999; padding: 0; } .scroll-top.cl-effect-5 { float: right; margin-right: 36px;} p#back-top { background: #fff; padding: 10px 11px 11px; color: #222; border-radius: 3px; } p#back-top .fa { color: #222; } /*----------//// AUTHORS ARCHIVE \\\\-------------*/ div#top-comment { background: #fff; padding-left: 20px; padding-right: 20px; } .top-comment { float: left; font-size: 14px; list-style: none outside none; text-transform: uppercase; width: 43%; margin: 1px; padding: 10px 20px !important; font-weight: normal; color: #646464; cursor: pointer; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #relpost_img_sum .news-text { display: none; } .top-comment.selected { cursor: pointer; padding: 11px 20px !important; margin: 0px 0 0 -16px; color: #FFF; background: #646464; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .top-comment.blogico:before { content: "\f0d5"; font-family: fontawesome; margin-right: 15px; } .top-comment.faceico:before { content: "\f09a"; font-family: fontawesome; margin-right: 15px; } h1, h2, h3 { font-family: 'Open Sans', sans-serif; } h2.white { color: #fff; } span.lines { border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; } h3 { font-size: 30px; text-transform: uppercase; font-weight: 600; color: #434343; } h3.white { color: #fff; } h4 { font-family: 'Source Sans Pro', sans-serif; font-size: 36px; font-weight: 600; color: #fff; text-transform: uppercase; } h5 { font-family: 'Source Sans Pro', sans-serif; font-size: 24px; font-weight: 600; text-transform: uppercase; color: #fff; } p { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; line-height: 23px; color: #515151; } p.white { color: #f9f9f9; } .FollowByEmail .follow-by-email-inner .follow-by-email-address{ margin: 0px 0px 12px; background-image: url(http://wordpress.novarostudio.com/sastro/wp-content/themes/sastro/images/newsletter.gif); background-repeat: no-repeat; background-position: center left; padding-left: 48px; font-size:15px; width:75%; margin-top:10px; } .follow-by-email-inner:before { color: #f5f5f5; content: "Join with Thousands Of Subscribers ! Get Our Latest Articles Delivered to Your email Inbox"; font-family: nunito; font-size: 12px; font-weight: normal; text-transform: uppercase; margin-bottom: 1px; } .FollowByEmail td { display: inline; } .FollowByEmail .follow-by-email-inner .follow-by-email-submit{ width: 80px; margin: 0; border: 0; border-radius: 2px; -moz-border-radius: 2px; background: #646464; color: #fff; cursor: pointer; font-size: 13px; height: 37px; z-index: 0; } #footer1{line-height:30px;padding:25px 0 70px 0;background-color:#898989; position:relative; z-index:300; }#footer1 p{font-size:12px;float:left;line-height:30px;text-align:justify;}#footer1 .go-top{float:right;margin-left:20px;padding-left:20px;border-left:1px solid rgba(0,0,0,0.1)}#footer1 .go-top a{display:block;width:30px;height:30px;color:#fff;font-size:14px;text-align:center;border-radius:2px;background-color:#646464;transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out}#footer1 .go-top a:hover{background-color:#444}#footer1 .go-top a i{line-height:30px}#footer1 .social-icons{text-align:center;float:right}#footer1 .social-icons a{display:inline-block;color:#ccc;font-size:14px;border-radius:2px;margin-left:15px}#footer1 .social-icons a:hover{color:#646464}.toggle-item{margin-bottom:15px}.toggle-item .panel-title{margin-bottom:10px}.toggle-item .panel-title a{display:block;color:#888;height:42px;line-height:42px;position:relative;font-size:13px;padding:0 20px;border-radius:2px;overflow:hidden;background-color:#f8f8f8;letter-spacing:1px;text-transform:uppercase}.toggle-item .panel-title a:after{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:#646464}.toggle-item .panel-title a.collapsed:after{background-color:#ddd}.toggle-item .panel-title a i{position:absolute;right:0;top:0;color:#fff;width:42px;height:42px;font-size:14px;text-align:center;line-height:42px;background-color:#646464;transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out} .thumbnail { position: relative; display: block; padding: 0px; line-height: 20px; border: 0px solid #ddd; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .featured-thumbnail a { position: relative; display: block; } a.image-wrap { display: block; width: 100%; height: 100%; text-align:center; } select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle} input,textarea,.uneditable-input{width:206px} textarea{height:auto} textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s} textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)} input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal} input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto} select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px} select{width:220px;border:1px solid #ccc;background-color:#fff} select[multiple],select[size]{height:auto} select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .uneditable-input,.uneditable-textarea{color:#999;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);cursor:not-allowed} /* Post social share */ .post_social_share { display:block; padding: 25px 0 40px; text-align: center; margin-bottom:30px; } .mbt-pager { border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd; margin-bottom: 10px; overflow:hidden; padding:0px;} .mbt-pager li.next { float: right; padding:0px; background:none; margin:0px;} .mbt-pager li.next a { padding-left: 24px; } .mbt-pager li.previous { margin:0px -2px 0px 0px; float: left; border-right:1px solid #ddd; padding:0px; background:none; } .mbt-pager li.previous a { padding-right: 24px; } .mbt-pager li.next:hover, .mbt-pager li.previous:hover {background:$(maincolor); } .mbt-pager li { width: 50%; display: inline; float: left; text-align: center; } .mbt-pager li a { position: relative; min-height: 77px; display: block; padding: 15px 46px 15px; outline:none; text-decoration:none;} .mbt-pager li i { color: ##ff; font-size: 18px; } .mbt-pager li a strong { display: block; font-size: 20px; color: #ccc; letter-spacing: 0.5px; font-weight: bold; text-transform: uppercase; font-family:oswald, sans-serif, arial; margin-bottom:10px;} .mbt-pager li a span { font-size: 15px; color: #666; font-family:oswald,Helvetica, arial; margin:0px;} .mbt-pager li a:hover span, .mbt-pager li a:hover i { color: #ffffff; } .mbt-pager li.previous i { float:left; margin-top:15%; margin-left:5%; } .mbt-pager li.next i { float: right; margin-top: 15%; margin-right: 5%; } .mbt-pager li.next i, .mbt-pager li.previous i , .mbt-pager li.next, .mbt-pager li.previous{ -webkit-transition-property: background color; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.4s; transition-timing-function: ease-out; } .fa-chevron-right {padding-right:0px;} .post_social_share h3 { display: block; font-size: 14px; line-height: 54px; font-weight: 700; margin-bottom: 0; letter-spacing: 2px; } .post_social_share a { width:53px; font-size:20px; padding:10px; margin:0 10px; display:inline-block } .post_social_share a:hover { -webkit-transition:border-color .2s; -moz-transition:border-color .2s; transition:border-color .2s } .post_social_share a { border:1px solid rgba(0,0,0,.1); } .post_social_share a:hover { border-color:#646464; color:#646464; } header.header { width: 100%; text-align: center; color: #fff; max-width:1200px; margin:0 auto; clear: both; background:#fff; padding-bottom:20px; } #logo { display: block; text-align: center; padding: 35px 0; float: left; } .headerleft, #logo { overflow: hidden; width: 100%; text-align: center; } .headerleft { /* margin-bottom: 0px; */ /* display: block; */ width: 1000px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; /* margin-left: auto; */ /* margin-right: auto; */ /* width: 400px; */ } .tooltip { display: inline; position: relative; z-index: 999; } /* Trigger text */ .tooltip-item { color: $(maincolor); cursor: pointer; z-index: 100; position: relative; display: inline-block; font-weight: 700; -webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, color 0.3s, transform 0.3s; } .tooltip:hover .tooltip-item { color: $(maincolor); -webkit-transform: translate3d(0,-0.5em,0); transform: translate3d(0,-0.5em,0); } #loading-area { position: fixed; width: 100%; height: 100%; background: #fff !important; z-index: 999999999999 !important; overflow: hidden; } .loading1 { position: absolute; top: 45%; left: 50%; margin-left: -30px; } .loading1 img { -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Tooltip */ .tooltip-content { position: absolute; z-index: 99; width: 360px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); left: 50%; margin-left: -180px; bottom: -5px; text-align: left; background: $(maincolor); opacity: 0; font-size: 0.75em; line-height: 1.5; padding: 1.5em; color: #fff; border-bottom: 65px solid #fff; cursor: default; pointer-events: none; border-radius: 5px; font-family: 'Indie Flower', cursive; -webkit-transform: translate3d(0,-0.5em,0); transform: translate3d(0,-0.5em,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-content a { color: #32434f; } .tooltip-text { opacity: 0; -webkit-transform: translate3d(0,1.5em,0); transform: translate3d(0,1.5em,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip:hover .tooltip-content, .tooltip:hover .tooltip-text { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .footer { background: #1e1f20; color: #b9b9b9; } .footer a { color: #b9b9b9 } .footer a:hover { color: #57a4a4 } .sub-footer { background: #353535; padding-top: 35px; padding-bottom: 35px; } .sub-footer p { padding: 0 !important; margin: 0 !important; } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color: #eaeaea } .contact-info { margin: 0; padding: 0; list-style: none; } .contact-info span { margin: 0 4px } .contact-info span:before { display: inline-block; content: "/"; padding-right: 7px; } .contact-info span:first-child:before { display: none } .contact-info i { margin-right: 3px; font-size: 14px; } .thin { width: 85%; margin: 0 auto; } footer .thin { width: 60% } .text-center { text-align: center; } .dark-wrapper { background: rgba(0,0,0,0.03) } .black-wrapper { background: #1e1f20; color: #b9b9b9; } .black-wrapper h1, .black-wrapper h2, .black-wrapper h3, .black-wrapper h4, .black-wrapper h5, .black-wrapper h6 { font-weight: 500; position: relative; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out; -o-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; background-color: rgba(89,171,227,0); text-decoration: none; color: #222; margin-top: 5px; padding: 7px; color: #eaeaea; } .black-wrapper .lead { color: #b9b9b9 } .black-wrapper a { color: #FFF } .color-wrapper { background: #57a4a4 } .color-wrapper p { color: #FFF } .inner { padding-top: 40px; padding-bottom: 40px; } .divide20 { width: 100%; height: 20px; } .social { padding: 0; margin: 0 0 -5px 0; font-size: 0; line-height: 1; } .social li { display: inline-block; font-family: 'fontello-social'; margin-right: 5px; margin-bottom: 5px; } .owl-carousel .social { margin-bottom: 0 } .text-center .social li { margin: 0 3px } .social.pull-right li { margin: 0 0 0 5px } .social li a { display: table } .social li a i { text-align: center; display: table-cell; vertical-align: middle; color: #f3f3f3; background: none; border: 2px solid #aaa; width: 34px; height: 34px !important; line-height: 30px; font-size: 13px; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; } .social a:hover a:hover i { background-color: #FFF } .social a:hover i { color: #FFF } .divide40 { width: 100%; height: 40px; } .contact-info span { margin: 0 4px; } .post-image{ overflow: hidden; } .post-image img{ width: 100%; height: auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-share { display: inline-block !important; font-size: 25px; font-weight: normal; float:right; line-height: 63px; margin: 0 2px; text-align: center; } .post-share > a { color: #222222; display: block; font-weight: normal; } .ImageWrapper .StyleTi span:nth-of-type(1) { bottom: 0; top: 22%; right: 0; margin: -20px -68px 0 0; visibility: hidden; opacity: 0; -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; } .ImageWrapper:hover .StyleTi span:nth-of-type(1) { right: 13%; visibility: visible; opacity: 1; } .post-share li { display: block; width: 40px; margin-right:5px; float:left; border:1px solid #eee; background: #fff; /* padding: 6px; */ padding-top: 5px; /* color: #fff; */ border-radius: 4px; margin-top: 4px; } .post-share li .fa{ color:#000!important; } .share-wrapper { font: 14px, 'FontAwesome'; position: relative; text-align: center; } .share-container { margin-left: 0px; margin-top: 0px; overflow: hidden; transition: all 0.3s cubic-bezier(.05,.93,.61,1.6); box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5); width: 0px; height: 0px; background: #fff; } .share-action:hover ~ .share-container, .share-container:hover { width: 100px; height: 100px; overflow: visible; } .share-container:after, .share-container:before { position: absolute; background: linear-gradient(rgba(136, 221, 255, 0.5) 0%, rgba(34, 153, 221, 0.5) 50%, rgba(136, 221, 255, 0.5) 100%); z-index:4; margin: 0; transition: all 0.5s ease-in-out; content: ''; } .share-container:before { background: linear-gradient(left, rgba(136, 221, 255, 0.5) 0%, rgba(34, 153, 221, 0.5) 50%, rgba(136, 221, 255, 0.5) 100%); height: 1px; margin: 50% 50%; width: 0%; } .share-action:hover ~ .share-container:before, .share-container:hover:before { width: 85%; left: 0px; margin: 50% 7%; } .share-container:after { left: -1px; height: 0%; width: 1px; margin: 50% 50%; } .share-action:hover ~ .share-container:after, .share-container:hover:after { height: 85%; margin: 7% 50%; } .share-action { display: inline-block; vertical-align: middle; z-index: 5; position: relative; line-height: 33px; color: #222; } .share-btn { display:inline-block; width: 49%; height: 49%; position: absolute; z-indez:1; border-color: #92888f; border-style: solid; border-width: 0; font-size: 0px; color: #777777; overflow: hidden; } .share-action:hover ~ .share-container .share-btn , .share-container:hover .share-btn { overflow: visible; font-size: 25px; } .share-btn:hover { background:linear-gradient(#8df 0%, #29d 100%); color: #ffffff; text-shadow: 0 -1px #4298e0; } .share-btn.tl { right: 50%; bottom: 50%; } .share-btn.tr { left: 50%; bottom: 50%; } .share-btn.br { left: 50%; top: 50%; } .share-btn.bl { right: 50%; top: 50%; } .share-btn { line-height: 50px; } .rc10 { border-radius: 10%; } .rc10 .share-btn.tl { border-top-left-radius: 20%; } .rc10 .share-btn.tr { border-top-right-radius: 20%; } .rc10 .share-btn.br { border-bottom-right-radius: 20%; } .rc10 .share-btn.bl { border-bottom-left-radius: 20%; } .below .share-container { position: absolute; top: 50%; left: 50%; } .bottom .share-container, .top .share-container { position: absolute; top: 0%; left: 0%; } .left .share-container, .right .share-container { position: absolute; top: 0%; right: 50%; } .bottom .share-action:hover ~ .share-container .share-btn:nth-child(1):after, .bottom .share-container:hover .share-btn:nth-child(1):after { content: ''; border: 11px solid transparent; border-bottom-color: #fff; border-top: none; width: 0; height: 0; position: absolute; left: 100%; margin-left: -11px; margin-top: -11px; } .top .share-action:hover ~ .share-container .share-btn:nth-child(4):after, .top .share-container:hover .share-btn:nth-child(4):after { content: ''; border: 11px solid transparent; border-top-color: #fff; border-bottom: none; width: 0; height: 0; position: absolute; left: 100%; top: 100%; margin-left: -11px; } .left .share-action:hover ~ .share-container .share-btn:nth-child(2):after, .left .share-container:hover .share-btn:nth-child(2):after { content: ''; border: 11px solid transparent; border-left-color: #fff; border-right: none; width: 0; height: 0; position: absolute; left: 100%; top: 100%; margin-top: -11px; } .right .share-action:hover ~ .share-container .share-btn:nth-child(1):after, .right .share-container:hover .share-btn:nth-child(1):after { content: ''; border: 11px solid transparent; border-right-color: #fff; border-left: none; width: 0; height: 0; position: absolute; right: 100%; top: 100%; margin-top: -11px; } .top .share-action:hover:after { position: absolute; content: ''; z-index: 1; } .top .share-action:hover:after { width: 200%; height: 20px; left: -50%; top: 100%; } .top .share-action:hover:after { top: auto; bottom: 100%; left: -50%; } .top .share-container { top : 0%; left: 50%; } .top .share-action:hover ~ .share-container, .top .share-container:hover { margin-left: 0px; left: -28%; top: -120px; } .post-share ul { display: block; display: block; padding: 0; margin: 0; list-style: none; } #Label1 .widget-content{ background:#fff; padding:5px; } .dark-wrapper{ background:#fff; margin:0 auto; } .inner { padding-top: 70px; padding-bottom: 70px; } .section-title { text-align:center; } .section-title:before { content: "-"; display: inline-block; padding-right: 5px; color: #57a4a4; } .section-title.text-center:after { content: "-"; display: inline-block; padding-left: 5px; color: #57a4a4; } .section-title img { width: 200px; } .link-out { color: #5e5e5e; font-size: 13px; font-weight: 700; text-transform: uppercase; } .link-out:after { display: inline-block; content: "→"; padding-left: 5px; } #instafeed { cursor: -webkit-grab; } div#back-top { z-index: 301; position: fixed; /* text-indent: -99999px; */ right: 20px; bottom: 20px; width: 50px; height: 50px; cursor: pointer; color: #fff; text-align: center; } .bz-hex { position: relative; width: 51px; /* height: 30px; */ padding: 16px; border-radius: 4px; color: white; background: $(maincolor); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); -ms-border-radius: 4px; -khtml-border-radius: 4px; } .bz-hex:hover{ background:#fff; } .bz-hex:hover > a{ color:$(maincolor); } .bz-hex a i{ font-size:24px; } #copyright{ color:#fff; text-align:center; font-family: 'Source sans pro', serif; } #copyright a { color: $(linkcolor); } .slicknav_btn{ background-color: $(maincolor); } .slicknav_menu .slicknav_menutxt{ text-shadow: 0 1px 3px $(maincolor); } .slicknav_nav ul{ background:$(maincolor); } .slicknav_nav .slicknav_row:hover{ color:$(maincolor); } .slicknav_nav .slicknav_row:hover > a{ color:$(maincolor); } .slicknav_nav a:hover{ color:$(maincolor); background:#fff; } .entry-title { font-family: 'Libre Baskerville', serif; font-weight: normal; line-height: 35px; text-align: center; text-transform: capitalize; color: #252525; font-size: 30px; position: relative; margin-top: 23px; z-index: 1; background: #fff; position: relative; width: 100%; } header.post-header { padding-bottom: 25px; padding-top: 20px; background: #fff; text-align: center; margin-top: 5px; } .post-header, .post-footer { line-height: 1.6; text-align:center; } .post-details { font-size: 14px; display: inline-block; text-transform: uppercase; position: relative; line-height: 1; } .post-details span { margin-right: 24px; margin-bottom: 10px; display: inline-block; } .auth a, .post-da a, .post-com a { color: $(maincolor); } .entry-title a { position: relative; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out; -o-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; background-color: rgba(89,171,227,0); text-decoration: none; color: #222; } .post-details span {margin-right:24px;margin-bottom:10px;display:inline-block;} .entry-content {position:relative;padding-left:5px;padding-right:5px;padding-top:30px;} .intro-text { font-size: 16px; word-spacing: 2px; line-height: 30px; color: #000; margin-bottom: 25px; word-break: word-break; margin-top: 0; letter-spacing: 0.5px; font-family: 'Source sans pro', serif; } #primary_nav_wrap ul a{ color: $(maincolor); } #primary_nav_wrap ul li.current-menu-item a{ background: $(maincolor); } #primary_nav_wrap ul a:hover{ background: $(maincolor); } #primary_nav_wrap ul ul{ background:$(maincolor); } #primary_nav_wrap ul ul li:hover > a{ color:$(maincolor); } .typed-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } h1.bt-title-big { letter-spacing: 0px; font-size: 150px; word-spacing: 1px; text-align: center; display: block; display: -moz-inline-box; /* display: inline-block; */ color: #404040; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; white-space: nowrap; } .bt-title { word-spacing: 0px; letter-spacing: 0px; display: inline-block; text-align: center; white-space: normal; font-size: 2em; font-weight: 600; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .title-loop { /* height: 67px; */ min-height: 70px; text-align:center; } .menu-new{ padding-bottom: 10px; /* background-color: #fff; */ text-align: center; width: 100%; display: inline-block; margin-bottom: -5px; position: absolute; z-index: 400; } .wrapper { /* background-color: #000; */ position: absolute; /* margin: 30px auto; */ width: 100%; height: 645px; /* border: 1px solid #000; */ z-index: 10; } .logo{ display: block; margin: 0 auto; width: 100%; text-align: center; /* max-width: 52.30769rem; */ padding-bottom: 10px; } .day { position: relative; color: $(maincolor); display: inline-block; margin: 1em 0; text-align: center; font-size: 1em; font-weight: 700; margin-right: 20px; /* letter-spacing: -0.05em; */ } sup { top: -0.9em; } sub, sup { font-size: 50%; line-height: 0; position: relative; vertical-align: baseline; } span.month { margin-right: 6px; } .top-social{ float:right; vertical-align: bottom; } .top-social li{ float:left; margin-right:3px;} .top-social ul{ display: inline-block; padding-left: 0; margin: 0; list-style: none; } .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); } bt-holder{ display:block; } .bt_readmore_btn_holder { padding-left:10px; padding:0px 10px; display:block; margin-top:20px; font-size:17px;} .bt_readmore_btn { color:$(maincolor); text-decoration:none; display:inline-block; position:relative} .bt_readmore_btn:hover { color:$(linkcolor); text-decoration:none;} .bt_blog_post_cat a:before, .bt_readmore_btn:before { content: ''; display: inline-block; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; transition: width 0s ease, background .2s ease; } .bt_blog_post_cat a:after, .bt_readmore_btn:after { content: ''; display: inline-block; position: absolute; right: 0; bottom: 0; height: 1px; width: 0; background: $(linkcolor); transition: width .2s ease; } .bt_blog_post_cat a:hover:before, .bt_readmore_btn:hover:before { width: 100%; background: $(linkcolor); transition: width .5s ease; } .bt_blog_post_cat a:hover:after, .bt_readmore_btn:hover:after { width: 100%; background: transparent; transition: all 0s ease; } .menu-container { background: #fff; } .bt-comment { padding: 30px 66px 1px; background:#fff; } .footer-widgets{ padding: 60px 0; } .row-footer{ margin-left: -15px; margin-right: -15px; } /* FOOTER */ body#layout #footer div.column { width: 25%; margin-right: 0 !important; float:left; } body#layout #footer .column .widget { float: left; margin-bottom: 15px; overflow: hidden; width: 176px; } #footer-wrapper { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPINCm3EdiyLHTR5EZ5h2WKEmPSf5pkc3fW-vURJTVh80VRA9MWDUVY1bqH8FiXizuV0DJ0vUa07Nwrb8nLDGBFP3LdKz8I8DzCv6wzK23mMoQv5EHmnzZ3uu61J2svdG6ou1JElyiPKY/s1600/header_pattern.jpg") repeat scroll 0 0 transparent; border-top: 1px solid #DDDDDD; color: #444444; font: 11px Verdana,Geneva,sans-serif; margin: 0 auto; overflow: hidden; padding: 30px; position:relative; z-index:300; display:none; } #footer3 li a:hover { background: #646464; } #footer3 li{ margin: 5px 0; padding: 0 0 0 0; list-style:none;} #footer3 li a { /* background: #555555; */ color: #fff; display: inline-block; float: left; font-size: 11px!important; line-height: 12px; margin: 0 2px 2px 0; padding: 12px 18px; border: 1px solid #222; } *::-moz-selection { background: none repeat scroll 0 0 #CD2122; color: #FFFFFF; text-shadow: none; } .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 { background-position: 0 50%; background-repeat: repeat-x; border-bottom: 2px solid #FFFFFF; font: 600 20px 'Open Sans',serif,sans-serif; margin: 0 0 3px; overflow: hidden; padding: 5px 0; text-transform: uppercase; } #footer-wrapper .widget h2 span { border-bottom: 2px solid #646464; color: #FAFBFB; font-family: sans-serif; font-weight: bold; padding-bottom: 5px; position: absolute; } #footer .widget-area { padding: 0 0 15px; margin: 0 0 15px; } #footer div.column { display: inline; float: left; width: 24%; padding:2px; } #instagram-widget h2{ display:none; } #footer p{ color:#f5f5f5; margin:4px 0; } #footer .column .widget { width: 97%; padding: 5px; float: left; line-height: 1.7; overflow: hidden; } #footer .widget-area h2 { color: #AAAAAA; /* font-family: sans-serif; */ font-size: 15px; font-weight: bold; padding-bottom: 20px; text-align: left; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } #footer .widget-content { color: #fff; text-align: left; margin-top:20px; } .widget-item-control { float: right; height: 20px; margin-top: -20px; position: relative; z-index: 10; } .header-menu h2,.bt-slider h2 { display: none; } #primary_nav_wrap{margin-top:15px;display:block;height:auto;margin-bottom:10px;position:relative;} #primary_nav_wrap ul{display:inline-block;font-size:0;text-align:center;position:relative;z-index:9999;background:inherit} #primary_nav_wrap ul a{display: block; /* padding: 19px 15px; */ font-weight: bold; padding: 20px; /* line-height: 16px; */ color: $(maincolor); font-size: 0.9em; transform: translateY(0px); -webkit-transform: translateY(0px); font-family: 'Merriweather', serif; transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out;} #primary_nav_wrap ul li{position:relative;float:left;margin:0;padding:0;position:relative;display:inline-block;font-size:16px} #primary_nav_wrap ul li.current-menu-item a{color:#fff} #primary_nav_wrap ul a:hover{color:#fff;filter: alpha(opacity=100); transform: translateY(0px); -webkit-transform: translateY(0px);} #primary_nav_wrap ul ul{display:none;position:absolute;top:100%;left:0;box-shadow:0 1px 3px rgba(0,0,0,0.3);padding:0;transform: translateY(-10px); -webkit-transform: translateY(-10px); transition: transform 250ms, opacity 200ms; -webkit-transition: -webkit-transform 250ms, opacity 200ms;} #primary_nav_wrap ul ul li{float:none;width:200px} #primary_nav_wrap ul ul a{line-height:120%;padding:10px 15px;color:#fff} #primary_nav_wrap ul ul ul{top:0;left:100%} #primary_nav_wrap ul li:hover > ul{display:block;filter: alpha(opacity=100); transform: translateY(0px); -webkit-transform: translateY(0px);} #primary_nav_wrap ul ul li:hover > a{background:#fff} .loading .columns { overflow:visible; } .sidebar .list-label-widget-content { background: #fff; border: 1px solid #ECECEC; border-top: 2px solid #1D1E20; padding: 2px; } .list-label-widget-content li a { color: #525252; border: 1px solid #E2E2E2; border-radius: 3px; float: left; padding: 7px; margin-bottom: 5px; line-height: 16px; line-height: 16px; width: 83%; box-sizing: border-box; font-size: 13px; } .list-label-widget-content li span { color: #525252; border-radius: 3px; float: right; padding: 5px; margin-bottom: 5px; text-align: center; border: 1px solid #E2E2E2; box-sizing: border-box; width: 15%; line-height: 16px; padding: 5px; font-size: 13px; } .cloud-label-widget-content .label-size { font-size: 100%; float: left; } .cloud-label-widget-content .label-size a { color: #fff; float: left; font-size: 12px; margin: 0 5px 5px 0; padding: 5px; text-decoration: none; border: 1px solid #E2E2E2; border-radius: 3px; } .cloud-label-widget-content .label-size span { color: #fff; float: left; font-size: 12px; margin: 0 5px 5px 0; padding: 5px; text-decoration: none; border: 1px solid #E2E2E2; border-radius: 3px; } .label-size { line-height: 1.2; } #footer .popular-posts ul,#footer .popular-posts ul li { padding: 0 !important; margin: 0; list-style: none outside none; } #footer .popular-posts ul,#footer .popular-posts ul li { padding: 0 !important; margin: 0; list-style: none outside none; } #footer .popular-posts .item-content { width: 100%; border-bottom: 1px solid #F1F1F1; padding: 0 0 8px; margin: 0 0 10px; } .item-content:before{ content: " "; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; } #footer .popular-posts .item-content:after{ clear: both; } #footer .PopularPosts .item-thumbnail { float: left; margin: 0 5px 5px 0; } #footer .PopularPosts .item-title { padding-bottom: .2em; display: inline-block; margin-top: 0px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; } #footer .PopularPosts .item-title a{ color:#fff; } #footer .popular-posts .item-snippet{ font-size: 12px; line-height: 20px; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0px; } [class*='col-'] { float: left; padding-right: 20px; /* column-space */ } .grid { width: 100%; max-width: 1170px; min-width: 755px; margin: 0 auto; overflow: hidden; } .grid:after { content: ""; display: table; clear: both; } .grid-pad { padding-top: 20px; padding-left: 20px; /* grid-space to left */ padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */ } .push-right { float: right; } /* Content Columns */ .col-1-1 { width: 100%; } .col-2-3, .col-8-12 { width: 66.66%; } .col-1-2, .col-6-12 { width: 50%; } .col-1-3, .col-4-12 { width: 33.33%; } .col-1-4, .col-3-12 { width: 25%; } .col-1-5 { width: 20%; } .col-1-6, .col-2-12 { width: 16.667%; } .col-1-7 { width: 14.28%; } .col-1-8 { width: 12.5%; } .col-1-9 { width: 11.1%; } .col-1-10 { width: 10%; } .col-1-11 { width: 9.09%; } .col-1-12 { width: 8.33% } /* Layout Columns */ .col-11-12 { width: 91.66% } .col-10-12 { width: 83.333%; } .col-9-12 { width: 75%; } .col-5-12 { width: 41.66%; } .col-7-12 { width: 58.33% } /* Pushing blocks */ .push-2-3, .push-8-12 { margin-left: 66.66%; } .push-1-2, .push-6-12 { margin-left: 50%; } .push-1-3, .push-4-12 { margin-left: 33.33%; } .push-1-4, .push-3-12 { margin-left: 25%; } .push-1-5 { margin-left: 20%; } .push-1-6, .push-2-12 { margin-left: 16.667%; } .push-1-7 { margin-left: 14.28%; } .push-1-8 { margin-left: 12.5%; } .push-1-9 { margin-left: 11.1%; } .push-1-10 { margin-left: 10%; } .push-1-11 { margin-left: 9.09%; } .push-1-12 { margin-left: 8.33% } @media handheld, only screen and (max-width: 767px) { .grid { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 20px; /* grid-space to left */ padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */ } [class*='col-'] { width: auto; float: none; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px; padding-left: 0px; padding-right: 10px; /* column-space */ } /* Mobile Layout */ [class*='mobile-col-'] { float: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; padding-left: 0px; padding-right: 10px; /* column-space */ padding-bottom: 0px; } .mobile-col-1-1 { width: 100%; } .mobile-col-2-3, .mobile-col-8-12 { width: 66.66%; } .mobile-col-1-2, .mobile-col-6-12 { width: 50%; } .mobile-col-1-3, .mobile-col-4-12 { width: 33.33%; } .mobile-col-1-4, .mobile-col-3-12 { width: 25%; } .mobile-col-1-5 { width: 20%; } .mobile-col-1-6, .mobile-col-2-12 { width: 16.667%; } .mobile-col-1-7 { width: 14.28%; } .mobile-col-1-8 { width: 12.5%; } .mobile-col-1-9 { width: 11.1%; } .mobile-col-1-10 { width: 10%; } .mobile-col-1-11 { width: 9.09%; } .mobile-col-1-12 { width: 8.33% } /* Layout Columns */ .mobile-col-11-12 { width: 91.66% } .mobile-col-10-12 { width: 83.333%; } .mobile-col-9-12 { width: 75%; } .mobile-col-5-12 { width: 41.66%; } .mobile-col-7-12 { width: 58.33% } .hide-on-mobile { display: none !important; width: 0; height: 0; } } #slider-home{ background-position: center 0%; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 5; padding: 65px 0px 80px; text-align:center; z-index: 301; } .author-home { padding-top: 100px; } .main-content-wrapper { padding-top: 40px; background:#fff; } .identify{ text-align:right; padding-right:45px; width:50%; float:left; } .identify p{ font-size:24px; font-family:'Montserrat', sans-serif; font-weight:400; color:#fff; line-height:28px; margin-bottom:0px; } .identify h1{ font-size:40px; font-family:'Montserrat', sans-serif; font-weight:400; color:#fff; line-height:48px; margin-top:10px; margin-bottom:50px; } .identify-icon ul{ list-style: none; padding-left: 0px; margin: 0; } .identify-icon ul li{ display:inline-block; margin: 0; } .identify-icon ul li a{ font-size:14px; border:1px solid #fff; padding:7px 9px; border-radius:50px; color:#fff; } .admin-detail{ text-align:left; padding-left:45px; width:50%; float:left; } .admin-detail p{ font-size:16px; font-family:'Montserrat', sans-serif; font-weight:400; color:#fff; line-height:28px; margin-bottom:0px; } .icon-left{ padding-right:12px; } .identify-icon ul li:nth-child(2){ margin-right:10px; } .m-auto{margin: auto;} .admin-p-imp{max-width: 230px;} /* Home @ identify social*/ .identify-icon-1 ul{ list-style:none; padding-left:0px; } .identify-icon-1 ul li{ display:inline-block; } .identify-icon-1 ul li a{ font-size:14px; border:1px solid #9c9e9f; padding:7px 9px; border-radius:50px; color:#fff; } .icon-left{ padding-right:12px; } .identify-icon-1 ul li:nth-child(3){ margin-right:90px; } .one a{ padding:7px 11px!important; } .h-65 { margin-top: 65px; } .visible { overflow: visible; } .cd-title { position: relative; height: 160px; line-height: 230px; text-align: center; } .cd-title h1 { font-size: 2.4rem; font-weight: 700; } @media only screen and (min-width: 768px) { .cd-title { line-height: 250px; } } @media only screen and (min-width: 1170px) { .cd-title { height: 200px; line-height: 300px; } .cd-title h1 { font-size: 3rem; } } .cd-intro { width: 90%; max-width: 768px; text-align: center; } .cd-intro { margin: 10px auto; } @media only screen and (min-width: 768px) { .cd-intro { margin: 20px auto; } } @media only screen and (min-width: 1170px) { .cd-intro { margin: 30px auto; } } .cd-headline { font-size: 20px; color:#fff; line-height: 1.2; } @media only screen and (min-width: 768px) { .cd-headline { font-size: 25px; color:#fff; line-height:25px; } } @media only screen and (min-width: 1170px) { .cd-headline { font-size: 32px; color:#fff; line-height:30px; } } .cd-words-wrapper { display: inline-block; position: relative; text-align: left; } .cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .cd-words-wrapper b.is-visible { position: relative; } .cd-words-wrapper b { opacity: 0; } .cd-words-wrapper b.is-visible { opacity: 1; } /* -------------------------------- xrotate-1 -------------------------------- */ .cd-headline.rotate-1 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-1 b { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .cd-headline.rotate-1 b.is-visible { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: cd-rotate-1-in 1.2s; -moz-animation: cd-rotate-1-in 1.2s; animation: cd-rotate-1-in 1.2s; } .cd-headline.rotate-1 b.is-hidden { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: cd-rotate-1-out 1.2s; -moz-animation: cd-rotate-1-out 1.2s; animation: cd-rotate-1-out 1.2s; } @-webkit-keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); opacity: 1; } } @-moz-keyframes cd-rotate-1-in { 0% { -moz-transform: rotateX(180deg); opacity: 0; } 35% { -moz-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -moz-transform: rotateX(360deg); opacity: 1; } } @keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @-webkit-keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); opacity: 0; } } @-moz-keyframes cd-rotate-1-out { 0% { -moz-transform: rotateX(0deg); opacity: 1; } 35% { -moz-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -moz-transform: rotateX(180deg); opacity: 0; } } @keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); -moz-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); -o-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } section.animated-title { width: 1180px; /* margin: 0 auto; */ /* margin-top: 26px; */ /* margin-bottom: 20px; */ margin: 25px auto; } .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; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } /* 03. NAVIGATION ================================================== */ .content { position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .navToggle { z-index: 999; width: 50px; height: 50px; float: right; margin-right: 60px; cursor: pointer; background: #FFF; position: fixed; top: 50px; right: 0px; } .navToggle .icon { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; position: absolute; top: 24px; left: 0; right: 0; margin: 0 auto; width: 18px; height: 2px; background-color: #212427; } .navToggle .icon:before, .navToggle .icon:after { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; position: absolute; width: 18px; height: 2px; background-color: #212427; content: ''; } .navToggle .icon:before { top: -6px; left: 0; } .navToggle .icon:after { top: 6px; left: 0; } .navToggle:hover .icon { background-color: #999; } .navToggle:hover .icon:before { top: -8px; background-color: #999; } .navToggle:hover .icon:after { top: 8px; background-color: #999; } .navToggle.open { } .navToggle.open .icon { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-color: transparent; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .navToggle.open .icon:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); background: rgba(32,35,38,0.7); } .navToggle.open .icon:after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); background: rgba(32,35,38,0.7); } #menu { width: 100%; height:100%; position: fixed; right: 0; top:0; z-index: -9; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } #menu.active { opacity: 1; z-index: 500; } #menu h3 { text-align: center; letter-spacing: 8px; font-family: "Montserrat", sans-serif; font-size:14px; font-weight: 900; top:45px; left: 0; right: 0; color: #FFF; position: absolute; } #menu .logo { max-width: 100px; margin-top:-8px; } #menu ul { position: relative; display: block; margin-right: 0px; z-index: 99999; list-style:none; } #menu ul li { font-size:38px; line-height: 70px; font-family: 'Roboto', sans-serif; font-weight: 600; opacity: 0; text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); } #menu ul li.active{ opacity: 1; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } #menu ul li a { color: #FFF; cursor: pointer; padding-bottom: 0px; position: relative; } #menu ul li a:hover { color: $(linkcolor); } /* SOCIAL ICO */ .social-links { padding: 0px 0px; position: fixed; bottom: 25px; margin: auto; text-align: center; left: 0; right: 0; z-index: 999999; } .social-links.active { display: block; } .social-links li { display: inline-block; margin: 0 0px; padding: 0 20px; } .social-links li a { font-size:18px; } /* If menu open state */ section.ifmenu { filter: blur(2px); -webkit-filter:blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px) ; -ms-filter: blur(2px); } /* Background Opacity */ .bgblack { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.84); position: fixed; z-index: -1; cursor: pointer; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .bgblack.active { opacity: 1; display: block; z-index: 450; cursor: pointer;} /* MAKE A CONTENT CENTERED VERTICALY AND HORIZONTALY */ .content { top:40%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* RIGHT SIDE */ .right-side { background: #FFF; width: 45%; position: absolute; z-index: 90; right: 0; top:0; bottom: 0; height: 100%; padding: 110px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .right-side h3:after{ content: ''; width: 7%; height: 1px; position: relative; display: block; background: #e4ca79; margin-top: 20px; left:0; right:0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .right-side a { color: #333; border-bottom:1px solid #e4ca79; } .right-side a:hover { color: #333; border-bottom:1px solid #333; } /* LEFT SIDE */ .left-side { width: 55%; position: relative; left: 0; height: 100%; min-height: 100%; top:0; } .left-side h3:after{ content: ''; width: 6%; height: 1px; position: absolute; display: block; background: rgba(51,51,51,0.2); margin-top: 20px; left:0; right:0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .left-side .row { max-width: 100%; height: auto; position: relative; } @media screen and (max-width: 768px) { /* MENU */ .navToggle, .closex { top:0; right: 0; margin-right: 0; } #menu .content { top:50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #menu ul li { line-height: 30px; } #menu ul li a { font-size:20px; line-height: 25px; } #menu .social-links ul li a { font-size:20px; } .bgblack { background: rgba(17,17,17,0.87); } } .wrapper:before { content: ''; position: absolute; /* background: url(http://pixelosaur.com/preview/ultimate-html/images/overlay.gif) repeat; */ opacity: 0.5; background: #000; height: 100%; width: 100%; /* z-index: 9999999999999999; */ } footer#colophone { font-family: Lato; font-weight: 400; font-style: normal; color: #6e787f; font-size: 14px; opacity: 1; visibility: visible; -webkit-transition: opacity 0.24s ease-in-out; -moz-transition: opacity 0.24s ease-in-out; transition: opacity 0.24s ease-in-out; } footer#colophone { background-color: #232323; } #colophone { float: left; clear: both; width: 100%; text-align: center; margin-top: -1px; padding: 70px 0 50px 0; background: #ddd; font-family: "Lato"; font-size: 14px; position: relative; } footer#colophone #backtotop { background-color: #fff; color: #000; } #backtotop { display: block; width: 60px; height: 60px; background: #fff; border-radius: 50%; padding: 10px; font-size: 18px; line-height: 40px; position: absolute; top: 0; left: 50%; margin-left: -30px; margin-top: -30px; cursor: pointer; z-index: 350; } #colophone .social ul li { display: inline-block; } footer#colophone .social ul li a { color: #bfbfbf; font-size: 24px; color: #000; margin-right: 10px; } .slide-container { position: relative; display: table; height: 100%; z-index:300; text-align:center; } .slide-content { display: table-cell; vertical-align: middle; } .slide-content .text-slide-title, .agni-slides .slide-content .text-slide-additional-title { color: #fff; margin-bottom: 25px; } .slide-content p { font-size: 60px; color: #fff; line-height: 1.4; letter-spacing: 0; margin-bottom: 0; } .slide-content .text-slide-title { font-size: 50px; } .primary-typo.strong { font-weight: 700; } .primary-typo { font-family: "Montserrat", sans-serif; letter-spacing: 0.15em; text-transform: uppercase; font-weight: 400; } .slide-content a { margin-top: 20px; } .btn.primary-typo { letter-spacing: 0.075em; color:#fff; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 2px solid transparent; white-space: nowrap; padding: 12px 40px; font-size: 14px; line-height: 1.6; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-default { color: #ffffff; background-color: #333333; border-color: #fff; } .btn-alt, .btn-alt:hover, .btn-alt:focus { background-color: transparent; } .slide-content .text-slide-additional-title { font-size: 20px; } .slide-content .text-slide-additional-title { color: #fff; margin-bottom: 10px; } .slide-content p { font-size: 60px; color: #f0f0f0; line-height: 1.4; letter-spacing: 0; margin: 0 0 30px; } .bt-slider { position: relative; height: 643px; } .identify-icon { position: relative; z-index: 300; margin-top: 40px; } h2.entry-title a:hover { color: $(linkcolor); } h3.entry-title.related-main { font-size: 24px; } .scroll-down { position: absolute; width: 100%; height: 40px; z-index: 600; bottom: 25px; } .scroll-down img { width: 22px; height: 32px; display: block; text-align: center; margin-left: auto; margin-right: auto; cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .text-rotator { margin-top: 30px; } .site-loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; z-index: 99999999999999; } .spinner { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -35px; left: 50%; margin-left: -35px; text-align: center; -webkit-animation: rotate 2.0s infinite linear; animation: rotate 2.0s infinite linear; } .author-first{ max-height: 230px; border: 10px solid #fff; } .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: $(linkcolor); border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } #header h1.title { color: #fff; /* font-family: 'Libre Baskerville', serif; */ font-weight: normal; } #navi h2.title { display: none; } */]]>
<script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d3980910343665729005\x26blogName\x3dScribe+Crimson+of+the+Brotherhood+of+...\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://bosexodusquill.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://bosexodusquill.blogspot.com/\x26vt\x3d-5310466097712034864', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script>
<div id='menu'> <!-- Title --> <div class='content'> <!-- Menu Links --> <ul> <li><a href='#'>Home</a></li> <li><a href=' https://fallout.fandom.com/wiki/Fallout_76'>Fallout 76 Wiki </a></li> <li><a href=' https://discord.gg/D9XpFqVZmx'>Join BOS </a></li> <li> <ul> <li><a href='http://www.twitter.com/michellehughes_'><i class='fa fa-twitter'/></i></a></li> <li><a href='http://www.facebook.com/authormichellehughes'><i class='fa fa-facebook'/></i></a></li> </ul> </li></ul></div> </div>
Home
▼
0
-1
false
false
BEHIND
0
Steel of Defiance|For The Brotherhood!|Ad Victoriam!|War, War Never Changes!
true
#ffffff
true
By
true
#ffffff
false
#ffffff
TextAndImage
#ffffff
false
1x1
true
true
true
3
false
#ffffff
true
false
</div></div>
<div class="date-outer">
<div class="date-posts">
</div></div>
Home
Home
Home
Uncategories
Home
Archive for
Home
Home
All post
Home
:
CONVERSATION
1
:
:
(
)
Add Comment
1 Comment
Comments
‹
›
Add Comment
1 Comment
Comments
Share :
Facebook
Google+
Twitter
Related Posts :
Add Comment
1 Comment
Comments
,
Share this:
Edit
CONVERSATION
1
:
:
.png)
