/*
	Styles for qt subpages plugin
	Based on quicksand
	Copyright (c) 2010 Jacek Galanciak (razorjack.net) and agilope.com
*/

.qt-subpages-container .canc {clear:both;width:100%;height:20px;}
.qt-subpages-container img {max-width:100%;height:auto;margin: 0 auto;}
.qt-subpages-container  {padding:0;}
.qt-subpages-container .qt-subpages-tagcloud {margin: 10px 0 25px 0;display:block;width:100%;}
.qt-subpages-container .qt-subpages-tagcloud li {list-style-type:none;float:left;text-transform: uppercase;font-size:14px; margin: 0 6px 6px 0;padding: 0;}
.qt-subpages-container .qt-subpages-tagcloud  a {text-decoration: none;display:block;padding:0 10px;border:1px solid #888;-moz-transition:all 0.3s;transition:all .3s;}
.qw-subpages-item {margin-bottom:20px;overflow:hidden;}
.qw-subpages-item .qw-element {height:200px;white-space: break-world;padding-right:28px;overflow:hidden;width:100%;height:100%;box-sizing:border-box;}
.qw-subpages-item .qw-elementcontents { position:relative;box-sizing:border-box;box-sizing:border-box; display: block;height:100%;width:100%;overflow:hidden;}
.qw-elementcontents a.qw-link {display:block;width:100%;height:100%;overflow: hidden;background-color:#dedede;}
.qw-elementcontents a.qw-link > img {	max-width:100%;opacity: 0;height:auto;position:absolute;top:-5000px;}
.qw-elementcontents a.qw-link .detail {display:block;position:absolute;width:100%;height:100%;-moz-transition: opacity .3s;transition: opacity .3s; opacity:0;}
.qw-elementcontents a.qw-link:hover .detail {opacity:1;}
.qw-elementcontents a.qw-link .detail .title {-moz-transition: line-height .7s;transition: line-height .7s;line-height: 100em;display:block;font-size: 16px;font-weight:100;margin-bottom:12px;margin-top:50px;width:100%;text-align: center;}
.qw-elementcontents a.qw-link:hover .detail .title{opacity:1;line-height: 1.6em;}
.qw-elementcontents a.qw-link .detail p.trmlist{margin:10px 0 0 0;padding:0;text-align: center;}
.qw-elementcontents a.qw-link .detail p.trmlist span.trm {margin: 1px 4px 1px 0;padding: 0 4px;font-size: 11px;text-transform: uppercase;border: 1px solid #444;display: inline-block;line-height: 1.3em;}
.qt-subpages-container .blockrestore {clear:both;width:100%;display:block;}
.qw-elementcontents a.qw-link .spanicon {display:inline-block;width:20px;height:30px;margin:8px 8px 0 0;background:#F00;}
.qw-elementcontents a.qw-link .actionsicons {text-align:center}
.qw-elementcontents .excerpt {display:none;visibility:hidden;overflow:hidden;height:1px;}
.sumrow { margin-left: -15px;  margin-right: -15px;}
.sumrow:before,.sumrow:after { content: " "; display: table;}
.sumrow:after {  clear: both;}

/* Preview
===========================================*/
.qw-preview-container {cursor:pointer; background:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;z-index:10000;left:0;top:-5000px;padding:45px 5px 30px 5px;-moz-box-sizing:border-box;	box-sizing:border-box;-moz-transition: opacity .5s;transition: opacity .5s; }
.qw-preview-content {cursor:default; left:100%;padding:0;position:relative;background:#f3f3f3;width:100%;max-width:600px;height:100%;overflow:auto;	-moz-box-shadow:0px 1px 5px rgba(0,0,0,.3);box-shadow:0px 1px 5px rgba(0,0,0,.7);-moz-box-sizing:border-box;box-sizing:border-box;	-moz-transition: left .5s;transition: left .5s; -moz-border-radius:3px;border-radius:3px;margin:0 auto;}
.qw-preview-content .qw-preview-image {width:100%;height:auto;max-height:400px;min-height:100px;text-align:center;background: #fff;-moz-box-shadow:0px 2px 5px rgba(0,0,0,.3);box-shadow:0px 2px 5px rgba(0,0,0,.3);}
.qw-preview-content .qw-preview-image img {	max-height: 350px;margin: 0 auto;padding:0px;	-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:5px solid;border-color:#337fc0;}
.qw-preview-content .qw-preview-title {font-size:30px;line-height:1.6em;padding:45px 0 00px;text-align:center;font-weight:100;}
.qw-preview-content .qw-preview-termslist p {font-size:12px;text-align:center;text-transform:uppercase}
.qw-preview-content .qw-preview-termslist p span {border-right: 1px solid #cdcdcd;padding:0 14px;}
.qw-preview-content .qw-preview-termslist p span:last-child {border-right:none;} 
.qw-preview-container.open {top:0;opacity:1;}
.qw-preview-container.open .qw-preview-content {left:0;}
.qw-preview-container a.qw-project-link {display: block;background: #337fc0;color: #FFF;border-radius: 50%;margin: -63px auto 0 auto;padding: 10px 14px;font-size: 16px;font-weight: 100;width: 120px;height: 120px;padding-top: 46px;text-align: center;text-decoration: none;text-transform: uppercase;z-index: 10000000000000000000000;position: relative;box-shadow: 0 0 4px rgba(0,0,0,.2);box-sizing: border-box;-moz-transition: background .5s;transition: background .5s; }
.qw-preview-container a.qw-project-link:hover {background: #60abea;}
.qw-preview-content .qw-miniseparator {display:block;height:4px;width:80px;margin:12px auto;clear:both;background:#666;}
.qw-preview-content .qw-excerpt { font-size: 12px;padding: 40px;text-align: justify;}
.qw-closepreview {position: absolute;top: 5px;right: 5px;width: 25px;height: 25px;display: block;font-size: 20px;padding: 0px 0 0 6px;color: #666;font-weight: bold;font-family: arial;text-decoration: none;background: #FFF;/* border: 3px solid #FFF; */box-shadow: 0 0 4px rgba(0,0,0,.7);border-radius: 50%;box-sizing: border-box;-mox-box-sizing: border-box;}
.qw-closepreview:hover {background:#ddd;color:#FFF}
body.qwPreviewOpened {overflow:hidden;}
.qw-preview-prev, .qw-preview-next { font-size:0;text-indent:-2000px;background:url("img/arrows.png") no-repeat 20px 0px #337fc0; display:block;position:fixed;width:80px;height:80px;color:#FFF;top:50%;margin-top:-40px;left:-150px;-moz-border-radius:10px;border-radius:10px;-moz-transition: all .5s;transition: all .5s;}
.qw-preview-next {left:auto;right:-150px;background:url("img/arrows.png") no-repeat -140px 0 #337fc0;}
.qw-preview-container.open .qw-preview-prev, .qw-preview-container.open .qw-preview-next {display:block;}
.qw-preview-container.open .qw-preview-next {left:auto;right:-20px;} 
.qw-preview-container.open .qw-preview-prev {left:-20px;} 
.qw-preview-container.open .qw-preview-prev:hover {left:-10px;background-color:#60abea;}
.qw-preview-container.open .qw-preview-next:hover {right:-10px;background-color:#60abea;}
.qw-preview-content::-webkit-scrollbar{ width: 4px;}
.qw-preview-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(100,100,100,.6);}
.qw-preview-content::-webkit-scrollbar-thumb { background-color: rgba(0,172,181,.9) ; outline: none;}
.qw-preview-container.open.loading {left:100% !important;}

@media (min-width: 768px) {
  .sumbcol-md-6, .sumbcol-md-2, .sumbcol-md-3, .sumbcol-md-4 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
  .sumbcol-md-4 { width: 33.33333333%;}
  .sumbcol-md-3 { width: 25%;  }
  .sumbcol-md-2 { width: 16.66666667%;}
  .sumbcol-md-6 { width: 50%;}
}
@media (max-width: 768px){
	.qw-element {padding-right:0px;}
	.qw-subpages-item .qw-element {padding-right:14px;padding-left:14px;}
	.qw-elementcontents a.qw-link .detail .title {font-size:25px;}
	
}


.qt-subpages-container .qt-subpages-tagcloud.centered {text-align: center;}
.qt-subpages-container .qt-subpages-tagcloud.centered li {display: inline-block;float:none;}