/* The Modal (background) */
.ilist_shortcode_modal {
  position: fixed;
  /* Stay in place */
  z-index: 999999;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
.ilistmodaltemplate {
  position: fixed;
  /* Stay in place */
  z-index: 999999;
  /* Sit on top */
  padding-top: 50px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  
  /* Black w/ opacity */
}
/* Modal Content */
.ilist-modal-content {
background-color: #fefefe;
    border: 1px solid #888;
    margin: auto;
    padding: 20px;
    position: relative;
    width: 498px;
    z-index: -2;
	height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
.modal-content-template {
    background-color: #fefefe;
    border: 1px solid #888;
    margin: auto;
    padding: 20px;
    position: relative;
    width: 40%;
	  height:85%;
    z-index: -2;
}
.ilist_single_field_shortcode{
	margin-bottom: 10px;
}

.ilist_masonry{
	column-count: 4;
	 -moz-column-count: 4;
    -webkit-column-count: 4;
    column-gap: 1em;
	
}
.ilist_list_elem{

	text-align: center;
	display: inline-block;
	margin: 0 0 1em;
	width: 100%;
	-webkit-box-shadow: -1px 3px 11px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 1px 13px -2px rgba(0,0,0,0.75);
	box-shadow: -1px 3px 13px -4px rgba(0,0,0,0.75);
	cursor:pointer;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	border-radius: 8px;
}
.ilist_list_elem_pro{

	text-align: center;
	display: inline-block;
	margin: 0 0 1em;
	width: 100%;
	-webkit-box-shadow: -1px 3px 11px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 1px 13px -2px rgba(0,0,0,0.75);
	box-shadow: -1px 3px 13px -4px rgba(0,0,0,0.75);
	cursor:pointer;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	border-radius: 8px;
}
.qcld_ilist_template_selection {
  overflow-x: hidden;
  height:inherit;
  padding: 20px;
}
.ilist_list_elem:hover{
	border-color:#000;
}
.linkbait_single_field{
	margin-bottom: 10px;
}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.sm_shortcode_list {
  overflow: hidden;
}
.sm_shortcode_list li {
  float: left;
  display: inline-block;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 5px;
  margin: 2px;
  cursor: pointer;
}
/*# sourceMappingURL=style.css.map */

.switchilist {
position: relative;
margin-bottom: 22px;
float: right;
margin-right: 148px;
margin-top: 15px;
}

.switchilist label {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.switchilist input {
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.switchilist.demo3 {
width: 144px;
height: 38px;
}

.switchilist.demo3 label {
  display: block;
  width: 100%;
  height: 100%;
  background: #a5a39d;
  border-radius: 40px;
  box-shadow:
      inset 0 3px 8px 1px rgba(0,0,0,0.2),
      0 1px 0 rgba(255,255,255,0.5);
}

.switchilist.demo3 label:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -8px; right: -8px; bottom: -8px; left: -8px;
  border-radius: inherit;
  background: #ababab;
  background: -moz-linear-gradient(#f2f2f2, #ababab);
  background: -ms-linear-gradient(#f2f2f2, #ababab);
  background: -o-linear-gradient(#f2f2f2, #ababab);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ababab));
  background: -webkit-linear-gradient(#f2f2f2, #ababab);
  background: linear-gradient(#f2f2f2, #ababab);
  box-shadow: 0 0 10px rgba(0,0,0,0.3),
        0 1px 1px rgba(0,0,0,0.25);
}

.switchilist.demo3 label:before {
  
  position: absolute;
  z-index: -1;
  top: -18px; right: -18px; bottom: -18px; left: -18px;
  border-radius: inherit;
  background: #eee;
  background: -moz-linear-gradient(#e5e7e6, #eee);
  background: -ms-linear-gradient(#e5e7e6, #eee);
  background: -o-linear-gradient(#e5e7e6, #eee);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e7e6), to(#eee));
  background: -webkit-linear-gradient(#e5e7e6, #eee);
  background: linear-gradient(#e5e7e6, #eee);
  box-shadow:
      0 1px 0 rgba(255,255,255,0.5);
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  -o-filter: blur(1px);
  filter: blur(1px);
}

.switchilist.demo3 label i {
  display: block;
  height: 100%;
  width: 60%;
  border-radius: inherit;
  background: silver;
  position: absolute;
  z-index: 2;
  right: 40%;
  top: 0;
  background: #b2ac9e;
  background: -moz-linear-gradient(#f7f2f6, #b2ac9e);
  background: -ms-linear-gradient(#f7f2f6, #b2ac9e);
  background: -o-linear-gradient(#f7f2f6, #b2ac9e);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f2f6), to(#b2ac9e));
  background: -webkit-linear-gradient(#f7f2f6, #b2ac9e);
  background: linear-gradient(#f7f2f6, #b2ac9e);
  box-shadow:
      inset 0 1px 0 white,
      0 0 8px rgba(0,0,0,0.3),
      0 5px 5px rgba(0,0,0,0.2);
}

.switchilist.demo3 label i:after {
  content: "";
  position: absolute;
  left: 15%;
  top: 25%;
  width: 70%;
  height: 50%;
  background: #d2cbc3;
  background: -moz-linear-gradient(#cbc7bc, #d2cbc3);
  background: -ms-linear-gradient(#cbc7bc, #d2cbc3);
  background: -o-linear-gradient(#cbc7bc, #d2cbc3);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#cbc7bc), to(#d2cbc3));
  background: -webkit-linear-gradient(#cbc7bc, #d2cbc3);
  background: linear-gradient(#cbc7bc, #d2cbc3);
  border-radius: inherit;
}

.switchilist.demo3 label i:before {
  content: "off";
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  color: rgba(0,0,0,0.4);
  text-shadow: 0 1px 0 #bcb8ae, 0 -1px 0 #97958e;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 17px;
  position: absolute;
  top: 63%;
  margin-top: -12px;
  right: -50%;
}

.switchilist.demo3 input:checked ~ label {
  background: #9abb82;
}

.switchilist.demo3 input:checked ~ label i {
  right: -1%;
}

.switchilist.demo3 input:checked ~ label i:before {
  content: "on";
  right: 115%;
  color: #82a06a;
  text-shadow: 
    0 1px 0 #afcb9b,
    0 -1px 0 #6b8659;
}

/* DEMO 3 */
.ilistimagecontainer1{
	margin-top: 62px;
display: block;
width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.ilist_masonry{
		column-count: 3;
		 -moz-column-count: 3;
		-webkit-column-count: 3;
		column-gap: 1em;
		
	}
}
@media only screen and (max-width: 960px) {
	.ilist_masonry{
		column-count: 3;
		 -moz-column-count: 3;
		-webkit-column-count: 3;
		column-gap: 1em;
		
	}

  .modal-content-template {
      width: 80%;
  }
}
@media only screen and (max-width: 690px) {
  .ilist_masonry{
    column-count: 2;
     -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 1em;
    
  }

    .modal-content-template {
      width: 80%;
  }

}
@media only screen and (max-width: 480px) {
	.ilist_list_elem img{
		width: 100% !important;
		
	}

}
@media only screen and (min-width: 1450px) and (max-width: 1920px) {
	.ilist_masonry{
		column-count: 3;
		 -moz-column-count: 3;
		-webkit-column-count: 3;
		column-gap: 1em;
		
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1451px) {
	.ilist_masonry{
		column-count: 3;
		 -moz-column-count: 3;
		-webkit-column-count: 3;
		column-gap: 1em;
		
	}
}


@media only screen and (min-width: 1200px) {
 
  .modal-content-template {
      width: 40%;
      min-width:800px;
  }
}



.qcld_ilist_template_selection::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.qcld_ilist_template_selection::-webkit-scrollbar
{
  width: 8px;
  background-color: #F5F5F5;
}

.qcld_ilist_template_selection::-webkit-scrollbar-thumb
{
  background-color: #626262;
  border: 2px solid #555555;
}