<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> Page Not Found - <data:blog.title/> */ /* GLOBAL */ html,body{color:$(body.text.color);font-family: 'Raleway', sans-serif;} body, body > .wrapper{background:$(body.background);} body.hidescroll{background:#ccc} a{color:$(body.text.color);} a:hover{color:$(body.link.color);} aside{max-width: 330px;margin:0 auto;} img{max-width: 100%;} a:hover{text-decoration: none} .post-body{font-size:14px;letter-spacing:.2px;} .post-body blockquote{background: $(body.link.color);padding:20px 25px;font-weight:400;position:relative;color:$(body.text.color);margin:10px 0px;opacity:1;} .post-body ul{list-style-type: square;} .post-body{line-height: 1.5;letter-spacing:0.3px;margin-bottom:15px;} .post-body img{padding: 5px 0px;} .post-body code a{color:$(body.background)} hr{border-color: rgba(255,255,255,0.5);} /* Layout */ .topmenu{display: none;} .content-area{box-sizing: border-box;padding-left: 320px;} .nav-sidebar-area{position: fixed;width: 320px; border-right: 1px solid $(body.link.color);/*rgba(255,255,255,0.1)*/;z-index: 999;bottom: 0;top:0;left: 0;background:$(body.background);} .nav-sidebar-area .nav-sbar-inner .nav-outer-table{display: table;width: 100%;height: 100%;box-sizing: border-box;padding: 10px;} .nav-sidebar-area .nav-sbar-inner .nav-inner-cell{display: table-cell;vertical-align: middle;} .nav-sidebar-area .nav-sbar-inner{position: absolute;top:0px;width: 100%;bottom: 0px;left: 0px;} h1.title{text-align: center;font-weight: 700;text-transform: uppercase;position:relative;border-bottom:2px solid transperent;} h1.title:after{content: "";height:2px;width: 80%;background:$(body.link.color);bottom:0px;margin: 10px auto;display:table;} #tilting{min-height:100vh} #right-sidebar-area .column-right-outer{z-index: 1} #left-sidebar-area .column-left-outer{z-index: 1} .addpad{padding-top:30px;} .Header img{max-height: 150px;max-width:180px;} .topmenu .Header img{max-height:50px;max-width:180px;} .nav-sidebar-area .Header img{margin: 0 auto;border-bottom:2px solid $(body.link.color);margin-bottom:10px;} /*Nav Menu*/ #navmenu ul{list-style-type: none;padding: 0px;text-align: right} #navmenu > ul{margin-right: 10%;} #navmenu ul li{padding: 0px;position:relative;} #navmenu ul li a{font-size:14px;padding:5px 0px;display: block;text-transform: uppercase;font-weight: 700;} #navmenu ul ul{position:absolute;left:100%;width:100%;background:$(body.text.color);color:$(body.background);display: table;padding: 10px 20px;margin-left:20px;top:0px} #navmenu ul ul a{text-align: left;color: $(body.background);} #navmenu ul li > a.sf-with-ul:after{content: "";font-family: "Ionicons";padding:0px 19px;position: absolute;} #navmenu ul ul li > a.sf-with-ul:after{content: "\f10b";font-family: "Ionicons";padding:0px 4px;position: absolute;right: 0px;} /* #navmenu ul ul:before{content: "";display: table;position: absolute;background: $(body.link.color);left: 0px;width: 2px;top:0px;bottom:0px;height: 100%;}*/ #navmenu > ul > li:hover a{color: $(body.text.color);text-decoration:none;} #navmenu > ul > li:after{content: "";position: absolute;right: -2px;background: $(body.link.color);width: 2px;display: block;height:0%;bottom:0px;margin:0 -6px;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} #navmenu > ul > li:hover:after{height: 100%;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} #navmenu > ul li:hover ul li a{color: $(body.background)} #navmenu > ul li:hover ul li{color: $(body.background)} /*responsive navigation*/ .responsive-nav ul{list-style-type: none;padding: 0px;margin: 0px;padding-left:20px;} .responsive-nav ul li{padding: 0px;} .responsive-nav ul li a{font-weight: 700;font-size:12px;padding:3px 0px;display:block;text-transform: uppercase;} .responsive-nav ul li ul li a:before{content:"\f10b";font-family: "Ionicons";font-size:15px;padding-right: 10px;} .responsive-nav ul ul{padding-left: 15px;} .responsive-nav{display: none} .nav-sidebar-area.open{transform: translateX(0px);transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;} .nav-sidebar-area.open a.search-button{display: none} .nav-sidebar-area.open a.toggle-button{display: block !important;position: absolute;top: 0px;right: 0px;width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 20px;background: $(body.link.color);} .nav-sidebar-area{transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;} /*MEGA MENU*/ .shutter-mega-list{position: static !important;} #navmenu ul .shutter-mega-list ul.mega-list{position: absolute;top: 0px;height: 100%;left:100%;display:none;margin-left:0px !important;padding:0px !important} .nlink .LinkList{position: static !important;} .shutter-mega-list:after{display: none !important;} .upnav,.downnav{width:100%;text-align:center !important;background:$(body.link.color);color:$(body.text.color) !important;height:30px;opacity:0.8;} .upnav:hover, .downnav:hover{opacity:1;} .upnav{position: absolute;top:0px;left:0px;} .downnav{position: absolute;bottom: 0px;left: 0px;} .mega-list li{position: relative;height: 100%;display:table;width:100%;} .mega-list{max-width: 260px;display:none} .nav-disable{background: #ddd !important;} .items-shutter {box-sizing: border-box;padding:30px 0px;height:100%;display:table;width: 100%;overflow-y: scroll} .item-shutter-table{display: table-cell;vertical-align: middle;text-align: center} .shutter-m-thumb{display: table;height: 100%;width: 100%;background-size:cover !important;background-position:center center !important;} .mega-list .shutter-mega-item{height: 25%;display: table;width: 100%;position:relative;box-sizing:border-box;padding:0px 0px;} .item-shutter-cell{display: table;height: 100%;width: 100%;} .shutter-mega-item a{display: table;height: 100%;width: 100%;} .shutter-text{position: absolute;bottom:20px;left:10px;} .shutter-text a{color: $(body.text.color) !important;font-size:14px !important;text-transform: initial !important;font-weight: 600 !important;} .shutter-mega-item{overflow:hidden;} .shutter-mega-item .shutter-m-thumb{transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .shutter-mega-item:hover .shutter-m-thumb{transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .shutter-m-thumb::after{content: "";position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: #000;opacity: 0;} .shutter-mega-item:hover .shutter-m-thumb::after{opacity: 0.5} .shutter-text{filter: blur(10px);opacity: 0;transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-webkit-transition:all .6s ease;-ms-transition:all .6s ease;} .shutter-mega-item:hover .shutter-text{filter: blur(0px);opacity: 1} /*Mega Menu Loading Effect*/ .shutter-mega-loadingwrapper{top:0px;bottom:0px;background:$(body.text.color);left:0px;right:0px;height:100%;width:100%;display:table;} .shutter-loading-table{display: table-cell;width: 100%;height: 100%;vertical-align: middle;} .shutter-loading{background:rgb(255,255,255);color:rgb(2,116,198);font:28px "Helvetica Neue", sans-serif;line-height:175px;margin:175px auto;text-align:center;position:relative;width:100%;display:block;height:25px;position:relative;width:25px;} .shutter-loading::before, .shutter-loading::after{position:absolute;font-smoothing:none;-o-font-smoothing:none;-ms-font-smoothing:none;-webkit-font-smoothing:none;-moz-font-smoothing:none;} .shutter-loading::before{animation:cssload-spin 1.15s linear infinite;-o-animation:cssload-spin 1.15s linear infinite;-ms-animation:cssload-spin 1.15s linear infinite;-webkit-animation:cssload-spin 1.15s linear infinite;-moz-animation:cssload-spin 1.15s linear infinite;animation-direction:alternate;box-shadow:0 0 0 2px rgb(2,116,198);color:rgb(255,255,255);content:"+";font-size:186px;height:46px;line-height:0;left:0;top:0;text-indent:-30px;transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;width:46px;} .shutter-loading::after{content:"";background:rgb(2,116,198);height:25px;width:25px;position:absolute;top:11px;left:11px;} @keyframes cssload-spin{0%{transform:scale(1) rotate(0deg) translateZ(0);} 10%, 20%{transform:scale(1.4) rotate(90deg) translateZ(0);} 30%, 45%{transform:scale(1.4) rotate(180deg) translateZ(0);} 55%, 100%{transform:scale(1) rotate(270deg) translateZ(0);} } @-o-keyframes cssload-spin{0%{-o-transform:scale(1) rotate(0deg) translateZ(0);} 10%, 20%{-o-transform:scale(1.4) rotate(90deg) translateZ(0);} 30%, 45%{-o-transform:scale(1.4) rotate(180deg) translateZ(0);} 55%, 100%{-o-transform:scale(1) rotate(270deg) translateZ(0);} } @-ms-keyframes cssload-spin{0%{-ms-transform:scale(1) rotate(0deg) translateZ(0);} 10%, 20%{-ms-transform:scale(1.4) rotate(90deg) translateZ(0);} 30%, 45%{-ms-transform:scale(1.4) rotate(180deg) translateZ(0);} 55%, 100%{-ms-transform:scale(1) rotate(270deg) translateZ(0);} } @-webkit-keyframes cssload-spin{0%{-webkit-transform:scale(1) rotate(0deg) translateZ(0);} 10%, 20%{-webkit-transform:scale(1.4) rotate(90deg) translateZ(0);} 30%, 45%{-webkit-transform:scale(1.4) rotate(180deg) translateZ(0);} 55%, 100%{-webkit-transform:scale(1) rotate(270deg) translateZ(0);} } @-moz-keyframes cssload-spin{0%{-moz-transform:scale(1) rotate(0deg) translateZ(0);} 10%, 20%{-moz-transform:scale(1.4) rotate(-90deg) translateZ(0);} 30%, 45%{-moz-transform:scale(1.4) rotate(-270deg) translateZ(0);} 55%, 100%{-moz-transform:scale(1) rotate(-3600deg) translateZ(0);} } /* Nav Social */ .nav-social ul{list-style-type: none;margin-right:10%;margin-top:20px;} .nav-social ul li{float: right;} .nav-social ul li a{font-size:12px;border:1px solid $(body.text.color);margin:0px 4px;display: table;width: 30px;height: 25px;text-align: center;line-height: 25px;} .nav-social ul li a:hover{color: $(body.text.color);background: $(body.link.color);border:1px solid $(body.link.color)} /* search*/ .search-button{position: absolute;top:0px;right: 0px;width: 30px;height: 30px;text-align: center;line-height: 30px;font-size:20px;background: $(body.link.color);} .search-button:hover{color: $(body.text.color);} #tilting.searchopen{transform: perspective(1000px) translate3d(0,15%,0) rotate3d(1,0,0,30deg);transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;-webkit-transition:.4s all ease-in-out;} #tilting{transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;-webkit-transition:.4s all ease-in-out;} body > .wrapper{background: $(body.background)} .hidescroll{overflow: hidden} #btn-search-close svg{width: 30px;height: 30px;font-size: 20px;} #btn-search-close{position: fixed;right: 10px;top:10px;background: transparent} .search__form{text-align: center;} .search__form input{font-size: 30px;background: transparent;border: 0px;color: $(body.background);font-weight: 600;padding: 10px;margin-top:40px;border-bottom: 2px solid $(body.background);width: 60%;} .search__form .search__info{clear: left;width: 60%;padding:10px 0px;text-align:right;display:table;margin-left: 20%;color:$(body.background);text-transform: uppercase;} /*.hidescroll #tilting{display: none;}*/ .hidescroll{position:fixed;transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;-webkit-transition:.4s all ease-in-out;} /*GRID FIX*/ .column-left-outer{margin-left:0px !important;} #left-sidebar-area > div,#right-sidebar-area > div{margin: 0 auto !important;float: none !important} body{font-size:12px;transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;-webkit-transition:.4s all ease-in-out;} /*owl slider*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () *//* * Owl Carousel - Core */.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;-moz-backface-visibility:hidden;} .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, 0px, 0px);} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;} .owl-carousel .owl-item img{display:block;width:100%;} .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display:none;} .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{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{visibility:hidden;} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-carousel.owl-grab{cursor:move;cursor:grab;} .owl-carousel.owl-rtl{direction:rtl;} .owl-carousel.owl-rtl .owl-item{float:right;} .no-js .owl-carousel{display:block;} /* * Owl Carousel - Animate Plugin */.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both;} .owl-carousel .owl-animated-in{z-index:0;} .owl-carousel .owl-animated-out{z-index:1;} .owl-carousel .fadeOut{animation-name:fadeOut;} @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } /* * Owl Carousel - Auto Height Plugin */.owl-height{transition:height 500ms ease-in-out;} /* * Owl Carousel - Lazy Load Plugin */.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease;} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d;} /* * Owl Carousel - Video Plugin */.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;transition:transform 100ms ease;} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease;} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%;} /*slider*/ .hidepad{padding:0px !important} .slide .slide-wrapper{height: 100%;width: 100%;background-size: cover !important;background-position: center center !important;} .slide-inner{height: 100%;width: 100%;display: table;} .slide-box{position:absolute;left:40px;bottom:10%;} .slide{position: relative;} .slidebox-inner, .slide-title ,.slide-title h3, .slide-meta {display: block !important;} .slidebox-inner{box-sizing: border-box;padding: 20px 25px;background: $(body.link.color);} .slider-wrapper{margin-bottom: 30px;} .slide-title h3{font-size: 35px;font-weight:700;} .owl-nav > div{position: absolute;top:40%} .owl-nav .owl-prev{left: 0px;} .owl-nav .owl-next{right: 0px;} .owl-nav i{font-size:30px;display: table;height: 40px;width: 40px;border: 1px solid $(body.text.color);line-height: 40px;text-align: center;opacity: 0.6;position:absolute;left:20px;top:50%} .owl-nav > div > div:hover i{background: $(body.link.color);border: $(body.link.color);opacity: 1;} .owl-nav .prev-slider-shutter{box-sizing: border-box;padding-top: 50px;padding-left: 30px;padding-bottom: 50px;padding-right: 90px;position:relative;cursor:none} .owl-nav .next-slider-shutter{box-sizing: border-box;padding-top: 50px;padding-left: 130px;padding-bottom: 50px;padding-right: 30px;position:relative;cursor:none} .slide h3 a:hover{color: $(body.text.color)} .slide .slide-box{max-width: 40%;} .slide-category a{text-transform: uppercase;border:1px solid $(body.text.color);padding: 4px 6px;margin-bottom: 10px;display: inline-block} .slide-category a:hover{background: $(body.text.color);border-color:$(body.text.color);text-decoration: none} /*Packery*/ .shutter-two-sidebar .grid-sizer, .shutter-two-sidebar .grid-item{width:50%;position:relative;} .shutter-one-sidebar .grid-item{width:33.33%;position:relative;} .shutter-no-sidebar .grid-item{width:25%;position:relative;} /*Post Deafult*/ .grid-item .dlayout .item-content{position: absolute;top:50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 80% !important;filter: blur(10px);transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease;-webkit-transition: all .6s ease;-ms-transition: all .6s ease;text-align: center;opacity:0} .grid-item:hover .dlayout .item-content{filter:blur(0px);opacity:1} .grid-item .cover:after{content: "";position: absolute;top:0px;left: 0px;background:$(body.background);opacity: 0.5;right: 0px;bottom:0px;height: 100%;width: 100%;display: block} .grid-item .cover{display: block;height: 100%;width: 100%;position: absolute;left: 0px;right: 0px; opacity:0} .grid-item:hover .cover{opacity: 1} .grid-item h3 {border-bottom: 1px solid rgba(255,255,255,0.1);padding-bottom: 5px;} .grid-item h3 a:hover{color: $(body.text.color);} .grid-item{box-sizing: border-box;padding: 10px;opacity:0} .grid-item.inline-ad{padding: 0px !important;margin: 0px !important;} .ad-content > * {margin: 0 auto;padding: 10px;box-sizing: border-box;} .grid-item img{max-width: 100%;min-width: 100%;} a.linkmask{position: absolute;display: block;left:0px;top:0px;height: 100%;width: 100%;z-index:10} /*.noapply{opacity:0}*/ .visible{opacity:1} /*Sidebars*/ .widget > h2{text-align: ;margin: 0px 0px;padding: 0px 0px;font-size:22px;font-weight:600;} .widget > h2:after{content: "";height: 2px;width: 100%;background: $(body.link.color);bottom: 0px;margin: 10px 0;display: table} /*Featured Post*/ .FeaturedPost.widget{padding: 0px;} .FeaturedPost img{display: none} .FeaturedPost .post-summary{background-size: cover;box-sizing: border-box;padding:20px 30px;background-position: center center; position:relative;background-color:#151515} .FeaturedPost .post-summary h3{padding-top:80%;z-index:2;position: relative;} .FeaturedPost .post-summary p{z-index:2;position: relative;} .FeaturedPost .post-summary a,.FeaturedPost .post-summary {color:$(body.text.color);} .FeaturedPost a:hover{color:#ccc} .FeaturedPost .overlay{position: absolute;left: 0px;top:0px;height: 100%;width: 100%;background: rgba(0,0,0,0.2);z-index: 1;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .FeaturedPost:hover .overlay{position: absolute;left: 0px;top:0px;height: 100%;width: 100%;background: rgba(0,0,0,0.5);z-index: 1;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .FeaturedPost h2.title{margin-bottom: 0px !important;} .FeaturedPost > h2:after{margin-bottom: 0px !important;} /*Navigation*/ .feed-links{display: none} /*Arrow Navigation*/ .shutter-pager.arrow{text-align:center;margin:20px 20px;} .shutter-pager.arrow #shutter-new{float: left;display:table;} .shutter-pager.arrow #shutter-old{float: right;display: table;} .shutter-pager.arrow a{border:1px solid $(body.text.color);padding: 10px 17px;color:$(body.text.color)} .shutter-pager.arrow #shutter-new a{float: left;display:table;} .shutter-pager.arrow #shutter-old a{float: right;display: table;} .shutter-pager.arrow .shutter-home{display: table;margin: 0px auto;} .shutter-pager.arrow a:hover{background:$(body.link.color);border-color:$(body.link.color);color:$(body.text.color)} .shutter-pager.arrow a i{font-size:16px;} /*number nav*/ #shutter-pager span{float: left} #shutter-pager{display:block;padding:5px 0;margin-top:20px;} .showpage a, .pagenumber a, .current{position:relative;display:inline-block;padding:5px 11px !important;line-height:21px;margin:0 2px;border:1px solid #dcdcdc;color:$(body.text.color);font-size:16px;transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;;min-width:33px;text-align:center;} .showpage a:hover, .pagenumber a:hover, .current{background:$(body.link.color);border:1px solid $(body.link.color);color:$(body.text.color)fff;text-decoration:none;} .current{color:$(body.text.color);background:$(body.link.color);border-color:$(body.link.color);} #shutter-pager .totalpages{text-align:left;float:right;padding:5px 11px;display:inline-block;font-size:16px;font-weight:500;color:$(body.text.color);line-height:21px;} /*infinite loading*/ .shutter-loadmore a{margin:20px auto;text-align:center;border:1px solid $(body.text.color);padding:10px 30px;font-weight:700;font-size:20px;display:inline-block;min-width:300px;max-width:300px;} .shutter-loadmore{text-align:center;} .shutter-loadmore a:hover{text-decoration:none;color:$(body.text.color);border-color:$(body.link.color);background-color:$(body.link.color)} .shutter-loadmore a:active,.shutter-loadmore a:visited, .shutter-loadmore a:link{color: $(body.text.color);text-decoration: none} .shutter-infinite-loading{display:block;width:100%;position:relative;} .shutter-infinite-loading .shttr-thecube{padding:0px !important;margin:0px auto !important;background:$(body.text.color);display:inline-block;position:relative;overflow:hidden;width:40%;min-width:300px;max-width:300px;} .shutter-loadmore a.disable:hover{background: transparent;border-color:$(body.text.color) } .shttr-cube.shttr-c1{background:rgb(255,255,255);color:rgb(2,116,198);font:16px "Helvetica Neue", sans-serif;line-height:97px;margin:20px auto;text-align:center;position:relative;width:100%;display:block;height:14px;position:relative;width:14px;} .shttr-cube.shttr-c1::before, .shttr-cube.shttr-c1::after{position:absolute;font-smoothing:none;-o-font-smoothing:none;-ms-font-smoothing:none;-webkit-font-smoothing:none;-moz-font-smoothing:none;} .shttr-cube.shttr-c1::before{animation:cssload-spin 1.15s linear infinite;-o-animation:cssload-spin 1.15s linear infinite;-ms-animation:cssload-spin 1.15s linear infinite;-webkit-animation:cssload-spin 1.15s linear infinite;-moz-animation:cssload-spin 1.15s linear infinite;box-shadow:0 0 0 1px rgb(2,116,198);color:rgb(255,255,255);content:"+";font-size:103px;height:25px;line-height:0;left:0;top:0;text-indent:-17px;transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;width:25px;} .shttr-cube.shttr-c1::after{content:"";background:rgb(2,116,198);height:14px;width:14px;position:absolute;top:6px;left:6px;} @keyframes cssload-spin{0%{transform:scale(1) rotate(0deg) translateZ(0);} 10%, 20%{transform:scale(1.4) rotate(90deg) translateZ(0);} 30%, 45%{transform:scale(1.4) rotate(180deg) translateZ(0);} 55%, 100%{transform:scale(1) rotate(270deg) translateZ(0);} } @-o-keyframes cssload-spin{0%{-o-transform:scale(1) rotate(0deg) translateZ(0);} 10%, 20%{-o-transform:scale(1.4) rotate(90deg) translateZ(0);} 30%, 45%{-o-transform:scale(1.4) rotate(180deg) translateZ(0);} 55%, 100%{-o-transform:scale(1) rotate(270deg) translateZ(0);} } @-ms-keyframes cssload-spin{0%{-ms-transform:scale(1) rotate(0deg) translateZ(0);} 10%, 20%{-ms-transform:scale(1.4) rotate(90deg) translateZ(0);} 30%, 45%{-ms-transform:scale(1.4) rotate(180deg) translateZ(0);} 55%, 100%{-ms-transform:scale(1) rotate(270deg) translateZ(0);} } @-webkit-keyframes cssload-spin{0%{-webkit-transform:scale(1) rotate(0deg) translateZ(0);} 10%, 20%{-webkit-transform:scale(1.4) rotate(90deg) translateZ(0);} 30%, 45%{-webkit-transform:scale(1.4) rotate(180deg) translateZ(0);} 55%, 100%{-webkit-transform:scale(1) rotate(270deg) translateZ(0);} } @-moz-keyframes cssload-spin{0%{-moz-transform:scale(1) rotate(0deg) translateZ(0);} 10%, 20%{-moz-transform:scale(1.4) rotate(90deg) translateZ(0);} 30%, 45%{-moz-transform:scale(1.4) rotate(180deg) translateZ(0);} 55%, 100%{-moz-transform:scale(1) rotate(270deg) translateZ(0);} } /*instagram feed*/ .insta-pic .insta-thumb{display:table;width:100%;height:250px;background-size:cover !important;background-position:center center !important;} .insta-pic .insta-thumb:after{content:"";position:absolute;background:#000;top:0px;left:0px;height:100%;width:100%;display:table;opacity:0;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .insta-pic:hover .insta-thumb:after{opacity:0.5;} .insta-pic{padding:0px !important;position:relative;} .insta-pic .insta-likes{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);} .insta-pic i{font-size:90px;position:relative;color:$(body.text.color);filter:blur(10px);opacity:0;transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease;-webkit-transition: all .6s ease;-ms-transition: all .6s ease;opacity:0} .insta-pic i span{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);font-size:20px;color:$(body.background);font-family:"consolas";font-weight:700;} .insta-pic:hover i{opacity:0.5;filter:blur(0px);} #instafeed{margin-top:30px;} #instafeed .button-follow{position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);z-index: 5;} #instafeed .button-follow a{color: $(body.background);padding: 10px 15px;display: block;background: $(body.text.color);font-weight: 700;text-transform: uppercase;font-size:15px;} #instafeed .button-follow a:hover{color: $(body.text.color);background:$(body.link.color);text-decoration:none;} #instafeed .button-follow a:link{text-decoration:none} #instafeed .button-follow a i{font-size:18px;margin-bottom: -5px;display: inline-block;} /* Subscribe Widget */ .FollowByEmail h2.title{margin-bottom:0px !important;} .FollowByEmail td{clear: left;display: block;width: 100% !important;} .FollowByEmail form{margin: 0px !important;box-sizing: border-box;} .FollowByEmail table td:nth-child(1):before{content: "Enter your email address below to subscribe to our newsletter";box-sizing: border-box;font-weight: 300;color:$(body.text.color);font-size:14px;} .FollowByEmail table,.FollowByEmail form{box-sizing: border-box;padding: 10px 0px!important;margin-bottom: 0px} .FollowByEmail table td:nth-child(1) input:nth-child(1){margin-top:10px;margin-bottom: 0px;width: 100% !important} .FollowByEmail table td:nth-child(2) input:nth-child(1){margin-top:0px;margin-bottom: 0px;width: 100% !important} .FollowByEmail table td:nth-child(2) input:nth-child(1):hover{background: $(body.text.color);color: #000} .FollowByEmail table .follow-by-email-address{height:40px !important;padding:10px 20px;line-height: 30px;font-size:15px !important;font-family:'Raleway', sans-serif;font-weight:400;border:1px solid rgba(255,255,255,0.6) !important;color: $(body.background);background: rgba(0,0,0,0);color:$(body.text.color);)} .FollowByEmail table .follow-by-email-submit{margin: 0px !important;padding: 0px !important;border-radius: 0px !important;margin-top:10px !important;background: $(body.text.color) !important;color:$(body.background) !important;font-weight: 700;font-family:'Raleway', sans-serif !important;font-weight:500 !important;;height: 40px !important;font-size:15px !important; text-transform: uppercase;border:1px solid $(body.text.color) !important;} .FollowByEmail table .follow-by-email-submit:hover{color:$(body.background) !important;} /* Popular Posts */ .PopularPosts ul{list-style-type: none;padding: 0px;} .PopularPosts ul li .item-thumbnail{position: relative;overflow: hidden;} .PopularPosts ul li.item-thumbnail img{transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .PopularPosts ul li:hover .item-thumbnail img{transform: scale(1.1,1.1);transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .PopularPosts ul li .item-snippet{font-size: 12px;color: rgba(255,255,255,0.6);font-family: 'Raleway',arial,sans-serif;margin-top: 0px;} .PopularPosts ul li .item-title a{font-weight: 700;font-size:14px;} /* Labels */ .Label ul{list-style-type: none;padding: 0px;} .Label li{float: left;} .Label li a{padding: 5px 8px;border: 1px solid #ccc;display: table;margin:0px 3px;font-size:13px;color:$(body.text.color);line-height: 18px;display: inline-block;text-transform: uppercase;opacity: 0.6;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .fwrapper .Label li a{padding: 5px 8px !important;display: block !important;color: rgba(255,255,255,1);border-color:rgba(255,255,255,0.1)} .Label li a:hover{color: $(body.text.color);border-color: rgba(255,255,255,1);text-decoration: none;opacity:1} /* Blog Archive */ .BlogArchive select{color:$(body.text.color);background:transparent;width:100%;border:1px solid rgba(255,255,255,0.3);box-sizing:border-box;padding:10px 20px;} .BlogArchive select option{color:$(body.background);} /* Page layout */ .grid-item.inline-ad .ad-content{display: block !important;overflow: hidden !important;width: 100% !important;} /* Footer */ footer .tfoot{background: $(body.link.color);} footer a:hover{color: $(body.text.color);text-decoration: underline;} footer .widget > h2:after{background: rgba(255,255,255,0.3)} #credit-blsm {background: $(body.link.color);border-top: 1px solid rgba(255,255,255,0.1);box-sizing: border-box;padding: 15px 0px;font-size:14px;} footer .shutter-columns-4 div.columns-cell {width: 25%;float: left;box-sizing: border-box} footer .shutter-columns-3 div.columns-cell {width: 33.33%;float: left;box-sizing: border-box} footer .shutter-columns-2 div.columns-cell {width: 50%;float: left;box-sizing: border-box} footer .shutter-columns-1 div.columns-cell {width: 100%;box-sizing: border-box} .tfoot{padding-bottom:20px;} /*Post Header*/ #shutter_post_header {position: relative;margin-bottom: 30px;} #shutter_post_header .shutter_wrap{background-size: cover !important;background-position: center center !important;padding:0px !important;} #shutter_post_header .shutter_wrap:after{content: "";position: absolute;left: 0px;right:0px;top:0px;width:100%;height: 100%;background:#000;opacity:0;display: flex;flex-wrap: wrap} #shutter_post_header .shutter_meta{position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 5;max-width: 700px; width: 100%; text-align: center;} #shutter_post_header .shutter_meta h1{font-size:40px;} #shutter_post_header .post-tags a{text-transform: uppercase; border:1px solid rgba(255,255,255,0.8);opacity:0.8;padding:6px 4px;display: inline-block;margin:4px 4px;transition: .2s all ease-in-out;border-radius: 0px;} #shutter_post_header .post-tags a:hover{opacity: 1;border-color: rgba(255,255,255,1);} #shutter_post_header .post-details{opacity: 0.8;} #shutter_post_header .post-title{padding:7px 0px;} #shutter_post_header .meta-box{box-sizing: border-box;padding: 30px;background: rgba(0,0,0,0.4)} /*Post Footer*/ .shutter-left-tags{float: left}; .shutter-right-share{float: right;text-align: right;} .post-footer{padding:10px 0px;} .shutter-right-share ul li{float: right;} .shutter-right-share ul li a {display: inline-block;color: $(body.text.color);text-align: center;font-size: 12px;} .shutter-right-share .share-links .social-item {padding: 4px 10px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);cursor: pointer;margin-left: 5px;text-align: center;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .shutter-right-share .share-links .social-item.facebook {background: #3b5998;} .shutter-right-share .share-links .social-item.twitter {background: #00aced;} .shutter-right-share .share-links .social-item.google {background: #dd4b39;} .shutter-left-tags{font-weight: 500;font-family: 'Open Sans', sans-serif;} .shutter-left-tags a{text-decoration: none;font-weight: 100;font-family: 'Open Sans', sans-serif;border:1px solid rgba(255,255,255,0.6);opacity:0.8;padding:2px 4px;margin:4px 3px;text-transform: uppercase;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .shutter-left-tags a:hover{opacity: 1;border-collapse: rgba(255,255,255,1);color:$(body.text.color)} /* Comments */ #comments .comment .comment-block{border:0px;padding-bottom:15px;position:relative;} .comments .comments-content .comment-content{font-size: 14px;background: rgba(255,255,255,0.1);color: $(body.text.color);line-height: 24px;width: 100%; display: border-box; padding: 20px;} .comments .comment-actions{position: absolute;width: auto;right: 0px;top:-10px;} .comments .comment-actions a{background: #transparent !important;color:$(body.text.color) !important;border: 1px solid #eaeaf1 !important;transition: .2s all ease-in-out !important;opacity:0.5;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .comments .comment-actions a:hover{background: #transparent !important;color: $(body.text.color) !important;border-color: $(body.text.color) !important;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;text-decoration:none !important;opacity:1} .comments .comments-content .comment-header{border-bottom: 0px !important;} .comments h4{border-bottom: 1px solid rgba(255,255,255,0.4);text-align: left;color: $(body.text.color);font-weight: 500;font-size: 18px;} .comments h4:after{display: none;} .comments .comment-actions a{margin:5px;display: inline-block;font-size:12px;padding:4px 8px;} .comments .user a{font-weight: 700;font-size:15px;} .comments .datetime a{color: #c3c3c3;font-size:11px;clear: left;display:block;margin-top:-10px;} .comments .icon.user.blog-author:before{content:"\f3fe";font-family: "Ionicons";color:$(body.link.color);font-size:17px;} .comments .continue a{width: 100% !important;text-align: center;border:1px solid #ccc;color:$(body.text.color);font-weight: 300;opacity:0.7;} .comments .continue a:hover{color:$(body.text.color);border-color:$(body.text.color);opacity:1;} .comments h4{border-bottom: 0;font-size: 18px;font-weight: 700;margin-bottom: 30px;margin-top: 2px;text-transform: uppercase;border-bottom: 2px solid #ecede7;padding-bottom: 10px;margin-bottom: 10px;position: relative;} .comments h4:after{content: "";position: absolute;left: 0px;bottom: -2px;background: $(body.link.color);width: 100%;display: table;height: 2px;} h4#comment-post-message{text-align:center;border:1px solid rgba(255,255,255,0.5);padding:18px 0px;box-sizing:border-box;color:$(body.text.color);font-size:16px;display:table;width:100%;} h4#comment-post-message:after{display: none} /*Post Author*/ .shutter-author{box-sizing: border-box;padding: 10px 10px;border:1px solid $(body.link.color);margin:20px 0px;background:$(body.link.color)} .shutter-author .box-author .post-author{display: table;width:100%;} .shutter-author .author-img{padding-right: 20px;display: table;float: left} .shutter-author .author-content{padding-left: 130px;vertical-align: top;} .top-author a{font-size:16px;line-height: 18px;font-weight: 600;} #shutter-author-post-desc-place{color: $(body.text.color);opacity:0.7;font-size:12px;letter-spacing: 0.5px;line-height: 1.6;} .shutter-author #shttr-link-place ul{padding: 0px;} .shutter-author #shttr-link-place ul li{float: left;padding: 0px 3px;list-style-type: none;} .breadcrumbs{width: 100%;overflow: hidden;} .shutter-author .content-social-author a i{width: 25px;height: 25px;line-height: 25px;text-align: center;} .shutter-author .content-social-author a:hover{color: $(body.text.color);} .shutter-author .fa-facebook{background:#3b5999} .shutter-author .fa-twitter{background: #55acee} .shutter-author .fa-linkedin{background:#0077B5} .shutter-author .fa-skype{background: #00AFF0} .shutter-author .fa-dropbox{background: #007ee5} .shutter-author .fa-wordpress{background: #21759b} .shutter-author .fa-vimeo, .shutter-author .fa-vimeo-square{background: #1ab7ea} .shutter-author .fa-slideshare{background: #0077b5} .shutter-author .fa-vk{background:#4c75a3} .shutter-author .fa-tumblr, .shutter-author .fa-tumblr-square{background: #34465d} .shutter-author .fa-yahoo{background: #410093} .shutter-author .fa-google-plus,.shutter-author .fa-google-plus-square,.shutter-author .fa-google-plus-official{background: #dd4b39} .shutter-author .fa-pinterest-p,.shutter-author .fa-pinterest-square, .shutter-author .fa-pinterest{background: #bd081c} .shutter-author .fa-youtube, .shutter-author .fa-youtube-play, .shutter-author .fa-youtube-square{background: #cd201f} .shutter-author .fa-stumbleupon, .shutter-author .fa-stumbleupon-circle{background:#eb4924} .shutter-author .fa-reddit-alien, .shutter-author .fa-reddit-square, .shutter-author .fa-reddit{background: #ff5700} .shutter-author .fa-quora{background:#b92b27} .shutter-author .fa-yelp{background: #af0606} .shutter-author .fa-weibo{background:#df2029} .shutter-author .fa-product-hunt{background: #da552f} .shutter-author .fa-hacker-news{background: #ff6600} .shutter-author .fa-soundcloud{background: #ff3300} .shutter-author .fa-rss, .shutter-author .fa-rss-square{background: #f57d00} .shutter-author .fa-whatsapp{background:#25D366} .shutter-author .fa-weixin{background: #09b83e} .shutter-author .fa-medium{background: #02b875} .shutter-author .fa-vine{background: #00b489} .shutter-author .fa-slack{background: #3aaf85} .shutter-author .fa-instagram{background: #e4405f} .shutter-author .fa-dribbble{background: #ea4c89} .shutter-author .fa-flickr{background: #ff0084} .shutter-author .fa-foursquare{background: #f94877} .shutter-author .fa-behance-square, .shutter-author .fa-behance{background: #131418} .shutter-author .fa-snapchat, .shutter-author .fa-snapchat-square, .shutter-author .fa-snapchat-ghost{background:$(body.text.color)C00} .shutter-author .fa-codepen{background: $(body.background)} .shutter-author .fa-stack-overflow{background: #f57d00} .shutter-author .fa-digg{background:#131418} .shutter-author .fa-delicious{background:#0084ff} /*advertisement */ .btm-advertisement, #place-advert.bottom-advert, .top-advertisement {text-align: center;display: table;max-width: 100%;width: 100%; position: relative;overflow: hidden} /* Error Page */ .error_msg{position: fixed;left: 320px;top:0px;right: 0px;bottom: 0px;z-index: 15;} .error_msg .error-content{text-align: center;position: absolute;top:50%;left:50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); background:rgba(0,0,0,0.6);box-sizing:border-box;padding:30px;width:100%;max-width:550px;} .error_msg .error-content h1{font-size:60px;margin-bottom:20px;font-weight:700;} .error_msg .error-content h2{font-size: 30px;font-weight:700;} .error_msg .error-content a.gohome{display: inline-block;margin: 10px;padding: 5px 10px;box-sizing: border-box;border:1px solid $(body.text.color);font-size:15px;text-transform: uppercase;transition:.2s all ease-in-out;-moz-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;-ms-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;} .error_msg .error-content a:hover{background: $(body.text.color);color: $(body.background)} /*meida queries*/ @media only screen and (max-width:1700px){ .shutter-one-sidebar .grid-item{width: 50%;} .insta-pic .insta-thumb{height: 220px;} .insta-pic i{font-size:60px;} .insta-pic i span{font-size:16px;} } @media only screen and (max-width: 1500px){ .insta-pic .insta-thumb{height: 180px;} .insta-pic i{font-size:60px;} .insta-pic i span{font-size:16px;} } @media only screen and (max-width:1400px){ .shutter-two-sidebar .grid-item{width: 100%;padding:5px;} .slide .slide-box{max-width:60%} } @media only screen and (max-width:1200px){ #navmenu{display: none} #nav-responsive{display: block;} .nav-sidebar-area{transform:translateX(-280px);max-width: 280px;} .content-area{padding-left: 0px;} .slide .slide-box{max-width:60%} .slide-category a {padding: 2px 3px;margin-bottom: 5px;font-size:12px;} .slide h3{font-size:25px;} .slide .slidebox-inner{padding: 15px 18px;} body{font-size:12px;} .shutter-one-sidebar .grid-item{width: 50%;padding:5px;} .insta-pic .insta-thumb{height: 180px;} .insta-pic i{font-size:60px;} .insta-pic i span{font-size:16px;} .topmenu.hidden{display: block !important;border-bottom: 1px solid rgba(255,255,255,0.2)} .topmenu{text-align: center;} .topmenu.hidden h1, .topmenu .titlewrapper, .topmenu #header-inner, .topmenu #headercopy{display: inline-block;} .topmenu .Header{margin: 0px;padding: 0px;display: inline;} .topmenu > div.toogle_menu_button{position: absolute;left: 0px;top:0;cursor: pointer} .topmenu > .toogle_search_button{position: absolute;right: 0px;top:0;cursor: pointer} .topmenu h1:after{display: none;} .topmenu.hidden h1{line-height:50px;} .topmenu{position: fixed;top:0px;left: 0px;display: table;width: 100%;height: 50px;z-index: 999;background: $(body.background);} .topmenu > div > a{line-height: 50px;width: 50px;text-align: center;display: table;font-size:20px;z-index:9099;} .topmenu > div.toogle_menu_button a{border-right: 1px solid rgba(255,255,255,0.2);cursor: pointer} .topmenu > div.toogle_search_button a{border-left: 1px solid rgba(255,255,255,0.2);cursor: pointer} .topmenu > div > a:hover{color: $(body.text.color)} .shutter-no-sidebar .grid-item{width: 33.33%;padding:5px;} .error_msg{left:0px} .error_msg .error-content{max-width: 400px;} .content-area{margin-top:50px}; } @media only screen and (max-width:1000px){ .insta-pic .insta-thumb{height: 160px;} .insta-pic i{font-size:60px;} .insta-pic i span{font-size:16px;} } @media only screen and (max-width: 991px){ .shutter-two-sidebar .grid-item{width: 33.33%;padding:5px;} body.shutter-two-sidebar .addpad .col-lg-3{margin-top:30px} } @media only screen and (max-width: 900px){ .insta-pic .insta-thumb{height: 150px;} .insta-pic i{font-size:60px;} .insta-pic i span{font-size:16px} aside .section{margin: 0px !important;} #right-sidebar-area{padding-left: 0px;} } @media only screen and (max-width: 800px){ .col-sm-2.insta-pic{max-width: 33.33%;width:33.33% !important;min-width:33.33% !important;} .insta-pic .insta-thumb{height: 250px;} .shutter-one-sidebar .grid-item{width: 100%;} .slide .slide-meta{display: none !important} .shutter-no-sidebar .grid-item{width: 50%} .shutter-two-sidebar .grid-item{width: 50%;padding:5px;} #shutter_post_header .shutter_meta h1{font-size:30px;} #shutter_post_header .shutter_meta {max-width: 400px} .Label li a{font-size:11px;padding:4px 5px;} } @media only screen and (max-width: 767px){ footer .shutter-columns-4 div.columns-cell {width: 100%;float: left;box-sizing: border-box} footer .shutter-columns-3 div.columns-cell {width: 100%;float: left;box-sizing: border-box} .shutter-one-sidebar .grid-item{width: 50%;padding: 5px;} .owl-nav{display:none} body.shutter-one-sidebar .addpad .col-md-4{margin-top:30px} } @media only screen and (max-width:600px){ .insta-pic .insta-thumb{height: 200px;} .shutter-author .author-img{float: none;width: 100%;text-align: center;} .shutter-author .author-content{padding-left: 0px; text-align: center;} .shutter-author .content-social-author{display: block;text-align: center;width: 100%;} .shutter-author .content-social-author ul{text-align: center;display: inline-block;} .post-footer > div{float:none;display:table;width:100%;text-align:center;} .post-footer .social-icons:after{content: "";clear: both;} .post-footer .social.share-links .count-share ul{display:inline-block;} .shutter-left-tags a{display: inline-block;} .post-footer .social-icons{padding: 0px} } @media only screen and (max-width: 550px){ .shutter-one-sidebar .grid-item, .shutter-two-sidebar .grid-item, .shutter-no-sidebar .grid-item{width: 100%;} .slide .slide-box{max-width: 80%;width:100%;text-align: center;} .slide-box{position: absolute;left: 50%;top:75%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .slide-box h3{font-size:22px;} .slide-box .slide-category a{font-size:10px;} footer .shutter-columns-2 div.columns-cell{width: 100%;} .insta-pic .insta-thumb{height: 180px;} .error_msg .error-content{max-width: 280px;} .search__form input.search__input{width: 90%;box-sizing: border-box;} .search__form .search__info{margin: 0px;padding: 20px 20px;width:100%;box-sizing: border-box;} } @media only screen and (max-width:450px){ .insta-pic .insta-thumb{height: 150px;} #right-sidebar-area {padding-left: 15px} } @media only screen and (max-width: 350px){ .insta-pic .insta-thumb{height: 120px;} .insta-pic i{font-size: 50px} .insta-pic i span{font-size:12px;} } @media only screen and (max-width: 300px){ .shutter-loading, .shutter-loadmore a{max-width: 90%; min-width: 60%; font-size: 18px;} .insta-pic .insta-thumb{height: 100px;} } ]]> .section{display:inline-block;width:100%;} body#layout #right-sidebar-area .shutter-columns-2 .columns-cell{width:50%;display:block;} body#layout .column-right-inner aside > .section{display:inline-block;width:100%;} body#layout .footer-inner{width:100% !important;} body#layout .content-area{padding-left:265px;} body#layout{margin-top:0px;padding-top:0px;} body#layout .nav-sbar-inner{background:#5d4286;padding-top:160px;-webkit-box-shadow:0 5px 15px 0 rgba(196,113,245,1);box-shadow:0 5px 15px 0 rgba(196,113,245,1);} body#layout .section{background:transparent !important;} body#layout .nav-sbar-inner .section{border:0px solid #fff !important;} body#layout{background:#fff !important;} body#layout .nav-sbar-inner:before{content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNf_CmvaQZawY1LdL3Z5a-pjj_bHBU47UIEzmvw7G3k0RIUsQ5hm_LkI-A6J4kaUn9uw-yRxYf8ZET7l5yLROOIibQlWenkUBcli9rP_h2-XbkrEN7HO6IlqwN5IKf-2gXc2gFBGFslgU/s1600/clg.png');position:absolute;left:20px;top:100px;width:230px;height:230px;display:table;} body#layout .nav-sbar-inner .section > h4{color:#fff !important;margin-left:0px;width:100%;} body#layout #instawidget h4:after{content:"You can obtain this details from the tool link provided in documentation.";color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;display:table;width:100%;margin:0px 0px;padding:10px 10px;box-sizing:border-box;font-size:12px;font-weight:normal;letter-spacing:0.4px;} ]]>