/*----------------------------------------General Styles----------------------------------------*/
.breadcrumb-container {
	position: relative;
	z-index: 2;
}
.section-grey-bg{
	background-color: #fafbfb;
}
.section-light-purple-bg {
	background-color: #F8EAF5;
}
.section-light-grey-white-bg {
	background-color: #ebebf385;
}
.section-purple-gradient {
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247, 247, 255,0.4) 100%);
}
.rounded-hr {
    border: 2px solid #f2bce5;
    border-radius: 5px;
    margin-right: 10px;
}
.text-center h1, .text-center h1 a {
	color: #4B4B4C;
}
h3 {
	font-size: 2.35714286em;
	line-height: 1.36363636em;
	padding-bottom: 15px;
}
.infoart-tagline{
    line-height: .7rem;
    color: #C37CB3;
    font-size: 1rem;
    font-weight: 700;
}
.lead {
  font-size: 17px;
  line-height: 1.68421053em;
  font-weight: 400;
  color: #808080;
}
.pink-highlight {
	color: #F94EA2;
}
/*-------------- index --------------*/
.get-work-done-blk h3{
	font-size: 24px;
	    font-weight: 600;
    letter-spacing: -0.5px;
}
.get-work-done-blk li{
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.2px;
    margin-bottom: 10px;
 
}
.green-text {
	color: #06D6A0;
	font-weight: 700;
	
}
/*----------------------------------------Buttons----------------------------------------*/
.btn{
	font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    display: inline-block;
    white-space: normal;
    color: #ffffff;
    background-color: #09BCEC;
    border-radius: 4px;
    padding: 10px 52px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid transparent;
}
.btn:hover {
	background-color: #db6462;
}

#diagrams-examples .btn-trial a, 
#diagrams-templates-page .btn-trial a {
	background-color: #4cd0e5;
}
#diagrams-examples .btn-trial a:hover, 
#diagrams-examples .btn-trial a:focus, 
#diagrams-templates-page .btn-trial a:hover, 
#diagrams-templates-page .btn-trial a:focus {
	background-color: #41bcd0 !important;
}

.btn:focus, .btn:visited{
	color: #ffffff;
}
.btn:before {
    transition: all 0.4s ease;
    z-index: -1;
}
.btn:hover, .btn:focus:hover, .btn:visited:hover{
	background-color: #04acd6;
	color: #ffffff;
}
.btn-white {
	background-color: #e089cd !important;
}
#diagrams-templates-page .btn-white {
	background-color: #4cd0e5 !important;
}
.btn-white:hover, .btn-white:focus {
    background-color: #ad6d9e !important;
    color: #fff !important;
}
#diagrams-templates-page .btn-white:hover, 
#diagrams-templates-page .btn-white:focus {
	background-color: #41bcd0 !important;
}
.btn-white:before {
    content: "";
    position: absolute;
    background-color: #ad6d9e;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    border-radius: 4px;
}

/*----------------------------------------Form and Input----------------------------------------*/
#infoart-support-form input, select, textarea {
	width: 100%;
    font-size: 1rem;
    color: #666666;
    border: 0px solid rgba(0, 0, 0, 0.15);
    background-color: transparent;
    line-height: 2px;
    padding: 10px 0px;
    letter-spacing: 0.3px;
}
input, select, textarea {
	width: 100%;
    font-size: 1.4rem;
    color: #333333;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: transparent;
    line-height: 24px;
    padding: 10px 15px;
    letter-spacing: 0.3px;
}
::-webkit-input-placeholder {
	color: #4a4a4a;
}
input:focus, select:focus, textarea:focus {
    outline: none;
}
button.btn {
	font-size: 1.6rem;
	font-weight: 500;
	padding: 8px 56px;
}
/*----------------------------------------Header----------------------------------------*/
.logo{
	display: inline-block;
}

ul.nav.navbar-nav.navbar-right>li>a {
    font-size: 14px;
}


@media (max-width: 1199px) {
#infoart-main-top-header .navbar-default .navbar-nav > li > a  {
    padding-top: 15px;
    padding-bottom: 15px;
        margin: 10px 5px;
        padding: 7px 5px;
        font-size: 15px;
}
/* ul.nav.navbar-nav.navbar-right>li>a {
    font-size: 16px;
}

#infoart-main-top-header{
	padding-right:1px;
} */
	#infoart-main-top-header{
		width:100%;
	}
}

@media (max-width: 1024px) and (min-width: 992px){
	.sub-features-wrapper img{
		padding: 0px;
	}
}

@media (max-width: 991px) {
	#infoart-main-top-header .navbar-default .navbar-nav > li > a  {
	    padding-top: 15px;
	    padding-bottom: 15px;
	        margin: 10px 4px;
	        padding: 7px 5px;
	        font-size: 14px;
	}
    #infoart-main-top-header .navbar-header{
		padding-left: 10px;
	}
	
	#infoart-main-top-header .navbar-header img{
		padding-left: 0px;
	}
/* 	#infoart-main-top-header{
		width:850px;
		padding:0px;
		margin:auto;
		
	}
	ul.nav.navbar-nav.navbar-right>li>a {
	    font-size: 16px;
	} */
}

@media (max-width: 991px) and (min-width: 768px){
	#infoart-main-top-header .navbar-header img{
		width: 48px;
		height:46px;
	}
}

@media (max-width: 767px){
	#infoart-main-top-header .navbar-header img{
		padding-left: 10px;
	}
	
	#infoart-main-top-header .navbar-header{
		padding-left: 0px;
	}
}

@media (max-width: 865px){
	ul.nav.navbar-nav.navbar-right>li>a {
	    font-size: 15px;
	} 	
}


@media (max-width: 775px){
	#infoart-main-top-header {
	    padding-right:0px;
	} 	
}


/*----------------------------------------CTA / Free Trial----------------------------------------*/
.cta-section {
	padding: 40px 0;
}
.cta-heading {
    color: #3b566e;
    text-transform: none;
    font-size: 1.9rem;
    margin: 0;
}

/*----------------------------------------Template page info----------------------------------------*/
.template-thumbnail {
	webkit-box-shadow: 0 0 10px 5px rgba(184,184,184,.7);
    -moz-box-shadow: 0 0 10px 5px rgba(184,184,184,.7);
    box-shadow: 0 0 10px 5px rgba(184,184,184,.7);
}
.template-page-info-heading {
	margin-bottom: 10px;
}
/*----------------------------------------Index----------------------------------------*/
.infoart-banner .container {
	padding-top: 80px;
	padding-bottom: 60px;
}
.infoart-header-bg {
	background-image: url(/images/infoart/banner-bg.png);
	background-blend-mode: normal;
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
}

.feature-sub-area .features-center-img {
    width: 100%;
}

 .inside img{
	width:100%;
} 

.blankItem{
	width:100%;
	position:relative;
	background-color: #FFF;
}

.imgContainer{
	position:absolute;
	width:100%;
	height:100%;
}

@media only screen and (max-width: 309px){
	.infoart-header-bg {
		height: 750px;
	}
}

@media only screen and (max-width: 430px) and (min-width: 310px) {
	.infoart-header-bg {
		height: 700px;
	}
}

@media only screen and (max-width: 563px) and (min-width: 431px) {
	.infoart-header-bg {
		height: 650px;
	}
	#main-index-tab{
		margin-top:10px;
	}
}

@media only screen and (max-width: 661px) and (min-width: 564px) {
	
	#main-index-tab{
		margin-top:220px;
	}
	
}

@media only screen and (max-width: 715px) and (min-width: 660px) {
	
	#main-index-tab{
		margin-top:250px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 716px) {
	
	#main-index-tab{
		margin-top:230px;
	}

}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	 #main-index-tab{
    	margin-top:300px;
    	padding-bottom:10px;
    }
    
}

@media only screen and (max-width: 991px){
	.center-img{
		padding-top:40px;
		width:100%;
	}
	
	.infoart-template-sample-box img{
		width:100%;
	}
}

@media only screen and (max-width: 768px){
	#twitter-pic2{
		display:none;
	}
}

@media only screen and (max-width: 661px){
	#twitter-pic5{
		display:none;
	}
	
	#template-menu-top .splide {
		padding-top: 3em;
	    padding-bottom: 3em;
	    padding-right: 3em;
	    padding-left: 0em;
	}
	
	#templates-gallery .template-page-title,#templates-gallery .splide{
		padding-left: 0rem;
	}
}
	
	@media only screen and (max-width: 490px){
		/* .template-menu-top .tab-content .tab-pane img{
			width:80%;
			margin:0px;
		} */
		/* .template-menu-top .tab-content .tab-pane .splide .menu-top{
			margin-right:0px;
			width:200px;
		} */
		
		.template-menu-top .tabbable-line .splide-menu.nav-tabs li {
			font-size:14px;
		}
		
		.template-menu-top .nav>li>a, .template-menu-top .slides .nav li a{
			padding: 3px 4px;
		}
		
		/* #templates-gallery .infoart-templates-item, .illustrations.splide .infoart-templates-item{
			width:180px;
		} */
		.illustrations.splide .infoart-templates-item{
			width:180px;
		}
	}
	
	@media only screen and (max-width: 453px){
	/* 	.template-menu-top .tab-content .tab-pane .splide .menu-top{
			width:180px;
		} */
		
		/* #templates-gallery .infoart-templates-item, .illustrations.splide .infoart-templates-item{
			width:160px;
		} */
		.illustrations.splide .infoart-templates-item{
			width:160px;
		}
	}
	
	@media only screen and (max-width: 411px){
		/* .template-menu-top .tab-content .tab-pane .splide .menu-top{
			width:150px;
		} */
		
		/* #templates-gallery .infoart-templates-item, .illustrations.splide .infoart-templates-item{
			width:140px;
		} */
		.illustrations.splide .infoart-templates-item{
			width:140px;
		}
		
	}
	
	@media only screen and (max-width: 356px){
	/* 	.template-menu-top .tab-content .tab-pane .splide .menu-top{
			width:130px;
		} */
		
		.template-menu-top .tabbable-line .splide-menu.nav-tabs li {
			font-size:12px;
		}
		
		/* #templates-gallery .infoart-templates-item, .illustrations.splide .infoart-templates-item{
			width:120px;
		} */
		
		.illustrations.splide .infoart-templates-item{
			width:120px;
		}
		
	}
	



@media only screen and (max-width: 531px){
	.features-center-img{
		width:100%;
	}
	
	#twitter-pic4{
		display:none;
	}
	
	#templates-gallery .splide .templates-slide{
		margin-right: 10px;
	}
	
	#templates-gallery .infoart-templates-item, .illustrations.splide .infoart-templates-item{
		width:160px;
	}
	
}

.infoart-header h1{
	font-weight: 700;
	letter-spacing: -0.18rem;
	font-size: 3.5rem;
	text-transform: capitalize;
}
.infoart-header p{
	color: #526B54 !important;
	margin-top: 0px;
	line-height: 30px;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
	letter-spacing: 0.01rem;
	padding-top: 20px;
	padding-bottom: 20px;
}
.infoart-feature-header h1, 
.charts-feature-header h1 {
    font-weight: 700;
    letter-spacing: -0.18rem;
    font-size: 3rem;
    text-transform: capitalize;
}
.infoart-feature-header p, 
.charts-feature-header p {
    color: #526B54 !important;
    margin-top: 0px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.01rem;
    padding-top: 20px;
}
.infoart-quick-features h5{
	text-align: center;
	font-weight: 700;
	font-size: 1.1rem;
    line-height: 21px;
    margin-top: 5px;
	
}

.section-overflow-top {
    overflow: visible;
}
.section-overflow-top > .container > div:first-child, .section-overflow-top > .container > table:first-child {
    transform: translateY(-90px);
}
.feature-sub-info h3 {
    font-size: 24px;
    border-bottom: 0px dashed #ddd;
    padding-bottom: 9px;
    margin-bottom: 0px;
}
.sec-title-two h2 {
	position: relative;
	font-size: 30px;
	color: #3b566e;
	font-weight: 400;
	line-height: 1.4em;
	padding-bottom: 20px;
}
.sec-title-two h2:before {
	left: 50%;
	margin-left: -25px;
	content: '';
	position: absolute;
	margin-bottom: 7px;
	bottom: 0px;
	width: 39px;
	border-top: 3px dotted #C37CB3;
}
.sec-title-two {
	margin-bottom: 70px;
	position: relative;
	margin-bottom: 40px;
	text-align: center;
}
.sec-title-two p{
	width: 75%;
	display: inline-block;
}

/*----------------------------------------steps----------------------------------------*/
.infoart-wizard {
	border-bottom: solid 1px #e0e0e0;
	padding: 0 0 10px 0;
}
.infoart-wizard > .infoart-wizard-step {
	padding: 0;
	position: relative;
	text-align: center;
}
.infoart-wizard > .infoart-wizard-step + .infoart-wizard-step {
}
.infoart-wizard > .infoart-wizard-step .infoart-wizard-stepnum-1 {
background-color: #5AD092;
}
.infoart-wizard > .infoart-wizard-step .infoart-wizard-stepnum-2 {
background-color: #4FC6E1;

}
.infoart-wizard > .infoart-wizard-step .infoart-wizard-stepnum-3 {
background-color: #2892FD;

}
.infoart-wizard > .infoart-wizard-step .infoart-wizard-stepnum {
	color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    border-radius: 20px;
    display: inline;
    padding-left: 20px;
    padding-right: 20px;
}
.infoart-wizard > .infoart-wizard-step .infoart-wizard-info {
	font-size: 14px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.infoart-wizard > .infoart-wizard-step > .infoart-wizard-dot {
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	background: #fbe8aa;
	top: 60px;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	border-radius: 50%;
}
.infoart-wizard > .infoart-wizard-step > .infoart-wizard-dot:after {
	content: ' ';
	width: 14px;
	height: 14px;
	background: #fbbd19;
	border-radius: 50px;
	position: absolute;
	top: 8px;
	left: 8px;
}
.infoart-wizard > .infoart-wizard-step > .progress {
	position: relative;
	border-radius: 0px;
	height: 8px;
	box-shadow: none;
	margin: 30px 0;
}
.infoart-wizard > .infoart-wizard-step > .progress > .progress-bar {
	width:0px;
	box-shadow: none;
	background: #fbe8aa;
}
.infoart-wizard > .infoart-wizard-step.complete > .progress > .progress-bar {
	width:100%;
}
.infoart-wizard > .infoart-wizard-step.active > .progress > .progress-bar {
	width:50%;
}
.infoart-wizard > .infoart-wizard-step:first-child.active > .progress > .progress-bar {
	width:0%;
}
.infoart-wizard > .infoart-wizard-step:last-child.active > .progress > .progress-bar {
	width: 100%;
}
.infoart-wizard > .infoart-wizard-step.disabled > .infoart-wizard-dot {
	background-color: #f5f5f5;
}
.infoart-wizard > .infoart-wizard-step.disabled > .infoart-wizard-dot:after {
	opacity: 0;
}
.infoart-wizard > .infoart-wizard-step:first-child > .progress {
	left: 50%;
	width: 50%;
}
.infoart-wizard > .infoart-wizard-step:last-child > .progress {
	width: 50%;
}
.infoart-wizard > .infoart-wizard-step.disabled a.infoart-wizard-dot{
	pointer-events: none;
}
.infoart-wizard-title {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 10px;
}
/*----------------------------------------More Features----------------------------------------*/
.mock-group{
	position: relative;
}
.mock-group .front-mock2{
	z-index: 2;
	position: absolute;
	bottom: 0;
top: 275px;
    left: 150px;
}
.mock-group .front-mock3{
	z-index: 2;
	position: absolute;
	bottom: 0;
    top: 263px;
    left: 147px;
}
.mock-group .back-mock{
	z-index: 1;
	position: relative;
	right: 0px;
}

/*--------------------*/
/* Infographic Maker Features */
/*--------------------*/
.section-overflow-top {
    overflow: visible;
}
.section-overflow-top > .container > div:first-child, .section-overflow-top > .container > table:first-child {
    transform: translateY(-90px);
}
.card .card-body {
    padding: 1.5rem;
}
.feature-sub-info h3 {
    font-size: 24px;
    border-bottom: 0px dashed #ddd;
    padding-bottom: 9px;
    margin-bottom: 0px;
}
.templates-header-col, 
.templates-header-col-2 {
   	margin-bottom: 80px;
   	margin-top: 40px;
}
.infoart-feature-header.templates-page {
	margin: 0;
}
.infoart-feature-header, 
.charts-feature-header {
	margin-bottom: 40px;
    margin-top: 40px;
	text-align: center;
}
.infoart-feature-header-bg, 
.charts-feature-header-bg {
    background-image: url(/images/infoart/diagram-feature/shape.png), linear-gradient(0deg, rgba(249,229,244,1) 0%, rgba(255,255,255,1) 100%);
    background-blend-mode: normal;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    padding-top: 40px;
    margin-bottom: 80px;
    height: 600px;
}
.infoart-feature-header p.template-page-description, 
.charts-feature-header p.template-page-description {
    color: #ffffff !important;
    padding-left: 70px;
    padding-right: 70px;
}

.banner_screen {
  left: 0;
  right: 0;

  margin: 0 auto;
  max-width: 765px;
  position: relative;
}

.banner_screen .screen_img .middle_screen {
  margin-left:auto;
  margin-right: auto;
  
}
.banner-screen-relative-position {
    position: relative;
    display: flex;
}
.infoart-template-sample {
    /*position: relative;
    padding-left: 10px;
    padding-right: 10px;*/
    margin-top: -30px;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 20px 10px;
}
.infoart-template-sample:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.infoart-template-sample-box {
    position: relative;
    overflow: hidden;
}
.infoart-template-sample-box:hover .infoart-template-sample-content {
    opacity: 1;
    padding-top: 8%;
}
.infoart-template-sample-box .infoart-template-sample-content {
    /*padding-top: 12%;
    margin-bottom: -30px;*/
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
    padding: 8%;
    color: red;
    opacity: 0;
    background: rgba(0, 0, 0, 0.4);
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
}
.infoart-template-sample-higher {
    top: -30px;
}
.infoart-template-sample-higher1 {
    top: -40px;
}
.infoart-template-sample-lower1 {
    top: 15px;
}
.infoart-template-sample-buttons {
    color: #fff;
	position: absolute;
	top: 50%;
    left: 0;
    width: 100%;
    padding: 5px;
    transform: translate(0, -50%);
}
.infoart-feature-preview-btn, .infoart-feature-preview-btn:visited, .infoart-feature-preview-btn:active {
    font-weight: 700;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #e2e2e2;
    border-radius: .2rem;
    color: #fff;
    font-size: 11px;
    padding: 0.5rem 0.7rem;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    display: inline-block;
}
.infoart-feature-preview-btn:hover {
    background-color: rgba(0,0,0,1);
    color: #fff;
    text-decoration: none;
}
.infoart-feature-use-btn, .infoart-feature-use-btn:visited, .infoart-feature-use-btn:active {
    font-weight: 700;
    background-color: #09BCEC;
    border-radius: .2rem;
    color: #fff;
    font-size: 11px;
    padding: 0.5rem 0.7rem;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
	display: inline-block;
}
.infoart-feature-use-btn:hover {
    background-color: #04acd6;
    color: #fff;
    text-decoration: none;
}
.sample-box-btn-inline .infoart-feature-preview-btn, 
.sample-box-btn-inline .infoart-feature-use-btn {
	width: 40%;
}
.sample-box-btn-inline .space-gap-sm {
	margin: 10px;
}
.infoart-quick-gallery {
    display: flex;
}

/*----------------------------------------Templates----------------------------------------*/
#template-menu-top .tabbable-line > .nav-tabs li {
    text-align: center;
}
@media (max-width: 991px) {
    .tab-content img {
        margin-bottom: 30px;
    }
}
#infoart-templates-section .templates-gallery {
    width: 100%;
}
#templates-details .templates-gallery {
	padding-top: 30px;
}
.template-search-filter input {
	width: auto;
	vertical-align: sub;
}
.template-search-filter {
	display: inline-block;
	width: auto;
}
.search-templates-input {
    display: block;
	width: 50%;
	padding: 1rem 0 5px 0;
	margin: 0 auto;
}
.search-bar-input-group, .search-input-group-area {
    display: flex;
    border-collapse: collapse;
    width: 100%;
}
.search-bar-input-group div {
    /* display: table-cell !important; */
    vertical-align: middle;
    /* needed for Safari */
}
.search-input-group-area .search-input, .search-input-group-icon .search-input-btn {
    font-size: 17px;
    border: 1px solid lightgray;
    background: white;
  /*  padding-top: 8px; */
 /*   padding-bottom: 8px; */
}
.template-search-form {
	width: 100%;
}
.search-input-group-area .search-input {
    display: block;
    width: 100%;
    border-left: none;
    border-right: none;
    border-radius: 4px 0 0 4px;
    transition: none;
    line-height: unset;
}
.search-input-group-area .search-input::placeholder {
    font-size: 12px;
    color: gray;
}
.search-input-group-area .search-input:focus {
    border: 0;
    outline: 0;
    border: 1px solid lightgray;
	border-right: none;
	outline: 0;
}
.search-input-group-icon .search-input-btn {
    padding-left: 20px;
    padding-right: 20px;
    border-left: none;
    border-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.search-row {
	position: absolute;
    width: 100%;
    z-index: 1;
}
.search-filter-result {
	margin: 0 auto;
	display: none;
	width: 50%;
	background: #fff;
	border-radius: 8px;
	border: 1px solid lightgray;
	padding: 8px 0;
	max-height: 270px;
	overflow-y: auto;
}
.search-filter-result::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 12px;
	background-color: #F5F5F5;
}
.search-filter-result::-webkit-scrollbar {
	width: 10px;
}
.search-filter-result::-webkit-scrollbar-thumb {
	border-radius: 12px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #b3b0b0;
}
.search-filter-result ul {
	text-align: left;
}
.show-search-top {
	margin: 0;
}
.search-box-result button {
	width: 100%;
	display: block;
	padding: 8px 15px;
	color: black;
	text-align: left;
	background: none;
	border: none;
	text-decoration: none;
}
.search-box-result button:focus, .search-box-result button:focus-visible {
	outline: 0;
}
.search-suggestion {
	display: none;
	padding: 8px 15px 0;
}
.search-type button {
	padding: 4px 15px;
}
.search-box-result.active, .search-box-result:hover {
	background: #ececec;
	cursor: pointer;
}
.search-suggestion:hover {
	background: none;
	cursor: default;
}
.search-box-result span {
	align-items: center;
	line-height: 15px;
}
.search-all span {
	display: flex;	
}
.search-suggestion span {
	color: #b0b0b0;
	font-weight: bold;
	font-variant-caps: all-small-caps;
	line-height: unset !important;
}
.search-topic button {
	padding: 4px 15px;
	padding-left: 40px;
	background-image: url("/images/infoart/topic-icon.png");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 15px 7px;
}
.search-title {
	font-size: 12px;
}
.search-text, .search-type-text {
	font-weight: bold;
}

.template-menu-top {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
.template-menu-top .nav-tabs {
    display: block;
    padding: 5px 10px;
    text-align: left;
    min-height: 50px;
}
.template-menu-top .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li , .splide-menu.nav-tabs li.open, .splide-menu.nav-tabs li {
    font-weight: 600;
    font-size: 16px;
    border-bottom: 0px solid transparent;
    color: #717274;
    border-radius: 8px;
    padding: 5px 7px;
}
.template-menu-top .tabbable-line > .nav-tabs > li.open, 
.template-menu-top .tabbable-line > .nav-tabs > li:hover, 
.splide-menu.nav-tabs li.open, .splide-menu.nav-tabs li:hover {
    color: #1f92b5;
    background-color: #f3f3f3;
    border-radius: 8px;
}
.template-menu-top .tabbable-line > .nav-tabs > li.active, 
.splide-menu.nav-tabs li.active {
    border-bottom: 0px solid #39A7DF;
    position: relative;
    font-weight: 700;
    text-decoration: underline;
    background-color: #f3f3f3;
    color: #52bfa2;
}
.template-menu-top .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover, 
.splide-menu.nav-tabs li.open, .splide-menu.nav-tabs li:hover {
    border-bottom: 0px solid #9fc9dd;
}
.template-menu-top .tabbable-line > .nav-tabs > li, 
.splide-menu.nav-tabs li {
    margin-right: 0px;
}
.template-menu-top .nav>li>a, 
.template-menu-top .slides .nav li a {
    padding: 7px 8px;
}
.template-menu-top .tabbable-line > .nav-tabs > li.active > a, 
.slides.nav-tabs li.active a {
	
}
#templates .splide {
    padding-top: 0;
    padding-bottom: 0;
}
#templates .splide__list {
    display: flex;
    /*align-items: center;*/
    align-items: start;
}
.splide .menu-top {
    width: 200px;
    height: auto !important;
    min-height: 240px;
    margin-right: 20px;
}
.show-default-size {
	display: block;
	position: relative;
}
.template-default-size {
	display: none;
}
.splide .menu-top:hover .template-default-size {
	display: block;
	position: absolute;
	bottom: 3%;
	padding: 2px;
	width: 100%;
	background: #0202025e;
	color: #fff;
}
#diagram-examples .splide .menu-top {
	margin-right: 12px;
}
.splide .templates-slide {
	margin-right: 20px;
}
#chart-examples .splide .templates-slide {
	width: 295px;
} 
.splide .templates-slide > .item, 
.splide .templates-slide > .item > .infoart-templates-item {
	padding: 0;
}
.splide .splide__track {
	/* padding: 0 5px; */
	padding: 0;
}
.infoart.splide .infoart-templates-item, 
.illustrations.splide .infoart-templates-item,
.collages.splide .infoart-templates-item,
.photoBook.splide .infoart-templates-item,
.flipbook.splide .infoart-templates-item {
    width: 200px;
}

.flipbook.splide .splide__slide{
	height:320px !important;
}

.photoBook.splide .splide__slide{
	height:200px !important;
}

.diagrams.splide .infoart-templates-item, .charts.splide .infoart-templates-item, 
.infochart.splide .infoart-templates-item {
	width: 295px;
}
.diagrams.splide .item img {
    width: 295px;
    height: 166px;
    object-fit: cover;
    object-position: 0 0;
    margin-top: 0;
    margin-bottom: 0; 
}
.multiple-template-thumbnail {
	float: left;
	/*margin: 1rem;
	display: flex;*/
}
.multiple-thumbnail {
	width: 25%;
	padding: 5px;
	display: inline-block;
}
.thumbnail-box {
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 1px;
}
.activeThumbnail {
	border: 2px solid #09bcec;
}
#edit-templateURL {
	display: none;
}
#templateType-main .pagination {
    position: relative;
    margin-right: auto;
    float: unset;
    margin-left: auto;
    display: table;
}
.pagination>li>a, .pagination>li>span {
    color: #546A7B;
    background-color: transparent;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 10px;
    margin: 5px;
    border: none;
    border-radius: 40px;
    transition: all 0.3s ease 0s;
}
.pagination button {
    position: relative;
    line-height: 1.42857143;
    float: left;
    margin: 5px;
    margin-left: -1px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #ddd;
    transition: all 0.3s ease 0s;
	font-family: 'Font Awesome 5 Free';
	border-radius: 50% !important;
    padding: 4px 8px;
}
.pagination .firstPage button:before {
	content: "\f100";
}
.pagination .lastPage button:before {
	content: "\f101";
}
.pagination .previousPage button, .pagination .nextPage button {
	padding: 4px 11px;	
}
.pagination .previousPage button:before {
	content: "\f104";
}
.pagination .nextPage button:before {
	content: "\f105";
}
.pagination button:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination button:focus {
    border: 1px solid #ddd;
    outline: 0;
}
.pagination a.active, .pagination a.active:hover {
    color: #fff;
    background-color: #e089cd;
    border-color: #e089cd;
}
.pagination .disabled > button, .pagination button[disabled] {
    cursor: not-allowed;
    color: #777;
    background-color: #f2f2f2;
}

.other-themes {
    font-size: 1.3rem;
    margin-bottom: 10px;
}
.infoart-divider-empty {
    margin-top: 60px;
    margin-bottom: 60px;
}
.templates-page-gallery .related-templates-masonry-wrapper {
    padding: 2rem;
}
.template-main-content {
    /*padding-left: 10px;
    padding-right: 10px;*/
	display: block;
}
h1.template-name-title {
    font-size: 34px;
    line-height: 1.31818182em;
    letter-spacing: -0.2px;
    padding-bottom: 20px;
    float: none;
    word-wrap: break-word;
}
.template-main-content .template-name-title {
	padding: 20px 0;
}
.template-caption {
    margin-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    display: table;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 5px;
}
.custom-content {
	margin-top: 1rem;
}
.template-page-title {
    font-size: 21px;
    padding: 0 1rem 1rem;
}
.template-page-title-devider {
display: inline-block;
    width: 50px;
    height: 2px;
    background: #E089CD;
    position: relative;
    z-index: 1;
    left: 40px;
    top: -20px;
}
.search-template-wrapper .template-page-title {
	padding: 1.5rem 3rem 1rem;
}
.top-title {
    display: flex;
	width: 100%;
	align-items: center;
}
.template-type-title {
    padding: 10px;
	font-size: 2rem;
	font-weight: bold;
	display: inline-block;
	/*float: left;
	width: 50%;*/
}
.template-top-title .template-count {
    padding: 10px;
	display: inline-block;
}
.template-page-title .template-count {
	font-size: 12px;
	vertical-align: middle;
}
.search-result {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 1rem 0;
}
.no-search-result, .no-search-results {
    text-align: center;
    padding: 2rem;
    font-size: 25px;
}
.no-search-result {
    display: none;
}
.see-all-top {
    float: right;
    font-size: 14px;
}
.see-all-top a {
    color: #7b8190;
}
.template-page-title a {
	color: #4B4B4C;
}
.related-templates-masonry-wrapper, .search-template-wrapper {
    padding: 0px;
    max-width: unset;
    margin-right: auto;
    margin-left: auto;
}
.search-template-result {
    padding: 1rem;
}
.infoart-templates-grid, .search-template-result {
    display: grid;
    grid-gap: .5rem;
    grid-template-columns: repeat(6, [col-start] 16% [col-end]);
    grid-auto-rows: auto !important;
}
.custome-templates-grid {
	grid-template-columns: repeat(4, [col-start] 24.5% [col-end]);
}
.template-layout-right .infoart-templates-grid {
    grid-template-columns: repeat(3, [col-start] 33.3% [col-end]);
}
.diagram-content-main .infoart-templates-grid {
    display: grid !important;
    grid-template-columns: repeat(2, [col-start] 50% [col-end]) !important;
}
.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
    display: grid;
    grid-gap: .5rem;
    grid-template-columns: repeat(2, 300px);
    grid-auto-rows: 105px;
}
@media only screen and (max-width: 600px) {
	.infoart-templates-grid, .search-template-result {
	  	grid-template-columns: repeat(2, [col-start] 50% [col-end]);
	}
	.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
        display: block;
    }
    .template-layout-right .infoart-templates-grid {
    	grid-template-columns: repeat(2, [col-start] 50% [col-end]) !important;
    }
}
@media only screen and (min-width: 600px) {
	.infoart-templates-grid, .search-template-result {
		grid-template-columns: repeat(2, [col-start] 50% [col-end]);
	}
	.template-layout-right .infoart-templates-grid {
    	grid-template-columns: repeat(3, [col-start] 33.3% [col-end]) !important;
    }
}
@media only screen and (max-width: 768px) {
	.infoart-templates-grid, .search-template-result {
			grid-auto-rows: 1.0rem !important;
			grid-gap: .1rem !important;
		}
}
@media only screen and (min-width: 768px) {
	.infoart-templates-grid, .search-template-result {
	  	grid-template-columns: repeat(3, [col-start] 33.3% [col-end]);
	}
	.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
        grid-template-columns: repeat(2, 384px);
    }
    .diagram-content-main .infoart-templates-grid {
        display: grid !important;
        grid-template-columns: repeat(2, [col-start] 50% [col-end]) !important;
    }
}
@media only screen and (min-width: 992px) {
	.infoart-templates-grid, .search-template-result {
	  	grid-template-columns: repeat(4, [col-start] 24.5% [col-end]);
	}
    .template-layout-right .infoart-templates-grid {
    	grid-template-columns: repeat(3, [col-start] 33.3% [col-end]) !important;
    }
    .custome-templates-grid {
		grid-template-columns: repeat(3, [col-start] 33.3% [col-end]);
	}
}
@media only screen and (min-width: 1024px) {
    .diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
        grid-template-columns: repeat(3, 333px);
    }
    .diagram-content-main .infoart-templates-grid {
        display: grid !important;
        grid-template-columns: repeat(3, [col-start] 33.3% [col-end]) !important;
    }
}
@media only screen and (min-width: 1200px) {
	.infoart-templates-grid, .search-template-result {
	  	grid-template-columns: repeat(5, [col-start] 19.5% [col-end]);
	}
	.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
        grid-template-columns: repeat(4, 300px);
    }
    .diagram-content-main .infoart-templates-grid {
        display: grid !important;
        grid-template-columns: repeat(4, [col-start] 25% [col-end]) !important;
    }
    .custome-templates-grid {
		grid-template-columns: repeat(3, [col-start] 33.3% [col-end]);
	}
}
@media only screen and (min-width: 1400px) {
    .diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
        grid-template-columns: repeat(5, 280px);
    }
}
@media only screen and (min-width: 1600px) {
	.infoart-templates-grid, .search-template-result {
	  	grid-template-columns: repeat(6, [col-start] 16% [col-end]);
	}
	.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
        grid-template-columns: repeat(5, [col-start] 19.5% [col-end]); /*(#103236)*/
    }
    .diagram-content-main .infoart-templates-grid {
        display: grid !important;
        grid-template-columns: repeat(4, [col-start] 25% [col-end]) !important;
    }
    .custome-templates-grid {
		grid-template-columns: repeat(4, [col-start] 24.5% [col-end]);
	}
}
.item {
	display: inline-block;
	width: 100%;
    padding:7px;
    text-align: center;
}
.templates-page-gallery .item {
    padding: 5px;
}
.infoart-templates-item {
    border-radius: 4px;
    overflow: hidden;
    /*padding: 0.5rem;*/
    text-align: center;
    background: #fff;
    
    filter: drop-shadow(-2px 1px 2px rgba(0,0,0,0.1));
    -webkit-filter: drop-shadow(-2px 1px 2px rgba(0,0,0,0.1));
    -moz-filter: drop-shadow(-2px 1px 2px rgba(0,0,0,0.1));
    transition: filter .25s ease-in-out;
    cursor: pointer;
}
.infoart-templates-item:hover {
    filter: drop-shadow(-2px 1px 2px rgba(0,0,0,0.3));
}
.diagram-list-templates .infoart-templates-item:hover {
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
.diagram-list-templates .infoart-templates-item {
    display: inline-block;
    border: 1px solid #f2f2f2;
    border-radius: 5px 5px 3px 3px;
    padding: 0;
}
.diagram-list-templates .related-templates-masonry-content {
    margin: 0 !important;
}
.diagram-list-templates .infoart-templates-item img {
    display: block;
    /*width: 295px; (#103236)*/
    height: 100% !important;
    max-height: 500px;
    object-fit: scale-down;
    border-radius: 0;
}
.diagram-list-templates .template-caption-front, 
.search-template-result.diagram-list-templates .template-caption-front {
    margin-bottom: -8px;
}
.diagram-list-templates .template-caption-front .caption-box {
    width: 100%;
    padding: 10px;
    display: inline-block;
    text-align: left;
    color: #546A7B;
    background: #f2f2f2;
    opacity: 1;
    border-radius: 0px 0px 3px 3px;
    font-size: 13px;
    font-weight: 600;
    margin-left: auto;
    line-height: 16px;
    margin-right: auto;
    position: relative;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.diagram-list-templates .template-caption-front a {
    color: inherit;
    text-decoration: none;
}
#edit-template {
    margin-top: 20px;
    display: table;
}
img.related-templates-masonry-content {
    max-width: 100%;
    width:100%;
    height: auto;
}
.related-templates-masonry-item, .related-templates-masonry-content {
    /*margin-left: -1px !important;*/
    margin-top: -4px;
    margin-bottom: -5px;
    border-radius: 4px;
    overflow: hidden;
}
.overlay-img-btn {
    max-width: 100%;
}
.preview-btn, .use-btn {
    color: #ffffff !important;
    transition: background-color .1s ease-in-out;
}
.preview-btn:hover, .use-btn:hover {
    color: white;
    background: #0DA3D6;
    transition: background-color .1s ease-in-out;
}
.template-button {
    margin-right: 8px;
    border-radius: 4px;
    background: rgba(14,19,24,.7);
    cursor: pointer;
    padding: 0;
    border: none;
    right: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
	color: #fff;
    outline: none;
}
.template-button-set {
    display: flex;
    top: 0;
    right: 0;
    position: absolute;
    transition: 0.3s;
    opacity: 0;
    transform: translateY(-50px);
}
.infoart-templates-item:hover .template-button-set {
    -webkit-transform: translateY(16px);
    opacity: 1;
}
.preview-template-icon, .use-template-icon {
    padding: 10px;
}
.template-caption-front {
    display: block;
}
.template-caption-front .caption-box {
    padding: 10px;
    display: block;
    text-align: left;
    color: #546A7B;
    background: #f2f2f2;
	opacity: 1;
    border-radius: 0px 0px 3px 3px;
    font-size: 13px;
    font-weight: 600;
    margin-left: auto;
    line-height: 16px;
    margin-right: auto;
	position: relative;
    white-space: normal;
  	overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (max-width: 640px) {
.template-feature-block-title {
	    font-size: 11px;
    font-weight: 600;
	
}
}

.specification {
    margin-top: 2rem;
}
.spec-title {
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 20px;
    margin-left: 15px;
}
.spec-sub-title {
    font-weight: bold;
    font-size: 1.2rem;
}
.custom-text {
    margin-bottom: 0;
    font-size: 1.2rem;
}
.spec-category-title {
    display: block;
    margin-bottom: 1rem;
}
.template-swatches.row, .layout2-spec.row {
	margin-right: 0;
	margin-left: 0;
}
.dominant-color .swatch {
    width: 3rem;
    height: 3rem;
}
.swatches .swatch {
    width: 2.5rem;
    height: 2.5rem;
}
.swatch {
    display: inline-block;
    border-radius: 50%;
    margin-right: .5rem;
}
.transcript-title .transcript-btn {
	padding: 0;
	background: none;
	border: none;
	color: #666;
	font-weight: bold;
	font-size: 1.2rem;
}
.transcript-title .transcript-btn:after {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: block;
	float: right;
	padding-left: 10px;
	font-size: 18px;
}
.transcript-title .transcript-btn.collapsed:after {
	content: "\f0da";
}
.transcript .card-body, .layout2-spec .card-body {
	padding: 0;
	padding-top: 5px;
}
.infoart-template-overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 1032;
	overflow-y: scroll;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
#infoart-template-overlay .center-img {
	width: 100%;
}
#infoart-template-overlay .template-col-content-width {
	padding-left: 0;
}
#infoart-template-overlay .container-no-padding {
	padding: 0;
}
.explore-all-btn {
	display: table;
	margin: auto;
	padding: 10px 25px;
	width: auto;
}

.template-lang-href,.edit-template-href{
	color:#000;
	text-decoration:underline;
}

.template-lang-href.active{
	text-decoration:none;
}

.langTempContainer span, .langTempContainer div ,.langEditContainer span, .langEditContainer div{
	font-weight:600;
}

@media only screen and (max-width: 768px) {
	.infoart-overlay-button {
		padding-left: .2rem;
		right: 0;
	}
}
@media only screen and (max-width: 600px) {
    .infoart-overlay-container, .preview-template-container, .preview-template, .template-main-content {
		margin: 0 !important;
	    padding: 0 !important;
	    border-radius: 0 !important;
	}
	.preview-template-content {
		padding: 1rem !important;
	}
	.infoart-overlay-button {
		width: 10% !important;
		right: 0;
	}
	.close-overlay {
		padding: .5rem !important;
		transform: scale(1.3, 1.3);
	}
	.template-name-title {
		padding-top: 2rem;
    	font-weight: bold;
	}
	.custom-content {
	    font-size: 1.2rem !important;
	}
}
.infoart-overlay-content {
	position: relative;
	display: inline-block;
	width: 100%;
}
.infoart-overlay-button {
	position: fixed;
	display: inline-block;
	width: 5%;
	top: 0px;
	float: right;
}
.preview-template {
	position: relative;
	margin: 2rem 1rem;
	background-color: rgb(255,255,255);
    border-radius: 1rem;
    box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3);
}
.preview-template-content {
	padding: 1rem 1.5rem;
}
.close-overlay {
    
    padding-top: 2rem;
    z-index: 1;
}
.close-overlay-button {
	background: transparent;
    border: 0;
    padding: 0;
}
#preview-page .section-padding {
	padding-top: 1rem;
}
#preview-page .container {
	max-width: -webkit-fill-available;
	max-width: -moz-available;
}
.template-top-title {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
}
.template-spinner {
    height: 60px;
    width: 60px;
    margin: 0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(217, 217, 217, 0.8);
    border-right: 6px solid rgba(217, 217, 217, 0.8);
    border-bottom: 6px solid rgba(217, 217, 217, 0.8);
    border-top: 6px solid rgba(109, 109, 109, 0.8);
    border-radius: 100%;
}
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
 }
 @-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
 }
 @-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
 }
 @keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
 }
.infoart-templates-types {
    line-height: normal;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
}
.infoart-templates-types .item {
	display: inline-block;
	width: 100%;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
.infoart-templates-types img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
	.infoart-templates-types {
		-webkit-column-count: 2;
		-moz-column-count: 2;
	  	column-count: 2;
	}
}
@media only screen and (min-width: 600px) {
	.infoart-templates-types {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}
@media only screen and (min-width: 768px) {
  .infoart-templates-types {
	  	-webkit-column-count: 3;
	  	-moz-column-count: 3;
	  	column-count: 3;
	}
}
@media only screen and (min-width: 992px) {
	.infoart-templates-types {
		-webkit-column-count: 4;
		-moz-column-count: 4;
	  	column-count: 4;
	}
}
@media only screen and (min-width: 1200px) {
	.infoart-templates-types {
		-webkit-column-count: 6;
		-moz-column-count: 6;
	  	column-count: 6;
	}
}
input.search-box {
    float: left;
    padding: .5rem 1rem;
    width: 80%;
    background: none;
    font-size: 17px;
    border: 1px solid lightgray;
    border-right: none;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: none;
    line-height: unset;
}
input.search-box::placeholder {
    font-size: 12px;
    color: gray;
}
button.search-btn {
    float: left;
    padding: .5rem 1rem;
    background: none;
    font-size: 17px;
    border: 1px solid lightgray;
    border-left: none;
    border-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
}
/* .edition-tag {
	position: absolute;
	top: 0;
	padding: 0 7px;
	margin: 10px;
	border-radius: 5px;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 18px;
	text-transform: uppercase;
}
.edition-premium {
	background: #e85d68;
}
.edition-premium::before {
	content: "\f521";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 10px;
	color: #ffcb00;
	display: block;
	float: right;
	padding-left: 3px;
	line-height: 15px;
}
.edition-free {
	background: #8cbcb9;
} */


.edition-tag {
	position:absolute;
	top:0;
	left:0;
	margin:2px;
	color: #fff;
	font-size: 12px;
	/* font-weight: 600; */
	line-height: 18px;
	overflow:hidden;
/* 	text-transform: uppercase;
	font-family: "Font Awesome 5 Free"; */
}
.edition-premium {
	background-image: url('/images/category-list/combo.png');
}

#template-lang-dropdown {
    margin-top: 25px;
    float: right;
}
.related-topic-templates ul li.related-tag-list {
	display: inline-block;
	margin-top: 5px;
	margin-right: 5px;
	background: #6a8fb3;
	border-radius: 4px;
	cursor: pointer;
}
.related-topic-templates ul li.related-tag-list:before {
	content: "\f02b";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	padding-left: 8px;
	padding-right: 5px;
	color: #fff;
}
.related-link-list {
	display: inline-block;
	margin: 0 10px;
	font-size: 18px;
	cursor: pointer;
}
.related-tag {
	display: inline-block;
	margin: 2px;
	padding-right: 8px;
	color: #fff;
	font-size: 14px;
}
.layout2-related .related-templates-grid {
	grid-template-columns: repeat(3, [col-start] 33.3% [col-end]);
}
.related-topic-templates .collapsing {
	transition-duration: 0s;
}
.related-templates-grid {
	display: grid;
	grid-gap: .5rem;
	grid-template-columns: repeat(3, [col-start] 33.3% [col-end]);
}
.related-templates-grid .item {
	/* width: 30%; */
}
.related-link-btn {
	padding: 0;
	background: none;
	border: none;
	font-size: 18px;
}
.related-link-dropdown .dropdown-item {
	display: block;
	padding: 0 10px;
	color: #000;
	font-size: 14px;
	text-decoration: underline;
}
.related-link-dropdown .dropdown-item:hover {
	background-color: #ddd;
}

/*--------------------*/
/* solutions pages Index*/
/*--------------------*/
.d-block {

	display: inline-block;
	
}
.d-block-title {
	margin-top: 5px;
    margin-bottom: 15px;
    display: inline-block;
    color: #1a133b;
    font-size: 14px;
    font-weight: 600;
}
.solutions-templates-header-main-bg {
    background-image: url(/images/solutions/index/index-solutions.png);
	background-color: #BDCDD3;
}


/*--------------------*/
/* create pages Index*/
/*--------------------*/
.d-block {

	display: inline-block;
	
}
.d-block-title {
	margin-top: 5px;
    margin-bottom: 15px;
    display: inline-block;
    color: #1a133b;
    font-size: 14px;
    font-weight: 600;
}
.create-templates-header-main-bg {
    background-image: url(/images/create-pages/index-create-header.png);
	background-color: #BDCDD3;
}
.create-flipbook-templates-header-main-bg {
    background-image: url(/images/create-pages/flipbook-index-create-header.png);
	background-color: #BDCDD3;
}
.create-photobook-templates-header-main-bg {
    background-image: url(/images/create-pages/photobook-index-create-photobooks.png);
	background-color: #BDCDD3;
}
/* ----------------------------------------------------------------------------------------* 05. Tab area css* --------------------------------------------------------------------------------------- */
.tab-content img {
    width: 100%;
}
.nav-tabs>li:before {
    content: none;
}
.infoart-image-container {
    position: relative;
    padding-left: .5rem;
    padding-right: .5rem;
    border-radius: 4px;
    overflow: hidden;
}
.infoart-image-container a {
    display: block;
}
/*----------------------------------------CTA / Purchase----------------------------------------*/
.cta-2 .cta-heading {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-right: 50px;
    letter-spacing: -0.04rem;
}

/*----------------------------------------Footer----------------------------------------*/
footer {
    background-color: #1193d4;
    padding-top: 80px;
    padding-bottom: 50px;
}

.share-social-box {
    margin-top: 20px;
    display: inline-block;
}

/*-------------- header background --------------*/
.diagrams-templates-header-main-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-diagrams.png);
   background-color: #759FBC;
}
.charts-templates-header-main-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-charts.png);
   background-color: #759FBC;
}
.infochart-templates-header-main-bg {
	background-image: url(/images/infochart/templates/bg/template-page-shape-infochart.png);
   background-color: #A8BCA1;
}
.illustrations-templates-header-main-bg {
	background-color: #4a5d72;
}
.photo-collage-maker-templates-header-main-bg {
	background-color: #4a5d72;
}
.infoart-templates-header-main-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-main.png);
    background-color: #4a5d72;
}
.infoart-templates-header-main-topic {
	background-color: #6a8fb3;
}
.infoart-templates-header-main-topic .templates-header-col {
	margin-top: 80px;
	margin-bottom: 40px;
}
.infoart-templates-header-main-topic .topic-header {
	padding: 0 3rem;
	margin-bottom: 25px;
}
.infoart-templates-header-main-topic .template-page-title-h1 {
	font-size: 3rem;
	font-weight: bold;
	color: #f1f1f1 !important;
	text-transform: capitalize;
}
.infoart-templates-header-main-topic .template-page-description {
	color: #f1f1f1 !important;
}
.infoart-templates-header-bg-type {
    /*background-color: #4a5d72;*/
    background-blend-mode: normal;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom center;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 10px;
    margin: 20px;
}
@media only screen and (max-width: 991px) {
    .infoart-templates-header-bg-type {
        /*background-color: #4a5d72;*/ 
        background-blend-mode: normal;
        background-repeat: no-repeat;
        background-size: auto;
        background-position: bottom center;
        /*padding-top: 40px;*/
        padding-top: 15px;
        padding-bottom: 0px;
        border-radius: 10px;
        margin: 20px;
    }
    .templates-header-col {
    	margin-bottom: 10px !important;
    }
    .templates-header-col-2 { /* (#84133) */
    	margin-bottom: 40px !important;
    }
    .infoart-feature-header h1 {
    	font-size: 25px !important;
    }
    .infoart-feature-header p.template-page-description {
    	padding-left: 20px;
	    padding-right: 20px;
	    font-size: 13px;
	    font-weight: 500;
	    line-height: 18px;
	    padding-top: 10px;
    }
    .search-templates-input, .search-filter-result-wapper {
	    width: 100%;
	    padding: 1rem 20px 0;
    }
    .search-filter-result {
	    width: 100%;
    }
        
}


.flipbook-header-library-bg {
		background: url('/images/infoart/templates/bg/template-page-flipbook-shape-categories.png') 50% 50% / cover #6bc5d6;
}
.flipbook-tab-bar {
	background: #eeeeee;
	display: flex;
	align-items: center;
	font-size: 1.25rem;
	padding-top: 5px;
	padding-bottom: 5px;
}
.flipbook-tab-btn {
	flex-shrink: 0;
	border-radius: 1rem;
	height: 2rem;
	background: white;
	color: #808080;
	margin: .5rem;
	font-size: 14px;
	padding: .25rem 1rem;
	display: flex;
	align-items: center;
	z-index: 0; /* author.name & button both specified 0. Can let button overlap on author.name */
}
.flipbook-tab-btn a {
	margin: -.25rem -1rem;
	padding: .25rem 1rem;
	color: #808080;
}
.flipbook-tab-btn img {
	filter: invert(.5);
	max-width: 1.25rem;
	max-height: 1.25rem;
	margin-right: .25rem;
}
.flipbook-tab-btn:hover {
	color: white;
	background: #4dd0e6;
}
.flipbook-tab-btn:hover a {
	color: white;
	text-decoration: none;
}
.flipbook-tab-btn:hover img {
	filter: invert(1);
}
.flipbook-tab-btn-active {
	background: #4DD0E6;
	color: white;
	font-weight: bold;
}
.flipbook-tab-btn-active img {
	filter: invert(1);
}
@media (min-width: 768px) {
	.flipbook-tab-user-info {
        width: 33.3%;
		display: flex;
		align-items: center;
	}
	
	.flipbook-tab-user-info img {
		width: 2.25rem;
		height: 2.25rem;
		border-radius: 1.125rem;
		margin-right: .25rem;
	}

    .flipbook-tab-btn-container{
        width: 33.3%;
    }
}
@media (max-width: 767px) {
	.flipbook-tab-user-info {
		width: 100%;
        margin-left: 8px;
		display: flex;
		align-items: center;
		font-size: .75rem;
	}
	
	.flipbook-tab-user-info img {
		width: 1.75rem;
		height: 1.75rem;
		border-radius: 50%;
		margin-right: .25rem;
	}

    .flipbook-tab-btn-container{
        width: 100%;
    }
}

.flipbook-userinfo-area {
    margin-top: 40px;
    margin-bottom: 60px;
}
.flipbook-userinfo-bar {
	display: flex;
	align-items: center;
	height: 3rem;
}
.flipbook-userinfo-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-right: .5rem;
}
.flipbook-userinfo-user-name {
	font-size: 1rem;
}
.flipbook-userinfo-book-name {
	font-weight: bold;
	font-size: 1rem;
	    line-height: 16px;
}
.flipbook-userinfo-book-publishedDate {
	font-size: .8rem;
	height: 100%;
	flex-grow: 1;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}
.flipbook-userinfo-book-description {
    margin-top: 7px;
    line-height: 22px;
    white-space: pre-line;
}
.flipbook-userinfo-other-books {
	    margin-top: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.flipbook-userinfo-other-books-header {
font-weight: 500;
    font-size: 21px;
    margin-bottom: .5rem;
    margin-top: 1rem;
        line-height: 28px;
    letter-spacing: -.2px;
}
.flipbook-userinfo-book-description-title {
	font-weight: 500;
    font-size: 21px;
    margin-bottom: .5rem;
    margin-top: 1rem;
        line-height: 28px;
    letter-spacing: -.2px;
}
.flipbook-userinfo-book-description-wrap {
    margin-top: 20px;
}
.flipbook-book-content-wrap {
    margin-top: 8px;
}
.flipbook-book-content-wrap h1 {
    font-size: 24px;   
    padding: 8px 0px
}
.flipbook-book-content-wrap h2 {
    font-size: 20px;
    padding: 8px 0px
}
.flipbook-book-content-wrap p {
    font-size: 14px;
}
.flipbook-book-content-wrap.hidden {
    display: none;
}
.flipbook-ai-result-wrap {
    margin: 16px 0
}
.flipbook-ai-result-wrap p {
    font-size: 12px;
}
.flipbook-ai-result-wrap.hidden {
    display: none;
}

.infoart-templates-header-flyers-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-flyers.png);
    background-color: #E6B3DE;
}

.infoart-templates-header-logos-bg  {
    background-image: url(/images/infoart/templates/bg/template-page-shape-logos.png);
    background-color: #EACAC3;
}
.infoart-templates-header-brochures-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-brochures.png);
    background-color: #B4E0D5;
}
.infoart-templates-header-business-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-business-cards.png);
    background-color: #A690A4;
}
.infoart-templates-header-certificates-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-certificates.png);
    background-color: #D4E29C;
}
.infoart-templates-header-gift-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-gift-cards.png);
    background-color: #F5E3E0;
}
.infoart-templates-header-greeting-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-greeting-cards.png);
    background-color: #E4DBB4;
}
.infoart-templates-header-infographics-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-infographics.png);
    background-color: #BFCBD3;
}
.infoart-templates-header-invitations-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-invitations.png);
    background-color: #B7CFE0;
}
.infoart-templates-header-menus-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-menus.png);
    background-color: #D2D2D2;
}
.infoart-templates-header-pest-analysis-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-pest-analysis.png);
    background-color: #AFE6DA;
}
.infoart-templates-header-post-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-post-cards.png);
    background-color: #EFBEC5;
}
.infoart-templates-header-posters-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-posters.png);
    background-color: #B3E1B9;
}
.infoart-templates-header-resumes-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-resumes.png);
    background-color: #04A5B7;
}
.infoart-templates-header-swot-analysis-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-swot-analysis.png);
    background-color: #DDBF65;
}
.infoart-templates-header-isometric-diagrams-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-isometric-diagrams.png);
    background-color: #F7D08A;
}
.infoart-templates-header-customer-journey-maps-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-customer-journey-maps.png);
    background-color: #B1B695;
}
.infoart-templates-header-four-quadrant-model-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-four-quadrant-model.png);
    background-color: #cbb9a8;
}
.infoart-templates-header-pdcamodel-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-pdcamodel.png);
    background-color: #d0ddd7;
}
.infoart-templates-header-reports-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-reports.png);
}
.infoart-templates-header-twitter-headers-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-twitter.png);
}
.infoart-templates-header-email-headers-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-email.png);
}
.infoart-templates-header-instagram-posts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-instagram.png);
}
.infoart-templates-header-postcards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-postcards.png);
}
.template-page-title-h1 {
    color: #ffffff !important;
    
    /*width: 700px;*/
    margin-left: auto;
    margin-right: auto;
}

.templates-side-menu-overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255, 1);
    overflow-y: hidden;
    transition: 0.5s;
}
.templates-side-menu-overlay-content {
    position: relative;
    width: 100%;
    height: 100%;
    top: 6%;
    margin-top: 30px;
    padding: 30px;
    text-align: left;
    overflow: scroll;
}
.templates-side-menu-overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 14px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
.templates-side-menu-overlay a:hover, .templates-side-menu-overlay a:focus {
    color: #f1f1f1;
}
.templates-side-menu-overlay .closebtn {
    position: absolute;
    top: 90px;
    right: 20px;
    font-size: 60px;
    z-index: 999999;
}
@media screen and (max-height: 450px) {
    .templates-side-menu-overlay {
        overflow-y: auto;
    }
    .templates-side-menu-overlay a {
        font-size: 20px
    }
    .templates-side-menu-overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
#template-sidebar-menu {
    padding: 0 0 30px;
}
#template-sidebar-menu ul li a {
    color: #26303f;
    display: block;
    font-weight: 400;
    padding: 15px 0 7px 10px;
    transition: .3s ease;
    border-bottom: 1px solid #f9f9f9;
    background-size: 12px;
    text-decoration: none;
    font-size: 14px;
    font-family: open sans,sans-serif;
}
#template-sidebar-menu ul li a:hover, #template-sidebar-menu ul li a:hover i {
    color: #383c40;
}
#template-sidebar-menu ul li .badge {
    margin-top: 4px;
    float: right;
}
.templates-count.activeMenuItem {
    color: #fff;
}
#template-sidebar-menu ul li ul.sub-menu {
    padding: 0;
}
#template-sidebar-menu ul li ul.sub-menu li a {
    font-weight: 400;
    color: #7b8190;
    margin: 0;
    background-color: transparent;
    font-size: 15px;
}
#template-sidebar-menu ul li ul.sub-menu li a:hover {
    color: #383c40;
}
#template-sidebar-menu ul li ul.sub-menu li ul.sub-menu {
    padding: 0;
}
#template-sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
    padding: 1rem 0rem 0rem 1rem;
    font-size: 13.5px;
}
.template-category-menu-title {
    position: relative;
    font-size: 21px;
    color: #3b566e;
    font-weight: 400;
    line-height: 1.4em;
    padding-bottom: 20px;
    padding-left: 7px;
}
.templates-count {
    background-color: #C8D5E5;
}
#templates-index .btn {
    padding: 14px 31px;
    font-size: 1.4rem;
    line-height: 10px;
    background: #f4a737;
}
#templates-index .btn:hover, button.btn:focus {
    background: #db9432;
    opacity: 1;
}
#templates-index .btn, #templates-index .btn:hover {
    background: #09BCEC;
}
.templates-dropdown-menu {
    margin-bottom: 20px;
    position: relative;
    top: -7px;
}
.sidebar .dropdown-toggle {
    width: 100%;
}
@media (min-width: 1199px) {
    .sidebar.sidebar-sm .dropdown-toggle {
        display: none;
    }
}
.noScroll {
    overflow: hidden;
}
.activeMenuItem {
    font-weight: bold;
    color: #03a9f5;
    cursor: pointer;
}
.template-menu {
    position: sticky;
    top: 15%;
    list-style : none;
}
.browse-by-category {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 15px;
}
.browse-by-category-text {
	font-size: 25px;
	font-weight: bold;
}
.browse-by-category .splide {
	padding: 10px 0;
}
.browse-by-category .splide__arrow {
	background: #fff;
	top: unset;
	transform: none;
}
.browse-by-category .splide__arrow--prev {
	left: -5px;
}
.browse-by-category .splide__arrow--next {
	right: -5px;
}
.browse-by-category .browse-categories {
	display: inline-block;
	margin: 0 2px;
	padding: 5px;
	color: #546A7B;
	font-weight: 600;
	background: #f2f2f2;
	border-radius: 4px;
	border: 1px solid #f2f2f2;
	cursor: pointer;
}
.browse-by-category .browse-categories:hover {
	background: #dbdbdb;
}
.topic-types-filter {
	width: 20%;
	padding: 10px;
}
/*-------------- splide --------------*/
.splide > .splide__arrows > button svg {
    background: none repeat scroll 0 0 #fff;
    border-radius: 50%;
    padding: 8px;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
    display: inline-block;
    text-align: center;
    border: 2px solid rgb(228 228 228 / 0.5) !important;
    line-height: 13px !important;
    transition: all 0.3s ease 0s;
    fill: #666666;
}
.splide > .splide__arrows > button svg:hover {
    background-color: #2EE59D;
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    border: 2px solid rgb(255 255 255 / 0.5);
    fill: #fff;
}
.splide > .splide__arrows > button[disabled] svg:hover {
    background: #fff;
    fill: #666666;
    box-shadow: none;
}
.splide > .splide__arrows > button:focus {
    outline: 0;
}

/* slider css */
.slides {
    overflow: hidden;
    clear: both;
}
.slides .owl-carousel .owl-stage-outer {
    overflow: visible
}
.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}
.slides .owl-nav {
    left: 0;
    width: 100%;
    z-index: 2;
	pointer-events:none;
   	position: absolute;
    top: 50%;
}
.slides .owl-nav .fa {
	font-size: 1.6rem;
}
.slides .owl-nav > button {
    background: none repeat scroll 0 0 #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 0 0px #c8c8c8;
    -webkit-box-shadow: 0 0 0px #c8c8c8;
    box-shadow: 0 0 0px #c8c8c8;
    display: inline-block;
    font-size: 25px;
    height: 40px;
    margin-top: -22.5px;
    padding-top: 3px;
    text-align: center;
    width: 40px;
    border: 1px solid #f9f9f9 !important;
}
.slides .owl-nav > button:focus {
	outline:0;
}
.slides .owl-nav > button.owl-prev {
    float: left;
    pointer-events: visible;
}
.slides .owl-nav > button.owl-next {
    float: right;
    pointer-events: visible;
}
.slide-list::before,
.slide-list::after {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=80);
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: 1;
}
.slides .owl-nav > button {
    height: 40px;
    width: 40px;
}
.slides .owl-nav > button.owl-prev {
  	margin-left: -10px;
}   
.slides .owl-nav > button.owl-next {
  	margin-right: -10px;
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .slide-list {
        width: 280px;
    }
    .slides .owl-nav > button {
        height: 40px;
        width: 40px;
    }
    .slides .owl-nav > button.owl-prev {
        margin-left: -10px;
    }
    .slides .owl-nav > button.owl-next {
        margin-right: -10px;
    }
    
}
.search-templates-input .search-box {
    width: 80%;
    padding-right: 5px;
}
.search-templates-input .search-btn {
    width: 10%;
    padding: .5rem 0px;
}
.blank-template-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0, 0, 0, 0.4);
	transition: ease all 0.35s;
}
.search-template-result .infoart-templates-item {
	padding: 0;
}
.infoart-templates-item:hover .blank-template-img {
	z-index: 1;
	opacity: 0.8;
}
.blank-template-img i {
	font-size: 50px;
	position: absolute;
	z-index: 2;
	color: #fff;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
}

/*-------------- browse-by-topic --------------*/
.browse-by-topic .browse-title {
	text-align: left;
	font-size: 22px;
	font-weight: bold;
}
.browse-by-topic .topic-items {
	display: inline-block;
	padding: 7px;
    vertical-align: top;
}
.browse-by-topic .topic-title {
	display: block;
	padding: 0px 15px;
}
.browse-by-topic .topic-title i {
	padding-right: 8px;
}
.browse-by-topic .topic-content {
	display: block;
	margin: 0;
	padding: 10px 15px;
	background: #4a5d72;
	color: #fff;
	border-radius: 5px;
	min-height: 72px;
	width: 300px;
}
ul.topic-content li {
	display: inline-block;
	width: 49%;
}
.topic-content a {
	color: #fff;
	text-decoration: underline;
	    font-weight: 700;
}
.templates-topic .infoart-templates-item .template-type {
	padding: 10px;
	display: block;
	background: #f2f2f2;
    color: #546A7B;
	text-align: left;
	font-size: 13px;
	font-weight: 600;
}
.templates-topic .infoart-templates-item .template-type:visited {
     text-decoration: none;
}
.templates-topic .infoart-templates-item .template-type:focus {
     text-decoration: none;
}

.templates-topic .infoart-templates-item .template-name {
   padding: 10px;
    display: block;
    text-align: left;
    color: #546A7B;
    background: #f2f2f2;
    opacity: 1;
    border-radius: 0px 0px 3px 3px;
    font-size: 13px;
    font-weight: 600;
    margin-left: auto;
    line-height: 16px;
    margin-right: auto;
    position: relative;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.templates-topic .infoart-templates-item .template-name:visited {
     text-decoration: none;
}
.templates-topic .infoart-templates-item .template-name:focus {
     text-decoration: none;
}


.templates-topic .template-image {
	border-radius: 0;	
}
.templates-topic .template-name {
	text-decoration: none !important;
}

.infochart-templates-header-progress-bg {
    background-image: url(/images/infochart/templates/bg/template-page-shape-progress.png);
}
.infochart-templates-header-container-bg {
    background-image: url(/images/infochart/templates/bg/template-page-shape-container.png);
}
.infochart-templates-header-medical-bg {
    background-image: url(/images/infochart/templates/bg/template-page-shape-medical.png);
}
.infochart-templates-header-laboratory-bg {
    background-image: url(/images/infochart/templates/bg/template-page-shape-laboratory.png);
}
.infochart-templates-header-business-bg {
    background-image: url(/images/infochart/templates/bg/template-page-shape-business.png);
}
.infochart-templates-header-technology-bg {
    background-image: url(/images/infochart/templates/bg/template-page-shape-technology.png);
}
.infochart-templates-header-sport-bg {
    background-image: url(/images/infochart/templates/bg/template-page-shape-sport.png);
}
.infochart-templates-header-transport-bg {
    background-image: url(/images/infochart/templates/bg/template-page-shape-transport.png);
}
.charts-templates-header-bar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-bar-charts.png);
}
.charts-templates-header-column-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-column-charts.png);
}
.charts-templates-header-grouped-column-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-grouped-column-charts.png);
}
.charts-templates-header-stacked-column-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-column-charts.png);
}
.charts-templates-header-histograms-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-histograms.png);
}
.charts-templates-header-grouped-bar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-grouped-bar-charts.png);
}
.charts-templates-header-stacked-bar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-bar-charts.png);
}
.charts-templates-header-butterfly-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-butterfly-charts.png);
}
.charts-templates-header-pie-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pie-charts.png);
}
.charts-templates-header-doughnut-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-doughnut-charts.png);
}
.charts-templates-header-double-doughnut-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-double-doughnut-charts.png);
}
.charts-templates-header-semi-doughnut-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-semi-doughnut-charts.png);
}
.charts-templates-header-nightingale-rose-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-nightingale-rose-charts.png);
}
.charts-templates-header-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-line-charts.png);
}
.charts-templates-header-curved-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-curved-line-charts.png);
}
.charts-templates-header-stacked-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-line-charts.png);
}
.charts-templates-header-step-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-step-charts.png);
}
.charts-templates-header-control-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-control-charts.png);
}
.charts-templates-header-column-and-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-column-and-line-charts.png);
}
.charts-templates-header-grouped-column-and-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-grouped-column-and-line-charts.png);
}
.charts-templates-header-stacked-column-and-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-column-and-line-charts.png);
}
.charts-templates-header-pareto-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pareto-charts.png);
}
.charts-templates-header-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-area-charts.png);
}
.charts-templates-header-stacked-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-area-charts.png);
}
.charts-templates-header-stepped-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stepped-area-charts.png);
}
.charts-templates-header-difference-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-difference-charts.png);
}
.charts-templates-header-radial-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-radial-charts.png);
}
.charts-templates-header-stacked-radial-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-radial-charts.png);
}
.charts-templates-header-geo-maps-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-geo-maps.png);
}
.charts-templates-header-geo-heatmaps-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-geo-heatmaps.png);
}
.charts-templates-header-scatter-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-scatter-charts.png);
}
.charts-templates-header-bubble-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-bubble-charts.png);
}
.charts-templates-header-punch-cards-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-punch-cards.png);
}
.charts-templates-header-360-punch-cards-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-360-punch-cards.png);
}
.charts-templates-header-radar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-radar-charts.png);
}
.charts-templates-header-rose-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-rose-charts.png);
}
.charts-templates-header-stacked-rose-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-rose-charts.png);
}
.charts-templates-header-gauge-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-gauge-charts.png);
}
.charts-templates-header-funnel-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-funnel-charts.png);
}
.charts-templates-header-pyramid-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pyramid-charts.png);
}
.charts-templates-header-pictorial-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pictorial-charts.png);
}
.charts-templates-header-heatmaps-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-heatmaps.png);
}
.charts-templates-header-treemaps-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-treemaps.png);
}
.charts-templates-header-gantt-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-gantt-charts.png);
}
.charts-templates-header-candlestick-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-candlestick.png);
}
.charts-templates-header-boxplots-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-boxplots.png);
}
.charts-templates-header-100-stacked-column-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-column-charts.png);
}
.charts-templates-header-100-stacked-bar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-bar-charts.png);
}
.charts-templates-header-100-stacked-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-line-charts.png);
}
.charts-templates-header-100-stacked-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-area-charts.png);
}
.charts-templates-header-100-stacked-radial-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-radial-charts.png);
}
.charts-templates-header-100-stacked-rose-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-rose-charts.png);
}
.charts-templates-header-floating-bar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-floating-bar-charts.png);
}
.charts-templates-header-floating-column-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-floating-column-charts.png);
}
.charts-templates-header-marimekko-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-marimekko-charts.png);
}
.charts-templates-header-stacked-bar-mekko-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-bar-mekko-charts.png);
}
.charts-templates-header-variwide-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-variwide-charts.png);
}
.charts-templates-header-range-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-range-area-charts.png);
}
.charts-templates-header-range-spline-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-range-spline-area-charts.png);
}
.charts-templates-header-range-step-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-range-step-area-charts.png);
}
.diagrams-templates-header-class-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-class-diagram.png);
}
.diagrams-templates-header-use-case-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-use-case-diagram.png);
}
.diagrams-templates-header-sequence-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-sequence-diagram.png);
}
.diagrams-templates-header-activity-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-activity-diagram.png);
}
.diagrams-templates-header-deployment-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-deployment-diagram.png);
}
.diagrams-templates-header-component-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-component-diagram.png);
}
.diagrams-templates-header-state-machine-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-state-machine-diagram.png);
}
.diagrams-templates-header-package-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-package-diagram.png);
}
.diagrams-templates-header-data-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-data-flow-diagram.png);
}
.diagrams-templates-header-entity-relationship-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-entity-relationship-diagram.png);
}
.diagrams-templates-header-requirement-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-requirement-diagram.png);
}
.diagrams-templates-header-block-definition-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-definition-diagram.png);
}
.diagrams-templates-header-internal-block-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-internal-block-diagram.png);
}
.diagrams-templates-header-parametric-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-parametric-diagram.png);
}
.diagrams-templates-header-robustness-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-robustness-diagram.png);
}
.diagrams-templates-header-enterprise-integration-patterns-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-enterprise-integration-patterns.png);
}
.diagrams-templates-header-business-process-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-business-process-diagram.png);
}
.diagrams-templates-header-archimate-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-archimate-diagram.png);
}
.diagrams-templates-header-itil-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-itil-diagram.png);
}
.diagrams-templates-header-customer-journey-mapping-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-customer-journey-mapping.png);
}
.diagrams-templates-header-value-stream-mapping-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-value-stream-mapping.png);
}
.diagrams-templates-header-epc-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-epc-diagram.png);
}
.diagrams-templates-header-causal-loop-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-causal-loop-diagram.png);
}
.diagrams-templates-header-business-concept-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-business-concept-diagram.png);
}
.diagrams-templates-header-dendrogram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-dendrogram.png);
}
.diagrams-templates-header-system-context-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-system-context-diagram.png);
}
.diagrams-templates-header-arrow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-arrow-diagram.png);
}
.diagrams-templates-header-problem-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-problem-flow-diagram.png);
}
.diagrams-templates-header-information-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-information-flow-diagram.png);
}
.diagrams-templates-header-affinity-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-affinity-diagram.png);
}
.diagrams-templates-header-interrelationship-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-interrelationship-diagram.png);
}
.diagrams-templates-header-enterprise-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-enterprise-architecture-diagram.png);
}
.diagrams-templates-header-decision-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-decision-tree.png);
}
.diagrams-templates-header-influence-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-influence-diagram.png);
}
.diagrams-templates-header-flowchart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flowchart.png);
}
.diagrams-templates-header-flowchart/swimlane-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flowchart/swimlane-diagram.png);
}
.diagrams-templates-header-flowchart/cross-functional-flowchart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flowchart/cross-functional-flowchart.png);
}
.diagrams-templates-header-sdl-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-sdl-diagram.png);
}
.diagrams-templates-header-flowchart/audit-flowchart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flowchart/audit-flowchart.png);
}
.diagrams-templates-header-flowchart/accounting-flowchart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flowchart/accounting-flowchart.png);
}
.diagrams-templates-header-floor-plan/home-office-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/home-office.png);
}
.diagrams-templates-header-floor-plan/work-office-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/work-office.png);
}
.diagrams-templates-header-floor-plan/seating-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/seating-chart.png);
}
.diagrams-templates-header-floor-plan/bedroom-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/bedroom.png);
}
.diagrams-templates-header-floor-plan/living-room-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/living-room.png);
}
.diagrams-templates-header-floor-plan/dining-room-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/dining-room.png);
}
.diagrams-templates-header-floor-plan/kitchen-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/kitchen.png);
}
.diagrams-templates-header-floor-plan/bathroom-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/bathroom.png);
}
.diagrams-templates-header-floor-plan/restroom-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/restroom.png);
}
.diagrams-templates-header-floor-plan-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan.png);
}
.diagrams-templates-header-organization-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-organization-chart.png);
}
.diagrams-templates-header-family-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-family-tree.png);
}
.diagrams-templates-header-genogram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-genogram.png);
}
.diagrams-templates-header-kinship-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-kinship-diagram.png);
}
.diagrams-templates-header-ios-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ios-wireframe.png);
}
.diagrams-templates-header-material-design-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-material-design-wireframe.png);
}
.diagrams-templates-header-android-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-android-wireframe.png);
}
.diagrams-templates-header-bootstrap-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-bootstrap-wireframe.png);
}
.diagrams-templates-header-fluent-design-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-fluent-design-wireframe.png);
}
.diagrams-templates-header-mockups-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-mockups-wireframe.png);
}
.diagrams-templates-header-wired-ui-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-wired-ui-diagram.png);
}
.diagrams-templates-header-atlassian-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-atlassian-wireframe.png);
}
.diagrams-templates-header-user-flow-mobile-app-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-user-flow-mobile-app.png);
}
.diagrams-templates-header-user-flow-website-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-user-flow-website.png);
}
.diagrams-templates-header-site-map-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-site-map-diagram.png);
}
.diagrams-templates-header-network-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-network-diagram.png);
}
.diagrams-templates-header-rack-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-rack-diagram.png);
}
.diagrams-templates-header-aws-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-aws-architecture-diagram.png);
}
.diagrams-templates-header-azure-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-azure-architecture-diagram.png);
}
.diagrams-templates-header-google-cloud-platform-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-google-cloud-platform-diagram.png);
}
.diagrams-templates-header-alibaba-cloud-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-alibaba-cloud-architecture-diagram.png);
}
.diagrams-templates-header-huawei-cloud-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-huawei-cloud-architecture-diagram.png);
}
.diagrams-templates-header-oracle-cloud-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-oracle-cloud-architecture-diagram.png);
}
.diagrams-templates-header-ibm-cloud-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ibm-cloud-architecture-diagram.png);
}
.diagrams-templates-header-tencent-cloud-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-tencent-cloud-architecture-diagram.png);
}
.diagrams-templates-header-work-breakdown-structure-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-work-breakdown-structure.png);
}
.diagrams-templates-header-pert-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pert-chart.png);
}
.diagrams-templates-header-tqm-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-tqm-diagram.png);
}
.diagrams-templates-header-fault-tree-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-fault-tree-analysis.png);
}
.diagrams-templates-header-threat-model-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-threat-model-diagram.png);
}
.diagrams-templates-header-mind-map-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-mind-map-diagram.png);
}
.diagrams-templates-header-concept-map-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-concept-map-diagram.png);
}
.diagrams-templates-header-bubble-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-bubble-diagram.png);
}
.diagrams-templates-header-business-model-canvas-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-business-model-canvas.png);
}
.diagrams-templates-header-analysis-canvas-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas.png);
}
.diagrams-templates-header-analysis-canvas/agile-tools-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/agile-tools.png);
}
.diagrams-templates-header-analysis-canvas/project-management-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/project-management.png);
}
.diagrams-templates-header-analysis-canvas/business-model-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/business-model.png);
}
.diagrams-templates-header-analysis-canvas/problem-solving-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/problem-solving.png);
}
.diagrams-templates-header-analysis-canvas/product-planning-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/product-planning.png);
}
.diagrams-templates-header-analysis-canvas/strategy-tools-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/strategy-tools.png);
}
.diagrams-templates-header-analysis-canvas/learning-skills-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/learning-skills.png);
}
.diagrams-templates-header-analysis-canvas/team-management-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/team-management.png);
}
.diagrams-templates-header-analysis-canvas/miscellaneous-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/miscellaneous.png);
}
.diagrams-templates-header-swot-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-swot-analysis.png);
}
.diagrams-templates-header-five-forces-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-five-forces-analysis.png);
}
.diagrams-templates-header-pest-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pest-analysis.png);
}
.diagrams-templates-header-four-corners-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-four-corners-analysis.png);
}
.diagrams-templates-header-value-chain-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-value-chain-analysis.png);
}
.diagrams-templates-header-competitor-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-competitor-analysis.png);
}
.diagrams-templates-header-root-cause-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-root-cause-analysis.png);
}
.diagrams-templates-header-process-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map.png);
}
.diagrams-templates-header-process-map/enterprise-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/enterprise.png);
}
.diagrams-templates-header-process-map/business-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/business.png);
}
.diagrams-templates-header-process-map/project-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/project.png);
}
.diagrams-templates-header-process-map/marketing-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/marketing.png);
}
.diagrams-templates-header-process-map/manufacturing-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/manufacturing.png);
}
.diagrams-templates-header-process-map/accounting-and-finance-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/accounting-and-finance.png);
}
.diagrams-templates-header-process-map/miscellaneous-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/miscellaneous.png);
}
.diagrams-templates-header-block-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram.png);
}
.diagrams-templates-header-block-diagram/list-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/list.png);
}
.diagrams-templates-header-block-diagram/process-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/process.png);
}
.diagrams-templates-header-block-diagram/cycle-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/cycle.png);
}
.diagrams-templates-header-block-diagram/hierarchy-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/hierarchy.png);
}
.diagrams-templates-header-block-diagram/relationship-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/relationship.png);
}
.diagrams-templates-header-block-diagram/matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/matrix.png);
}
.diagrams-templates-header-block-diagram/pyramid-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/pyramid.png);
}
.diagrams-templates-header-block-diagram/miscellaneous-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/miscellaneous.png);
}
.diagrams-templates-header-basic-electrical-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-basic-electrical-diagram.png);
}
.diagrams-templates-header-logic-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-logic-diagram.png);
}
.diagrams-templates-header-circuit-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-circuit-diagram.png);
}
.diagrams-templates-header-wiring-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-wiring-diagram.png);
}
.diagrams-templates-header-process-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-flow-diagram.png);
}
.diagrams-templates-header-piping-and-instrumentation-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-piping-and-instrumentation-diagram.png);
}
.diagrams-templates-header-venn-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-venn-diagram.png);
}
.diagrams-templates-header-infographic-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-infographic.png);
}
.diagrams-templates-header-timeline-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-timeline-diagram.png);
}
.diagrams-templates-header-gantt-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-gantt-chart.png);
}
.diagrams-templates-header-aida-funnel-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-aida-funnel.png);
}
.diagrams-templates-header-brand-essence-wheel-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-brand-essence-wheel.png);
}
.diagrams-templates-header-dichotomous-key-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-dichotomous-key.png);
}
.diagrams-templates-header-disneys-creative-strategy-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-disneys-creative-strategy.png);
}
.diagrams-templates-header-kwl-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-kwl-chart.png);
}
.diagrams-templates-header-pdca-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pdca.png);
}
.diagrams-templates-header-pedigree-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pedigree-chart.png);
}
.diagrams-templates-header-perceptual-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-perceptual-map.png);
}
.diagrams-templates-header-topic-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-topic-map.png);
}
.diagrams-templates-header-5-whys-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-5-whys.png);
}
.diagrams-templates-header-cluster-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-cluster-diagram.png);
}
.diagrams-templates-header-euler-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-euler-diagram.png);
}
.diagrams-templates-header-ge-mckinsey-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ge-mckinsey-matrix.png);
}
.diagrams-templates-header-gane-sarson-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-gane-sarson-diagram.png);
}
.diagrams-templates-header-mckinsey-7s-framework-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-mckinsey-7s-framework.png);
}
.diagrams-templates-header-ohmaes-3c-model-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ohmaes-3c-model.png);
}
.diagrams-templates-header-ssadm-dfd-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ssadm-dfd.png);
}
.diagrams-templates-header-strategy-canvas-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-strategy-canvas.png);
}
.diagrams-templates-header-yourdon-demarco-dfd-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-yourdon-demarco-dfd.png);
}
.diagrams-templates-header-yourdon-and-coad-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-yourdon-and-coad-diagram.png);
}
.diagrams-templates-header-scamper-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-scamper.png);
}
.diagrams-templates-header-ansoff-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ansoff-matrix.png);
}
.diagrams-templates-header-balanced-scorecard-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-balanced-scorecard.png);
}
.diagrams-templates-header-brainwriting-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-brainwriting.png);
}
.diagrams-templates-header-round-robin-brainstorming-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-round-robin-brainstorming.png);
}
.diagrams-templates-header-sipoc-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-sipoc-diagram.png);
}
.diagrams-templates-header-stakeholder-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-stakeholder-matrix.png);
}
.diagrams-templates-header-strategy-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-strategy-map.png);
}
.diagrams-templates-header-5s-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-5s.png);
}
.diagrams-templates-header-5w1h-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-5w1h.png);
}
.diagrams-templates-header-6s-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-6s.png);
}
.diagrams-templates-header-critical-to-quality-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-critical-to-quality-tree.png);
}
.diagrams-templates-header-eisenhower-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-eisenhower-matrix.png);
}
.diagrams-templates-header-solution-selection-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-solution-selection-matrix.png);
}
.diagrams-templates-header-star-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-star-diagram.png);
}
.diagrams-templates-header-starbursting-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-starbursting.png);
}
.diagrams-templates-header-vision-and-strategy-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-vision-and-strategy.png);
}
.diagrams-templates-header-block-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-flow-diagram.png);
}
.diagrams-templates-header-concept-fan-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-concept-fan.png);
}
.diagrams-templates-header-force-field-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-force-field-analysis.png);
}
.diagrams-templates-header-lotus-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-lotus-diagram.png);
}
.diagrams-templates-header-reframing-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-reframing-matrix.png);
}
.diagrams-templates-header-reverse-brainstorming-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-reverse-brainstorming.png);
}
.diagrams-templates-header-stepladder-technique-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-stepladder-technique.png);
}
.diagrams-templates-header-adkar-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-adkar.png);
}
.diagrams-templates-header-driver-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-driver-diagram.png);
}
.diagrams-templates-header-futures-wheel-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-futures-wheel.png);
}
.diagrams-templates-header-how-how-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-how-how-diagram.png);
}
.diagrams-templates-header-why-why-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-why-why-diagram.png);
}
.diagrams-templates-header-kotters-8-step-change-model-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-kotters-8-step-change-model.png);
}
.diagrams-templates-header-marketing-funnel-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-marketing-funnel.png);
}
.diagrams-templates-header-soar-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-soar-analysis.png);
}
.diagrams-templates-header-tofu-mofu-bofu-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-tofu-mofu-bofu.png);
}
.diagrams-templates-header-bcg-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-bcg-matrix.png);
}
.diagrams-templates-header-cocd-box-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-cocd-box.png);
}
.diagrams-templates-header-current-reality-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-current-reality-tree.png);
}
.diagrams-templates-header-future-reality-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-future-reality-tree.png);
}
.diagrams-templates-header-lewins-change-model-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-lewins-change-model.png);
}
.diagrams-templates-header-ooda-loop-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ooda-loop.png);
}
.diagrams-templates-header-roadmap-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-roadmap.png);
}
.diagrams-templates-header-defect-concentration-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-defect-concentration-diagram.png);
}
.diagrams-templates-header-moscow-method-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-moscow-method.png);
}
.diagrams-templates-header-tows-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-tows-analysis.png);
}
.diagrams-templates-header-empathy-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-empathy-map.png);
}
.diagrams-templates-header-circular-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-circular-flow-diagram.png);
}
.diagrams-templates-header-pick-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pick-diagram.png);
}
.diagrams-templates-header-circle-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-circle-map.png);
}
.diagrams-templates-header-evaporating-cloud-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-evaporating-cloud.png);
}
.diagrams-templates-header-prerequisite-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-prerequisite-tree.png);
}
.diagrams-templates-header-transition-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-transition-tree.png);
}
.diagrams-templates-header-bridge-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-bridge-map.png);
}
.diagrams-templates-header-nasa-project-lifecycle-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-nasa-project-lifecycle.png);
}
.diagrams-templates-header-flow-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flow-map.png);
}
.diagrams-templates-header-diamond-ranking-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-diamond-ranking.png);
}
.diagrams-templates-header-pmi-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pmi-chart.png);
}
.diagrams-templates-header-t-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-t-chart.png);
}
.diagrams-templates-header-y-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-y-chart.png);
}
.diagrams-templates-header-x-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-x-chart.png);
}
.diagrams-templates-header-stock-and-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-stock-and-flow-diagram.png);
}
.diagrams-templates-header-hexagonal-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-hexagonal-architecture-diagram.png);
}
.diagrams-templates-header-4qs-framework-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-4qs-framework.png);
}
.infoart-templates-header-biography-timelines-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-biography-timelines.png);
}
.infoart-templates-header-facebook-ads-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-facebook-ads.png);
}
.infoart-templates-header-facebook-posts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-facebook-posts.png);
}
.infoart-templates-header-wide-skyscraper-banners-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-wide-skyscraper-banners.png);
}
.infoart-templates-header-recipe-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-recipe-cards.png);
}
.infoart-templates-header-youtube-thumbnails-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-youtube-thumbnails.png);
}
.infoart-templates-header-youtube-channel-arts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-youtube-channel-arts.png);
}
.infoart-templates-header-instagram-stories-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-instagram-stories.png);
}
.infoart-templates-header-strategic-analysis-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-strategic-analysis.png);
}
.charts-templates-header-stream-graphs-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stream-graphs.png);
}
.charts-templates-header-ohlc-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-ohlc-charts.png);
}
.charts-templates-header-sankey-diagrams-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-sankey-diagrams.png);
}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.illustrations-templates-header-agile-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-agile.png);
}
.illustrations-templates-header-business-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-business.png);
}
.illustrations-templates-header-education-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-education.png);
}
.illustrations-templates-header-healthcare-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-healthcare.png);
}
.illustrations-templates-header-home-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-home.png);
}
.illustrations-templates-header-relationship-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-relationship.png);
}
.illustrations-templates-header-sport-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-sport.png);
}
.illustrations-templates-header-business-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-business-landing-pages.png);
}
.illustrations-templates-header-education-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-education-landing-pages.png);
}
.illustrations-templates-header-healthcare-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-healthcare-landing-pages.png);
}
.illustrations-templates-header-home-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-home-landing-pages.png);
}
.illustrations-templates-header-relationship-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-relationship-landing-pages.png);
}
.illustrations-templates-header-sport-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-sport-landing-pages.png);
}
.illustrations-templates-header-business-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-business-posters.png);
}
.illustrations-templates-header-education-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-education-posters.png);
}
.illustrations-templates-header-healthcare-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-healthcare-posters.png);
}
.illustrations-templates-header-home-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-home-posters.png);
}
.illustrations-templates-header-relationship-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-relationship-posters.png);
}
.illustrations-templates-header-sport-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-sport-posters.png);
}
.illustrations-templates-header-festival-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-festival-posters.png);
}
.illustrations-templates-header-festival-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-festival.png);
}
.infoart-templates-header-twitter-posts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-twitter-posts.png);
}
.infoart-templates-header-banner-ads-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-banner-ads.png);
}
.infoart-templates-header-book-covers-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-book-covers.png);
}
.infoart-templates-header-labels-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-labels.png);
}
.topic-title .fa-hotjar {
	color: #FE4A49;
}
.topic-title .fa-gift {
	color: #7D8CC4;
}
.topic-title .fa-volume-up {
	color: #FCAF58;
}
.topic-title .fa-desktop {
	color: #2AB7CA;
}
.topic-hot .topic-content {
    background: #4a5d72;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(/images/templates/browse-topic/hit-topics.png);
    background-position: center;
    background-size: cover;
    
}

.topic-festival .topic-content {
    background: #4a5d72;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/templates/browse-topic/festival.png);
    background-position: center;
    background-size: cover;
}

.topic-purpose .topic-content {
    background: #4a5d72;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/templates/browse-topic/celebration.png);
    background-position: center;
    background-size: cover;
}

.topic-it .topic-content {
    background: #4a5d72;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(/images/templates/browse-topic/teamwork.png);
    background-position: center;
    background-size: cover;
}

.illustrations-templates-header-technology-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-technology.png);
}

.diagrams-templates-header-c4-model-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-c4-model.png);
}
.infoart-templates-header-tickets-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-tickets.png);
}
#create-pages .tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: #d27f9a;
    background-color: #FEF0F0;
    border-radius: 40px;
}

/* Default mode */
#create-pages .tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
#create-pages .tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
#create-pages .tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #9595a8;
}
#create-pages .tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
#create-pages .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
 /* border-bottom: 4px solid #fbcdcf;*/
  border-bottom: 0px solid transparent;
}
#create-pages .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: #FEF0F0 !important;
  color: #d27f9a;
  border-radius: 40px;
}
#create-pages .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
#create-pages .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
#create-pages .tabbable-line > .nav-tabs > li.active {
  /*border-bottom: 4px solid #f3565d;*/
  border-bottom: 0px solid transparent;
  position: relative;
}
#create-pages .tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #d27f9a;
  background-color: #FEF0F0;
  border-radius: 40px;
}

#create-pages .tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
#create-pages .tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 0px solid #eee;
  padding: 15px 0;
}
#create-pages .smaller-heading h2 {
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 20px;
    color: #1a133b;
}
#infoart-create-sub-features h3 {
	font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.2px;
    margin-top: 10px;
	
}
.photo-collage-maker-templates-header-photo-collages-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-photo-collages.png);
}

.photo-collage-maker-templates-header-mood-boards-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-mood-boards.png);
}

.photo-collage-maker-templates-header-posters-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-posters.png);
}

.photo-collage-maker-templates-header-greeting-cards-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-greeting-cards.png);
}

.photo-collage-maker-templates-header-youtube-thumbnails-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-youtube-thumbnails.png);
}

.photo-collage-maker-templates-header-youtube-channel-arts-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-youtube-channel-arts.png);
}

.photo-collage-maker-templates-header-instagram-posts-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-instagram-posts.png);
}

.photo-collage-maker-templates-header-facebook-posts-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-facebook-posts.png);
}

.photo-collage-maker-templates-header-family-trees-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-family-trees.png);
}

.photo-collage-maker-templates-header-comic-strips-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-comic-strips.png);
}
.photoBook-templates-header-main-bg {
	background-image: url(/images/photoBook/templates/bg/template-page-shape-main.png);
}
.photoBook-templates-header-wedding-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-wedding-photo-books.png);
}

.photoBook-templates-header-yearbook-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-yearbook-photo-books.png);
}

.photoBook-templates-header-travel-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-travel-photo-books.png);
}

.photoBook-templates-header-family-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-family-photo-books.png);
}

.photoBook-templates-header-seasonal-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-seasonal-photo-books.png);
}

.photoBook-templates-header-celebration-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-celebration-photo-books.png);
}

.photoBook-templates-header-year-in-review-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-year-in-review-photo-books.png);
}
.photoBook-templates-header-everyday-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-everyday-photo-books.png);
}

.photoBook-templates-header-kids-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-kids-photo-books.png);
}

.photoBook-templates-header-baby-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-baby-photo-books.png);
}

.photoBook-templates-header-pet-photo-books-bg {
    background-image: url(/images/photoBook/templates/bg/template-page-shape-pet-photo-books.png);
}

.flipbook-templates-header-main-bg {
	background-image: url(/images/photoBook/templates/bg/template-page-shape-main.png);
}

.infoart-templates-header-sections-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-sections.png);
}

.infoart-templates-header-book-back-covers-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-book-back-covers.png);
}

.infoart-templates-header-titles-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-titles.png);
}

.infoart-templates-header-rack-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-rack-cards.png);
}

.infoart-templates-header-back-covers-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-back-covers.png);
}

img[data-display='left'] {
    float: left;
    margin-right:50px;
}

img[data-display='right'] {
    float: right;
    margin-left:50px;
}

.el-tiptap-editor h3, .user-interact-inner h3{
	font-size:1.78571429em;
}
.infoart-templates-header-letterheads-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-letterheads.png);
}
.diagrams-templates-header-functional-flow-block-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-functional-flow-block-diagram.png);
}
.diagrams-templates-header-resource-breakdown-structure-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-resource-breakdown-structure.png);
}
.diagrams-templates-header-risk-breakdown-structure-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-risk-breakdown-structure.png);
}
.diagrams-templates-header-functional-decomposition-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-functional-decomposition-diagram.png);
}
.diagrams-templates-header-work-breakdown-structure-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-work-breakdown-structure-diagram.png);
}
.flipbook-templates-header-wedding-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-wedding-photo-books.png);
}
.flipbook-templates-header-yearbook-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-yearbook-photo-books.png);
}
.flipbook-templates-header-travel-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-travel-photo-books.png);
}
.flipbook-templates-header-family-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-family-photo-books.png);
}
.flipbook-templates-header-seasonal-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-seasonal-photo-books.png);
}
.flipbook-templates-header-celebration-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-celebration-photo-books.png);
}
.flipbook-templates-header-year-in-review-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-year-in-review-photo-books.png);
}
.flipbook-templates-header-everyday-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-everyday-photo-books.png);
}
.flipbook-templates-header-kids-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-kids-photo-books.png);
}
.flipbook-templates-header-baby-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-baby-photo-books.png);
}
.flipbook-templates-header-pet-photo-books-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-pet-photo-books.png);
}
.flipbook-templates-header-lookbooks-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-lookbooks.png);
}
.flipbook-templates-header-booklets-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-booklets.png);
}
.flipbook-templates-header-catalogs-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-catalogs.png);
}
.flipbook-templates-header-business-portfolios-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-business-portfolios.png);
}
.flipbook-templates-header-employee-handbooks-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-employee-handbooks.png);
}
.flipbook-templates-header-training-manuals-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-training-manuals.png);
}
.flipbook-templates-header-prospectuses-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-prospectuses.png);
}
.flipbook-templates-header-personal-portfolios-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-personal-portfolios.png);
}
.infoart-templates-header-calendars-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-calendars.png);
}
.diagrams-templates-header-chen-entity-relationship-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-chen-entity-relationship-diagram.png);
}
.illustrations-templates-header-agile-illustration-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-agile-illustration.png);
}
.illustrations-templates-header-business-illustration-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-business-illustration.png);
}
.illustrations-templates-header-education-illustration-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-education-illustration.png);
}
.illustrations-templates-header-healthcare-illustration-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-healthcare-illustration.png);
}
.illustrations-templates-header-home-illustration-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-home-illustration.png);
}
.illustrations-templates-header-relationship-illustration-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-relationship-illustration.png);
}
.illustrations-templates-header-sport-illustration-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-sport-illustration.png);
}
.illustrations-templates-header-business-illustration-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-business-illustration-landing-pages.png);
}
.illustrations-templates-header-education-illustration-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-education-illustration-landing-pages.png);
}
.illustrations-templates-header-healthcare-illustration-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-healthcare-illustration-landing-pages.png);
}
.illustrations-templates-header-home-illustration-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-home-illustration-landing-pages.png);
}
.illustrations-templates-header-relationship-illustration-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-relationship-illustration-landing-pages.png);
}
.illustrations-templates-header-sport-illustration-landing-pages-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-sport-illustration-landing-pages.png);
}
.illustrations-templates-header-business-illustration-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-business-illustration-posters.png);
}
.illustrations-templates-header-education-illustration-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-education-illustration-posters.png);
}
.illustrations-templates-header-healthcare-illustration-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-healthcare-illustration-posters.png);
}
.illustrations-templates-header-home-illustration-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-home-illustration-posters.png);
}
.illustrations-templates-header-relationship-illustration-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-relationship-illustration-posters.png);
}
.illustrations-templates-header-sport-illustration-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-sport-illustration-posters.png);
}
.illustrations-templates-header-festival-illustration-posters-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-festival-illustration-posters.png);
}
.illustrations-templates-header-festival-illustration-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-festival-illustration.png);
}
.illustrations-templates-header-technology-illustration-bg {
    background-image: url(/images/illustrations/templates/bg/template-page-shape-technology-illustration.png);
}
.infoart-templates-header-kotters-8-step-change-model-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-kotters-8-step-change-model.png);
}
.infoart-templates-header-nudge-theory-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-nudge-theory.png);
}
.infoart-templates-header-kotters-change-model-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-kotters-change-model.png);
}
.infoart-templates-header-bridges-transition-model-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-bridges-transition-model.png);
}
.infoart-templates-header-kubler-ross-change-curve-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-kubler-ross-change-curve.png);
}
.infoart-templates-header-satir-change-model-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-satir-change-model.png);
}
.infoart-templates-header-five-stages-of-grief-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-five-stages-of-grief.png);
}
.features-create-bookshelf {
	display: flex;
    flex-wrap: wrap;
	
}
.no-thx-create-bookshelf {
    vertical-align: middle;
    top: 5px;
    position: relative;
    color: #979797;
    cursor: pointer;
}
.no-thx-create-bookshelf:hover {

    color: #979797;
}
.published-success-font {
	    color: #00AF54;
}
.virutal-bookshelf-creation-font {
	color: #D78521;
}

.flipbook-templates-header-recipe-cards-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-recipe-cards.png);
}
.flipbook-templates-header-quotes-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-quotes.png);
}
.flipbook-templates-header-biography-bg {
    background-image: url(/images/flipbook/templates/bg/template-page-shape-biography.png);
}
.infoart-templates-header-presentations-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-presentations.png);
}
.collages-templates-header-photo-collages-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-photo-collages.png);
}
.collages-templates-header-mood-boards-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-mood-boards.png);
}
.collages-templates-header-posters-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-posters.png);
}
.collages-templates-header-greeting-cards-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-greeting-cards.png);
}
.collages-templates-header-youtube-thumbnails-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-youtube-thumbnails.png);
}
.collages-templates-header-youtube-channel-arts-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-youtube-channel-arts.png);
}
.collages-templates-header-instagram-posts-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-instagram-posts.png);
}
.collages-templates-header-facebook-posts-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-facebook-posts.png);
}
.collages-templates-header-family-trees-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-family-trees.png);
}
.collages-templates-header-comic-strips-bg {
    background-image: url(/images/collages/templates/bg/template-page-shape-comic-strips.png);
}