@font-face{font-family:flexslider-icon;src:url(//www.learnphponline.in/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.eot);src:url(//www.learnphponline.in/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(//www.learnphponline.in/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.woff) format('woff'),url(//www.learnphponline.in/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(//www.learnphponline.in/wp-content/plugins/js_composer/assets/lib/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;border-radius:4px;-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;transition:all 1s ease}.loading .flex-viewport{max-height:300px}@-moz-document url-prefix(){.loading .flex-viewport{max-height:none}}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}.rtl .flexslider{direction:rtl}.rtl .carousel li{margin-right:5px}.rtl .flex-direction-nav a:before{content:'\f002'}.rtl .flex-direction-nav a.flex-next:before{content:'\f001'}.rtl .flex-direction-nav .flex-prev{left:auto;right:-50px}.rtl .flex-direction-nav .flex-next{right:auto;left:-50px;text-align:left}.rtl .flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:auto;right:10px}.rtl .flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:auto;left:10px}.rtl .flex-pauseplay a{left:auto;right:10px}@media screen and (max-width:860px){.rtl .flex-direction-nav .flex-prev{left:auto;right:10px}.rtl .flex-direction-nav .flex-next{right:auto;left:10px}}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//www.learnphponline.in/wp-content/plugins/js_composer/assets/lib/bower/lightbox2/dist/images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//www.learnphponline.in/wp-content/plugins/js_composer/assets/lib/bower/lightbox2/dist/images/prev.png) left 48% no-repeat;opacity:0;transition:opacity .6s}.lb-nav a.lb-prev:hover{opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//www.learnphponline.in/wp-content/plugins/js_composer/assets/lib/bower/lightbox2/dist/images/next.png) right 48% no-repeat;opacity:0;transition:opacity .6s}.lb-nav a.lb-next:hover{opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//www.learnphponline.in/wp-content/plugins/js_composer/assets/lib/bower/lightbox2/dist/images/close.png) top right no-repeat;text-align:right;outline:0;opacity:.7;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;opacity:1}.blog.blog-style-3x,
.blog.blog-style-4x {
margin: 0 -15px;
}
.blog.blog-style-masonry article {
margin-bottom: 30px;
}
body .blog article a.youtube,
body .blog article a.vimeo,
body .blog article a.self_video {
display: block;
position: relative;
}
.blog.blog-style-default article a.youtube,
.blog.blog-style-default article a.vimeo,
.blog.blog-style-default article a.self_video {
display: inline-block;
max-width: 100%;
}
body .blog article a.youtube:before,
body .blog article a.vimeo:before,
body .blog article a.self_video:before {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 84px;
height: 84px;
margin: -42px 0 0 -42px;
z-index: 2;
opacity: 1;
transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-webkit-transition: opacity 0.2s linear;
}
body .blog article a.youtube:after,
body .blog article a.vimeo:after,
body .blog article a.self_video:after {
content: '\e707';
display: block;
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -18px;
font: 37px 'scalia-user-icons';
text-align: center;
padding-left: 3px;
z-index: 3;
opacity: 1;
transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-webkit-transition: opacity 0.2s linear;
}
body .blog article a.default {
position: relative;
display: block;
overflow: hidden;
}
body .blog article a.default:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
opacity: 0;
z-index: 5;
}
body .blog article a.default:hover:before {
opacity: 1;
}
body .blog article a.default:after {
content: '\e61f';
font-family: 'scalia-icons';
font-weight: normal;
font-style: normal;
font-size: 47px;
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
position: absolute;
top: -20px;
left: 50%;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
margin-left: -20px;
margin-top: -20px;
z-index: 5;
}
body .blog article a.default:hover:after {
top: 50%;
}
body .blog article a.default img {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
body .blog article a.default:hover img {
transform: scale(1.15, 1.15);
-o-transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
-moz-transform: scale(1.15, 1.15);
-webkit-transform: scale(1.15, 1.15);
}
.blog.blog-style-masonry article .description {
border-top-width: 0 none !important;
padding: 24px 28px 24px 35px;
}
.blog.blog-style-masonry article.no-image .description {
border-top-width: 1px !important;
}
.blog.blog-style-masonry article .description .title,
.blog.blog-style-masonry article .description .title a {
text-transform: uppercase;
text-decoration: none;
}
.blog.blog-style-masonry article .description .title a:hover {
text-decoration: underline;
}
.blog.blog-style-masonry article .description .tags {
margin-top: 4px;
}
.blog.blog-style-masonry article .description .tags,
.blog.blog-style-masonry article .description .tags a {
font-size: 89.5%;
text-decoration: none;
}
.blog.blog-style-masonry article .description .tags .sep {
margin: 0 7px 0 6px;
}
.blog.blog-style-masonry article .description .tags a:hover {
text-decoration: underline;
}
.blog.blog-style-masonry article .description .summary,
.blog.blog-style-masonry article .description .summary p {
margin: 0;
padding: 0;
}
.blog.blog-style-masonry article .description .summary {
margin-top: 3px;
}
.blog.blog-style-masonry article .description .info {
margin-top: 27px;
}
.blog.blog-style-masonry article .description .info .date {
font-size: 89.5%;
}
.blog.blog-style-masonry article .description .info .sep {
font-size: 89.5%;
margin: 0 7px 0 4px;
}
.blog.blog-style-masonry article .description .info .more-link {
float: right;
}
.blog.blog-style-masonry article:not(.sticky) .description .info .more-link.more-link-left {
display: block;
float: none;
}
.blog.blog-style-masonry article .description .info .more-link a {
font-size: 89.5%;
text-decoration: none;
}
.blog.blog-style-masonry article .description .info .more-link a:hover {
text-decoration: underline;
}
.blog.blog-style-masonry article .description .info .more-link:before {
content: '\e601';
font-family: 'scalia-icons';
font-size: 14px;
line-height: 28px;
font-weight: normal;
margin-right: 5px;
}
.blog.blog-style-masonry article .description .info .comments {
font-size: 89.5%;
}
.blog.blog-style-masonry article .description .info .comments:before {
content: '\e61e';
font-family: 'scalia-icons';
font-size: 21px;
line-height: 28px;
font-weight: normal;
vertical-align: middle;
margin-right: 6px;
}
@media only screen and (max-width: 600px) {
.blog.blog-style-masonry article {
width: 100%;
}
}
@media only screen and (min-width: 2500px) {
.blog.blog-style-masonry.fullwidth-block article {
width: 16.665%;
}
.blog.blog-style-masonry.fullwidth-block article.sticky {
width: 33.33%;
}
}
@media only screen and (min-width: 1680px) and (max-width: 2500px) {
.blog.blog-style-masonry.fullwidth-block article {
width: 20%;
}
.blog.blog-style-masonry.fullwidth-block article.sticky {
width: 40%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1680px) {
.blog.blog-style-masonry.fullwidth-block article {
width: 25%;
}
.blog.blog-style-masonry.fullwidth-block article.sticky {
width: 50%;
}
}