#ci-elementor-template-library-modal .elementor-templates-modal__header > div {
  flex-basis: 20%;
}

.ci-elementor-template-library-logo-wrap {
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #284387;
  color: #fff;
  text-align: center;
  line-height: 30px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg width='43' height='34' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Ctitle%3Elogo2%3C/title%3E%3Cg class='layer'%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg id='svg_1' transform='matrix(1 0 0 0.998436 0 -21.4935)'%3E%3Cg id='svg_12'%3E%3Cpath d='m33.14,31.52a0.76,0.76 0 0 0 -0.13,0.68a1.71,1.71 0 0 0 0.13,0.23a3.74,3.74 0 0 0 0.87,0.84l0.66,0.64c0.04,0.08 0.09,0.15 0.14,0.22a2.78,2.78 0 0 1 0,2.75a2.18,2.18 0 0 1 -0.14,0.27l-0.11,0.17l0.11,-0.08l0.12,-0.12a3.78,3.78 0 0 0 1.5,-2.5a3.26,3.26 0 0 0 -1.5,-3.2l-0.14,-0.08a3.86,3.86 0 0 0 -0.45,-0.16a0.94,0.94 0 0 0 -1.06,0.34z' fill='%23fff' id='svg_13' transform='translate(0 -1.12533)'/%3E%3Cpath d='m27.59,41.73a0.48,0.48 0 0 0 -0.3,0l-0.45,0.2a3.97,3.97 0 0 0 -0.56,0.44a9.79,9.79 0 0 0 -0.99,1.06l-0.76,1.01l0,3.18a0.64,0.64 0 0 0 0.76,0.11l0.36,-0.32a4.08,4.08 0 0 0 0.3,-0.42c0.11,-0.17 0.22,-0.36 0.33,-0.53a19.85,19.85 0 0 0 1.01,-1.92l0.3,-0.74c0.44,-1.21 0.41,-1.95 0,-2.07z' fill='%23fff' id='svg_14' transform='translate(0 -1.12533)'/%3E%3C/g%3E%3Cpath d='m24.84,21.7a16.7,16.7 0 0 0 -14.67,21.26a3.03,3.03 0 0 0 0.88,1.41a8.93,8.93 0 0 0 2.97,1.96a8.52,8.52 0 0 0 2.35,0.3a1.38,1.38 0 0 0 1.1,-0.47l7.1,-8.24l0.68,-0.78a0.47,0.47 0 0 0 0.07,-0.11l0.02,-0.03l0.11,-0.5a2.29,2.29 0 0 0 -0.11,-0.61l-0.02,-0.05a4.29,4.29 0 0 0 -0.75,-1.27c-1.01,-1.21 -2.71,-2.04 -3.96,-0.5c-0.52,0.58 -7.25,8.1 -7.28,8a13.53,13.53 0 0 1 -0.5,-3.25a13.73,13.73 0 0 1 3.37,-9.46a13.33,13.33 0 0 1 9.14,-4.53l2,0.01a13.13,13.13 0 0 1 5.84,1.92l0.16,0.1c0.17,0.11 0.34,0.22 0.51,0.34c-0.17,-0.02 -0.34,-0.02 -0.51,-0.02l-0.16,0a6.2,6.2 0 0 0 -5.51,4.07l-0.03,0.07l-0.3,1.24l-0.02,0.14a6.71,6.71 0 0 0 0,1.48l0.02,0.14a7.09,7.09 0 0 0 0.3,1.24a7.47,7.47 0 0 0 0.43,0.95l-0.43,0.49l-0.3,0.32l-0.02,0.02c-0.32,0.36 -0.65,0.73 -1,1.12l-0.98,1.13l-0.02,0.02c-0.23,0.25 -0.48,0.54 -0.75,0.85c-1.65,1.94 -4.12,4.86 -5.54,6.6a2.57,2.57 0 0 0 -0.56,1.31l-0.19,1.47l0,0l-0.23,1.86a1.64,1.64 0 0 0 0.89,1.69a16.71,16.71 0 1 0 5.9,-31.69zm4.86,9.33a4.28,4.28 0 0 1 3.44,-1.96l0.15,0a3.78,3.78 0 0 1 1.38,0.22l0.14,0.07a5.04,5.04 0 0 1 0.86,0.45a4.43,4.43 0 0 1 1.2,6.08a4.28,4.28 0 0 1 -2.06,1.67l-0.14,0.04l-1.38,0.24l-0.15,0a4.27,4.27 0 0 1 -2.24,-0.74a4.43,4.43 0 0 1 -1.2,-6.07zm-5.28,17.43c-0.83,1.28 -1.88,0.96 -2.38,-0.12a3.24,3.24 0 0 1 -0.17,-2.85a38.94,38.94 0 0 1 2.66,-3.67c0.26,-0.33 0.51,-0.61 0.75,-0.86l0.01,-0.01l0.97,-0.96a5.97,5.97 0 0 1 1,-0.7l0.02,-0.01l0.29,-0.13c1.86,-0.67 1.85,2.36 0,6.17c-0.09,0.21 -0.18,0.39 -0.29,0.6l-0.02,0.03c-0.3,0.56 -0.62,1.14 -1,1.72a2.01,2.01 0 0 1 -0.48,0.64l-0.5,0.26a1.21,1.21 0 0 1 -0.86,-0.11zm11.78,-1.06a11.69,11.69 0 0 1 -1.39,1.39l-0.14,0.13l-1.38,1l-0.15,0.09a12.25,12.25 0 0 1 -1.41,0.76a13.34,13.34 0 0 1 -4.44,1.18l-1.01,0.04c-0.22,0 -0.46,0 -0.67,-0.01a6.07,6.07 0 0 0 0.67,-0.61a4.95,4.95 0 0 0 0.43,-0.53a2.97,2.97 0 0 0 0.57,-0.13l0.01,0l0.3,-0.11c1.48,-0.67 2.36,-2.48 3.09,-4.17c0.6,-1.36 1.5,-4.58 2.05,-6.37c0.05,-0.16 0.09,-0.3 0.12,-0.42a1.7,1.7 0 0 0 0.29,0.01l0.15,0a6.73,6.73 0 0 0 1.38,-0.14l0.14,-0.03a6.19,6.19 0 0 0 4.42,-4.19a13.06,13.06 0 0 1 0.31,2.08a13.83,13.83 0 0 1 -0.37,4.39a13.53,13.53 0 0 1 -2.97,5.64z' fill='%23fff' id='svg_15'/%3E%3Cpath d='m1.57,50.06c0.81,-0.07 1.66,-0.97 2.34,-1.03c-0.14,2.04 -2.27,3.34 -3.91,3.95a6.45,6.45 0 0 0 7.01,0.63a2.56,2.56 0 0 1 -0.18,1.12c3.18,-0.09 5.79,-1.91 6.35,-6.69c-3.17,1.46 -4.11,-3.05 -5.55,-0.97c-1.57,2.25 -2.62,1.37 -2.65,0.39a2.32,2.32 0 0 1 1.53,-2.12a12.35,12.35 0 0 1 2.38,-0.45c-0.13,-0.31 -0.22,-0.62 -0.33,-0.94c-4.77,-0.76 -6.13,3.32 -6.56,5.03a5.98,5.98 0 0 1 -0.43,1.08z' fill='%23ffcd05' id='svg_16'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 35% 46%;
}

.ci-elementor-template-library-header-menu .elementor-template-library-menu-item.elementor-active {
  border-bottom-color: #284387;
}

#elementor-template-library-header-preview .ci-elementor-template-library-insert-button {
  background-color: #284387;
  color: #fff;
}

#elementor-template-library-header-preview .ci-elementor-template-library-insert-button:hover,
#elementor-template-library-header-preview .ci-elementor-template-library-insert-button:focus {
  background-color: #284387;
  color: #fff;
}

.ci-elementor-template-user-is-inactive {
  opacity: 0.5;
}

.ci-elementor-template-library-more-button {
  background: #284387;
  padding: 5px 12px;
  font-size: 13px;
  margin-right: 7px;
  color: #fff;
}

.ci-elementor-template-library-more-button:hover {
  color: #fff;
}

.ci-elementor-template-notice {
  font-size: 14px;
  color: #000000;
  margin-bottom: 20px;
  border: 2px solid #ec0a0a;
  padding: 10px;
}

.ci-elementor-template-notice a {
  color: #284387;
  text-decoration: underline;
}

#ci-elementor-template-library-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ci-elementor-template-library-toolbar-search {
  position: relative;
  width: 200px;
}

#ci-elementor-template-library-toolbar-search i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

#ci-elementor-template-library-toolbar-filter {
  position: relative;
  width: 200px;
}

#ci-elementor-template-library-toolbar-filter .ci-elementor-template-library-filter-btn {
  display: block;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  padding: 8px 15px 8px 0;
  border-bottom: 1px solid #d5dadf;
  border-radius: 0;
  font-size: 12px;
}

#ci-elementor-template-library-toolbar-filter .ci-elementor-template-library-filter-btn i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

#ci-elementor-template-library-toolbar-counter {
  font-size: 12px;
}

#ci-elementor-template-library-search {
  border: none;
  padding: 8px 15px 8px 0;
  border-bottom: 1px solid #d5dadf;
  border-radius: 0;
  font-size: 12px;
}

#ci-elementor-template-library-filter-tags {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  display: none;
  margin-top: 10px;
  padding: 10px;
  width: 270%;
  border-radius: 0 2px 2px;
  background-color: #fff;
  color: #404349;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

#ci-elementor-template-library-filter-tags > li {
  float: left;
  padding: 10px;
  width: 25%;
  text-align: left;
  text-transform: capitalize;
  cursor: pointer;
}

#ci-elementor-template-library-filter-tags > li:hover {
  color: #e8357c;
}

#ci-elementor-template-library-filter-tags > li.active {
  color: #e8357c;
}

#ci-elementor-template-library-filter-tags:before {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 0 10px 10px 0;
  border-bottom-color: #fff;
  content: " ";
  pointer-events: none;
}

#ci-elementor-template-library-templates {
  height: calc(100% + 30px);
}

#ci-elementor-template-library-templates .ci-elementor-template-library-templates-window {
  position: relative;
  overflow-y: auto;
  margin: 10px -15px 0;
  height: calc(100% - 45px);
}

#ci-elementor-template-library-templates .ci-elementor-template-library-templates-window #ci-elementor-template-library-templates-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.ci-elementor-template-library-template {
  width: calc(25% - 30px);
  position: relative;
  overflow: hidden;
  margin: 15px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.07);
}

.ci-elementor-template-library-template:hover .ci-elementor-template-library-template-preview {
  opacity: 1;
}

.ci-elementor-template-library-template:hover .elementor-template-library-template-name {
  display: none;
}

.ci-elementor-template-library-template:hover .ci-elementor-template-library-template-footer .ci-elementor-template-library-insert-button {
  display: inline-block;
}

.ci-elementor-template-library-template:hover .ci-elementor-template-library-template-footer .ci-elementor-template-library-preview-button {
  display: inline-block;
}

.ci-elementor-template-library-template .ci-elementor-template-library-insert-button {
  display: none;
}

.ci-elementor-template-library-template .ci-elementor-template-library-insert-button:hover,
.ci-elementor-template-library-template .ci-elementor-template-library-insert-button:focus {
  color: #284387;
}

.ci-elementor-template-library-template .ci-elementor-template-library-preview-button {
  display: none;
}

.ci-elementor-template-library-template .ci-elementor-template-library-preview-button:hover,
.ci-elementor-template-library-template .ci-elementor-template-library-preview-button:focus {
  color: #606b73;
}

.ci-elementor-template-library-template .ci-elementor-template-library-template-body {
  position: relative;
}

.ci-elementor-template-library-template .ci-elementor-template-library-template-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  cursor: pointer;
  transition: opacity .5s;
}

.ci-elementor-template-library-template .ci-elementor-template-library-template-preview i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #d5dadf;
  font-size: 20px;
  transform: translate(-50%, -50%);
}

.ci-elementor-template-library-template .ci-elementor-template-library-template-thumbnail {
  display: block;
  width: 100%;
}

.ci-elementor-template-library-template .ci-elementor-template-library-template-footer {
  padding: 10px;
  width: 100%;
  background-color: #fff;
  font-size: 11px;
  line-height: 1;
  display: flex;
  justify-content: space-between;
}

.ci-elementor-template-library-template .ci-elementor-template-library-template-footer .elementor-template-library-template-name {
  color: #404349;
}

.ci-elementor-template-library-preview {
  overflow: hidden;
  margin: auto;
  width: 100%;
  height: 100%;
  transition: width .2s, height .2s;
}

.ci-elementor-template-library-preview > iframe {
  width: 150%;
  height: 150%;
  transform: scale(0.666) translateX(-25%) translateY(-25%);
}

.ci-elementor-template-library-responsive-menu-item {
  display: inline-block;
  padding: 15px 0;
  width: 40px;
  cursor: pointer;
}

.ci-elementor-template-library-responsive-menu-item.elementor-active {
  border-bottom: 3px solid #284387;
  background-image: linear-gradient(to bottom, #f1f3f5, #fff);
}