smail

----------------------- */ /* ======================= CONTENTS ======================= => Global => Layout => Preloader (1) => Preloader (2) - Loader Content => Top Bar - Login Form => Header - Nav Menu - Mega Menu - MagPro Mega Menu Loading Animation - SlickNav - Search Button - Side Panel => News Ticker => Latest Posts [First] => Posts - Item Page - BreadCrumbs - Post Top & Bottom Share - Post Bottom Ad - Post Author Bottom - Post Tags - Reactions - Related Posts - Comments => Pop Up Posts => Blog Pager => sidebar - Social Counter - Follow By Email - Recent Post Widget - Featured Post - Popular Post Widget - Comment Widget - Labels - Blog Archive => Advertisement Widget => Owl Carousel => Featued Post Widget => Featured Section => Main Widgets => 404 => Message Top => Footer - Footer Bottom Menu - Footer Bottom Social - Contact Popup => Shortcode => Back To Top => Responsive Design ======================= */ /*-------- Global ----------*/ *::selection {background: $maincolor;color: #ffffff;} *::-o-selection {background: $maincolor;color: #ffffff;} *::-moz-selection {background: $maincolor;color: #ffffff;} *::-webkit-selection {background: $maincolor;color: #ffffff;} ::-webkit-scrollbar {width: 10px;height: 10px} ::-webkit-scrollbar-thumb {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} ::-webkit-scrollbar-thumb:active {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} ::-webkit-scrollbar-track {background:#fff} ::-webkit-scrollbar-track:active {background:#fff} a:link{text-decoration:none} html,body,.section,.widget,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{margin:0;padding:0} html{overflow-x:hidden} a{text-decoration:none;color:#000} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} table{border-collapse:separate;border-spacing:0} caption,th,td{text-align:left;font-weight:400} .quickedit,.home-link{display:none} sup{vertical-align:super;font-size:smaller} a img{border:none} .post-body table {margin:10px 0px;} .post-body table td{border-collapse:collapse;border:1px solid #e6e6e6;margin-bottom:1.5em;text-align:center} .post-body table{border-collapse:collapse;border:1px solid #e6e6e6;margin-bottom:1.5em} .post-body td,th{border-top:1px solid #e6e6e6;vertical-align:top;padding:12px 20px} hr{display: block;height: 1px;border: 0;border-top: 1px solid #eee;margin: 1em 0;padding: 0;} code{font:consolas;border:1px solid #ccc;background:#f7f7f7;padding:2px 6px;font-size:12px;color:#272727} .slidebg{background: $(body.background);} ol,ul{padding:0;margin:0;text-align:left} ol li{padding:0 0 5px} ul li{padding:0 0 5px} ul ul,ol ol{padding:0} .post-body a:hover{color:$maincolor} .section,.widget,.widget ul{margin:0;padding:0} #navbar-iframe,.navbar,.Attribution,.post-author-widget{height:0;visibility:hidden;display:none} .feed-links,.post-footer-line.post-footer-line-1,.post-footer-line.post-footer-line-2,.post-footer-line.post-footer-line-3{display:none} .item-control{display:none!important} h2.date-header,h4.date-header{display:none;margin:1.5em 0 .5em} h1,h2,h3,h4,h5,h6{font:$(heading.font);font-weight:400;color:#2e2e2e} img{max-width:100%;vertical-align:middle;border:0} .widget iframe,.widget img{max-width:100%} .status-msg-border{border:1px solid #ff545a;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .status-msg-body{color:$maincolor;font:$(heading.font);letter-spacing:0;font-weight:400} abbr {border: none!important;outline: none!important;text-decoration: none!important;} /*------ Layout --------*/ *{outline:0;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease} body{color:#2e2e2e;font:$(body.font);font-size:14px;font-weight:400;line-height:21px;background:$(body.background)} #body-wrapper{max-width:100%;margin:0 auto;background-color:#FFF;box-shadow:0 0 5px RGBA(0,0,0,0.2)} .body-row{width:1170px} #content-wrapper{margin:0 auto;padding:20px 0 40px;overflow:hidden} #main-wrapper{float:left;width:68%;max-width:800px} #sidebar-wrapper{float:right;width:30%;max-width:340px} article{padding:0;overflow:hidden} @media screen and (min-width:1024px){.img-Animate .recent-boxes .box-thumbnail,.img-Animate .recent-boxes .bx-first,.img-Animate .home .magpro-featured-wid,.img-Animate .sidebar .PopularPosts ul li img,.img-Animate .magpro-fcols-inner .PopularPosts ul li img,.img-Animate .videos-item .box-image,.img-Animate .sidebar .magpro-recent-item .magpro-recent-thumb,.img-Animate .magpro-fcols-inner .magpro-recent .magpro-recent-thumb,.img-Animate .carousel-item .box-image,.img-Animate .gallery ul li .box-image,.img-Animate .FeaturedPost .post-summary,.img-Animate .mp-footer-carousel a.layer img,.img-Animate .sidebar .recent-single-carousel .imgwrap a.featured-thumb img,.img-Animate .featured-full-bottom-s .recent-full-carousel .imgwrap a.featured-thumb img,.img-Animate .recent-post-straight .imgwrap a.featured-thumb img,.img-Animate .magpro-fcols-inner .recent-single-carousel .imgwrap a.featured-thumb img,.img-Animate .magpro-widget.list .magpro-widget-col-2 .post-image a,.img-Animate .magpro-gallery-feature .feature-image,.img-Animate .magpro-widget-col-1 img,.img-Animate .magpro-gallery-post .regular.img_dyn.getinfo.playing,.img-Animate .magpro-gallery-post .regular.img_dyn.getinfo.ntpl,.img-Animate .featured-full-top .imgwrap img,.img-Animate .post-body img {opacity:0;transition:all .5s ease !important;-webkit-transition:all .2s ease !important;-moz-transition:all .2s ease !important;-o-transition:all .2s ease !important;-webkit-transform:scale(.8) !important;-moz-transform:scale(.8) !important;transform:scale(.8) !important}} .img-Animate .show-with,.img-Animate .recent-boxes .box-thumbnail.show-with,.img-Animate .recent-boxes .bx-first.show-with,.img-Animate .home .magpro-featured-wid.show-with,.img-Animate .sidebar .PopularPosts ul li img.show-with,.img-Animate .magpro-fcols-inner .PopularPosts ul li img.show-with,.img-Animate .videos-item .box-image.show-with,.img-Animate .sidebar .magpro-recent-item .magpro-recent-thumb.show-with,.img-Animate .magpro-fcols-inner .magpro-recent .magpro-recent-thumb.show-with,.img-Animate .carousel-item .box-image.show-with,.img-Animate .gallery ul li .box-image.show-with,.img-Animate .FeaturedPost .post-summary.show-with,.img-Animate .mp-footer-carousel a.layer img.show-with,.img-Animate .sidebar .recent-single-carousel .imgwrap a.featured-thumb img.show-with,.img-Animate .featured-full-bottom-s .recent-full-carousel .imgwrap a.featured-thumb img.show-with,.img-Animate .recent-post-straight .imgwrap a.featured-thumb img.show-with,.img-Animate .magpro-fcols-inner .recent-single-carousel .imgwrap a.featured-thumb img.show-with,.img-Animate .magpro-widget.list .magpro-widget-col-2 .post-image a.show-with,.img-Animate .magpro-gallery-feature .feature-image.show-with,.img-Animate .magpro-widget-col-1 img.show-with,.img-Animate .magpro-gallery-post .regular.img_dyn.getinfo.playing.show-with,.img-Animate .magpro-gallery-post .regular.img_dyn.getinfo.ntpl.show-with,.img-Animate .featured-full-top .imgwrap img.show-with,.img-Animate .post-body img.show-with {opacity:1;transition:all .5s ease !important;-webkit-transition:all .2s ease !important;-moz-transition:all .2s ease !important;-o-transition:all .2s ease !important;-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;transform:scale(1) !important} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.PopularPosts ul li img:hover,a.recentLabel-1:hover,a.recentLabel:hover,.postmarg .post-cat a:hover,.post-body img:hover,img.pager-thumb:hover,#font-size a:hover {opacity: 0.8 !important;} .overlay-icon:before{content: '\f15c';color: #FFF;display: block;position: absolute;top: 50%;left: 50%;border: 3px solid #FFF;border-radius: 100%;width: 40px;height: 40px;text-align: center;font-size: 18px;line-height: 35px;margin: -20px 0 0 -20px;opacity: 0;-webkit-backface-visibility: hidden;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .overlay-icon {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;} .post-image .overlay-icon {position: relative;} .magpro-post-image a:hover .overlay-icon:before,.magpro-m-thumb a:hover .overlay-icon:before,.wid-thumb a:hover .overlay-icon:before,.magprofeatured-thumb a:hover .overlay-icon:before,.magpro-recent-item a:hover .overlay-icon:before,.post-image a:hover .overlay-icon:before,.box-thumbnail a:hover .overlay-icon:before,.related-thumb a:hover .overlay-icon:before,.bmrp-thumb:hover .overlay-icon:before,.mp-soverlay a:hover .overlay-icon:before,.mp-topost-item a:hover .overlay-icon:before,.imgwrap a:hover .overlay-icon:before,.mp-rscrl-img a:hover .overlay-icon:before,.carousel-item a:hover .overlay-icon:before{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} .magpro-post-image a:hover .overlay-icon,.magpro-m-thumb a:hover .overlay-icon,.wid-thumb a:hover .overlay-icon,.magprofeatured-thumb a:hover .overlay-icon,.magpro-recent-item a:hover .overlay-icon,.post-image a:hover .overlay-icon,.box-thumbnail a:hover .overlay-icon,.related-thumb a:hover .overlay-icon,.bmrp-thumb:hover .overlay-icon,.mp-soverlay a:hover .overlay-icon,.mp-topost-item a:hover .overlay-icon,.imgwrap a:hover .overlay-icon,.mp-rscrl-img a:hover .overlay-icon,.carousel-item a:hover .overlay-icon {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity:0.9;} .sidebar .widget h2, .custwid .widget h2, .related-posts-title, .formlog-title,.box-title h2.title {padding: 0px 0px 10px;color: #2f2f33;display: block;font-size: 18px;margin: 0;position: relative;font-weight: 700 !important;font:$(heading.font);text-align: left;border-bottom: 2px solid rgba(0,0,0,0.1);} .sidebar .widget h2:after, .custwid .widget h2:after, .related-posts-title:after, .formlog-title:after,.box-title h2.title:after {content: ""; background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));width: 40px;height: 2px;position: absolute;bottom: -2px;left: 0;} *, ::after, ::before {box-sizing: border-box;} .col-sm-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;position: relative;width: 100%;min-height: 1px;padding-left: 15px;padding-right: 15px;float: left;} .col-md-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;position: relative;width: 100%;} .blog-posts.hfeed.row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .grid-item {width: 100%;} /*--------------------- Preloader (1) -----------------------*/ .pre-loader{display:none} .pre-loader{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .spinner>div{width:22px;height:22px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both} /*--------------------- Preloader (2) -----------------------*/ .preloader-2{display:none;} .preloader-2{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} /*------------- Loader Content ---------------*/ .spinner-content {margin:0 auto;width: 70px;text-align: center;height: 300px;line-height: 300px;} .spinner-content > div {width: 18px;height: 18px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;} .spinner-content .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;} .spinner-content .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;} @-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) }40% { -webkit-transform: scale(1.0) }} @keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0);transform: scale(0);} 40% { -webkit-transform: scale(1.0);transform: scale(1.0);}} /*--------- Login Form -----------*/ .login-form { display: none;background: rgba(20, 22, 24, 0.95);bottom: 0;height: 100%;left: 0;position: fixed;right: 0;top: 0;width: 100% !important;z-index: 99999;transition: 0s;} .input-form {background-color: #fff !important;border-radius: 2px !important;padding: 25px;padding-top: 35px;height: 300px;width: 90%;max-width: 370px;margin: 10em auto 0;} input#signin-btn-log,input#Passwd-log,input#Email-log {width: 100%;font: $(body.font);} input#Passwd-log {margin-top: 20px;} .magpro-social .login:before{content:"\f023";} .formlog-title{margin-bottom:20px !important;} .formlog-title .fa-lock {float: right;color: #b9bec3;margin-top: 4px;} .formlog-title h4 {font-weight: 700;} #Email-log {border: 1px solid rgba(0,0,0,0.1);color: #2c2f34;font-size: 12px;outline: none;padding: 5px;line-height: 23px;border-radius: 2px;transition: background 0.3s, border 0.3s;background-color: transparent;} #Passwd-log {border: 1px solid rgba(0,0,0,0.1);color: #2c2f34;font-size: 12px;outline: none;padding: 5px;line-height: 23px;border-radius: 2px;transition: background 0.3s, border 0.3s;background-color: transparent;} #signin-btn-log{width: auto;position: relative;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff;padding: 7px 15px;margin: 0;font-weight: normal;font-size: 12px;display: inline-block;text-align: center;line-height: 21px;border: none;cursor: pointer;text-decoration: none;vertical-align: middle;transition: 0.3s;border-radius: 2px;-webkit-appearance: none;-moz-appearance: none;font: $(body.font);} #signin-btn-log:hover {opacity: 0.8;} .forgetpass {margin-top: 10px;margin-bottom: 10px;font-size: 12px;text-align: left;} .login-form .btn-log-close{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;border:medium none;color:#fff !important;font-size:35px;position:fixed;top:50px;right:50px;margin-right:0px;opacity:1;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;cursor: pointer;} .login-form .btn-log-close:hover{cursor:pointer;}.midalizer{margin: 0 auto;padding: 20px 0px;} .btn-log-close .cb-times {font-size: 35px;color:#fff} .btn-log-close .cb-times:hover {color: #d60101;} .fa.cb-times:before {content: '\f105';} .fa.cb-times:after {content: '\f104';position: relative;left: -5px;} .cb-times:hover {color: #d20f0f;} .magpro-social .login:before{content:"\f023";} /*-------- Top Bar ----------*/ .magpro-top{border-bottom: 2px solid rgba(0,0,0,0.1);} .magpro-top-menu li a:hover{color: $(maincolor) !important;} .magpro-top-menu ul li a{color:#000;font-size:12px;padding: 0 25px 0 0;line-height: 40px;} .magpro-top-wrapper{position:relative;min-height:40px;color:#aaa;margin:0 auto;border-right: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1);} .magpro-social{float:right;padding:5px 0} .magpro-social li{display:inline;padding:0;float:left;margin-right:5px} .magpro-social .widget ul{padding:0} .magpro-social .LinkList ul{text-align:center;margin:0 20px 0 0} .magpro-social #social a{display:block;width:30px;height:30px;line-height:30px;font-size:14px;color:#000;transition:background .3s linear;-moz-transition:background .3s linear;-webkit-transition:background .3s linear;-o-transition:background .3s linear} .magpro-social #social a:before{display:inline-block;font:normal normal normal 22px/1 FontAwesome;font-size:inherit;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .magpro-social .bloglovin:before{content:"\f004"} .magpro-social .facebook:before{content:"\f09a"} .magpro-social .twitter:before{content:"\f099"} .magpro-social .rss:before{content:"\f09e"} .magpro-social .youtube:before{content:"\f167"} .magpro-social .skype:before{content:"\f17e"} .magpro-social .stumbleupon:before{content:"\f1a4"} .magpro-social .tumblr:before{content:"\f173"} .magpro-social .vine:before{content:"\f1ca"} .magpro-social .stack-overflow:before{content:"\f16c"} .magpro-social .linkedin:before{content:"\f0e1"} .magpro-social .dribbble:before{content:"\f17d"} .magpro-social .soundcloud:before{content:"\f1be"} .magpro-social .behance:before{content:"\f1b4"} .magpro-social .digg:before{content:"\f1a6"} .magpro-social .instagram:before{content:"\f16d"} .magpro-social .pinterest:before{content:"\f0d2"} .magpro-social .delicious:before{content:"\f1a5"} .magpro-social .codepen:before{content:"\f1cb"} .magpro-social .vimeo:before{content:"\f27d";} .magpro-social .wordpress:before{content:"\f19a";} .magpro-social .dropbox:before{content:"\f16b";} .magpro-social .slideshare:before{content:"\f1e7";} .magpro-social .vk:before{content:"\f189";} .magpro-social .yahoo:before{content:"\f19e";} .magpro-social .reddit:before{content:"\f281";} .magpro-social #social a{transition:.2s all ease-in-out;} .magpro-social #social a:hover{transition:.2s all ease-in-out;} .magpro-social #social a.facebook:hover{color:#3b5999;} .magpro-social #social a.twitter:hover{color:#55acee;} .magpro-social #social a.youtube:hover{color:#cd201f;} .magpro-social #social a.pinterest:hover{color:#bd081c;} .magpro-social #social a.instagram:hover{color:#e4405f;} .magpro-social #social a.codepen:hover{color:#222;} .magpro-social #social a.linkedin:hover{color:#0077B5;} .magpro-social #social a.skype:hover{color:#00AFF0;} .magpro-social #social a.dropbox:hover{color:#007ee5;} .magpro-social #social a.wordpress:hover{color:#21759b;} .magpro-social #social a.vimeo:hover{color:#1ab7ea;} .magpro-social #social a.slideshare:hover{color:#0077b5;} .magpro-social #social a.vk:hover{color:#4c75a3;} .magpro-social #social a.tumblr:hover{color:#34465d;} .magpro-social #social a.yahoo:hover{color:#410093;} .magpro-social #social a.stumbleupon:hover{color:#eb4924;} .magpro-social #social a.reddit:hover{color:#ff5700;} .magpro-social #social a.quora:before{content:"\f2c4";} .magpro-social #social a.quora:hover{color:#b92b27;} .magpro-social #social a.yelp:before{content:"\f1e9";} .magpro-social #social a.yelp:hover{color:#af0606;} .magpro-social #social a.weibo:before{content:"\f18a";} .magpro-social #social a.weibo:hover{color:#df2029;} .magpro-social #social a.phunt:before{content:"\f288";} .magpro-social #social a.phunt:hover{color:#da552f;} .magpro-social #social a.hackernews:before{content:"\f1d4";} .magpro-social #social a.hackernews:hover{color:#ff6600;} .magpro-social #social a.soundcloud:hover{color:#ff3300;} .magpro-social #social a.whatsapp:before{content:"\f232";} .magpro-social #social a.whatsapp:hover{color:#25D366;} .magpro-social #social a.wechat:before{content:"\f1d7";} .magpro-social #social a.wechat:hover{color:#09b83e;} .magpro-social #social a.vine:hover{color:#00b489;} .magpro-social #social a.slack:before{content:"\f198";} .magpro-social #social a.slack:hover{color:#3aaf85;} .magpro-social #social a.dribbble:hover{color:#ea4c89;} .magpro-social #social a.dribbble:hover{color:#ea4c89;} .magpro-social #social a.flickr:before{content:"\f16e";} .magpro-social #social a.flickr:hover{color:#ff0084;} .magpro-social #social a.foursquare:before{content:"\f180";} .magpro-social #social a.foursquare:hover{color:#f94877;} .magpro-social #social a.behance:hover{color:#131418;} .magpro-social #social a.rss:hover{color:#f57d00;} .magpro-social #social a.stack-overflow:hover{color:#f57d00;} .magpro-social #social a.c:hover{color:#131418;} .magpro-social #social a.delicious:hover{color:#0084ff;} .magpro-first-article img{width: 100%;} .magpro-social ul#social a:hover{color:$maincolor;opacity:1} .magpro-magpro-top-menu{float:left;margin-left: 15px;} .magpro-top-menu ul{overflow:hidden;list-style:none;padding:0;margin:0} .magpro-top-menu ul li{float:left;display:inline-block;list-style:none;padding:0} .magpro-top-menu ul li a{display:block;border:none!important;text-decoration:none;font-weight:400;text-transform:capitalize;} .magpro-top-menu ul li a:hover{color:$maincolor} /*-------- Header ----------*/ .magpro-center-header{background:#fff} #magpro-wide-wrapper{color:#fff;padding:30px 0;margin:0 auto} #header-inner{background-position:left;background-repeat:no} .magpro-wide img{height:auto;max-height:100%;margin:0} .magpro-wide h1,.magpro-wide h1 a,.magpro-wide h1 a:hover,.magpro-wide h1 a:visited{font:$(body.font);color:$maincolor;font-size:52px;font-weight:400;line-height:1.2em;margin:0;padding:0 0 5px;text-decoration:none;text-transform:uppercase;} .magpro-wide h3{font-weight:400;margin:0;padding:0} .magpro-wide .description{color:#666;margin:0;padding:0 0 10px;text-transform:capitalize;text-align:center;text-indent:0;} .magpro-wide {margin: 0;padding: 0;width: 100%;text-align: center;} .headerright{float:right;margin:0;padding:1px 0 0;width:730px} .magpro-wide .description span{border-top:1px solid rgba(241,241,241,0.25);padding:5px 0 0} .Header img{max-width: 33.33333%;float: left;padding-top: 20px;} #Header1 h1, #Header1 h1 a{font-weight: 800;font-size:40px;color: #222;text-align: left;} /*----------- Nav Menu -------------*/ .magpro-navigation{font-weight:400;margin:0 auto;height:60px} ul#magpro_menu{list-style:none;margin:0;padding:0;text-align: left;} #magpro-menu .widget{display:none} #magpro-menu{height:60px;position:relative;text-align:center;z-index:15;margin:0 auto;padding-right:0px} .menu-wrap{margin:0 auto;position:relative} #magpro-menu ul > li{position:relative;vertical-align:middle;display:inline-block;padding:0;margin:0} #magpro-menu ul > li > a{color:#fff;font-size:14px;font-weight:600;line-height:60px;display:inline-block;text-transform:uppercase;text-decoration:none;margin:0;padding:0 12px;} #magpro-menu ul > li > ul{position:absolute;background:#1f1f21;top:100%;left:0;min-width:210px;padding:0;z-index:9999;margin-top:0;visibility:hidden;opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.15);clip: rect(0px,0px,0px,0px);} #magpro-menu ul > li > ul > li > ul{position:absolute;top:0;left:210px;width:210px;background:#1f1f21;z-index:99;margin-top:0;margin-left:0;padding:0;visibility:hidden;opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)} #magpro-menu ul > li > ul > li{display:block;float:none;text-align:left;position:relative;border-bottom: 1px solid rgba(255, 255, 255, 0.1);border-top:none;} #magpro-menu ul > li > ul > li:last-child{border:0} #magpro-menu ul li.hasSubmenu ul li:after,#magpro-menu ul li:last-child:after{display:none} #magpro-menu ul > li:hover > a{color:#fff;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} #magpro-menu ul > li > ul > li a{font-size:14px;line-height:22px;display:block;color: #fff;text-transform:uppercase;text-decoration:none;margin:0;padding:15px 25px;border-right:0;border:0} #magpro-menu ul > li.hasSubmenu > a:after{content:'\f0d7';font-family:FontAwesome;float:right;margin-left:5px;font-size:12px;} #magpro-menu ul > li:hover > ul,#magpro-menu ul > li > ul > li:hover > ul{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);clip: rect(0px,9000px,9000px,-9000px);} #magpro-menu ul > li > ul > li.hasSubmenu > a:after{content:'\f0da';float:right} #magpro-menu ul > li > ul > li:first-child a{background: #1f1f21;color:#fff;font:$(body.font);font-size: 14px;font-weight: 600;} #magpro-menu ul > li > ul > li:first-child a:hover{color: #fff;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} #magpro-menu ul > li:first-child > a {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff;font-family: fontawesome;font-size: 45px} #LinkList996 {background: #1f1f21;} #LinkList996:before{content: '';display: block;height: 3px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));position: absolute;width: 100%;bottom: 0;left: 0;} /*---------- Mega Menu ------------*/ li.hasSubmenu.isMega{position: static !important} li.hasSubmenu.isMega > ul{position: absolute;width: 100%;left:0px;right:0px;} .magpro-mega-item .magpro-m-thumb{display: block;height: 150px;background-size:cover !important;background-position:center center !important;} .isMega.hasSubmenu .mega-inner{padding: 20px;position:relative;margin:0px;} #magpro-menu ul > li.isMega.hasSubmenu .magpro-text a{padding: 8px 0px !important;font-weight: 700 !important;font:$(body.font);text-transform: initial;color: #fff;text-align:center;display: inline-block;width: 100%;} #magpro-menu ul > li.isMega.hasSubmenu .magpro-text a:hover{color:$maincolor} .isMega .linkcover{position: absolute;left: 0px;right: 0px;height: 100%;width: 100%;display: block;} .isMega .magpro-m-thumb{position: relative;} .isMega.hasSubmenu .mega-nav a{position: absolute;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff !important;padding:16px 8px !important;top:50%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .isMega.hasSubmenu .mega-nav a.mega-next{z-index: 99;right: 0px;border-radius: 5px 0 0 5px;} .isMega.hasSubmenu .mega-nav a.mega-prev{z-index: 99;left: 0px;border-radius: 0 5px 5px 0;} .isMega .mega-nav a.disable{display:none} .isMega.hasSubmenu > ul{position: relative} /*----------------------- magpro Loading Animation -------------------------*/ .magpro-thecube{width:37px;height:37px;margin:0 auto;margin-top:25px;position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);} .magpro-thecube .magpro-cube{position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);} .magpro-thecube .magpro-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);} .magpro-thecube .magpro-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.4;animation:magpro-fold-thecube 2.76s infinite linear both;-o-animation:magpro-fold-thecube 2.76s infinite linear both;-ms-animation:magpro-fold-thecube 2.76s infinite linear both;-webkit-animation:magpro-fold-thecube 2.76s infinite linear both;-moz-animation:magpro-fold-thecube 2.76s infinite linear both;transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;} .magpro-thecube .magpro-c2{transform:scale(1.1) rotateZ(90deg);-o-transform:scale(1.1) rotateZ(90deg);-ms-transform:scale(1.1) rotateZ(90deg);-webkit-transform:scale(1.1) rotateZ(90deg);-moz-transform:scale(1.1) rotateZ(90deg);} .magpro-thecube .magpro-c3{transform:scale(1.1) rotateZ(180deg);-o-transform:scale(1.1) rotateZ(180deg);-ms-transform:scale(1.1) rotateZ(180deg);-webkit-transform:scale(1.1) rotateZ(180deg);-moz-transform:scale(1.1) rotateZ(180deg);} .magpro-thecube .magpro-c4{transform:scale(1.1) rotateZ(270deg);-o-transform:scale(1.1) rotateZ(270deg);-ms-transform:scale(1.1) rotateZ(270deg);-webkit-transform:scale(1.1) rotateZ(270deg);-moz-transform:scale(1.1) rotateZ(270deg);} .magpro-thecube .magpro-c2:before{animation-delay:0.35s;-o-animation-delay:0.35s;-ms-animation-delay:0.35s;-webkit-animation-delay:0.35s;-moz-animation-delay:0.35s;} .magpro-thecube .magpro-c3:before{animation-delay:0.69s;-o-animation-delay:0.69s;-ms-animation-delay:0.69s;-webkit-animation-delay:0.69s;-moz-animation-delay:0.69s;} .magpro-thecube .magpro-c4:before{animation-delay:1.04s;-o-animation-delay:1.04s;-ms-animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s;} .magpro-mega-loading{position:absolute;left:0px;top:0px;z-index:100;width:100%;height:100%;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));display:inline-block;bottom:0px;} .magpro-loading-inner{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%);} @keyframes magpro-fold-thecube{0%, 10%{transform:perspective(70px) rotateX(-180deg);opacity:0;} 25%,75%{transform:perspective(70px) rotateX(0deg);opacity:1;} 90%,100%{transform:perspective(70px) rotateY(180deg);opacity:0;} } @-o-keyframes magpro-fold-thecube{0%, 10%{-o-transform:perspective(70px) rotateX(-180deg);opacity:0;} 25%,75%{-o-transform:perspective(70px) rotateX(0deg);opacity:1;} 90%,100%{-o-transform:perspective(70px) rotateY(180deg);opacity:0;} } @-ms-keyframes magpro-fold-thecube{0%, 10%{-ms-transform:perspective(70px) rotateX(-180deg);opacity:0;} 25%,75%{-ms-transform:perspective(70px) rotateX(0deg);opacity:1;} 90%,100%{-ms-transform:perspective(70px) rotateY(180deg);opacity:0;} } @-webkit-keyframes magpro-fold-thecube{0%, 10%{-webkit-transform:perspective(70px) rotateX(-180deg);opacity:0;} 25%,75%{-webkit-transform:perspective(70px) rotateX(0deg);opacity:1;} 90%,100%{-webkit-transform:perspective(70px) rotateY(180deg);opacity:0;} } @-moz-keyframes magpro-fold-thecube{0%, 10%{-moz-transform:perspective(70px) rotateX(-180deg);opacity:0;} 25%,75%{-moz-transform:perspective(70px) rotateX(0deg);opacity:1;} 90%,100%{-moz-transform:perspective(70px) rotateY(180deg);opacity:0;} } /*--------- SlickNav -----------*/ .slicknav_menu{display:none} .magpro-navigation .slicknav_menu {padding: 7.5px;} .slicknav_nav .slicknav_row:hover a {color: #fff !important;} .slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;float: left;vertical-align:middle;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:right;margin-left: 5px;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block;transition: 0s;}.slicknav_nav .slicknav_arrow {font-size: 10px;font-family: fontawesome;float: right;line-height: 15px;}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu {*zoom: 1;position: relative;float: left;width: 100%;font-size: 16px;background-color:#1f1f21;z-index: 100;}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em;transition: 0s;}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px} .slicknav_nav li:first-child {font-family: fontawesome;font-size: 25px;} .magpro-magpro-top-menu .slicknav_nav li:first-child {font:$(body.font);font-size: small;} .slicknav_parent ul li {font:$(body.font) !important;font-size: small !important;} /*------------- Search Button ---------------*/ .magpro-search-btn{position:absolute;right:0;top:0;z-index:100} .magpro-search-btn a.magpro-serch{cursor:pointer;display:block;height:60px;text-align:center;position:relative;right:0;top:0;width:50px;border-radius:0;box-sizing:border-box;color:#2f2f33} .magpro-search-btn a.magpro-serch:hover{color:$maincolor} .magpro-search-btn a.magpro-serch:before{color:#fff;content: "\f002";font-family:fontawesome;font-size:20px;line-height:60px;} .magpro-search-btn a.magpro-serch:hover:before {color:$(maincolor);} .magpro-search-btn span{list-style:none} .search-transition-wrap{display:none;background:rgba(20, 22, 24, 0.95);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100% !important;z-index:99999;transition: 0s;} .search-transition-wrap .search-transition-inner{padding:0 10%;position:absolute;text-align:center;top:35%;width:100%;border:none !important;box-sizing:border-box;} .search-transition-wrap .searchform .input-group{padding:0 !important;} .search-transition-wrap .input-group-btn button:hover {opacity: 0.8;} .search-transition-wrap .searchform .form-control{background:none;border:none;font-size:20px;color:#FFF;height:50px;padding:0;font:$(body.font);} .search-transition-wrap .searchform .form-control{width:100%;height: 80px;box-sizing:border-box;padding-left:30px;font-size: 30px;background: rgba(0,0,0,0.6);outline: 0} .search-transition-wrap .input-group-btn button{position:absolute;right:0px;top:10px;border:0px;color:$(maincolor);background:rgba(0,0,0,0);cursor: pointer} .search-transition-wrap .input-group-btn button:before{font-family: "fontawesome";content: "\f002";font-size:30px;padding:10px;line-height: 55px;} .search-transition-wrap form > .input-group{position:relative;} .search-transition-wrap .btn-mini-close{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;border:medium none;color:#fff !important;font-size:35px;position:fixed;top:50px;right:50px;margin-right:0px;opacity:1;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;} .search-transition-wrap .btn-mini-close:hover{cursor:pointer} .midalizer{margin: 0 auto;padding: 20px 0px;} /*--------- Side Panel -----------*/ .panel .imgwrap img {height: 295px;} .panel .PopularPosts .widget-content ul li:last-child,.panel .magpro-recent .magpro-recent-item:last-child{border-bottom:none} .panel .magpro-recent .magpro-recent-item{border-bottom: 1px solid $(panel.light.border)} .panel .PopularPosts .widget-content ul li{border-bottom: 1px solid $(panel.light.border)} .panel .magpro-comments .magpro-comment{border-top: 1px solid $(panel.light.border)} .panel .magpro-comments .magpro-comment span {color: #b7b7b7;} .panel .cloud-label-widget-content a{float:none;background: transparent;border: 1px solid $(panel.light.border)} .panel .widget>h2 {color: $(panel.h2.color);padding: 0px 0px 10px;font-weight: 600 !important;display: block;font-size: 18px;margin: 0;position: relative;font-weight: 500;text-align: left;border-bottom: 2px solid $(panel.light.border);margin-bottom: 10px;} .panel .widget>h2:after {content: "";background: $(panel.main.border);width: 40px;height: 2px;position: absolute;bottom: -2px;left: 0;} .panel .mp-recentLink{display:none;} .magpro-navigation .panel-icon:before {content: '\f0c9';font-family: fontawesome;line-height: 60px;color: $(panel.icon.color);font-size: 17px;} .magpro-navigation .panel-icon {position: absolute;right: 50px;top: 0;z-index: 101;cursor: pointer;} .magpro-navigation .panel-icon:hover:before {color: $(maincolor);} .panel{width:350px;position:fixed;overflow-y:auto;height:100%;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#CBD2D6;z-index:120;left:0;margin-left:-350px;top:0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out} .panel a{color:$(panel.text.color) !important} .panel .small-slider img{height:auto!important;overflow:hidden!important} .panel .list-label-widget-content ul li a{color:#CBD2D6} .panel .list-label-widget-content ul li{border-bottom:1px solid $(panel.light.border);background:none} .panel img#Image1_img,.panel img#Image2_img{width:100%;height:auto;overflow:hidden;top: 10px;} .panel span.caption{margin-top:15px;text-align:center;font-size:13px;position:relative;display:block} .panel .widget{margin-bottom:40px} .panel #Image1 h2{display:none} .panel .PopularPosts .widget-content ul li{padding:5px 0;background:none} .panel .meta{display:none!important} .panel .PopularPosts .item-title a{color:#CBD2D6} .panel .recent-list-c,.panel .PopularPosts .item-title{border-bottom:none} .panel.active{margin-left:0;z-index:9999} .close-panel{font-family:fontAwesome;cursor:pointer;color:#fff;position:absolute;right:0;display:block;top:0;font-size:17px;width:30px;text-align:center;height:30px;line-height:30px;padding:0} .close-panel:hover{color:$(maincolor)} .poverlay{z-index:119;position:fixed;left:0;top:0;width:100%;height:100%;display:none;background:rgba(0,0,0,0.5); transition: 0s;} .panel .cloud-label-widget-content{text-align: left;} .panel .list-label-widget-content ul li:last-child{border-bottom:none} .side-panel-in {padding: 15px;} .panel::-webkit-scrollbar {width: 6px !important;} .panel::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;border-radius: 10px !important;} .panel::-webkit-scrollbar-thumb {border-radius: 30px !important;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important;} .panel-social{position:relative;display:block;} .panel-social ul{overflow:hidden;text-align: center;} .panel-social ul li{height:40px;line-height:40px;display: inline-block;margin-left:3px;padding:0} .panel-social ul li a{display: block;float: left;color: #fff !important;text-decoration: none;font-size: 16px;width: 40px;height: 40px;line-height: 40px;text-align: center;padding: 0;border-radius: 3px;} .panel-social ul li a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .panel-social ul li a:hover{color: #fff !important} .panel .recentLabel:hover {color: #fff !important;} .panel-social .bloglovin:before{content:"\f004"} .panel-social .facebook:before{content:"\f09a"} .panel-social .twitter:before{content:"\f099"} .panel-social .rss:before{content:"\f09e"} .panel-social .youtube:before{content:"\f167"} .panel-social .skype:before{content:"\f17e"} .panel-social .stumbleupon:before{content:"\f1a4"} .panel-social .tumblr:before{content:"\f173"} .panel-social .vine:before{content:"\f1ca"} .panel-social .stack-overflow:before{content:"\f16c"} .panel-social .linkedin:before{content:"\f0e1"} .panel-social .dribbble:before{content:"\f17d"} .panel-social .soundcloud:before{content:"\f1be"} .panel-social .behance:before{content:"\f1b4"} .panel-social .digg:before{content:"\f1a6"} .panel-social .instagram:before{content:"\f16d"} .panel-social .pinterest:before{content:"\f0d2"} .panel-social .delicious:before{content:"\f1a5"} .panel-social .codepen:before{content:"\f1cb"} .panel-social .vimeo:before{content:"\f27d";} .panel-social .wordpress:before{content:"\f19a";} .panel-social .dropbox:before{content:"\f16b";} .panel-social .slideshare:before{content:"\f1e7";} .panel-social .vk:before{content:"\f189";} .panel-social .yahoo:before{content:"\f19e";} .panel-social .reddit:before{content:"\f281";} .panel-social .hackernews:before{content:"\f1d4";} .panel-social .weibo:before{content:"\f18a";} .panel-social .phunt:before{content:"\f288";} .panel-social .yelp:before{content:"\f1e9";} .panel-social .wechat:before{content:"\f1d7";} .panel-social .whatsapp:before{content:"\f232";} .panel-social .slack:before{content:"\f198";} .panel-social .flickr:before{content:"\f16e";} .panel-social .foursquare:before{content:"\f180";} .panel-social .quora:before{content:"\f2c4";} .panel-social .steam:before{content:"\f1b6";} .panel-social .steam{background:#000;} .panel-social .facebook{background:#3b5999;} .panel-social .twitter{background:#55acee;} .panel-social .youtube{background:#cd201f;} .panel-social .pinterest{background:#bd081c;} .panel-social .instagram{background-color: #e4405f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);} .panel-social .codepen{background:#222;} .panel-social .linkedin{background:#0077B5;} .panel-social .skype{background:#00AFF0;} .panel-social .dropbox{background:#007ee5;} .panel-social .wordpress{background:#21759b;} .panel-social .vimeo{background:#1ab7ea;} .panel-social .slideshare{background:#0077b5;} .panel-social .vk{background:#4c75a3;} .panel-social .tumblr{background:#34465d;} .panel-social .yahoo{background:#410093;} .panel-social .stumbleupon{background:#eb4924;} .panel-social .reddit{background:#ff5700;} .panel-social .quora{background:#b92b27;} .panel-social .yelp{background:#af0606;} .panel-social .weibo{background:#df2029;} .panel-social .phunt{background:#da552f;} .panel-social .hackernews{background:#ff6600;} .panel-social .soundcloud{background:#ff3300;} .panel-social .whatsapp{background:#25D366;} .panel-social .wechat{background:#09b83e;} .panel-social .vine{background:#00b489;} .panel-social .slack{background:#3aaf85;} .panel-social .dribbble{background:#ea4c89;} .panel-social .flickr{background:#ff0084;} .panel-social .foursquare{background:#f94877;} .panel-social .behance{background:#131418;} .panel-social .rss{background:#f57d00;} .panel-social .stack-overflow{background:#f57d00;} .panel-social .digg{background:#131418;} .panel-social .delicious{background:#0084ff;} .panel-social .facebook:hover{background:#213D78;} .panel-social .twitter:hover{background:#2680C4;} .panel-social .youtube:hover{background:#AA1111;} .panel-social .pinterest:hover{background:#970616;} .panel-social .instagram:hover{background-color: #bd3750; background: radial-gradient(circle at 30% 107%, #e0d886 0%, #cec675 5%, #d04538 45%,#bb238c 60%,#294eb9 90%);} .panel-social .codepen:hover{background:#171717;} .panel-social .linkedin:hover{background:#005D8E;} .panel-social .skype:hover{background:#007FAF;} .panel-social .dropbox:hover{background:#0062B3;} .panel-social .wordpress:hover{background:#186182;} .panel-social .vimeo:hover{background:#0F82A7;} .panel-social .slideshare:hover{background:#005C8C;} .panel-social .vk:hover{background:#3D6087;} .panel-social .tumblr:hover{background:#29374A;} .panel-social .yahoo:hover{background:#2E0068;} .panel-social .stumbleupon:hover{background:#B5371A;} .panel-social .reddit{background:#C34200;} .panel-social .quora:hover{background:#9C1713;} .panel-social .yelp:hover{background:#920505;} .panel-social .weibo:hover{background:#AD141C;} .panel-social .phunt:hover{background:#AF3B1A;} .panel-social .hackernews:hover{background:#C54F00;} .panel-social .soundcloud:hover{background:#C12600;} .panel-social .whatsapp:hover{background:#1A9E4B;} .panel-social .wechat:hover{background:#098A30;} .panel-social .vine:hover{background:#008B6A;} .panel-social .slack:hover{background:#258361;} .panel-social .dribbble:hover{background:#AC2B5D;} .panel-social .flickr:hover{background:#BC0061;} .panel-social .foursquare:hover{background:#BF2E55;} .panel-social .behance:hover{background:#09090B;} .panel-social .rss:hover{background:#BD6000;} .panel-social .stack-overflow:hover{background:#BD6000;} .panel-social .digg:hover{background:#070809;} .panel-social .delicious:hover{background:#004E97;} .panel-social .steam:hover{background:#333;} .magpro-social .panel-icon:before {content:'\f0c9';} /*------------- News Ticker ---------------*/ .ticker .title{float: left;height: 40px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));font-size: 15px;color: #fff;line-height: 40px;font-weight: 400; overflow: hidden;padding: 0 10px; font-weight: 600;font-size: 14px;letter-spacing: -.04em;border-radius: 10px;} div#FollowByEmail1 .widget-content {background: #ffffff;border: 1px solid rgba(0,0,0,0.1);border-radius: 2px;padding: 30px;} .ticker .title .fa{margin-right:10px;transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg)} .ticker .widget-content{height:40px;box-sizing:border-box;overflow:hidden;padding:0 4px;border:1px solid #eee} .ticker .widget-content li{float:left;margin-left:30px;display:inline-block;height:38px;line-height:38px;padding:0} .ticker .widget{height:40px;background-color:#ffffff;max-width:1170px;margin:20px auto;overflow:hidden} .tk-thumb{float:left;margin:4px 10px 0 0} .tk-img{position:relative;display:block;width:35px;height:30px;overflow:hidden} .ticker .post-tag{display:inline-block;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff;margin-right:10px;font-weight:400;height:18px;line-height:18px;padding:1px 6px;font-size:11px;text-transform:uppercase;position:relative;margin-top:10px;float:left;margin-left: 5px;} .ticker .recent-title{font-size:13px;font-weight: 600;display:inline-block;line-height:15px} .ticker .recent-title a{color:#222222} .ticker .recent-title a:hover{color:$(maincolor)} .tickercontainer,.tickercontainer .mask,ul.newsticker{-webkit-transition:all 0 linear;-moz-transition:all 0 linear;-o-transition:all 0 linear;transition:all 0 linear;list-style:none;margin:0} .tickercontainer{margin:0;padding:0;overflow:hidden} .tickercontainer .mask{position:relative;overflow:hidden} .newsticker{position:relative;list-style-type:none;margin:0;padding:0} ul.newsticker{-webkit-transition:all 0s linear;-moz-transition: all 0s linear;-o-transition:all 0s linear;transition:all 0s linear;position:relative;list-style-type:none;margin:0;padding:0} .tickeroverlay-left{display:none} .tickeroverlay-right{display:none} /*------------------- Featued Post Widget ---------------------*/ .magpro-initiate{opacity:0} .magpro-wrapper{margin:0 0 10px} .magpro-implied{opacity:1} .magprofeatured .magpro-featured .magpro-secondary{overflow:hidden;display:block;padding:0;position:relative} .magprofeatured .magpro-featured .magpro-secondary:last-child{padding-top:10px;margin-top:10px} .pixl .magpro-featured .magpro-secondary .magprofeatured-thumb{width:100%;height:240px;vertical-align:middle} .pixl .magpro-featured .magpro-secondary .magpro-thumb{width:100%;height:240px;position:relative;display:block} .pixl .magpro-featured .magpro-secondary .magpro-content{position:absolute;bottom:0;width:100%;z-index:2;padding:15px;box-sizing:border-box} .magprofeatured .magpro-secondary .magpro-content .magprofeatured-title{overflow:hidden;line-height:0;margin:0 0 2px;padding:0} .magprofeatured .magpro-secondary .magpro-content .magprofeatured-title a{color:#fff;font-weight:400;font-size:13px;line-height:1.5em} .magpro-author{margin-right:10px;} .magpro-author::before{content:'\f007';font-family: "fontawesome";color:#bbb;margin-right:5px} .magpro-author,.magpro-time{color:#bdbdbd;font-size:12px;font-weight:400} .magpro-time:before{content: "\f017";font-family: "fontawesome";color:#bbb;margin-right:5px} .magpro-label a {border:1px solid #fff;background: transparent;border-radius: 0px;padding: 5px 10px;position: relative;display: inline-block;text-transform: uppercase;color: #fff;font-size: 12px;position: relative;line-height: 14px;margin-bottom: 5px;} .slidebg .magprofeatured .magpro-hero .magpro-hero-content .magprofeatured-title a{ font-size: 22px;line-height: 26px;font-weight: 600;padding: 10px 0px;} .slidebg .magprofeatured .magpro-hero .magpro-hero-content .magprofeatured-title a:hover,.magprofeatured .magpro-secondary .magpro-content .magprofeatured-title a:hover{color: $maincolor;} .magprofeatured .magpro-secondary .magpro-content .magprofeatured-title a{font-weight: 600;line-height: 22px;letter-spacing: 0;margin-top: 5px;font-size: 18px;} .magprofeatured .magpro-secondary .magpro-content .magprofeatured-title{margin: 10px 0px;} .magprofeatured h2{display: none;} /*------------------ Customized Widgets --------------------*/ .custwid .widget h2.title{padding-right: 90px !important;box-sizing: border-box;} .custwid .widget{position: relative;} .custwid .widget .magpro-right-all{position: absolute;right: 0px;top:8px;} .custwid .widget .magpro-right-all a{color: #000} .custwid .widget .magpro-right-all a:hover {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff;border-radius: 5px;padding: 4px;} .magpro-right-all a{text-transform: capitalize;font-weight:400;font-size: 12px;} object.magpro-widget{padding: 30px 0px;display: block;width: 100%;} /*---------------------- Custom Gallery widget ------------------------*/ .magpro-gallery-post .img_dyn{background-position: center center !important;} .magpro-absolutize{position: absolute;bottom:0px;color:#fff;left:0px;box-sizing:border-box;padding:20px;} .magpro-gallery-feature{position: relative;} .magpro-gallery-feature .feature-image:before{content: "";position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0%, transparent 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;display: block;height: 100%;} .magpro-gallery-feature h3 a{color: #fff} .magpro-gallery-feature .article-meta span, .magpro-gallery-feature .article-meta span a{color: #fff} .magpro-gallery-feature .feature-image{background-position: center center !important} .magpro-gallery-feature .magpro-iframe-hidden{display: none} .magpro-gallery-feature .feature-image{height: 400px;width: 100%;background-size: cover !important;} .magpro-gallery-feature .feature-image:after{content: "\f04b";font-family: "fontawesome";font-size:60px;color: #fff;width: 100%;line-height: 400px;text-align: center; background: rgba(0,0,0,0.4);height: 100%;display: table;cursor:pointer} .magpro-gallery-feature h3{font-weight: 600;line-height: 40px;font-size:18px;margin-top:10px;} .magpro-gallery-feature .article-meta span, .magpro-gallery-feature .article-meta span a{color:#fff;} .magpro-gallery-feature .article-meta span i{font-size:17px;padding:10px 5px;} .magpro-gallery-feature .article-meta span a{font-size: 12px;display: inline;font-weight: 400;} .magpro-gallery-post h3 a:hover, .magpro-gallery-feature a:hover{color:$maincolor} .magpro-gallery-post{/*width: 25%;float: left;*/box-sizing:border-box;padding:15px 8px;position:relative;} .magpro-gallery-post:first-child{padding-left: 0px;} .magpro-gallery-post .img_dyn{height: 108px;background-size:cover !important;position: relative;background-position:center center;} .magpro-gallery-post .playing.img_dyn:after{content: "\f04b";font-family: "fontawesome";font-size: 30px;color: #fff;width: 100%;line-height: 108px;text-align: center;background: rgba(0,0,0,0.4);height: 100%;display: table;cursor: pointer;} .magpro-gallery-post h3 a{font-size: 14px;font-weight: 600;} .magpro-gallery-post h3{padding: 10px 0px;line-height:18px;text-align: center;} .clearfix{clear:both;} .magpro-gallery-feature .regular.feature-image:after, .magpro-gallery-post .playing.regular.img_dyn:after{display:none !important;} .magpro-widget .owl-nav{position: absolute;width:100%;top:0px;font-size:20px;color:#fff;display:none;opacity:0;transition:.2s all ease-in-out} .magpro-widget .owl-nav .owl-next{right: 10px;position: absolute;top:58px;} .magpro-widget .owl-nav .owl-prev{left:5px;position: absolute;top:58px;} .magpro-slider:hover .owl-nav{display: block;opacity: 1;transition:.2s all ease-in-out} .magpro-widget .owl-nav .owl-prev, .magpro-widget .owl-nav .owl-next {line-height: 35px;} .owl-nav .owl-prev.disabled,.owl-nav .owl-next.disabled{display: none} ol{padding-left: 20px;box-sizing:border-box;width:100%;} /*------------------- Custom List widget ---------------------*/ .magpro-box-list{padding: 0px 15px;margin-top:-15%;position: relative;} .magpro-box-inside{background: #fff;padding: 10px 20px;box-sizing: border-box;} .magpro-hero .osamapro-img::after, .pixl .magpro-featured .magpro-secondary .magpro-thumb::after{content: "";position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0%, transparent 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;display: block;height: 100%;} .grid-item .post-cat{filter: blur(30px);opacity: 0;transition:.6s all ease;} .grid-item:hover .post-cat{opacity: 0;filter:blur(0px)} .magprofeatured .magpro-hero{width:60%;position:relative;float:left;padding-right:1.4%;box-sizing:border-box;overflow:hidden} .magprofeatured .magpro-featured-image{width:100%;position:relative;overflow:hidden} .magprofeatured .magpro-hero .magprofeatured-thumb,.magprofeatured .osamapro-img{height:500px} .pixl .magpro-hero .magprofeatured-thumb{position:relative;width:100%;height:200px} .magprofeatured-thumb{overflow:hidden} .magprofeatured .magpro-hero .magprofeatured-thumb,.magprofeatured .osamapro-img{height:500px!important} .pixl .osamapro-img{width:100%;height:200px;position:relative;display:block} .magpro-hero .magprofeatured-thumb .magpro-label{position:absolute;top:15px;left:15px;z-index:2} .magpro-hero .magprofeatured-thumb .magpro-label a{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff;text-transform:uppercase;height:20px;line-height:20px;display:inline-block;padding:0 6px;font-size:11px;font-weight:400;border-radius:2px} .magprofeatured .magpro-hero .magpro-hero-content,.column .magpro-hero .magpro-hero-content{position:absolute;bottom:0;width:100%;z-index:2;padding:15px;box-sizing:border-box} .magprofeatured .magpro-hero .magpro-hero-content .magprofeatured-title a,.column .magpro-hero .magpro-hero-content .magprofeatured-title a{display:block;font-size:19px;color:#fff;font-weight:400;line-height:1.4em;margin-bottom:5px} .magpro-hero-content .magpro-author,.magpro-hero-content .magpro-time{color:#ccc} .recent-summary{display:block;color:#ccc;padding:10px 0} .magpro-list-col {width: 100%;box-sizing: border-box;float: left;} .magpro-list-media img {width: 100%;} .magpro-widget-col-1{padding-right: 15px;} .magpro-widget-col-2{ padding-left: 15px;} .magpro-list-media{position: relative} .magpro-list-media .magpro-post-share{position: absolute;top:0px;left: 0px;width: 100%;height: 50px;display: table;} .magpro-post-share .magpro-cell{vertical-align: middle;display: table-cell;text-align:center;} .magpro-post-share ul{list-style: none;box-sizing: border-box;width: 100%;} .magpro-post-share a{color: #fff;} .magpro-post-share ul li{padding:15px;list-style-type: none;font-size:25px;float:left;} article.magpro-post{padding: 0px;} .magpro-post-share{background: rgba(0,0,0,0.5);opacity: 0;transition: .2s all ease-in-out;} .magpro-widget ul.social-icons{display: table;text-align: center;padding: 0px 110px;} .magpro-parentover:hover .magpro-post-share{opacity: 1;transition: .2s all ease-in-out;} .magpro-post-share a:hover{color: $maincolor} .magpro-widget.list .magpro-widget-col-1 h3.entry-title a{font-weight:600;line-height:42px;font-size: 18px;color:rgb(47, 47, 51);} .magpro-widget.list .magpro-widget-col-1 h3.entry-title a:hover {color: $(maincolor);} .magpro-widget.list .magpro-widget-col-1 .article-meta span a{color: rgb(142, 142, 149);font-weight: 400;font-size: 12px;} .magpro-widget.list .magpro-widget-col-1 .article-meta span i{color: rgb(142, 142, 149);font-weight: 400;font-size: 17px;padding:0px 4px} .magpro-widget.list .magpro-widget-col-1 .article-meta{padding-bottom: 10px;} .magpro-widget.list .magpro-widget-col-1 .entry-content{color: rgb(142, 142, 149);line-height: 24px;font-size: 14px;} .magpro-widget.list .magpro-widget-col-1 .entry-content a.btn-read{border:1px solid rgb(234, 234, 241);padding:5px 20px;display: table;margin-top:20px;text-transform: uppercase;font-size: 12px;} .magpro-widget.list .magpro-widget-col-1 .entry-content a.btn-read:hover{border-color: $maincolor;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff;} .magpro-widget.list .magpro-widget-col-2 .article-image a{height:100px;display:block;width:100px;background-size:cover !important;background-position:center !important;} .magpro-widget.list .magpro-widget-col-2 .article-image{width: 100px;float: left;} .magpro-widget.list .magpro-widget-col-2 .magpro-post{margin-bottom:20px; padding: 10px;width: 50%;box-sizing: border-box;float: left;} .magpro-widget.list .magpro-widget-col-2 .magpro-post .article-content{box-sizing: border-box;padding-left:15px;display:table;} .magpro-widget.list .magpro-widget-col-2 .magpro-post .article-content h3 a{font-size:14px;line-height:14px;font-weight: 600; padding-top:10px;display: table;} .magpro-widget.list .magpro-widget-col-2 .magpro-post .article-content .article-meta{color: rgb(142, 142, 149);padding-top:5px; display: table;} .magpro-widget.list .magpro-widget-col-2 .magpro-post .article-content .article-meta .entry-date{color: rgb(142, 142, 149);font-weight: 400;font-size:12px;} .magpro-widget.list .magpro-widget-col-2 a:hover{color:$maincolor} div.magpro-empty{width: 100%;text-align:center;background:rgb(236,239,241);box-sizing:border-box;padding:50px 0px;} .magpro-no-title h3{font-weight: 600;} #customwidget .magpro-widget.list .magpro-widget-col-1 .magpro-parentover .magpro-post-share ul{filter:blur(20px);transition:.6s all ease;} #customwidget .magpro-widget.list .magpro-widget-col-1 .magpro-parentover:hover .magpro-post-share ul{filter:blur(0px)} /*------------------- Latest Posts [First] ---------------------*/ .magpro-first-article{margin-top:20px;position:relative;} .magpro-first-article .magpro-article-image{position: relative;border-radius: 5px;overflow: hidden} .magpro-first-article .magpro-article-image:after{content:"";position: absolute;top:0px;bottom:0px;left:0px;right:0px; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0%, transparent 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;} .magpro-first-article .magpro-article-content{position: absolute;bottom:25px;left:30px;} .magpro-first-article .magpro-article-content a,.magpro-first-article .magpro-article-content i{color: #fff;} .post-cat a{border:1px solid #fff;background: transparent; border-radius: 0px;padding: 5px 10px;position: relative;display: inline-block;text-transform: uppercase;color: #fff;font-size: 12px;position: relative;line-height: 14px;margin-bottom: 5px;margin-right: 4px;} .magpro-first-article h3.entry-title{font-weight: 600;font-size:18px;padding-left: 4px;margin:15px 0px;} .magpro-first-article .article-meta a{font-size:12px;font-weight: 400;color: rgb(235, 235, 235);margin:0px 8px;} .magpro-first-article .article-meta i{font-size:15px;padding-top:1px;} .magpro-first-article .article-meta a:hover,.magpro-first-article .entry-title a:hover{color:$maincolor} /*------ Posts --------*/ .grid-item .article-content{padding: 0px 15px;margin-top:-15%;position: relative;box-sizing: border-box;} .grid-item .article-inwhite {background: #fff;box-sizing: border-box;padding: 10px 20px;float: left;width: 50%;} .grid-item.secondary{padding-top:20px} .grid-item.secondary {position: relative;width: 100%;min-height: 1px;} .magpro-article{margin-bottom: 30px;border-radius: 0px;position: relative;} .magpro-article .magpro-article-image{position: relative;display: inline-block;width: 50%;float: left;} .magpro-article .magpro-article-image .magpro-featured-wid{width: 100%;height:280px;display: block;background-size:cover !important;background-position: center center !important;} .magpro-article .post-cat {position: absolute; top: 5px;left: 5px;font-size: 14px;font-weight: 400;display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width:100%;} .magpro-article .article-content {width: 100%; box-sizing:border-box;z-index: 11;} .magpro-article .entry-header{margin-top:10px;} .magpro-article .entry-title{font-weight: 600;font-size:18px;line-height: 18px;} .magpro-article h3{padding-bottom: 10px;} .magpro-article .article-meta, .magpro-article .article-meta a{color: #8e8e95;line-height: 24px;font-weight: 400;} .magpro-article .article-meta a{font-size:12px;} .magpro-article .article-meta i{font-size: 15px;} .magpro-article .entry-content{font-size: 14px;line-height: 24px;color: #8e8e95; padding-top:10px;} .magpro-article a.btn-read{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));display: inline-block;right: 20px;padding: 10px 20px 9px;margin-top: 20px;margin-bottom: 10px;font-size: 12px;color: #fff;text-transform: uppercase;border-radius: 3px;} .magpro-article a.btn-read:hover{padding: 10px 30px 9px;} .magpro-article .entry-title a:hover{color:$maincolor} article.hentry {box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05);} article.hentry:hover {box-shadow: 0 20px 20px rgba(0,0,0,.16);transform: translateY(-6px);} .postags a:before{font-family:FontAwesome;font-weight:400;font-style:normal;line-height:1;padding-right:4px} .postags{position:absolute;top:15px;left:15px;z-index:11} .postags a{display:inline-block;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff;margin:0;height:20px;line-height:20px;padding:0 6px;font-size:11px;text-transform:uppercase;border-radius:2px;display:none} .postags a:first-child{display:inline-block} .post-sharebtn {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));border-radius: 2px;margin: 10px;line-height: 35px !important;width: 40px;height: 35px;text-align: center;font-size: 17px !important;cursor: pointer;color: #fff;} .post-share:before {content: "";border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;top: 13px;border-right: 6px solid #eeeeee;left: -6px;} .post-share {display: none;position: absolute;background: #ececec;padding: 3px;width: 103px;border-radius: 2px;top: 8px;left: 60px;transition: all 0s ease;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-o-transition: all 0s ease;} .post-share ul li a {color: #fff;width: 22px;padding: 2px;display: block;text-align: center;border-radius: 3px;} .post-share ul {margin: 0;padding: 0;list-style-type: none;} .post-share ul li {margin: 5px;padding: 0;float: left;text-align: center;list-style-type: none;} .post-share .share {background-color: #3b5998;} .post-share .twitter {background-color: #55acee;} .post-share .pinterest {background-color: #cb2027;} .share-container {display: inline-block;;position: relative;top: 2px;} /*----------- Item Page -------------*/ .post-body{margin:0;padding:10px;font-size:14px;line-height:26px;box-sizing:border-box;border: 1px solid rgba(0, 0, 0, 0.1);} .post-body img{max-width:100%;padding:10px 0;position:relative;margin:0 auto;display: block;} .comment-link{white-space:normal} span.mp-post-comment-link {margin-left: 10px;} span.mp-post-comment-link i {margin-right: 3px;} a.comment-link:hover {color: $(maincolor) !important;} .postmarg{padding: 50px 0px !important;} .postmarg h3{font-size:36px;line-height:38px;padding: 10px 0px;font-weight: 600} .postmarg .article-meta, .postmarg .article-meta a{color: #8e8e95; font-weight: 400;} .postmarg .article-meta a{font-size: 12px;margin-right: 15px;} .postmarg .article-meta i{font-size: 15px;} .postmarg .post-cat a {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));border-radius: 5px;border: 0;} .postmarg .post-cat a:hover {color: #fff;} .postmarg.body-row.midalizer {width: 750px;} .static_page .postmarg h3 {border-bottom: 2px solid rgba(0,0,0,0.1);} #font-size {float: right;} #font-size a {font-size: 15px;font-weight: 700;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff;padding: 2px 10px;} a.increaseFont {display: inline-block;border-radius: 5px;} a.decreaseFont {display: inline-block;border-radius: 5px;} blockquote{width:90%;clear:both;-webkit-print-color-adjust:exact;padding:10px 30px;margin:15px auto;line-height:2;text-indent:15px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#ffffff;-webkit-border-radius:5px;border-radius:5px;position:relative} blockquote:before{content:"\f10d";top:0;left:-4px} blockquote:before,blockquote:after{font-family:FontAwesome;font-size:20px;color:#ffffff;position:absolute} .post-body blockquote:after{content:"\f10e";bottom:0;right:15px} .quote-share a{background:#ffffff;color:$(maincolor);text-align:center;display:inline-block;width:25px;height:25px;text-indent:0;-webkit-border-radius:100%;border-radius:100%;border:2px solid $(maincolor);font-size:11px;margin:0 1px} .quote-share a:hover{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);color: $(second.maincolor);} .quote-share{position:absolute;right:50px;bottom:-12px} blockquote .quote-share {display: block !important;} /*--------- Breadcrumbs -----------*/ .sbreadcrumbs a {color: #8e8e95;} .sbreadcrumbs {color: #8e8e95;font-size: 12px;font-weight: 400;} /*------------- Share Buttons ----------------*/ .magpro-left-share {width: auto !important;} .magpro-left-share ul li{float: right;} .magpro-left-share ul li a{display: inline-block;color: #FFF !important;text-align: center;font-size: 12px;} .magpro-left-share .share-links .social-item.facebook {background: #3b5998} .magpro-left-share .share-links .social-item {padding: 10px 12px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); cursor: pointer; margin-right: 1px; text-align: center;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;border-radius: 3px;} .magpro-right-tags, .magpro-left-share{position: relative;display: block;width: 100%;padding: 5px 0px;} .magpro-left-share .share-links .social-item.twitter {background: #00aced} .magpro-left-share .share-links .social-item.google {background: #dd4b39} .magpro-left-share .share-links .social-item.google:hover {background: #dd4b39c7} .magpro-left-share .share-links .social-item.twitter:hover {background: #00acedab} .magpro-left-share .share-links .social-item.facebook:hover {background: #3b5998d4} .magpro-left-share .share-links .social-item.linkedin {background: #007bb5} .magpro-left-share .share-links .social-item.stumbleupon {background: #e94826} .magpro-left-share .share-links .social-item.tumblr {background: #35465d} .magpro-left-share .share-links .social-item.pinterest {background: #bd081c} .magpro-left-share .share-links .social-item.reddit {background: #ff4500} .magpro-left-share .share-links .social-item.VKontakte {background: #4a76a8} .magpro-left-share .share-links .social-item.odnoklassniki {background: #ed812b} .magpro-left-share .share-links .social-item.pocket {background: #ee4056} .magpro-left-share .share-links .social-item.whatsapp {background: #25d366} .magpro-left-share .share-links .social-item.email {background: #333} .magpro-right-share .share-links .social-item.print {background: #333;} .magpro-left-share .share-links .social-item:hover {opacity: 0.8;color: #fff;} .magpro-left-share .share-links .count-share .social-item i {font-size: 15px;color: #fff;} .post-footera.post-footer-on-bottom {background: #fafafa;border: 1px solid $(lightcolor);;border-top:0} .post-footera {padding: 18px 28px;overflow: hidden;line-height: 0;} .share-title {padding-left: 15px;display: inline-block;float: left;line-height: 40px;font-size: 12px;margin: 2px 0;} .centred-share {overflow: hidden;text-align: center;} .centred-share .share-links .social-item {display: inline-block;padding: 9px 13px;color: #fff;font-size: 12px;} .top-share.centred-share .share-links .social-item {padding: 6px 13px;} .post-share-bottom {background: #f1f1f1;padding: 10px;} /*------------- Related-Posts ---------------*/ h2.related-posts-title {margin-top: 10px;margin-bottom: 10px;font-size: 15px;font-weight: 700;} #related-posts{margin-bottom:20px} .related-wrap{overflow:hidden;position:relative} .related-wrap li {width: 33.33%;height: 160px;padding-right: 5px;position: relative;overflow: hidden;float: left;display: inline-block;box-sizing: border-box;list-style: none;} .related-wrap li:nth-child(3n+3){padding-left:0px;} .related-wrap li:nth-child(4),.related-wrap li:nth-child(5),.related-wrap li:nth-child(6){margin-top:10px} .related-wrap li .related-img{width:100%;height:160px;position:relative;display:block} .related-wrap li .related-img:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrZ8cGi2pAOYTU5xKG3qe5CrgUwB4pCncFaSxEGUbVIoXamOKZbALMb_dTp2h7EZ773klaW4cUh7mkYUGCxYDJzuHf0hgBCG8OXgGkjRpELQXu-YGePzCGngzfRvZUsfpGkih-j5umMY/s1600-r/metabg.png) repeat-x;opacity:.8} .related-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .related-wrap li:hover .related-overlay{background-color:rgba(40,35,40,0.30)} .related-content{position:absolute;bottom:0;padding:10px;width:100%;box-sizing:border-box;z-index:2} .related-content .related-tag a{display:inline-block;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff;height:18px;line-height:18px;padding:0 5px;margin:0;font-size:10px;font-weight:400;text-transform:uppercase;border-radius:2px} .related-title a{padding: 10px 0;color: #fff;display: block;text-shadow: 0 0.5px 0.5px rgba(34,34,34,0.3);line-height: 1.4;font-weight: 600;font-size: 14px;letter-spacing: -.04em;} .related-wrap .owl-dots{bottom:0} /*--------- Reactions -----------*/ .post-rection-wrapper {float: right;height: 20px;margin-top: 6px;min-width: 320px;max-width: 100%;position: relative;overflow: hidden;} h4.post-section-title {font-size: 18px;font-weight: 400;color:#333;display: block;padding-left: 15px;float: left;margin: 0;text-transform: uppercase;user-select: none;font:$(body.font);} .reactions-table {clear: both;margin-top: 15px;padding-top: 10px;border: 1px solid $(lightcolor);padding-bottom: 10px;border-radius: 3px;} /*--------------------- Social Icons In Footer -----------------------*/ .bmo-menu{float:right;margin-left: 20px;} #nav1 li{float:left;display:inline-block;height:35px;line-height:33px;margin-right:15px;padding:0} #nav1 li a{color: $(credit.menu.color);font-size: 12px;font-weight: 400;letter-spacing: 0.3px;} #nav1 li a:hover{color:$(maincolor)} .social-area{float:right;margin-right: 20px;} #social-bottom{position:relative;display:block;margin-right:0} #social-bottom ul{overflow:hidden} #social-bottom ul li{height:35px;line-height:35px;display:block;float:left;margin-left:5px;padding:0} #social-bottom ul li a{display: block;float: left;color: $(credit.social.color);text-decoration: none;font-size: 14px;width: 24px;height: 25px;line-height: 24px;margin-top: 5px;text-align: center;padding: 0;border-radius: 3px;} #social-bottom ul li a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} #social-bottom ul li a:hover{color:#FFF} #social-bottom .bloglovin:before{content:"\f004"} #social-bottom .facebook:before{content:"\f09a"} #social-bottom .twitter:before{content:"\f099"} #social-bottom .rss:before{content:"\f09e"} #social-bottom .youtube:before{content:"\f167"} #social-bottom .skype:before{content:"\f17e"} #social-bottom .stumbleupon:before{content:"\f1a4"} #social-bottom .tumblr:before{content:"\f173"} #social-bottom .vine:before{content:"\f1ca"} #social-bottom .stack-overflow:before{content:"\f16c"} #social-bottom .linkedin:before{content:"\f0e1"} #social-bottom .dribbble:before{content:"\f17d"} #social-bottom .soundcloud:before{content:"\f1be"} #social-bottom .behance:before{content:"\f1b4"} #social-bottom .digg:before{content:"\f1a6"} #social-bottom .instagram:before{content:"\f16d"} #social-bottom .pinterest:before{content:"\f0d2"} #social-bottom .delicious:before{content:"\f1a5"} #social-bottom .codepen:before{content:"\f1cb"} #social-bottom .vimeo:before{content:"\f27d";} #social-bottom .wordpress:before{content:"\f19a";} #social-bottom .dropbox:before{content:"\f16b";} #social-bottom .slideshare:before{content:"\f1e7";} #social-bottom .vk:before{content:"\f189";} #social-bottom .yahoo:before{content:"\f19e";} #social-bottom .reddit:before{content:"\f281";} #social-bottom .hackernews:before{content:"\f1d4";} #social-bottom .weibo:before{content:"\f18a";} #social-bottom .phunt:before{content:"\f288";} #social-bottom .yelp:before{content:"\f1e9";} #social-bottom .wechat:before{content:"\f1d7";} #social-bottom .whatsapp:before{content:"\f232";} #social-bottom .slack:before{content:"\f198";} #social-bottom .flickr:before{content:"\f16e";} #social-bottom .foursquare:before{content:"\f180";} #social-bottom .steam:before{content:"\f1b6";} #social-bottom ul li:hover .steam{background:#000;} #social-bottom ul li:hover .facebook{background:#3b5999;} #social-bottom ul li:hover .twitter{background:#55acee;} #social-bottom ul li:hover .youtube{background:#cd201f;} #social-bottom ul li:hover .pinterest{background:#bd081c;} #social-bottom ul li:hover .instagram{background-color: #e4405f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);} #social-bottom ul li:hover .codepen{background:#222;} #social-bottom ul li:hover .linkedin{background:#0077B5;} #social-bottom ul li:hover .skype{background:#00AFF0;} #social-bottom ul li:hover .dropbox{background:#007ee5;} #social-bottom ul li:hover .wordpress{background:#21759b;} #social-bottom ul li:hover .vimeo{background:#1ab7ea;} #social-bottom ul li:hover .slideshare{background:#0077b5;} #social-bottom ul li:hover .vk{background:#4c75a3;} #social-bottom ul li:hover .tumblr{background:#34465d;} #social-bottom ul li:hover .yahoo{background:#410093;} #social-bottom ul li:hover .stumbleupon{background:#eb4924;} #social-bottom ul li:hover .reddit{background:#ff5700;} #social-bottom ul li:hover .quora{content:"\f2c4";} #social-bottom ul li:hover .quora{background:#b92b27;} #social-bottom ul li:hover .yelp{background:#af0606;} #social-bottom ul li:hover .weibo{background:#df2029;} #social-bottom ul li:hover .phunt{background:#da552f;} #social-bottom ul li:hover .hackernews{background:#ff6600;} #social-bottom ul li:hover .soundcloud{background:#ff3300;} #social-bottom ul li:hover .whatsapp{background:#25D366;} #social-bottom ul li:hover .wechat{background:#09b83e;} #social-bottom ul li:hover .vine{background:#00b489;} #social-bottom ul li:hover .slack{background:#3aaf85;} #social-bottom ul li:hover .dribbble{background:#ea4c89;} #social-bottom ul li:hover .dribbble{background:#ea4c89;} #social-bottom ul li:hover .flickr{background:#ff0084;} #social-bottom ul li:hover .foursquare{background:#f94877;} #social-bottom ul li:hover .behance{background:#131418;} #social-bottom ul li:hover .rss{background:#f57d00;} #social-bottom ul li:hover .stack-overflow{background:#f57d00;} #social-bottom ul li:hover .digg{background:#131418;} #social-bottom ul li:hover .delicious{background:#0084ff;} /*---------- Pop Up Posts ------------*/ .poph2 {padding-top: 20px;padding-left: 15px;font-weight: 700;text-align: center;color: #1d1c1c;} .poph2:after {content: "";background:#1f1f21;width: 40px;height: 2px;position: absolute;bottom: -5px;left: 47%;} .pop-item{position:relative;overflow:hidden;margin:25px 0} .pop-item span.recentdate:after{display:none;} .pop-item img{float:left;margin:0 15px;border-radius:10px;} .pop-recent{position:fixed;width:400px;right:0;bottom:0;z-index:100;background:#fff;margin-right:-450px;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;border-radius: 15px 0 0 15px} .pop-recent.active{margin-right:0} .pop-recent .close-pop {background: #353232;width: 22px;height: 22px;left: 15px;position: absolute;top: 20px;color: #fff;cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 100px;border-radius: 3px;font: NORMAL 400 18px 'fontawesome',sans-serif;line-height: 22px;text-align: Center;} .pop-item h3{margin-left: 10px;font-weight:700;font-size:14px;text-transform:capitalize;margin:0 0 5px 0} .pop-item h3 a{color:#2f2f33;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out} .pop-item h3 a:hover{color:$(maincolor);text-decoration:underline;} .pop-recent .close-pop:hover {background: $(maincolor);} .pop-meta {margin-left: 10px;color: #9c9999;} .pop-meta .authorname {float: left} .pop-recent .close-pop i {font-style: normal;} .fa-user .author.vcard {float: left;} /*---------------------- Post Bottom Share ------------------------*/ .magpro-right-share ul li{float: left;} .magpro-right-share ul li a{display: inline-block;color: #FFF;text-align: center;font-size: 12px;} .magpro-right-share .share-links .social-item.facebook {background: #3b5998} .magpro-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;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;} .magpro-left-tags, .magpro-right-share{position: relative;display: block;width: 100%;padding: 5px 0px;} .magpro-right-share .share-links .social-item.twitter {background: #00aced} .magpro-right-share .share-links .social-item.google {background: #dd4b39} .magpro-right-share .share-links .social-item.google:hover {background: #ac2d1e} .magpro-right-share .share-links .social-item.twitter:hover {background: #0074a1} .magpro-right-share .share-links .social-item.facebook:hover {background: #263961} .magpro-right-share .share-links .count-share .social-item i {font-size: 10px;color: #fff;padding-right: 5px;} /*--------------- Post Bottom Ad -----------------*/ .magpro-advertising{box-sizing: border-box;padding: 10px 0px;text-align: center;margin:10px 0px;} /*---------------------- Post Author Bottom ------------------------*/ .magpro-post-author .post-author{display:table;overflow:hidden;padding:30px 0px;width:100%;margin-top:10px;border-top:1px solid $(lightcolor);border-bottom:1px solid $(lightcolor);} .magpro-post-author .author-img{position: absolute;} .magpro-post-author .author-img > img{max-width:inherit;border-radius: 50%;} .magpro-post-author .author-content{padding-left:130px;display:table-cell;vertical-align:middle;} .magpro-post-author .author-content h5{font-size:16px;padding:10px 0 15px;display:block;margin:0;} .magpro-post-author .author-content h5 a{color:#2f2f33;font-weight:500;font-size:14px;color:#2f2f33;text-transform:capitalize;} .magpro-post-author .author-content p{color:#757575;margin:auto;line-height:24px;padding-bottom:20px;font-size:12px;} .magpro-post-author .content-social-author ul,.magpro-post-author .content-social-author ul li{list-style-type: none;} .magpro-post-author .content-social-author ul li{float: left;padding: 0px 8px} .content-social-author {font-family: fontawesome;font-size: 15px;} .content-social-author i {font-style: normal;} .content-social-author .bloglovin:before{content:"\f004"} .content-social-author .facebook:before{content:"\f09a"} .content-social-author .twitter:before{content:"\f099"} .content-social-author .rss:before{content:"\f09e"} .content-social-author .youtube:before{content:"\f167"} .content-social-author .skype:before{content:"\f17e"} .content-social-author .stumbleupon:before{content:"\f1a4"} .content-social-author .tumblr:before{content:"\f173"} .content-social-author .vine:before{content:"\f1ca"} .content-social-author .stack-overflow:before{content:"\f16c"} .content-social-author .linkedin:before{content:"\f0e1"} .content-social-author .dribbble:before{content:"\f17d"} .content-social-author .soundcloud:before{content:"\f1be"} .content-social-author .behance:before{content:"\f1b4"} .content-social-author .digg:before{content:"\f1a6"} .content-social-author .instagram:before{content:"\f16d"} .content-social-author .pinterest:before{content:"\f0d2"} .content-social-author .delicious:before{content:"\f1a5"} .content-social-author .codepen:before{content:"\f1cb"} .content-social-author .vimeo:before{content:"\f27d";} .content-social-author .wordpress:before{content:"\f19a";} .content-social-author .dropbox:before{content:"\f16b";} .content-social-author .slideshare:before{content:"\f1e7";} .content-social-author .vk:before{content:"\f189";} .content-social-author .yahoo:before{content:"\f19e";} .content-social-author .reddit:before{content:"\f281";} .content-social-author .quora:before{content:"\f2c4";} .content-social-author .yelp:before{content:"\f1e9";} .content-social-author .weibo:before{content:"\f18a";} .content-social-author .phunt:before{content:"\f288";} .content-social-author .whatsapp:before{content:"\f232";} .content-social-author .hackernews:before{content:"\f1d4";} .content-social-author .wechat:before{content:"\f1d7";} .content-social-author .slack:before{content:"\f198";} .content-social-author .flickr:before{content:"\f16e";} .content-social-author .foursquare:before{content:"\f180";} .content-social-author li:hover .facebook:hover{color:#3b5999;} .content-social-author li:hover .twitter:hover{color:#55acee;} .content-social-author li:hover .youtube:hover{color:#cd201f;} .content-social-author li:hover .pinterest:hover{color:#bd081c;} .content-social-author li:hover .instagram:hover{color:#e4405f;} .content-social-author li:hover .codepen:hover{color:#222;} .content-social-author li:hover .linkedin:hover{color:#0077B5;} .content-social-author li:hover .skype:hover{color:#00AFF0;} .content-social-author li:hover .dropbox:hover{color:#007ee5;} .content-social-author li:hover .wordpress:hover{color:#21759b;} .content-social-author li:hover .vimeo:hover{color:#1ab7ea;} .content-social-author li:hover .slideshare:hover{color:#0077b5;} .content-social-author li:hover .vk:hover{color:#4c75a3;} .content-social-author li:hover .tumblr:hover{color:#34465d;} .content-social-author li:hover .yahoo:hover{color:#410093;} .content-social-author li:hover .stumbleupon:hover{color:#eb4924;} .content-social-author li:hover .reddit:hover{color:#ff5700;} .content-social-author li:hover .quora:hover{color:#b92b27;} .content-social-author li:hover .yelp:hover{color:#af0606;} .content-social-author li:hover .weibo:hover{color:#df2029;} .content-social-author li:hover .phunt:hover{color:#da552f;} .content-social-author li:hover .hackernews:hover{color:#ff6600;} .content-social-author li:hover .soundcloud:hover{color:#ff3300;} .content-social-author li:hover .whatsapp:hover{color:#25D366;} .content-social-author li:hover .wechat:hover{color:#09b83e;} .content-social-author li:hover .vine:hover{color:#00b489;} .content-social-author li:hover .slack:hover{color:#3aaf85;} .content-social-author li:hover .dribbble:hover{color:#ea4c89;} .content-social-author li:hover .flickr:hover{color:#ff0084;} .content-social-author li:hover .foursquare:hover{color:#f94877;} .content-social-author li:hover .behance:hover{color:#131418;} .content-social-author li:hover .rss:hover{color:#f57d00;} .content-social-author li:hover .stack-overflow:hover{color:#f57d00;} .content-social-author li:hover .digg:hover{color:#131418;} .content-social-author li:hover .delicious:hover{color:#0084ff;} /*--------- Post Tags -----------*/ .post-footer .tags{color: #63636a;} .post-footer .tags a:hover{color:$maincolor} #comments .comment .comment-block{border:0px;border-bottom: 1px solid #f7f7f7;padding-bottom:15px;position:relative;} .comments .comments-content .comment-content{font-size: 14px;background: $(lightcolor) none repeat scroll 0 0;border-radius: 2px;color: #4b4b55;line-height: 24px;width: 100%; display: border-box; padding: 20px;} .magpro-left-tags {margin-top: 10px;} .tags-title{font-weight: 400;color: #fff;padding: 0 6px;padding-bottom: 2px;margin: 5px 0 0 5px;background: #2c2f34;border: 1px solid rgba(0,0,0,0.1);border-radius: 2px;} .tags a{color: #63636a;padding: 0 6px;padding-bottom: 2px;background: rgba(0,0,0,0.03);margin: 5px 0 0 5px;border: 1px solid rgba(0,0,0,0.1);border-radius: 2px;} .tags a:hover{color:$maincolor} .tags-wrap {font-size: 11px;clear: both;line-height: 25px;} /*-------- Comments ----------*/ .comment-form{overflow:hidden} .comments-title{position:relative;clear:both;z-index:1;margin:0;line-height:33px} .comments-title h2{display:inline-block;position:relative;background-color:#fff;color:#1c1c1c;font-size:18px;letter-spacing:-.4px;text-transform:uppercase;font-weight:700;z-index:1;margin:0;padding-right:15px} .comments-title:after{content:"";position:absolute;z-index:0;top:14px;left:0;width:100%;height:5px;background-color:$(lightcolor)} .comments{clear:both;margin:0;color:#1c1c1c;background:#fff;padding:10px 0} .comments h4{color:#000;font-size:14px;padding:5px 20px;font-weight:700;text-transform:Uppercase;position:relative;text-align:center;background:#fff;z-index:1;margin-bottom:15px} .comments h4:after{content:'';position:absolute;bottom:0;left:50%;width:40px;height:2px;background:#000;margin-left:-20px} .comments .comments-content{margin:0;padding:0} .comments .comments-content .comment{margin-bottom:0;padding-bottom:8px} .comments .comments-content .comment:first-child{padding-top:0} .facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important} .comments .item-control{position:static} .comments .avatar-image-container{float:left;overflow:hidden;position:absolute} .comments .avatar-image-container,.comments .avatar-image-container img{height:45px;max-height:45px;width:45px;max-width:45px} .comments .comment-block{overflow:hidden;padding:0 0 10px} .comments .comment-block,.comments .comments-content .comment-replies{margin-left:60px;margin-top:0} .comments .comments-content .inline-thread{padding:0} .comments .comment-actions{float:left;width:100%;position:relative;margin:0} .comments .comments-content .comment-header{font-size:14px;display:block;overflow:hidden;clear:both;margin:0 0 3px;padding:0 0 5px;border-bottom:1px dotted $(lightcolor)} .comments .comments-content .user{font-style:normal;font-weight:500;display:block;font-size:16px} .comments .comments-content .icon.blog-author{display:none} .comments .comments-content .comment-content{float:left;text-align:left;font-size:13px;line-height:1.4em;color:#656565} .comments .comment .comment-actions a{margin-right:5px;padding:2px 5px;font-weight:400;font-size:10px} .comments .comment .comment-actions a:hover{color:#fff;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor)) !important;background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor)) !important;background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor)) !important;background: linear-gradient(45deg,$(maincolor),$(second.maincolor)) !important;text-decoration:none} .comments .comments-content .datetime{color:#999;float:left;font-size:11px;position:relative;font-style:italic;margin:2px 0 0;display:block} .comments .comments-content .datetime:before{content:'\f017';font-family:fontawesome;font-style:normal;margin-right:3px} .comments .comments-content .comment-header a{color:inherit} .comments .comments-content .comment-header a:hover{color:$maincolor} .comments .thread-toggle{margin-bottom:4px} .comments .thread-toggle .thread-arrow{height:7px;margin:0 3px 2px 0} .comments .thread-expanded{padding:8px 0 0} .comments .comments-content .comment-thread{margin:0} .comments .continue a{padding:0 0 0 60px;font-weight:400} .comments .comments-content .loadmore.loaded{margin:0;padding:0} .comments .comment-replybox-thread{margin:0} #comments ol li{list-style-type: none !important} #comments .comment .comment-block{border: 1px solid #ccc;padding: 5px 10px;box-sizing: border-box;position: relative} #comments .continue a{font-size: 10px;display: table;padding:2px 5px;display: inline-block;width: 100%;text-align: center;padding: 8px 0px;margin: 7px 0px;font-size:12px;border:1px solid #2942ee;color:#2942ee} #comments .continue a:hover{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff} .comments .comment-actions{position: absolute;width: auto;right: 0px;top:10px;} .comments .comment-actions a{background: #fff !important;color:#000 !important;border: 1px solid $(lightcolor) !important;transition: 0s all ease-in-out !important;} .comments .comment-actions a:hover{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff !important;border-color: $maincolor !important;transition: 0s all ease-in-out !important;} .comments .comments-content .comment-header{border-bottom: 0px !important;} .comments h4{border-bottom: 1px solid #f7f7f7;text-align: left;color: #2f2f33;font-weight: 500;font-size: 18px;} .comments h4:after{display: none;} /*------------ comment tabs --------------*/ .magpro-blogger-comment{display:block} .magpro-tabs .content-tab{background-color:transparent;padding:0} .magpro-tabs-header{margin-bottom:10px;position:relative} .magpro-tabs-header h3 {display: inline-block;font-size: 18px;margin: 0;color: #ffffff;font-weight: 500;background-color: #333;padding: 5px;border-radius: 5px 5px 0 0;} .magpro-tabs-header h3:before {content: "\f086";font-family: fontawesome;margin-right: 5px;color: #fff;} .magpro-tabs-header h3 h9{display:none} .magpro-tabs-header .magpro-tab-wrapper a {height: auto;line-height: 1.2em;padding: 12px 5px;display: block;text-align: center;background: #333;} .magpro-tabs-header .magpro-tab-wrapper li{float:left;width:33.3333%;padding:0} .facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important} .magpro-tabs.simplyTab .content-tab{background-color:transparent;padding:0;margin-top:20px} .magpro-tabs.simplyTab .magpro-tab-wrapper li a {text-transform: uppercase;color: #ffffff;font-weight: 500;font-size: 12px;} .magpro-tabs.simplyTab .magpro-tab-wrapper li a.activeTab {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));padding-bottom: 18px;} .magpro-tabs.simplyTab .magpro-tab-wrapper li{margin:0;list-style:none} .magpro-tab-wrapper{list-style:none} .content-tab{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} /*-------- Blog Pager ----------*/ .displaypageNum a,.showpage a,.pagecurrent{padding:5px 13px;margin:5px;border: solid 1px $(lightcolor);display:inline-block;line-height:20px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin-top:10px} .displaypageNum a, .showpage a, .pagecurrent{color:#2f2f33;font-size:14px} .pagecurrent{margin-top:0px;display: inline;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff;border: 0} .showpageOf{display:none!important;overflow:hidden} .blockpad{display: block;margin-bottom: 0px;} .displaypageNum a:hover, .showpage a:hover{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff;font-size:14px;} body.index #blog-pager, body.archive #blog-pager{padding:10px 0px;padding-bottom:14px;} #blog-pager-item{padding:20px 0;border-top:2px solid $(lightcolor);} .bcreative-pager{overflow:hidden;padding:0px;} .bcreative-pager a,.bcreative-pager .linkgrey{color:#000;width:50%;display:block;float:left;font-size:100%;text-decoration:none;} .bcreative-pager a:hover{color:$(maincolor);} .bcreative-pager h5,.bcreative-pager h6{margin:0;} .bcreative-pager h6{font-size:17px;} .bcreative-pager h5{font-size:14px;} a#Blog1_blog-pager-newer-link img{float:left;margin:0 25px 0 25px} a#Blog1_blog-pager-older-link img{float:right;margin:0 25px 0 10px} a.blog-pager-newer-link, .bcreative-pager .linkgrey.left{text-align:left;} a.blog-pager-newer-link h6,a.blog-pager-newer-link h5,.bcreative-pager h5,.bcreative-pager h6 {padding-left:25px;color:#000} a.blog-pager-older-link, .bcreative-pager .linkgrey.right{text-align:right;} a.blog-pager-older-link h6,a.blog-pager-older-link h5,.bcreative-pager h5,.bcreative-pager h6{padding-right:25px;} a.blog-pager-newer-link:after,a.blog-pager-older-link:after{display:none;content:"";width:0;height:0;border-width:12px;border-style:solid;border-color:transparent;position:absolute;top:30%;margin-top:-8px;} a.blog-pager-newer-link:after{border-right-color:$(maincolor);left:0;opacity:0.4} a.blog-pager-newer-link:hover:after{opacity:1} a.blog-pager-older-link:after{border-left-color:$(maincolor);right:0;opacity:0.4} a.blog-pager-older-link:hover:after{opacity:1} a.blog-pager-newer-link h5:before{content:'\f100';margin-right:5px;float: left;} a.blog-pager-older-link h5:after{content:'\f101';margin-left:5px;float: right;} a.blog-pager-newer-link h5:before,a.blog-pager-older-link h5:after{display:inline-block;font-family:FontAwesome} /*-------------- sidebar ----------------*/ .sidebar .widget{margin-bottom:20px;position:relative} .sidebar ul,.sidebar li{list-style-type:none;margin:0;padding:0} .sidebar .widget-content{padding:10px 0} .magpro-sidebar-tab li a,.magpro-sidebar-tabs .section{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;-ms-transition:all 0s ease} .magpro-sidebar-tab li.active a {color: #fff;position: relative;z-index: 1;} .magpro-sidebar-tabs .widget h2{display:none} .magpro-sidebar-tab li{width:33.3%;float:left;display:inline-block;padding:0;position:relative} .magpro-sidebar-tab li a {height: 55px;text-align: center;padding: 0;border-radius: 2px;max-height: 40px;font-weight: 600;transition: opacity 0.3s;display: block;font-size: 12px;line-height: 40px;text-transform: uppercase;} .magpro-sidebar-tab {display: flex;clear: both;padding: 0;margin: 0;border: 1px solid $(maincolor);border-radius: 3px;} .magpro-sidebar-tab li.active:last-child a:after {-webkit-transform: skew(0);-ms-transform: skew(0);transform: skew(0);} .magpro-sidebar-tab li{display:none} .magpro-hide{display:inline-block!important} #tabside3{margin-bottom:15px} .magpro-sidebar-tabs .widget-content{padding:15px 0 0} .magpro-hide.active {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} /*------------- Social Counter ---------------*/ .social-counter{margin:0;padding:0;overflow:hidden} .social-counter ul{margin:0;padding:0} .social-counter ul li{width:25%;text-align:center;margin:0;padding:20px 0;border-bottom:1px solid $(lightcolor);position:relative;float: left;} .social-item:nth-child(5),.social-item:nth-child(6),.social-item:nth-child(7),.social-item:nth-child(8){border:none} .social-counter ul li a{margin:0;padding:0} .item-icon {margin: 0 0 10px;float: none;width: 55px;height: 45px;display: inline-block;line-height: 45px !important;text-align: center;vertical-align: middle;background-color: #a3a3a3;color: #fff;font-size: 18px !important;border-radius: 3px;transition: .4s;} .item-count{display:block;color:#5f5f5f;font-weight:700;font-size:14px;line-height:20px} .item-text{display:block;color:#9d9d9d;font-size:12px;line-height:18px} .social-item .item-icon{margin:0 0 10px;float:none} .social-item.facebook .item-icon,.social-item.facebook .item-icon:after{background-color:#5271b3;border-color:#5271b3} .social-item.twitter .item-icon,.social-item.twitter .item-icon:after{background-color:#49aff8;border-color:#49aff8} .social-item.vimeo .item-icon,.social-item.vimeo .item-icon:after{background-color:#35c6ea;border-color:#35c6ea} .social-item.rss .item-icon,.social-item.rss .item-icon:after{background-color:#FFC200;border-color:#FFC200} .social-item.youtube .item-icon,.social-item.youtube .item-icon:after{background-color:#eb1a21;border-color:#eb1a21} .social-item.dribbble .item-icon,.social-item.dribbble .item-icon:after{background-color:#ea4c89;border-color:#ea4c89} .social-item.instagram .item-icon{background-color: #e4405f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);border-color:#4E729A} .social-item.instagram .item-icon:after {background-color: #fdb778;border: 0;} .social-item.behance .item-icon,.social-item.behance .item-icon:after{background-color:#1879fd;border-color:#1879fd} .social-item.soundcloud .item-icon,.social-item.soundcloud .item-icon:after{background-color:#ff7e30;border-color:#ff7e30} .social-item.github .item-icon,.social-item.github .item-icon:after{background-color:#3f91cb;border-color:#3f91cb} .social-item.linkedin .item-icon,.social-item.linkedin .item-icon:after{background-color:#007bb5;border-color:#007bb5} .social-item.pinterest .item-icon,.social-item.pinterest .item-icon:after{background-color:#cb2027;border-color:#cb2027} .social-item.facebook .item-icon:before{content:"\f09a"} .social-item.twitter .item-icon:before{content:"\f099"} .social-item.vimeo .item-icon:before{content:"\f27d"} .social-item.rss .item-icon:before{content:"\f09e"} .social-item.youtube .item-icon:before{content:"\f167"} .social-item.instagram .item-icon:before{content:"\f16d"} .social-item.dribbble .item-icon:before{content:"\f17d"} .social-item.behance .item-icon:before{content:"\f1b4"} .social-item.soundcloud .item-icon:before{content:"\f1be"} .social-item.github .item-icon:before{content:"\f09b"} .social-item.linkedin .item-icon:before{content:"\f0e1"} .social-item.pinterest .item-icon:before{content:"\f0d2"} .item-icon:hover {opacity: 0.8;} .social-item .item-icon:after{content:"";position:absolute;width:10px;height:10px;top: 60px;z-index:0;border-width:0 1px 1px 0;border-style:solid;-webkit-transform:rotate(224deg);-moz-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg);right: 50%;margin-right: -5px;} .social-counter ul li:hover .item-text{color:$(maincolor)} /*------------ Blog Archive --------------*/ select#BlogArchive1_ArchiveMenu{width:100%;padding:10px;} .BlogArchive select{border:1px solid #f7f7f7 !important} /*-------------------- Advertisement Widget ----------------------*/ #magpro-advert-1 .widget,#magpro-advert-2 .widget,#magpro-advert-3 .widget{width:728px;max-height:90px;padding:0;max-width:100%;box-sizing:border-box;} #magpro-advert-1 .widget{float: right;display:block!important} #magpro-advert-2 .widget, #magpro-advert-3 .widget {margin: 15px auto 15px!important;} #magpro-advert-1 .widget h2,#magpro-advert-2 .widget h2,#magpro-advert-3 .widget h2{display:none;visibility:hidden} .magpro-advertising{margin:10px 0 0} .post-item #magpro-advert-2,.post-item #magpro-advert-3 {display: block !important;} #magpro-advert-2,#magpro-advert-3 {display: none;} /*------------ Contact Form --------------*/ .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget{max-width:none} .contact-form-name,.contact-form-email,.contact-form-email-message{background-color:#EBEBEB;border:1px solid #ccc} .contact-form-button-submit{max-width:none;width:100%;height:35px;border:0;background-image:none;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));cursor:pointer;font-style:normal;font-weight:400;font-size: 15px;} .contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{border:0;box-shadow:none} .contact-form-name:hover,.contact-form-email:hover,.contact-form-email-message:hover{border:0} /*---------------- Follow By Email ------------------*/ .sidebar .FollowByEmail > h3.title,.sidebar .FollowByEmail .title-wrap{margin-bottom:0} #FollowByEmail1{clear:both} .FollowByEmail td{width:100%;float:left;box-sizing:border-box} .FollowByEmail .follow-by-email-inner .follow-by-email-address{padding-left:10px;height:30px;border:1px solid #FFF;margin-bottom:5px;box-sizing:border-box;font-size:11px;font:$(body.font);} .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #FFF} .FollowByEmail .widget-content{box-sizing:border-box;padding:10px} .magpro-fcols-inner .FollowByEmail .widget-content{margin-top:10px} .widget.FollowByEmail .widget-content:before{content: "\f1d9";font-family: FontAwesome;width: 100%;display: inline-block;text-align: center;font-size:30px;padding: 5px 0px;color:#757575;} .FollowByEmail .widget-content .follow-by-email-inner:before {content: "Subscribe to our mailing list to get the new updates!";font-size: 14px;color: #757575;line-height: 1.4em;margin-bottom: 5px;display: block;padding: 0 2px;text-align: center;padding-bottom: 5px} .FollowByEmail .follow-by-email-inner .follow-by-email-address{border: 1px solid $(lightcolor) ;font-size:13px;box-sizing:border-box;margin-top:10px;} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff;font-size:12px;font-weight: 400;margin-top:5px;width: 100%;height: 35px;margin-left: 0;} .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border: 1px solid rgba(0,0,0,0.1);} /*-------------------- Recent Post Widget ----------------------*/ .magpro-recent .magpro-recent-item{overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 0} .magpro-recent .magpro-recent-item:first-child{padding-top:0} .magpro-recent .magpro-recent-item:last-child{border-bottom:none} .magpro-recent .magpro-recent-thumb{position:relative;float:left;margin:0!important;width:80px;height:60px;overflow:hidden;display:block;vertical-align:middle} .magpro-recent .magpro-recent-content{padding-left:10px;display:table-cell} .magpro-recent .magpro-recent-title{overflow:hidden;line-height:0;margin:0 0 2px;padding:0} .magpro-recent .magpro-recent-title a{color:#333;font-weight:400;font-size:13px;line-height:1.5em} .magpro-recent .magpro-recent-title a:hover{color:$maincolor !important} /*------------- Profile Widget ---------------*/ #magpro-footer #magpro-footer-cols .Profile a{color: #fff;background-image:none !important;padding: 0px !important;box-sizing: border-box} /*------------- 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:#fff;} .FeaturedPost a:hover{color:#ccc} .FeaturedPost .overlay{position: absolute;left: 0px;top:0px;height: 100%;width: 100%;background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0%, transparent 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;;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) linear-gradient(to bottom, transparent 0%, transparent 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;;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;} /*------------------------ Popular Post Widget --------------------------*/ .sidebar .PopularPosts .widget-content ul li:first-child,.sidebar .magpro-recent .magpro-recent-item:first-child{padding-top:0;border-top:0} .sidebar .PopularPosts .widget-content ul li:last-child,.sidebar .magpro-recent .magpro-recent-item:last-child{padding-bottom:0} .PopularPosts .item-thumbnail{margin:0 15px 0 0 !important;width:80px;height:60px;float:left;overflow:hidden;position:relative} .PopularPosts .item-thumbnail a{position:relative;display:block;overflow:hidden;line-height:0} .PopularPosts ul li img{width:90px;height:65px;object-fit:cover;padding:0;transition:all .3s ease} .PopularPosts .widget-content ul li{overflow:hidden;padding:10px 0;border-top:1px solid #f2f2f2} .sidebar .PopularPosts .widget-content ul li:first-child,#magpro-sidebar-tabs .PopularPosts .widget-content ul li:first-child{padding-top:0;border-top:0} .sidebar .PopularPosts .widget-content ul li:last-child,.sidebar .magpro-recent .magpro-recent-item:last-child,.tab-widget .PopularPosts .widget-content ul li:last-child,.tab-widget .magpro-recent .magpro-recent-item:last-child{padding-bottom:0} .PopularPosts ul li a{color:#333;font-weight:400;font-size:13px;line-height:1.4em;transition:color .3s;font:$(body.font);} .PopularPosts ul li a:hover{color:$maincolor !important} .PopularPosts .item-title{margin:0 0 4px;padding:0;line-height:0} .item-snippet{display:none;font-size:0;padding-top:0} .PopularPosts ul{counter-reset:popularcount;margin:0;padding:0} /*-------------- Comment Widget ----------------*/ .magpro-comments .magpro-comment .magpro-comment-profile{position:relative;overflow:hidden;padding:0;width:55px;height:55px;float:left;margin:0 10px 0 0} .magpro-comments .magpro-comment{background:none!important;clear:both;list-style:none;word-break:break-all;display:block;border-top:1px solid $(lightcolor);border-bottom:0!important;overflow:hidden;margin:0;padding:10px 0} .magpro-comments .magpro-comment:first-child{padding-top:0;border-top:0} .magpro-comments .magpro-comment:last-child{padding-bottom:0} .magpro-comments .magpro-comment span{color:#4b4b55;display:block;line-height:1.2em;font-size:12px;font-weight:400;overflow:hidden;background:$(lightcolor);height:38px;margin-top:5px;box-sizing:border-box;padding:5px 8px} .magpro-comment-thumb{width:55px;height:55px;float:left;margin:0 10px 0 0;border-radius: 50%;border: 2px solid #d6d6d6;} .magpro-comments a{color:$maincolor;position:relative;font-size:13px;text-transform:capitalize;display:block;overflow:hidden;font-weight:400} .magpro-comments a:hover{color:$maincolor} .magpro-comments{list-style:none;padding:0} a.leavecmnt {color: #333;display: block;padding-left: 15px;overflow: hidden;font-size: 11px;position: relative;left: 65px;} .leavecmnt:hover {text-decoration: underline;color: $(maincolor) !important;} .leavecmnt:before {color: $(maincolor);content: "\f086";font-family: FontAwesome;position: absolute;top: 0;left: 0;font-size: 12px;} a.vglnk {display: none;} /*------------ Label Widget --------------*/ .cloud-label-widget-content a{float:left;margin:3px;font-weight:normal;font-size:13px;padding:5px 10px;border:1px solid rgba(0,0,0,0.1);display:inline-block} .cloud-label-widget-content a:hover{border:1px solid $(maincolor) !important;color:$(maincolor) !important;} .list-label-widget-content{margin-top:-10px} .list-label-widget-content ul li{list-style:none;overflow:hidden;padding:0;position:relative;border-bottom:1px solid rgba(0,0,0,0.1);} .list-label-widget-content ul li a{position:relative;display:block;padding:10px 0;font-size:13px} .list-label-widget-content ul li span{float:right;display: inline-block;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));text-align: center;margin-top: -28.97px;font-size: 85%;padding: 0 5px;min-width: 24px;height: 22px;line-height: 22px;color: #fff;border-radius: 2px;transition: box-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);} .list-label-widget-content ul li:hover a{color:$(maincolor) !important;margin-left: 5px;} .list-label-widget-content ul li:hover {border-bottom: 1px solid $(maincolor) !important;} .list-label-widget-content ul li:last-child:hover {border-bottom: 0;} .list-label-widget-content ul li a:before{content:'\f114';display:inline-block;font-family:FontAwesome;font-weight:normal;margin-right:8px} .list-label-widget-content ul li a:hover:before {content: '\f115';} .list-label-widget-content ul li:last-child{border-bottom:0 !important} .list-label-widget-content li:nth-child(1) span,.list-label-widget-content li:nth-child(11) span{background:#6A4F0A} .list-label-widget-content li:nth-child(1):hover span,.list-label-widget-content li:nth-child(11):hover span{background:#5B4305} .list-label-widget-content li:nth-child(2) span,.list-label-widget-content li:nth-child(12) span{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .list-label-widget-content li:nth-child(2):hover span,.list-label-widget-content li:nth-child(12):hover span{opacity:0.8} .list-label-widget-content li:nth-child(3) span,.list-label-widget-content li:nth-child(13) span{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .list-label-widget-content li:nth-child(3):hover span,.list-label-widget-content li:nth-child(13):hover span{opacity:0.8} .list-label-widget-content li:nth-child(4) span,.list-label-widget-content li:nth-child(14) span{background:#9B62F8} .list-label-widget-content li:nth-child(4):hover span,.list-label-widget-content li:nth-child(14):hover span{background:#7039C9} .list-label-widget-content li:nth-child(5) span,.list-label-widget-content li:nth-child(15) span{background:#168E50} .list-label-widget-content li:nth-child(5):hover span,.list-label-widget-content li:nth-child(15):hover span{background:#0B6336} .list-label-widget-content li:nth-child(6) span,.list-label-widget-content li:nth-child(16) span{background:#00AFBD} .list-label-widget-content li:nth-child(6):hover span,.list-label-widget-content li:nth-child(16):hover span{background:#007A84} .list-label-widget-content li:nth-child(7) span,.list-label-widget-content li:nth-child(17) span{background:#00AFBD} .list-label-widget-content li:nth-child(7):hover span,.list-label-widget-content li:nth-child(17):hover span{background:#007983} .list-label-widget-content li:nth-child(8) span,.list-label-widget-content li:nth-child(18) span{background:#BA63C3} .list-label-widget-content li:nth-child(8):hover span,.list-label-widget-content li:nth-child(18):hover span{background:#91349B} .list-label-widget-content li:nth-child(9) span,.list-label-widget-content li:nth-child(19) span{background:#26AC74} .list-label-widget-content li:nth-child(9):hover span,.list-label-widget-content li:nth-child(19):hover span{background:#168758} .list-label-widget-content li:nth-child(10) span,.list-label-widget-content li:nth-child(20) span{background:#80EDE8} .list-label-widget-content li:nth-child(10):hover span,.list-label-widget-content li:nth-child(20):hover span{background:#34A49F} /*------------ Message Top --------------*/ .messager-text h1 a{float:right;font-size:14px;font-weight:400;line-height:16px;border:1px solid $(maincolor);padding:15px 20px;background:$(lightcolor);transition:0s all ease-in-out;} .messager-text h1 a:hover{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff;transition:0s all ease-in-out;} .status-msg-body{background: #fff;border:1px solid #ccc;padding:20px;box-sizing:border-box;} .status-msg-border{border:0px;} /*----- Footer -------*/ #magpro-footer{margin:auto;padding:0 0 10px;width:100%;background: $(footer.background);border-top:8px solid $(footer.border)} #magpro-footer .widget.FollowByEmail .widget-content:before{display:none} #magpro-footer .FollowByEmail .widget-content .follow-by-email-inner:before {display: none;} .mp-brand h2 {margin: 0 0 30px 0 !important;text-align: center !important;font-weight: 300 !important;font-size: 25px !important;} #magpro-footer .mp-brand h2:after{display: none;} #magpro-footer-cols .magpro-comments .magpro-comment{border-top: 1px solid $(footer.content.border.color);} #magpro-footer .magpro-recent .magpro-recent-item:last-child{border-bottom: 0} #magpro-footer .widget h2{padding:0px 0px 10px;color:$(footer.text.color);display:block;font-size:15px;margin:0;position:relative;font-weight:600 !important;text-align:left;} #magpro-footer .mp-recentLink,.sidebar .mp-recentLink,#magpro-footer .mp-headtext,#magpro-footer .mp-recentText {display:none} #magpro-footer .mp-recentLink i, #magpro-footer .mp-headlinks{display: none;} #magpro-footer .toggler, .panel .widget .toggler{padding-top: 10px;} #magpro-footer .widget h2:after, #magpro-footer .mp-recentText:after {content: "";background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));width: 40px;height: 2px;position: absolute;bottom: -2px;left: 0;} #magpro-footer .magpro-recent .magpro-recent-item{border-bottom: 1px solid $(footer.content.border.color)} #magpro-footer .widget-content, #magpro-footer .contact-form-widget{box-sizing: border-box;} #magpro-footer .contact-form-widget p{display: table;height: 10px;} #magpro-footer .list-label-widget-content ul li a:hover{color:$(maincolor) !important} #magpro-footer a,form{color: $(footer.text.color)} #magpro-footer .list-label-widget-content ul li a {color: #FFFFFF;} #footer-wrapper{margin:auto;padding:41px 0} #magpro-footer-cols{float:left;margin:0 auto;padding-bottom:20px;width:25%;color:#ddd;line-height:1.6em;word-wrap:break-word;overflow:hidden;max-width:375px} .magpro-fcols-inner{margin:0;padding:0} .magpro-fcols-inner .widget{margin:0;padding:10px 15px 0;box-sizing:border-box} .magpro-fcols-inner ul{margin:0 auto;padding:0;list-style-type:none} .magpro-fcols-inner li{display:block;line-height:1.6em;margin-left:0!important;list-style-type:none} .magpro-fcols-inner li a{text-decoration:none;color:#DBDBDB} .magpro-fcols-inner li a:hover{text-decoration:none} .magpro-fcols-inner li:hover{display:block} .magpro-fcols-inner .PopularPosts ul li a,.magpro-fcols-inner,.magpro-fcols-inner .magpro-recent .magpro-recent-title a,.magpro-fcols-inner .magpro-comments a{color:#fff} .magpro-fcols-inner .PopularPosts .widget-content ul li{border-bottom:1px solid $(footer.content.border.color);border-top:0} .magpro-fcols-inner .magpro-recent .magpro-recent-item{border-top:0} .magpro-fcols-inner .PopularPosts .widget-content ul li:last-child{border:0} .magpro-fcols-inner .widget-content{padding:10px 0} .magpro-fcols-inner .list-label-widget-content ul li {border-bottom: 1px solid $(footer.content.border.color);} .magpro-fcols-inner .cloud-label-widget-content a {background: transparent;border: 1px solid $(footer.content.border.color);color: #bbbbbb;} .magpro-fcols-inner .list-label-widget-content ul li:last-child{border-bottom:none} .magpro-cwrap{margin:0 auto;overflow:hidden} .magpro-credit_copyright a{color:#fff} .magpro-credit_copyright{text-align:left;display:inline-block;line-height:30px} #magpro-credit{background: $(credit.footer.background);color:$(credit.footer.text.color);font-weight:400;padding:15px 0} #magpro-credit a{color: $(credit.footer.text.color)} #magpro-credit a:hover{color: $maincolor;} form{color: #000 !important;} .mp-footer-branding{background-color:$(brand.bg);color:$(brand.text);position:relative;padding:45px 0} .mp-footer-branding h2{color:$(brand.heading);margin:0 0 30px 0;text-align:center;font-weight:300;font-size:25px} .FollowByEmail h2.title{text-align:left} .branding-content{overflow:hidden;position:relative} .mp-footer-branding .colc{width:65%} .mp-footer-branding .colc2{width:35%} .mp-brand{padding:0 10px} .mp-brand img{max-width:400px;height: auto;} .mp-brand span.caption{font-size:13px;display: table-cell;color:$(brand.text);line-height: 20px;} .mp-email{padding:0 30px} .mp-footer-branding .FollowByEmail .follow-by-email-inner .follow-by-email-address {background: transparent !important;border: 1px solid $(footer.content.border.color) !important;height: 40px;margin-bottom: 10px;color:$(footer.text.color)} .mp-footer-branding .FollowByEmail .follow-by-email-inner .follow-by-email-submit {height: 40px;width: 100%;font: $(body.font);} .pullb-left{float:left} .mp-brand img{float:left;margin-right:45px;margin-top: 30px;} /*------------ Contact Popup --------------*/ .contact-btn {bottom: 0;text-decoration: none;color: #fff;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));cursor: pointer;font-size: 16px;padding: 10px;-webkit-border-radius: 0 0 0 10px;-moz-border-radius: 0 0 0 10px;border-radius: 0 0 0 10px;width: auto;float: right;font-weight: 600;text-align: center;} .contact-btn:hover {opacity:0.8;text-decoration:none} .contact-sec{position:fixed;top:50%;margin-top:-190px;left:50%;max-width:300px;width:90%;margin-left:-150px;background-color:#FFF;height:380px;z-index:99999;display:none;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;right: -15px;} .contact-sec h2 {text-align: center;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff;border-radius: 5px;height: 25px;line-height: 25px;font-size: 18px;} .contact-close{position:absolute;top:-12px;background-color:#303030;color:#FFF;height:25px;width:25px;right: -15px;text-align:center;border-radius:5px;line-height:25px;font-size:10px} .contact-sec .widget{padding:20px} .contact-sec .contact-form-cross{display:none} .contact-sec.contact-show{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} #body-wrapper.pop_contact{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} #body-wrapper.pop_contact:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.69);z-index:999;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget{max-width:none;margin-bottom:15px;padding:5px} .contact-form-name,.contact-form-email,.contact-form-email-message{background-color:#f3f3f3;border:0} .contact-form-email-message{height:100px} .contact-form-button-submit{max-width:none;width:100%;height:35px;border:0;background-image:none;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));cursor:pointer;font-style:normal;font-weight:400;outline: 0;font: $(body.font);} .contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{border:0;box-shadow:none} .contact-form-name:hover,.contact-form-email:hover,.contact-form-email-message:hover{border:0} .contact-form-button-submit:hover{opacity:0.8} .contact-close .fa:hover {color: $(maincolor);} /*----------- Owl Carousel -------------*/ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel .owl-refresh .owl-item{display:none} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .owl-prev {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;} .owl-next {border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;} .owl-prev, .owl-next {font-family: FontAwesome;overflow: hidden;position: absolute;z-index: 2;width: 25px;height: 46px;line-height: 35px;text-align: center;transition: 0.3s;border-radius: 2px;top: 0;} .featured-content .owl-prev, .featured-content .owl-next {top: 45%;} .owl-prev{left:0} .owl-prev:before{content:"\f104"} .owl-next{right:0} .owl-next:before{content:"\f105"} .owl-dots{position:absolute;bottom:1px;width:33.33%;left:0;right:0;margin:auto;text-align:center} .owl-dot{background:#fff;height:3px;width:10px;display:inline-block;margin:0 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;opacity:.6} .owl-dot.active,.owl-dot:hover{background:$(maincolor)} .owl-theme .owl-controls{margin-top:0px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:20px;padding:5px 10px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));display:inline-block;cursor:pointer;} /*-------------- Featured Section ----------------*/ .featured-left img {height: 509px;} .featured-top {margin-left: 15px;margin-right: 15px;} .mp-topfeatured,.mp-bottomfeatured{position:relative;display:block;background-color:transparent} .mp-bottomfeatured{margin-bottom: 15px} .featured-top,.featured-bottom{position:relative} .featured-full-top{margin-bottom: 15px;margin-top: 15px;} .featured-full-top,.featured-full-bottom-s{width:100%;position:relative;overflow:hidden} .featured-left-n-right{position:relative;overflow:hidden} .featured-left{width:55%;float:left} .featured-right{width:45%;float:right} .featured-two-col{position:relative;overflow:hidden} .featured-botTwo-col .featured-small .featured-inner{margin-bottom:0} .featured-small{float:left;width:50%} .featured-inner{padding:0;overflow:hidden} .featured-left .featured-inner{margin-right:3px} .featured-small .featured-inner{margin-bottom:3px} .featured-left .mp-topost-item,.featured-left .single-outer{height:509px} .featured-right .mp-topost-item{height:253px} .featured-top .popup-stuff,.featured-top .ss,.featured-top .mp-recentLink,.mp-postCarousel-F.fouritem .mp-recentLink,.recent-full-carousel .mp-recentLink{display:none} .featured-top .mp-wspace{padding:0;border:none} .featured-full-bottom{position:relative;display:block;overflow:hidden} .small-grid{float:left;width:33.3333333333%} .small-grid .mp-topost{margin-top:15px;margin-right:15px;} .small-grid.last-child .mp-topost{margin-right:0px;} #FeaturedXLarge-2 .featuredContent,#FeaturedXLarge-2 .recent-single-slider,#FeaturedSmall-3 .featuredContent,#FeaturedSmall-4 .featuredContent{margin-top:15px;} .mp-featuredMag{overflow:hidden;position:relative} .mp-featuredMag:hover img {-webkit-transform: scale(1.2) !important;transform: scale(1.2) !important;} .mp-topost-item .featured-thumb img {-webkit-transition: all 0.5s ease !important;transition: all 0.5s ease !important;} .mp-topost{position:relative;overflow:hidden;text-align:left} .top-right-meta{color:#fff;font-size:12px;} .mp-topost img{width:100%;height:100%} .mp-topost-cat{position:absolute;left:10px;top:10px;background-color:rgba(51,51,51,0.79);z-index:2;display:inline-block;padding:5px 10px;font-size:12px;color:#fff;text-transform:uppercase;} .mp-topost-item .top-right-content,.mp-postCarousel-F .car-item h3,.mp-postCarousel .car-item h3,span.car-author,ul.tabsub .layerc{position:Absolute;z-index:2;bottom:20px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;left:0;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 30px;width:100%} .mp-topost-item h3{margin:5px 0;text-transform:capitalize} .blogMainContent .mp-topost-item h3{text-transform:capitalize} .blogMainContent .mp-topost-item .top-right-content{bottom:30px;} .blogMainContent a.mp-topost-cat{background:#333;} .mp-topost-item .mp-topost-item-link,.blogMainContent .mp-topost-item .recentdate,.blogMainContent .mp-topost-item .authorname{color:#fff} .mp-topfeatured .authorname,.mp-topfeatured .recentdate,.mp-postCarousel-F .authorname,.mp-postCarousel-F .recentdate,.mp-postCarousel-F i{color:#D8D8D8} div#FeaturedXLarge-2 a h3{color:#FFF;font-weight:900;font-size:20px} .featured-two-col a h3,.featured-large a h3,.small-grid a h3{color:#fff;font-size:17px;font-weight:900;} .small-grid .mp-topost-item{max-height:250px;overflow:hidden;} .mp-topost-item:before {content: "";position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.7) 100%); background: -webkit-gradient(linear,right top,right bottom,color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.7) 100%);display: block;height: 100%;z-index: 1;} .mp-randomSimple-meta span.recentdate:after{display:none} .mp-scontent p{margin:5px 0 0 0} .featuredContent .mp-magMedia a:before,.featuredContent .mp-magMedia a:after{display:none!important} #FeaturedXLarge-2 .mp-topost-cat{background:#00bce4} #FeaturedSmall-3 .mp-topost-cat{background:#1AB1AA} #FeaturedSmall-4 .mp-topost-cat{background:#eb5424} #FeaturedSmall-5 .mp-topost-cat{background:#BB169B} #FeaturedSmall-6 .mp-topost-cat{background:#ffcc33} #FeaturedMedium-7 .mp-topost-cat{background:#ff008d} #FeaturedMedium-8 .mp-topost-cat{background:#ff7243} #FeaturedMedium-9 .mp-topost-cat{background:#553a99} #FeaturedXLarge-2 .mp-topost-cat:hover{background:#05677C} #FeaturedSmall-3 .mp-topost-cat:hover{background:#076B66} #FeaturedSmall-4 .mp-topost-cat:hover{background:#9E2D0A} #FeaturedSmall-5 .mp-topost-cat:hover{background:#700A5C} #FeaturedSmall-6 .mp-topost-cat:hover{background:#8F6F0F} #FeaturedMedium-7 .mp-topost-cat:hover{background:#A31061} #FeaturedMedium-8 .mp-topost-cat:hover{background:#AB4523} #FeaturedMedium-9 .mp-topost-cat:hover{background:#2A1463} .mp-magMedia{position:relative;margin-right: 3px;} #slider span.authorname{overflow:hidden;display:inline-block;padding-left:5px;color:#fff;} .authorname {float: left;margin-right: 5px} li.mp-soverlay {padding: 0;list-style-type: none;} .mp-soverlay:before{pointer-events:none;position:absolute;content:'';width:100%;height:100%;left:0;top:0;vertical-align:top;background:transparent;z-index:1;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.4)));background-image:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4));background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4));background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4));transition: opacity 0.2s} .mp-soverlay:hover:before{background:transparent;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.7)));background-image:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;transition: opacity 0.2s} .recent-carousel-meta.metais h3 a,.mp-scontent p,.mp-scontent h3 a{color:#fff !important} .mp-scontent h3 a:hover {color: $(maincolor);} .mp-scontent h3 {text-transform: capitalize;margin: 0;font-size: 25px;font-weight: 900;} .recent-carousel-meta.metais h3{margin:0;font-size:15px;font-weight: 700;} .featured-left .single-outer .mp-scontent {position: absolute;bottom: 30px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 30px;z-index: 1;width: 100%;} .recent-carousel-meta.metais{position:absolute;bottom:30px;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 30px;z-index:1;width:100%} .inner {margin: 0 auto;padding: 0 25px;max-width:1200px;} .container:before,.container:after{content:" ";display:table} /*-------------------- Recent Single Slider ----------------------*/ .recent-single-slider .owl-dots{position:absolute;top:10px;right:10px} .recent-single-slider .owl-theme .owl-dots .owl-dot span{background:#fff} .owl-theme .owl-dots .owl-dot:hover span{background:#fff!important} .recent-single-slider .owl-nav,.mp-recent-scroll .owl-nav,.recent-full-carousel .owl-nav{opacity:0;moz-transition:opacity 0.25s linear;-o-transition:opacity 0.25s linear;-webkit-transition:opacity 0.25s linear;transition:opacity 0.25s linear} .recent-single-slider:hover .owl-nav,.mp-recent-scroll:hover .owl-nav,.recent-full-carousel:hover .owl-nav{opacity:1} .imgwrap{position:relative} .imgwrap .simplemeta{display:none} a.recentLabel{position:relative;display:inline-block;background:#fff;font-size:10px;padding:2px 3px;margin-bottom:5px;text-transform:uppercase;color:#fff;border-radius: 3px;} .mp-recent-scroll ul li{list-style-type:none} .mp-recent-scroll .container{position:relative;overflow:hidden} .mp-recent-scroll{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));position:relative} .mp-rscrl-img {float: left;max-width: 41%;display: table-cell;width: 100%;bottom: 4px;} .mp-rscrl-img img {height: 115px;} .mp-recent-scroll .layerc{display: table-cell;padding-left:25px;width:65%;font-size:12px;color:#fff} .mp-recent-scroll span.recentdate:after{display:none} .mp-recent-scroll .recentdate{color:#fff!important;display:block} .mp-recent-scroll .layerc h3,.mp-recent-scroll .layerc .recentdate{margin:0} .mp-recent-scroll h3,.mp-recent-scroll .layerc .recentdate{margin-top:6px!important} .mp-recent-scroll h3 a{color:#fff!important} .mp-recent-scroll h3{font-size: 14px} .mp-recent-scroll .owl-item{height:115px} /*---------------------- Full Width Three column ------------------------*/ .simplesubmeta{color:#8e8e95} .straight-sum{color:#2e2e2e;padding:10px 0} .recent-grid .widget{overflow: hidden;padding-bottom:35px;} .recent-grid-in{padding:0 32px} .simplesub{padding:10px 0;border-bottom:1px solid $(lightcolor)} .simplesub:last-child {border: 0;} .two-col-mag .straight-jump{padding-bottom:0} .bottomthree .layerc h3{text-align:center;padding:0} .topthree .layerc h3{text-align:center;padding:0} .three-W.recent-grid-3.topthree.overf {margin-top: 50px;} .straight-jump{padding-bottom:15px} .r-grid1 .straighthead .mp-headtext{border-bottom:2px solid $(maincolor);color:$(maincolor)} .r-grid1 .straight-jump a,.r-grid1 .recentcontent h3 a:hover,.r-grid1 .layerc h3 a:hover{color:$(maincolor)} .r-grid1 a.recentLabel-1,.r-grid1 a.recentLabel{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .r-grid1 .straight-jump a:hover{padding: 5px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));;color: #FFF;border-radius: 5px;} .r-grid2 .straighthead .mp-headtext{border-bottom:2px solid $(maincolor);color:$(maincolor)} .r-grid2 .straight-jump a,.r-grid2 .recentcontent h3 a:hover,.r-grid2 .layerc h3 a:hover{color:$(maincolor)} .r-grid2 a.recentLabel-1,.r-grid2 a.recentLabel{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .r-grid2 .straight-jump a:hover{padding: 5px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));;color: #FFF;border-radius: 5px;} .r-grid3 .straighthead .mp-headtext{border-bottom:2px solid $(maincolor);color:$(maincolor)} .r-grid3 .straight-jump a,.r-grid3 .recentcontent h3 a:hover,.r-grid3 .layerc h3 a:hover{color:$(maincolor)} .r-grid3 a.recentLabel-1,.r-grid3 a.recentLabel{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .r-grid3 .straight-jump a:hover{padding: 5px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));;color: #Fff;border-radius: 5px;} .one-col-content{width:100%;display:block;position:relative} .two-col-content{position:relative} .two-col-content .two-col-mag{position:relative;overflow:hidden} .two-col-content .half-cols{float:left;width:50%} .two-col-content .half-cole{float:right;width:50%} .half-cole .section{padding-left:25px} .half-cols .section{padding-right:25px} .overf{overflow:hidden} a.recentLabel-1{margin:5px 0 5px 0;display:inline-block;text-transform:uppercase;font-size:12px;background:#fff;color:#fff;padding:2px 3px;border-radius: 3px} .recentcontent h3,.layerc h3{font-weight:700;font-size:14px;text-transform:capitalize;margin:0 0 5px 0} .recentcontent h3 a:hover,.layerc h3 a:hover{color:#fff;text-decoration:underline;} .layerc h3 a{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out} .recent-carousel-meta.metais a.recentLabel,a.slabel,div#FullWidthWidget-Bottom a.toplabel{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));position:relative;overflow:hidden;display:inline-block;font-size:11px;font-weight:400;line-height:1;text-transform:uppercase;padding:4px 5px;margin:0;color:#ffffff !important} .mp-headtextHover{background:#333;left:0;color:#fff;text-transform:uppercase;font-weight:600;line-height:30px;top:0;position:Absolute;padding:0 10px;-moz-trabsform:rotateX(90deg);-webkit-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);-moz-transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .r-grid1 .mp-headlinks {color: $(maincolor);} .r-grid2 .mp-headlinks {color: $(maincolor);} .r-grid3 .mp-headlinks {color: $(maincolor);} .r-grid1 .mp-headlinks:hover {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .r-grid2 .mp-headlinks:hover {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .r-grid3 .mp-headlinks:hover {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .mp-recentLink{height:35px;line-height:35px;margin-bottom:25px;border-bottom:2px solid rgba(0,0,0,0.1);} .mp-recentLink i{margin-left:3px} .mp-recentLink .mp-recentText{display:inline-block;float:left;position:relative} .mp-recentLink .mp-headtext{display:block;line-height:33px;text-transform:uppercase;font-weight:700;position:relative;} .bmrp-thumb {position: relative;} .mp-headlinks:hover {color: #fff;} .mp-headlinks {font-size: 10px;font-weight: 600;margin: 0 2px;padding: 0 6px;height: 30px;float: right;display: inline-block;line-height: 30px;border-radius: 5px;} a.recentLabel {position: relative;display: inline-block;background: #fff;font-size: 10px;padding: 2px 3px;margin-bottom: 5px;text-transform: uppercase;color: #fff;border-radius: 3px;} /*------------- recent boxes ---------------*/ .recent-boxes{overflow:hidden;position:relative} .box-sec{margin-right:2%} .box-sec h2{display:none} .recent-boxes .box-sec .widget:last-child{margin-bottom:20px} a.more-link, a.posts-link {position: absolute;height: 30px;line-height: 30px;right: 0;top: 5px;padding: 0 10px;margin: 0;font-size: 12px;color: #000;font-weight: 400;} a.more-link:hover,a.posts-link:hover{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff;border-radius: 5px;} a.more-link:before {content: "\f101";font-family: fontawesome;float: right;margin-left: 3px;} .box-title{height:30px;line-height:30px;position:relative;margin-bottom:15px} .box-title h2.title a,.posts-title h2 a{color:#000} .recent-boxes .widget{margin-bottom:30px} .boxes .bx-first .box-thumbnail{position:relative;width:100%;height:200px} .boxes .bf-thumb{width:100%;height:200px;position:relative;display:block} .box-thumbnail{overflow:hidden} .boxes ul li .box-thumbnail{width:110px;height:75px;display:table-cell;vertical-align:middle} .boxes ul li .box-image{width:110px;height:75px;position:relative;display:block} .bx-first .box-thumbnail .first-tag{position:absolute;top:15px;left:15px;z-index:11} .bx-first .box-thumbnail .first-tag a{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff;text-transform:uppercase;height:20px;line-height:20px;display:inline-block;padding:0 6px;font-size:11px;font-weight:400;border-radius:2px} .boxes ul li .recent-content{display:table-cell;padding-left:10px;padding-right:5px} .boxes .recent-title a:hover{color:$(maincolor)} .recent-boxes .feat,.recent-boxes .videos,.recent-boxes .gallery{width:100%;float:left} .recent-boxes .carousel{position:relative;margin:0 0 30px!important;padding:0;overflow:visible;height:auto;display:block;clear:both} .feat .bx-first .box-thumbnail,.feat .bf-thumb{height:363px} .feat .bx-first{width:50%;position:relative;float:left;padding-right:1.4%;box-sizing:border-box;overflow:hidden;} .feat .bx-item{width:100%;position:relative;overflow:hidden} .feat .bx-first .bf-content,.column .bx-first .bf-content{position:absolute;bottom:0;width:100%;z-index:2;padding:15px;box-sizing:border-box} .feat .bx-first .bf-content .recent-title a,.column .bx-first .bf-content .recent-title a{display: block;color: #fff;margin-bottom: 5px;font-size: 20px;line-height: 1.4;font-weight: 600;letter-spacing: -.04em;} .feat li .recent-content .recent-title{overflow:hidden;line-height:0;margin:0 0 2px;padding:0} .feat li .recent-content .recent-title a{color: #222222;line-height: 1.4;font-weight: 600;font-size: 14px;letter-spacing: -.04em;} .boxes ul li .recent-content .recent-title a:hover{color:$(maincolor)} .bx-first .bf-thumb:after{content:no-close-quote;position:absolute;left:0;bottom:0;width:100%;height:151px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrZ8cGi2pAOYTU5xKG3qe5CrgUwB4pCncFaSxEGUbVIoXamOKZbALMb_dTp2h7EZ773klaW4cUh7mkYUGCxYDJzuHf0hgBCG8OXgGkjRpELQXu-YGePzCGngzfRvZUsfpGkih-j5umMY/s1600-r/metabg.png) repeat-x;opacity:.8} .bf-content .recent-author,.bf-content .recent-date{color:#ccc} .feat ul li{display:block;width:48.6%;float:right;padding-bottom:10px;margin-bottom:10px;padding-top:0;} .feat ul li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0} .recent-boxes .column{width:48.6%; } .recent-boxes .columnleft{float:left} .recent-boxes .columnright{float:right} .column .bx-first{width:100%;position:relative;box-sizing:border-box;overflow:hidden;margin-bottom:10px} .column ul li{display:block;margin-top:10px;padding:10px 0 0;} .column ul li .recent-content .recent-title{overflow:hidden;line-height:0;margin:0 0 2px;padding:0} .column ul li .recent-content .recent-title a{color:#222222;display: block;margin-bottom: 3px;line-height: 1.4;font-weight: 600;font-size: 14px;letter-spacing: -.04em;} .img-overlay{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .tk-thumb a:hover .img-overlay,.boxes ul li .box-image:hover .img-overlay,.boxes .bx-first:hover .img-overlay,.custom-widget .rcthumb:hover .img-overlay,.PopularPosts .item-thumbnail:hover a .img-overlay,.map-thumb:hover .img-overlay{background-color:rgba(40,35,40,0.3)} .gallery li:hover .recent-content,.videos li:hover .recent-content{padding-bottom:15px;margin-bottom: 0px;} .gallery ul li {width:33%;height:165px;overflow:hidden;float:left;margin-right:.33%;display:inline-block;position:relative;padding:0;margin-bottom:2px} .gallery ul li .box-image{width:100%;height:165px;display:block} .gallery ul li .box-image:after{content:no-close-quote;position:absolute;left:0;bottom:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrZ8cGi2pAOYTU5xKG3qe5CrgUwB4pCncFaSxEGUbVIoXamOKZbALMb_dTp2h7EZ773klaW4cUh7mkYUGCxYDJzuHf0hgBCG8OXgGkjRpELQXu-YGePzCGngzfRvZUsfpGkih-j5umMY/s1600-r/metabg.png) repeat-x;opacity:.8} .gallery .recent-content{position:absolute;bottom:0;width:100%;z-index:2;padding:10px;text-align:left;box-sizing:border-box;margin-bottom: -100px;} .category-gallery {position:absolute;top:10px;right:10px;z-index:3;overflow:hidden;} .category-gallery a:before{display:block;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));opacity: .5;color:#fff;height:18px;line-height:18px;padding:0 5px;font-size:10px;font-weight:400;text-transform:uppercase;border-radius:2px;transition: all .3s ease;} .gallery .recent-title a,.videos .recent-title a{display: block;color: #FFF;text-shadow: 0 0.5px 0.5px rgba(34,34,34,0.3);margin-bottom: 3px;line-height: 1.4;font-weight: 600;font-size: 15px;letter-spacing: -.04em;} .gallery .recent-author,.videos .recent-author{color:#ccc} .videos ul{position:relative;overflow:hidden;} .videos ul li{width:33.33%;float:left;box-sizing:border-box;margin:0;padding-right:5px;} .videos ul li .videos-item{width:100%;position:relative;display:block;overflow:hidden;padding:0} .videos .box-image{width: 100%;height: 170px;display: block;position:relative;margin:0;padding:0} .videos .box-image:before{content:"\f04b";font-family:FontAwesome;line-height:35px;width:35px;height:35px;font-size:18px;color:#fff;text-align:center;background-color:RGBA(0,0,0,0.4);font-weight:400;position:absolute;top:8px;opacity:.5;right:7px;z-index:2;padding:0;border:2px solid #fff;border-radius:50%;transition:all .3s ease} .videos li:hover .box-image:before,.gallery li:hover .category-gallery a:before{opacity:1} .videos .box-image:after{content:no-close-quote;position:absolute;left:0;bottom:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrZ8cGi2pAOYTU5xKG3qe5CrgUwB4pCncFaSxEGUbVIoXamOKZbALMb_dTp2h7EZ773klaW4cUh7mkYUGCxYDJzuHf0hgBCG8OXgGkjRpELQXu-YGePzCGngzfRvZUsfpGkih-j5umMY/s1600-r/metabg.png) repeat-x;opacity:.8} .videos .recent-content{position:absolute;bottom:0;width:100%;z-index:2;padding:10px;text-align:left;box-sizing:border-box} .gallery-overlay,.videos-overlay{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.0)} .gallery li:hover .gallery-overlay,.videos li:hover .videos-overlay{background:rgba(40,35,40,0.3)} .main-carousel{height: 250px;overflow:hidden} .main-carousel .owl-item{width:100%;} .carousel-item{height: 250px;width:100%;position:relative;padding:0!important;display:block;overflow:hidden} .carousel-item .box-image{height:250px;position:relative;width:100%;display:block} .carousel-item .box-image:after{content:no-close-quote;position:absolute;left:0;bottom:0;width:100%;height:151px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrZ8cGi2pAOYTU5xKG3qe5CrgUwB4pCncFaSxEGUbVIoXamOKZbALMb_dTp2h7EZ773klaW4cUh7mkYUGCxYDJzuHf0hgBCG8OXgGkjRpELQXu-YGePzCGngzfRvZUsfpGkih-j5umMY/s1600-r/metabg.png) repeat-x;opacity:.8} .carousel-content{position:absolute;bottom:0;width:100%;z-index:2;box-sizing:border-box} .carousel-item .carousel-content{padding:15px;text-align:left} .carousel-item .recent-title{margin:10px 0 5px;font-size:19px;font-weight:400} .carousel-item .recent-title a{ color: #fff;display: block;line-height: 1.4em;text-shadow: 0 0.5px 0.5px rgba(34,34,34,0.3);line-height: 1.4;font-weight: 600;font-size: 18px;letter-spacing: -.04em;} .carousel-tag a{display:inline-block;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff;height:20px;line-height:20px;padding:0 6px;font-size:11px;text-transform:uppercase;border-radius:2px} .recent-author,.recent-date{color:#bdbdbd;font-size:12px;font-weight:400} .recent-date:before{content:'\f133';font-family:fontawesome;color:#bbb;margin-right: 5px;margin-left: 5px;} .recent-author::before{content:'\f007';font-family:fontawesome;color:#bbb;margin-right: 5px;float: left;} .recent-author{margin-left:10px;float: left;margin-top: 2px;} .recent-boxes .carousel-item {height: 250px;} .recent-boxes .main-carousel {height: 250px;} /*----------- Back To Top -------------*/ a#to-magpro.to-mp-visible {bottom: 15px;transition: 0.3s;} a#to-magpro {width: 35px;height: 35px;line-height: 35px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));text-align: center;display: block;position: fixed;bottom: -100px;right: 15px;z-index: 10;color: #ffffff;} a#to-magpro:hover {opacity: 0.85} /*--- 404 ----*/ .error_page .padders{padding-top: 60px;padding-bottom: 60px;margin-bottom: 30px;} .error_page .slidebg h2{font-weight: 700;font-size: 36px;line-height:40px;text-align: center;color: #fff;} .error_page .padders form{display:block;max-width:800px;margin: 0 auto} .error_page .padders form .input-group{padding-right:30px;display: flex} .error_page .padders p{padding:20px 0px;text-align: center} .error_page .padders form .input-group input{background:#fff;width:100%;height:50px;font:$(body.font);font-size:15px;border:1px solid #E5E6E1;padding:6px 12px;box-sizing:border-box;outline: 0;} .error_page .padders form .input-group .input-group-btn{position:relative;font-size:0;white-space:nowrap;} .error_page .padders button{height:50px;color:#fff;border:none;position:absolute;border-radius:0;left:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;float:left;font-size:20px;padding:12px 30px 10px;} .error_page .padders button{height:50px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff;border:none;position:absolute;border-radius:0;left:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;float:left;font-size:20px;padding:12px 30px 10px;cursor: pointer;} .error_page .padders button:hover {opacity: 0.8;} .ierorr {text-align: center;font-size: 80px;color: #ca0000;margin-bottom: 10px;} @media only screen and (max-width:880px){.error_page .padders form .input-group input{width: 80%;}} @media only screen and (max-width:520px){.error_page .slidebg h2{font-size:24px; line-height:28px;} .error_page .padders{padding:20px 10px;}} /*---------- Shortcode ------------*/ .mp-dropcap{float:left;display:block;font-size:50px;line-height:50px;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:white;text-align:center;margin:9px 13px 0 0;padding:2px 13px 5px 13px;font-family:Verdana,Geneva,sans-serif;text-transform:uppercase;} .mp-dropcap.dcap2{webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} .mp-dropcap.dcap3{background:none;font-weight:900;font-size:75px;line-height:65px} pre {background-color: #222;color: #333;position: relative;padding: 0 7px;margin: 15px 0 10px;overflow: hidden;overflow-x: visible;word-wrap: normal;white-space: pre;position: relative;} pre[data-codetype]{padding:37px 1em 5px;text-align: right;direction: ltr;} pre[data-codetype]:before {content: attr(data-codetype);display: block;position: absolute;top: -5px;left: 0;right: 0;background-color: #F1F1F1;padding: 7px;color: #FFFFFF;-webkit-box-shadow: rgba(0,0,0,0.117647) 0 1px 3px;-moz-box-shadow: rgba(0,0,0,0.117647) 0 1px 3px;box-shadow: rgba(0,0,0,0.117647) 0 1px 3px;} pre .line-number span:nth-child(even) {background-color: rgba(0, 0, 0, 0.6);} pre code,pre .line-number{display:block;color:#fff} pre .line-number{color:#fff;min-width:1em} pre .line-number span{display:block} pre .cl{display:block;clear:both} pre .line-number{float:right;margin:0 1em 0 -1em;border-left:2px solid #666666 ;text-align:right} pre .line-number span{padding:0 1em 0 .8em} pre[data-codetype="HTML"]:before {background-color: #12acf5;} pre[data-codetype="HTML"] {color: #2dbcff;} pre[data-codetype="HTML"] span.line-number {border-left: 2px solid #2dbcff;} pre[data-codetype="CSS"] {color: #cb88fd;} pre[data-codetype="CSS"] span.line-number {border-left: 2px solid #9647de;} pre[data-codetype="CSS"]:before {background-color: #9647de;} pre[data-codetype="JavaScript"]:before {background-color: #d0ba1e;} pre[data-codetype="JavaScript"] {color: #f3d927;} pre[data-codetype="JavaScript"] span.line-number {border-left: 2px solid #d0ba1e;} pre[data-codetype="JQuery"]:before {background-color: #e02ea9;} pre[data-codetype="JQuery"] {color: #ff6bd1;} pre[data-codetype="JQuery"] span.line-number {border-left: 2px solid #e02ea9;} pre[data-codetype="HTML"]::-webkit-scrollbar-thumb {background: #2dbcff;} pre[data-codetype="CSS"]::-webkit-scrollbar-thumb {background: #9647de;} pre[data-codetype="JavaScript"]::-webkit-scrollbar-thumb {background: #d0ba1e;} pre[data-codetype="JQuery"]::-webkit-scrollbar-thumb {background: #e02ea9;} .button,input.button{position:relative;display:inline-block;margin-right:1em;margin-bottom:1.34em;padding:0.667em 2em;border-bottom:none;-webkit-border-radius:0.333em;-moz-border-radius:0.333em;border-radius:0.333em;background-color:rgba(84,87,102,1);color:#FFFFFF!important;text-decoration:none!important;text-transform:uppercase;font-size:0.778em!important;line-height:1.714em!important;cursor:pointer} .button,input.button{-webkit-transition:background-color 0.3s linear,color 0.3s linear;-moz-transition:background-color 0.3s linear,color 0.3s linear;transition:background-color 0.3s linear,color 0.3s linear} .button:hover,input.button:hover,.medium-button:hover,.large-button:hover{border-bottom:none;background-color:rgba(84,87,102,0.9)} .button:active,input.button:active{box-shadow:inset 0 3px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 3px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 3px 1px rgba(0,0,0,0.1)} .button i,.large-button i,.medium-button i{margin-right:0.667em;float:left;vertical-align:middle;line-height:1.6em!important} .button.red,input.button.red{background-color:rgba(253,104,91,1)} .button.red:hover,input.button.red:hover{background-color:rgba(253,104,91,0.9)} .button.orange,input.button.orange{background-color:rgba(250,111,87,1)} .button.orange:hover,input.button.orange:hover{background-color:rgba(250,111,87,0.9)} .button.yellow,input.button.yellow{background-color:rgba(254,205,94,1)} .button.yellow:hover,input.button.yellow:hover{background-color:rgba(254,205,94,0.9)} .button.green,input.button.green{background-color:rgba(161,210,110,1)} .button.green:hover,input.button.green:hover{background-color:rgba(161,210,110,0.9)} .button.mint,input.button.mint{background-color:rgba(79,206,173,1)} .button.mint:hover,input.button.mint:hover{background-color:rgba(79,206,173,0.9)} .button.aqua,input.button.aqua{background-color:rgba(85,193,231,1)} .button.aqua:hover,input.button.aqua:hover{background-color:rgba(85,193,231,0.9)} .button.blue,input.button.blue{background-color:rgba(96,158,234,1)} .button.blue:hover,input.button.blue:hover{background-color:rgba(96,158,234,0.9)} .button.purple,input.button.purple{background-color:rgba(171,148,233,1)} .button.purple:hover,input.button.purple:hover{background-color:rgba(171,148,233,0.9)} .button.pink,input.button.pink{background-color:rgba(234,137,191,1)} .button.pink:hover,input.button.pink:hover{background-color:rgba(234,137,191,0.9)} .button.white,input.button.white{background-color:rgba(255,255,255,1);color:#545766!important} .button.white:hover,input.button.white:hover{background-color:rgba(255,255,255,0.9)} .button.grey,input.button.grey{background-color:rgba(170,178,188,1)} .button.grey:hover,input.button.grey:hover{background-color:rgba(170,178,188,0.9)} .button.dark-grey,input.button.dark-grey{background-color:rgba(84,87,102,1)} .button.dark-grey:hover,input.button.dark-grey:hover{background-color:rgba(84,87,102,0.9)} .button.transparent,.large-button.transparent,.medium-button.transparent,input.button.transparent{border:2px solid rgba(84,87,102,1);background-color:transparent;color:rgba(84,87,102,1)!important} .button.transparent:hover,.large-button.transparent:hover,.medium-button.transparent:hover,input.button.transparent:hover{border:2px solid rgba(84,87,102,1);background-color:rgba(84,87,102,1);color:#fff!important} .button.transparent.red,input.transparent.button.red{border:2px solid rgba(253,104,91,1);color:rgba(253,104,91,1)!important} .button.transparent.red:hover,input.button.transparent.red:hover{border:2px solid rgba(253,104,91,1);background-color:rgba(253,104,91,1);color:#fff!important} .button.transparent.orange,input.transparent.button.orange{border:2px solid rgba(250,111,87,1);color:rgba(250,111,87,1)!important} .button.transparent.orange:hover,input.button.transparent.orange:hover{border:2px solid rgba(250,111,87,1);background-color:rgba(250,111,87,1);color:#fff!important} .button.transparent.yellow,input.transparent.button.yellow{border:2px solid rgba(254,205,94,1);color:rgba(254,205,94,1)!important} .button.transparent.yellow:hover,input.button.transparent.yellow:hover{border:2px solid rgba(254,205,94,1);background-color:rgba(254,205,94,1);color:#fff!important} .button.transparent.green,input.transparent.button.green{border:2px solid rgba(161,210,110,1);color:rgba(161,210,110,1)!important} .button.transparent.green:hover,input.button.transparent.green:hover{border:2px solid rgba(161,210,110,1);background-color:rgba(161,210,110,1);color:#fff!important} .button.transparent.mint,input.transparent.button.mint{border:2px solid rgba(79,206,173,1);color:rgba(79,206,173,1)!important} .button.transparent.mint:hover,input.button.transparent.mint:hover{border:2px solid rgba(79,206,173,1);background-color:rgba(79,206,173,1);color:#fff!important} .button.transparent.aqua,input.transparent.button.aqua{border:2px solid rgba(85,193,231,1);color:rgba(85,193,231,1)!important} .button.transparent.aqua:hover,input.button.transparent.aqua:hover{border:2px solid rgba(85,193,231,1);background-color:rgba(85,193,231,1);color:#fff!important} .button.transparent.blue,input.transparent.button.blue{border:2px solid rgba(96,158,234,1);color:rgba(96,158,234,1)!important} .button.transparent.blue:hover,input.button.transparent.blue:hover{border:2px solid rgba(96,158,234,1);background-color:rgba(96,158,234,1);color:#fff!important} .button.transparent.purple,input.transparent.button.purple{border:2px solid rgba(171,148,233,1);color:rgba(171,148,233,1)!important} .button.transparent.purple:hover,input.button.transparent.purple:hover{border:2px solid rgba(171,148,233,1);background-color:rgba(171,148,233,1);color:#fff!important} .button.transparent.pink,input.transparent.button.pink{border:2px solid rgba(234,137,191,1);color:rgba(234,137,191,1)!important} .button.transparent.pink:hover,input.button.transparent.pink:hover{border:2px solid rgba(234,137,191,1);background-color:rgba(234,137,191,1);color:#fff!important} .button.transparent.white,input.transparent.button.white{border:2px solid rgba(255,255,255,1);color:rgba(255,255,255,1)!important} .button.transparent.white:hover,input.button.transparent.white:hover{border:2px solid rgba(255,255,255,1);background-color:rgba(255,255,255,1);color:#545766!important} .button.transparent.grey,input.transparent.button.grey{border:2px solid rgba(170,178,188,1);color:rgba(170,178,188,1)!important} .button.transparent.grey:hover,input.button.transparent.grey:hover{border:2px solid rgba(170,178,188,1);background-color:rgba(170,178,188,1);color:#fff!important} .button.transparent.dark-grey,input.transparent.button.dark-grey{border:2px solid rgba(84,87,102,1);color:rgba(84,87,102,1)!important} .button.transparent.dark-grey:hover,input.button.transparent.dark-grey:hover{border:2px solid rgba(84,87,102,1);background-color:rgba(84,87,102,1);color:#fff!important} .large-button {position: relative;display: inline-block;margin-right: 1em;margin-bottom: 1.34em;padding: .900em 1.8em;border-bottom: none;-webkit-border-radius: 0.333em;-moz-border-radius: 0.333em;border-radius: 0.333em;background-color: rgba(84,87,102,1);color: #FFFFFF!important;text-decoration: none!important;text-transform: uppercase;font-size: 1em!important;line-height: 1.714em!important;cursor: pointer;} .medium-button {position: relative;display: inline-block;margin-right: 1em;margin-bottom: 1.34em;padding: 0.700em 1.5em;border-bottom: none;-webkit-border-radius: 0.333em;-moz-border-radius: 0.333em;border-radius: 0.333em;background-color: rgba(84,87,102,1);color: #FFFFFF!important;text-decoration: none!important;text-transform: uppercase;font-size: .900em!important;line-height: 1.714em!important;cursor: pointer;} .alert-del-btn{position:absolute;top:15px;right:15px;font-size:19px;font-weight:700;font-family:initial;cursor:pointer} .alert-del-btn:before{content:"\f00d";font-family:FontAwesome;font-weight:400;font-size:20px;color:rgba(0,0,0,0.3)} .alert-del-btn:hover:before{color:rgba(0,0,0,0.4)} .alert-content{margin-left:95px} .alert-message {position: relative;display: block;text-align: left;background-color: transparent;padding: 15px 20px;margin: 20px 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;color: #2f3239;border: 5px solid;font-size: 16px;font-weight: 700;} .alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#2f3239} .alert-message span{font-size:14px!important} .alert-message .fa {font-size: 25px;top: 3px;position: relative;margin-right: 5px;;float: left} .alert-message.success{border-color:#9cff70;color:#64d035} .alert-message.success a,.alert-message.success span{color:#1d9d74} .alert-message.error{color: #ff6d5a;border-color: #ff391f;} .alert-message.error a,.alert-message.error span{color:#378FFF} .alert-message.warning{border-color:#fc6;color:#e99b00} .alert-message.warning a,.alert-message.warning span{color:#8a6d3b} .alert-message.alert{border-color:#8ae1ff;color:#21c2f8} .alert-message.alert a,.alert-message.alert span{color:#F55D5D} .mp-accordion{margin:10px 0} .mp-accordion>span{display:block;padding:7px 15px;background:#333;font-weight:600;border-bottom:1px solid $(lightcolor);cursor:pointer;text-align: left;color:#fff;} .mp-accordion>span.active,.mp-accordion>span:hover{color:$(maincolor)} .mp-accordion>div{background:$(lightcolor);padding:20px;text-align: left;transition: 0s;} .mp-tabcontent>div {transition: 0s;} .mp-tabs{margin:10px} .mp-tabbtn{overflow:auto;display: inline-block} .mp-tabbtn span{padding:8px 25px;background:#333;font-size:13px;display:block;font-weight:600;color:#fff;float:left;cursor:pointer;} .mp-tabbtn span.active,.mp-tabbtn span:hover{background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color:#fff} .mp-tabcontent{margin:0 0 10px 0;padding:20px;background-color:$(lightcolor);text-align: left;} .widget .post-body ul{margin:15px 0;} .widget .post-body ol li {margin-left: 20px;} ul.mp-custom-li{list-style:none;list-style-type:none} ul.mp-custom-li li:before{font-family:FontAwesome;content:'\f105';padding-right:10px;margin-left:-16px;font-size:14px;float: left} ul.mp-custom-li.mp-arrow-li li:before{content:'\f104'} ul.mp-custom-li.mp-check-li li:before{content:'\f00c'} ul.mp-custom-li.mp-cross-li li:before{content:'\f00d'} ul.mp-custom-li.mp-multi-li li:before{display:none;} ul.mp-custom-li.mp-multi-li li .fa{padding-right:10px;margin-left:-16px;font-size:14px;float: left} big{text-transform:uppercase;font-weight:600} code{position:relative;top:-1px;border:none;background-color:#F1F1F1;padding:2px 6px} .mp-post-pagination button{transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out} .mp-post-pagination button{padding:6px 12px;display:inline-block;color:#333;border:2px solid #333;margin:4px;cursor: pointer;background:$(lightcolor)} .mp-post-pagination .active {background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));color: #fff;border: 2px solid $(maincolor);} .mp-post-pagination button:hover {border: 2px solid $(maincolor);color: #ffffff;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));} .pagenav .current{background-color:$(maincolor);color:#fff} #mp-photogallery{line-height:0;-webkit-column-count:3;-webkit-column-gap:0;-moz-column-count:3;-moz-column-gap:0;column-count:3;column-gap:0} #mp-photogallery img{width:100%!important;height:auto!important;padding:2px} #contact{background-color:#fff;margin:30px 0!important} #contact .contact-form-widget{max-width:100%!important} #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px!important;max-width:100%!important;text-align: left;font-size: 15px;} #contact .contact-form-name{width:47.7%;height:50px} #contact .contact-form-email{width:49.7%;height:50px} #contact .contact-form-email-message{height:150px} #contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:15px 20px!important;text-align:center;cursor:pointer;background: -webkit-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -o-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: -moz-linear-gradient(45deg,$(maincolor),$(second.maincolor));background: linear-gradient(45deg,$(maincolor),$(second.maincolor));border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF} #contact .contact-form-button-submit:hover{background:#444 !important} #contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none!important} .contact-form-error-message-with-border {background: #fff;border: 1px solid $(maincolor);} .contact-form-error-message-with-border img {padding: 0 !important;} .img-Animate .post-body img.contact-form-cross {transform: scale(1) !important;opacity: 1 !important;} #contact .form div {max-width: 100% !important;margin-top: 5px;} #contact .contact-form-error-message-with-border {padding-bottom: 1px;} #sociallocker {background-color: #EEEEEE;text-align: center;position: relative;max-width: 500px;height: 120px;align-items: center;justify-content: center;overflow: hidden;border-radius:10px;margin: 0 auto;} #sociallocker-overlay {background-color: rgba(0,0,0,0.6);font-size: 20px;font-weight: bold;color: #ffffff;transition: all 0.2s ease;} .slt:before {content: "\f023";font-family: fontawesome;margin-left: 15px;} #sociallocker:hover #sociallocker-overlay {top: -100%;transition: all 0.2s linear;} #sociallocker:hover #sociallocker-content {top: 100%;transition: all 0.2s linear;} #sociallocker-content a {display: inline-block;text-decoration: none;padding: 10px 20px;background-color: #777777;color: #f9f9f9;border-radius: 4px;font-weight: bold;} #sociallocker-overlay, #sociallocker-content, #sociallocker-links {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;right: 0;} #sociallocker-content {max-width: 500px;max-height: 120px;position: relative;} #sociallocker-content {background-color: #ccc;transition: all 0.2s ease;} .social-1 {text-decoration: none;color: #ffffff;display: inline-block;width: 60px;height: 60px;overflow: hidden;margin-left: 5px;} .social-1:hover {color: #fff !important;} .social-1.fb,.social-1.tw,.social-1.re,.social-1.in,.social-1.pi,.social-1.su{align-items: center;justify-content: center;height: 60px;line-height: 60px;} .social-1.fb:hover,.social-1.tw:hover,.social-1.re:hover,.social-1.in:hover,.social-1.pi:hover,.social-1.su:hover {transform: scale(1.2);transition: all 0.2s;} .social-1.fb:before {content: "\f09a";font-family: fontawesome;} .social-1.tw:before {content: "\f099";font-family: fontawesome;} .social-1.re:before {content: "\f1a1";font-family: fontawesome;} .social-1.in:before {content: "\f0e1";font-family: fontawesome;} .social-1.pi:before {content: "\f231";font-family: fontawesome;} .social-1.su:before {content: "\f1a4";font-family: fontawesome;} .fb { background-color: #4561A8; } .tw { background-color: #17ADEA; } .re { background-color: #ff4500; } .in { background-color: #1679B1; } .pi { background-color: #D9303C; } .su { background-color: #E84930; } .mapasite {margin-bottom: 10px;background-color: #F8F8F8} .mapasite.active .mapa {display: block} .mapasite .mapa {display: none} .mapasite h2 {background-color: #EEE;color: #000;font-size: 15px;padding: 10px 20px;border-radius: 2px;margin-bottom: 0;cursor: pointer;font-weight: 700} .mapasite h2 .botao {font-size: 18px;line-height: 1.2em} .botao .fa-minus-circle {color: $(maincolor)} .mapapost {overflow: hidden;margin-bottom: 20px;height: 70px;background-color: #FFF} .mapa {padding: 40px} .map-thumb {background-color: #F0F0F0;margin: 10px;display: block;width: 65px;height: 50px;float: left} .map-img {width: 65px;height: 50px;overflow: hidden;border-radius: 2px} .map-thumb a {width: 100%;height: 100%;display: block;transition: all .3s ease-out!important;-webkit-transition: all .3s ease-out!important;-moz-transition: all .3s ease-out!important;-o-transition: all .3s ease-out!important} .map-thumb a:hover {-webkit-transform: scale(1.1) rotate(-1.5deg)!important;-moz-transform: scale(1.1) rotate(-1.5deg)!important;transform: scale(1.1) rotate(-1.5deg)!important;transition: all .3s ease-out!important;-webkit-transition: all .3s ease-out!important;-moz-transition: all .3s ease-out!important;-o-transition: all .3s ease-out!important} .mapapost .wrp-titulo {padding-top: 10px;font-weight: 700;font-size: 14px;line-height: 1.3em;padding-left: 25px;padding-right: 10px;display: block;overflow: hidden;margin-bottom: 5px} .mapapost .wrp-titulo a {color: #191717;} .mapapost .wrp-titulo a:hover {color: $(maincolor);text-decoration: underline} .map-meta {display: block;float: left;overflow: hidden;padding-left: 25px;} .mapasite h2 .botao {float: right} .p-author {margin-right: 5px;float: left;} .p-author:before {content: '\f007';font-family: fontawesome;color: #bbb;float: left;margin-right: 5px;} .p-date:before {content: '\f133';font-family: fontawesome;color: #bbb;margin-right: 5px;} #post-carousel .owl-prev, #post-carousel .owl-next {top: 40%;} .post-content {margin-left: 360px;background: #eceff1;padding: 20px;font-size: 15px;font-weight: 400;line-height: 1.5em;text-align: left;} .post-li {margin-left: 360px;text-align: left;} .post-li,.post-content{display: table;} .col1{width:100%} .col2{width:50%} .col3{width:33.3333333333%} .col4{width:25%} .sub-title {font-size: 22px;line-height: 27px;font-weight: normal;margin-top: 10px;margin-bottom: 15px;color: #777777;letter-spacing: 0;} /*---------------- Responsive Design ------------------*/ @media only screen and (max-width: 1200px) { .body-row{width:96%!important;margin:0 auto;float:none} .headerright,.magpro-wide{float:none;width:100%;text-align:center;height:auto;margin:0 auto;clear:both} .magpro-wide img{margin:auto;padding-bottom:15px;float: none;} .headerright{margin:10px auto 0} .featured-left img {height: 416px;} } @media only screen and (max-width: 980px) { .grid-item .article-inwhite {width: 100% !important;} .magpro-article .article-content {margin-top: -15%;display: inline-block;} .magpro-article .magpro-article-image {width: 100% !important;} #featured ul li{width:100%;float:none;margin:0 auto 20px;clear:both} #main-wrapper,#sidebar-wrapper,#magpro-footer-cols{float:none;clear:both;width:100%;margin:0 auto} #main-wrapper{max-width:100%} #sidebar-wrapper{padding-top:20px} #magpro_menu,#nav{display:none} .slicknav_menu{display:block} #magpro-menu{text-align:left} .recent-slider, .rec-ran {width: 100%!important;padding: 0;float: none!important;margin: 0 auto;} .recent-boxes .box-sec{margin-right:0} .featured-left .mp-topost-item {height: auto;margin-bottom: -4px} .featured-left, .featured-right{width: 100% !important;float: none !important} .featured-left .mp-topost-item, .featured-left .single-outer,.featured-right .mp-topost-item {height: auto !important} .featured-left .featured-inner {margin-right: 0px !important} .featured-right .featured-inner {margin: 18px 0 0 0} .mp-scontent h3 {font-size: 16px !important} .recent-carousel-meta.metais,.mp-scontent{bottom:20px !important} .mp-recentLink{display:none} .panel {width: 300px !important;margin-left: -300px;} .intro-loader {display:none} .mp-brand img {float: none;margin-left: 45px;margin-top: 30px;margin: 0 auto;margin-bottom: 25px;display: block;} .mp-brand span.caption {display: inline-block;text-align: center;} .featured-left img {height: auto !important;} .linkgrey.right,.linkgrey.left{float: none;width: 100%;} #LinkList996:before {display:none} .Header img {max-width: 70%;} } @media screen and (max-width: 880px) { .item #content-wrapper{padding:0 0 30px} } @media only screen and (max-width: 768px) { .magpro-social,.bottom-bar-social{float:none;width:100%;clear:both;overflow:hidden} .magpro-magpro-top-menu{float:none;width:100%;clear:both;margin-top:0;margin-bottom:10px;text-align:center;margin-left: 0px;} .magpro-social li,.bottom-bar-social li{display:inline-block;float:none} #search-bar{display:none} .ops-404{width:80%!important} .title-404{font-size:160px!important} .magprofeatured .magpro-hero{width:100%;float:none;padding-right:0;margin-bottom:10px} .pixl .magpro-featured .magpro-secondary .magprofeatured-thumb,.pixl .magpro-featured .magpro-secondary .magpro-thumb{height:500px} .post-home-image{float:none;width:100%;margin-bottom:20px;position:relative} .post-home-image .post-thumb a,.post-home-image .post-thumb,.post-home-image{height:250px} #meta-post{text-align:center} .index .post,.archive .post{text-align:center} .magpro-credit_copyright{text-align:center;display:block;clear:both} .magpro-post-share{display:none !important} .magprofeatured .magpro-hero .magprofeatured-thumb, .magprofeatured .osamapro-img,.pixl .magpro-featured .magpro-secondary .magprofeatured-thumb, .pixl .magpro-featured .magpro-secondary .magpro-thumb{height: 350px !important;} .recent-post-straight img {width: 100%;} .top-ideias-widget .roma-widget li {width: 100%!important;padding: 0!important;float: none!important;margin: 0 auto;} .top-ideias-widget .roma-widget li:nth-child(1) .foot-mag-thumb, .top-ideias-widget .roma-widget li:nth-child(1) .wid-thumb{height: 175px!important;} .input-form {padding: 35px 15px;} .btn-log-close,.btn-mini-close{right: 25px !important;} .mp-footer-branding .colc, .mp-footer-branding .colc2 {width: 100% !important;float: none !important} .featured-small,.two-col-content .half-cols,.two-col-content .half-cole,.small-grid {float: none !important;width: 100% !important} .col3, .col4{width: 100% !important} .topthree .layerc h3 {text-align: left} .bottomthree .layerc h3 {text-align: left} .small-grid .mp-topost {margin-right: 0 !important} .half-cols .section, .half-cole .section, {padding: 0} .magpro-widget.list .magpro-widget-col-2 .magpro-post{width: 100%;float: none;} a#to-magpro.to-mp-visible {right: 5px !important;width: 25px !important;height: 25px !important;line-height: 25px !important;bottom:5px !important;} #social-bottom ul{text-align: center;} .social-area{float: none;margin-right: 0;} #social-bottom ul li {float:none;display: inline-block;} ul#nav1 {text-align: center;} #nav1 li{float:none;} .bmo-menu {float: none; margin-right: 0;} } @media screen and (max-width: 700px) { .feat .bx-first .box-thumbnail,.feat .bf-thumb,.boxes .bx-first .box-thumbnail,.boxes .bf-thumb{height:250px} .feat .bx-first{width:100% !important;margin-bottom:0/*;padding-right:0 !important*/;border-right:0} .feat ul li{width:100% !important;float:left !important;margin-top:10px;margin-bottom:0 !important;padding-top:10px !important;padding-bottom:0 !important;border-top:1px solid #F5F5F5;border-bottom:0} .recent-boxes .column{width:100% !important} .centred-share .share-links .social-item {margin: 2px;} } @media only screen and (max-width: 620px) { .osamapro-post-share li{width:50%} .related li{width:100%;margin-left:0} .magpro-article .article-content,.magpro-article .magpro-article-image{width: 100%; float: none;} .magpro-list-col{width: 100%;display:table;float:none;margin:10px 0px;} .magpro-widget-col-1,.magpro-widget-col-2{padding:0px} .magpro-widget-col-1 .entry-content{display: none;} .related-wrap li{width:100% !important;height:180px !important;margin-bottom:10px !important} .related-wrap li:last-child{margin-bottom:0} .related-wrap li .related-img{height:180px !important} .videos ul li{width:100% !important;margin:0 0 10px !important} .videos ul li:last-child{margin:0 !important} .videos .box-image{height:180px !important} } @media only screen and (max-width:520px){ .magprofeatured .magpro-hero .magprofeatured-thumb, .magprofeatured .osamapro-img,.pixl .magpro-featured .magpro-secondary .magprofeatured-thumb, .pixl .magpro-featured .magpro-secondary .magpro-thumb{height: 300px !important;} .postmarg h3{font-size: 24px;line-height:28px;} .postmarg {padding: 20px 0px !important;} .magpro-left-tags,.magpro-right-share{float: none;width: 100%;margin: 8px 0px;} .magpro-post-author .post-author .author-img{padding-right: 0;text-align: center;} .magpro-post-author .author-content{display: block;padding-left: 0;padding-top: 10px;text-align: center;vertical-align: middle;} .magpro-post-author .content-social-author{display: block;text-align: center;width: 100%;} .magpro-post-author .content-social-author ul{text-align: center;display: inline-block;} .magpro-post-author .content-social-author > span{clear: both;} .blog-pager-item .blog-pager-newer-link{margin-bottom: 5px;} .blog-pager-item .blog-pager-older-link{margin-top: 5px;} .blog-pager-item .blog-pager-older-link,.blog-pager-item .blog-pager-newer-link{width: 100%} } @media only screen and (max-width: 480px) { .ticker .title,.tk-thumb,.ticker .post-tag{display:none} .index .post h2,.archive .post h2{line-height:34px;font-size:23px} h1.post-title{font-size:22px;margin-bottom:10px} #meta-post{display:inline-block} #meta-post .post-labels{display:block;margin:0 0 10px;clear:both} .other-meta .other-meta-desc,.other-meta .other-meta-read{float:none;display:block;text-align:center} .share-title{display:none} .social-btns{float:none;text-align:center} #sidebar-wrapper{max-width:100%} .index .post-outer{padding:0 0 10px} .magpro-cwrap{text-align:center} .temp-cred{float:none;display:block;clear:both;margin:5px 0 0} .magpro-credit_copyright{float:none;display:block;clear:both} .thumb a,.feat .bx-first .box-thumbnail,.feat .bf-thumb,.boxes .bx-first .box-thumbnail,.boxes .bf-thumb,.main-carousel,.carousel-item,.carousel-item .box-image{height:200px !important} .gallery ul li{width:100% !important;height:180px !important;margin-right:0;margin-bottom:10px !important} .gallery ul li:nth-child(2),.gallery ul li:nth-child(4),.gallery ul li:nth-child(6){margin-left:0} .gallery ul li:nth-child(5){margin-bottom:10px} .gallery ul li .box-image{height:180px !important} .mp-scontent p {display: none} div#FeaturedXLarge-2 a h3 {font-size: 20px} .mp-scontent h3 {font-size: 15px !important} #ticker {display: none;} .pop-recent{display:none;} } @media only screen and (max-width: 360px) { .title-404{font-size:150px!important} .Header .description p,.showpageOf{display:none} div#FeaturedXLarge-2 a h3 {font-size: 15px} .mp-brand img {max-width: 240px;max-height: 50px;margin-bottom: 25px;} } @media only screen and (max-width: 300px) { #sidebar-wrapper{display:none} .related-thumb{width:100%;float:none} .archive .post h2,.index .post h2{line-height:29px!important;font-size:15px!important} article{overflow:hidden} #blog-pager{padding:0;margin:0} .item #blog-pager{margin:0 0 15px} .index .resumo span,.archive .resumo span,.osamapro-author-box img,.breadcrumbs{display:none} .osamapro-author-box ul li a{padding:0;background:none} .ops-404{font-size:20px!important} .title-404{font-size:120px!important} h1.post-title{font-size:17px} .magpro-social #social a{width:24px;height:24px;line-height:24px} .magpro-magpro-top-menu,.magpro-search-btn{display:none} .osamapro-post-share li{width:100%} .comments .comments-content .comment-header{width:100%;float:none;clear:both;margin:0;padding:0;width:100%;float:none;clear:both;margin:0 0 0 -35px;padding:0} } ]]> div{display: block;height: auto !important;visibility: visible !important;} #layout .layout-widget-description {color: rgba(175, 175, 175, 0.52) !important;} #layout div.layout-widget-description {color: rgba(255, 255, 255, 0.53) !important;} #layout #FeaturedSlider-2 {float: left;width: 95%;} #layout #license {float: right;width: 97%;} #layout .section {background: -webkit-linear-gradient(45deg,#0088ff,#9e44c9) !important;background: -o-linear-gradient(45deg,#0088ff,#9e44c9) !important;background: -moz-linear-gradient(45deg,#0088ff,#9e44c9) !important;background: linear-gradient(45deg,#0088ff,#9e44c9) !important;} #layout .section h4 {color: #E6E6E6!important;font-family: tahoma;} #layout .widget-wrap2 {background: #ffffff !important;} #layout .add_widget {background-color: rgba(51, 51, 51, 0.5)!important;border: 1px dashed rgba(74, 73, 73, 0.79)!important;} #layout .add_widget a,#layout div.layout-title {color: #eaeaea!important;font: 13px tahoma!important;} #layout .draggable-widget .widget-wrap3 {background:-webkit-linear-gradient(45deg,#0088ff,#9e44c9) !important;background: -o-linear-gradient(45deg,#0088ff,#9e44c9) !important;background: -moz-linear-gradient(45deg,#0088ff,#9e44c9) !important;background: linear-gradient(45deg,#0088ff,#9e44c9) !important;} #layout .widget-content a {text-decoration: none;color: #ffffff !important;font: 11px tahoma !important;background-color: #9a46ca;padding: 2px 10px;border-radius: 5px;border: 1px solid;} #layout .locked-widget .widget-content {background: -webkit-linear-gradient(45deg,#0088ff,#9e44c9);background: -o-linear-gradient(45deg,#0088ff,#9e44c9);background: -moz-linear-gradient(45deg,#0088ff,#9e44c9);background: linear-gradient(45deg,#0088ff,#9e44c9);} ]]>

Log In

Forget Pssword?

false <style>@media only screen and (min-width:1143px){#body-wrapper{max-width:1220px;}}</style> false <style>@media only screen and (min-width:1143px){#body-wrapper {width: 93.5%;margin-top: 25px;margin-bottom: 25px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);}.body-row {width: 1145px;}.menu-wrap {width: 100%;}.featured-left .mp-topost-item {height: 248px;}.mp-scontent {bottom: 40px;}.featured-left img {height: 500px !important;}}</style> false <style>.Header img{margin: 0 auto;float:none;padding: 15px 0;} #magpro-advert-1 .widget {margin: 15px auto 10px!important;float:none}</style> false <style>ul#magpro_menu,#magpro-menu{text-align:center;}</style> false <style>.grid-item.secondary {-ms-flex: 0 0 48%;flex: 0 0 48%;max-width: 48%;float: left;position: relative;width: 100%;min-height: 1px;padding-left: 15px;padding-right: 15px;} .grid-item.secondary {margin-left: 10px;} .magpro-article .magpro-article-image{width:100%;border-radius: 5px 5px 0 0;overflow: hidden;} .grid-item .article-inwhite{width: 100%;}.magpro-article .article-content{margin-top: -15%;display: inline-block;} @media only screen and (max-width: 768px) {.grid-item.secondary {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-left: 0;padding:0;}} </style> false <style>.magpro-article .magpro-article-image{width: 100%;float: none;border-radius: 5px 5px 0 0;overflow: hidden;}.grid-item .article-inwhite{float: none;width: 100%}@media screen and (min-width: 1000px){.grid-item .article-content {margin-top: -5%;}}</style> false <style> @media only screen and (min-width:1000px){#sidebar-wrapper{display:none} #main-wrapper {float: none;width: 100%;max-width: 800px;margin: 0 auto;}} </style> 6 <script type='text/javascript'> //<![CDATA[ var perPage = ; //]]> </script> 3 <script type='text/javascript'> //<![CDATA[ var related_number = ; //]]> </script> true <script type='text/javascript'> //<![CDATA[ var stickyMenu=; //]]> </script> true <script type='text/javascript'> //<![CDATA[ var stickySidebar=; //]]> </script> false <script type='text/javascript'> //<![CDATA[ var interesting_pop = ; //]]> </script> false <style> .slidebg.magpro-wrapper.feturepostwidgetmagpro {background: transparent;}.midalizer{padding:0} </style> false <style> .slidebg.inner.container {background: transparent;} </style> <style> .featured-full-bottom {margin-bottom: 15px;} </style> false <style> .inner.slidebg.container .intro-loader {display: none;} </style> false <style> .magpro-wrapper.slidebg.feturepostwidgetmagpro .intro-loader {display: none;} </style> false <style> #body-wrapper{background-color:#222}.magpro-top{background:#222}.magpro-center-header{background:#222}.ticker .widget{background-color:#222}.grid-item .article-inwhite{background:#222}.tags-title{color:#000;background:#fff}.share-title{color:#fff}#commentsHolder{background:#222}.postCommentButtonHolder{background-color:#222}#commentSelectorLabel{color:#fff!important}#subscribeButtonHolder{color:#fff!important}.tags a{color:#fff;background:rgba(111,111,111,0.65);border:1px solid rgba(255,247,247,0.1)}.magpro-sidebar-tab li a{color:#e2e2e2}.magpro-post-author .author-content h5 a{color:#fff}.displaypageNum a,.showpage a{color:#fff;border:solid 1px rgba(255,255,255,0.37)}.comments .comments-content .icon.blog-author:before{color:#fff}.sub-title{color:#a2a2a2}pre{background-color:#383838}.post-share{background:#3e3b3b}.post-share:before{border-right:6px solid #3e3b3b}.item-text{color:#a9a9a9}.item-count{color:#fff}.mp-accordion>div{background:#1f1d1d}.recent-author,.recent-date{color:#bbb}.FollowByEmail .widget-content .follow-by-email-inner:before{color:#bbb}.widget.FollowByEmail .widget-content:before{color:rgba(162,162,162,0.78)}.sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-address{background:#333}#contact .contact-form-widget{background:#222}#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#333;border:1px solid #4a4a4a;color:#fff}#contact .contact-form-error-message-with-border{background:#333;color:#c7c7c7}.pop-recent{background:#1f2024}.pop-recent .close-pop{background:#4e4e4e}.poph2{color:#fff}.poph2:after{background:#fff}.input-form{background-color:#222!important}input#Passwd-log,input#Email-log{color:#fff}.magpro-left-share .share-links .social-item.email{background:#000}a,.magpro-social #social a,.magpro-top-menu ul li a,#Header1 h1,#Header1 h1 a,.sidebar .widget h2,.custwid .widget h2,.related-posts-title,.formlog-title,.box-title h2.title,h1,h2,h3,h4,h5,h6,.magpro-recent .magpro-recent-title a,.PopularPosts ul li a,.box-title h2.title a,.posts-title h2 a,.feat li .recent-content .recent-title a,.ticker .recent-title a,.magpro-widget.list .magpro-widget-col-1 h3.entry-title a,.column ul li .recent-content .recent-title a{color:#bfbfbf}.straight-sum{color:#808080}.post-body{color:#fff}.post-share-bottom{background:#545454}#allHolder{background-color:#222}.comments{background:#222}.comments h4{border-bottom:1px solid #2f2f2f;color:#fff;background:#222}.magpro-top-wrapper{border-right:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(255,255,255,0.1)}#LinkList996{background:#151516}.ticker .widget-content{border:1px solid #434343}.mp-recentLink{border-bottom:2px solid rgba(255,255,255,0.1)}.simplesub{border-bottom:1px solid #2a2a2a}.custwid .widget .magpro-right-all a,a.more-link,a.posts-link{color:#cdcdcd}.displaypageNum a,.showpage a{border:solid 1px rgba(255,255,255,0.12)}.social-counter ul li{border-bottom:1px solid #393939}.sidebar .widget h2,.custwid .widget h2,.related-posts-title,.formlog-title,.box-title h2.title{border-bottom:2px solid rgba(255,255,255,0.1)}}.list-label-widget-content ul li{border-bottom:1px solid rgba(255,255,255,0.1)}.PopularPosts .widget-content ul li{border-top:1px solid #313131}.magpro-post-author .post-author{border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}.blog-pager-item h5{color:#fff}.blog-pager-item h6 .fa{border:2px solid #fff;color:#fff}.magpro-comments .magpro-comment span{color:#c7c7c7;background:#333}a.leavecmnt{color:#fff}.static_page .postmarg h3 {border-bottom: 2px solid rgba(255, 255, 255, 0.1);}.post-body table td {border: 1px solid rgba(255,255,255,0.1);}.magpro-box-inside {background: #222;}.magpro-widget.list .magpro-widget-col-1 .entry-content a.btn-read {border: 1px solid rgba(255,255,255,0.1);}a.blog-pager-older-link h6, a.blog-pager-older-link h5, .bcreative-pager h5, .bcreative-pager h6{color:#fff !important;}#blog-pager-item {border-top: 2px solid #393939;} </style> false <style>body {user-select: none !important;-moz-user-select: -moz-none !important;-webkit-user-select: none !important;-ms-user-select: none !important;} .post-body blockquote, .post-body pre, .post-body code {user-select: text !important;-webkit-user-select: text !important; -ms-user-select: text !important;-moz-user-select: text !important;}</style> false <style>@media only screen and (max-width: 768px) {.mp-recent-scroll,.mp-topfeatured.homepage-featured,.mp-bottomfeatured.homepage-featured,.magpro-wrapper.slidebg.feturepostwidgetmagpro,.overf,.recent-boxes,custwid {display:none}}</style> false <script type='text/javascript'> //<![CDATA[ var scroll = ""; var Fscroll = scroll.replace(/\s+/g, ''); if ( Fscroll === "true" ) { $(document).ready(function() { $('body').addClass('img-Animate'); }); $(window).bind('load resize scroll', function() { var window = $(this).height(); $('.box-thumbnail,.bx-first,.home .magpro-featured-wid,.PopularPosts img,.box-image,.magpro-recent-thumb,.post-summary,a.featured-thumb img,a.layer img,.post-image a,.playing.regular.img_dyn.getinfo,.feature-image,.magpro-widget-col-1 img,.regular.img_dyn.getinfo.ntpl,.post-body img').each(function() { var qudr = .1 * $(this).height(); var omger = qudr - window + $(this).offset().top; var lom = $(document).scrollTop(); if (lom > omger) { $(this).addClass('show-with'); } }); }); } //]]> </script> false <style> .pre-loader{width: 100%;height: 100%;position: fixed;z-index: 999;display:block} .spinner {margin: 100px auto 0;width: 200px;text-align: center;top: 30%;position: relative;}.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}} </style> <script type='text/javascript'> $(window).load(function(){setTimeout(function(){$(".pre-loader").fadeOut("slow"),setTimeout(function(){$("bounce1,bounce2,bounce3").fadeOut("slow")},1e3)},1e3)}); </script> false <style> .preloader-2 {position: fixed;z-index: 999;width: 100%;height: 100%;display:block} .cssload-container{width:117px;margin:0 auto;position: relative;top: 40%;} .cssload-circle-1{height:117px;width:117px;background:#612e8d}.cssload-circle-2{height:97px;width:97px;background:#c22286}.cssload-circle-3{height:78px;width:78px;background:#ea225e}.cssload-circle-4{height:58px;width:58px;background:#ed5b35}.cssload-circle-5{height:39px;width:39px;background:#f5b52e}.cssload-circle-6{height:19px;width:19px;background:#81c540}.cssload-circle-7{height:10px;width:10px;background:#00a396}.cssload-circle-8{height:5px;width:5px;background:#1674bc}.cssload-circle-1,.cssload-circle-2,.cssload-circle-3,.cssload-circle-4,.cssload-circle-5,.cssload-circle-6,.cssload-circle-7,.cssload-circle-8{border-bottom:0;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,0.1);-o-box-shadow:1px 1px 1px rgba(0,0,0,0.1);-ms-box-shadow:1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1);animation-name:cssload-spin;-o-animation-name:cssload-spin;-ms-animation-name:cssload-spin;-webkit-animation-name:cssload-spin;-moz-animation-name:cssload-spin;animation-duration:4600ms;-o-animation-duration:4600ms;-ms-animation-duration:4600ms;-webkit-animation-duration:4600ms;-moz-animation-duration:4600ms;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear}@keyframes cssload-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-o-keyframes cssload-spin{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}@-ms-keyframes cssload-spin{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-webkit-keyframes cssload-spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes cssload-spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}} </style> <script type='text/javascript'> $(window).load(function(){setTimeout(function(){$(".preloader-2").fadeOut("slow"),setTimeout(function(){$(".cssload-container").fadeOut("slow")},1e3)},1e3)}); </script>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ornare est. Praesent laoreet viverra fermentum. Donec lacinia nisl ut elit bibendum, sit amet auctor turpis porttitor.

# # # # twitter facebook instagram linkedin dribbble stack-overflow NONE # # #

<div id="body-wrapper" class=" home item index">

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqUNLmKX8oovr_lYNNT8r6gt3qgKmFuaQpxi1c0VcOCLcTwDnqZtVtrGyNeN_O0CPC-9b88IuEqCwQvLI9NMpUxeeJHajOc6XsmGnVdquoLEWl9e5JGfxAhlpaTvE3KbXQF7U9x5_udxSi/s1600/MagPro-Logo.png 226 184 true false REPLACE 598

]]>

NONE test http://

• 



erorr 404!

Oops! That page can’t be found.

It looks like nothing was found at this location. Maybe try a search?

]]>

true #00c8d7 true By true #00c8d7 false #00c8d7 TextAndImage #000000 false 1x1 true true true 3 false #000000 true false

Latest News

View More

No Posts Found.

<div class='post-item'> <div class='grid-item'> <div class='grid-item secondary'> <div class='grid-item secondary'> </div>

 

()