/*
    Theme Name: Mentor
    Theme URL: https://bootstrapmade.com/mentor-free-education-bootstrap-theme/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
html {
  font-size: 87.5%;
}
@media all and (max-width: 768px) {
  @-moz-document url-prefix() {
	.footer-height1 {
  height: 366px !important;
  	}
  }
}

@media all and (max-width: 768px) {
  html {
    font-size: 81.25%;
  }
  
  .footer-height1 {
  height: 310px;
  }
  .section-padding-no-bottom {
  padding-bottom: 30px !important;
  }
    .section-padding-no-top {
  padding-bottom: 30px !important;
  }
      .section-padding {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
  }
}

@media all and (max-width: 374px){
	 .footer-height1 {
  height: 350px;
  }

}
.embed-responsive-1by1 {
    padding-top: 100%;
}
body {
  font-size: 1em;
  line-height: 1.85714286em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  color: #666666;
  font-weight: 400;

}
.fixed-width-desc {
width: 75%;
	    margin-right: auto;
    margin-left: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  color: #252525;
  font-weight: 400;
  font-variant-ligatures: common-ligatures;
  margin-top: 0;
  margin-bottom: 0;
}
h1,
.h1 {
  font-size: 3.14285714em;
  line-height: 1.31818182em;
}
h2,
.h2 {
  font-size: 2.35714286em;
  line-height: 1.36363636em;
}
h3,
.h3 {
  font-size: 1.78571429em;
  line-height: 1.5em;
}
h4,
.h4 {
  font-size: 1.35714286em;
  line-height: 1.36842105em;
}
h5,
.h5 {
  font-size: 1em;
  line-height: 1.85714286em;
}
h6,
.h6 {
  font-size: 0.85714286em;
  line-height: 2.16666667em;
}
.lead {
  font-size: 17px;
  line-height: 1.68421053em;
}
.lead {
  font-weight: 400;
  color: #808080;
}
.lead:not(:last-child) {
  margin-bottom: 1.36842105263158em;
}
.lead + .btn:last-child {
  margin-top: 0em;
}

p strong {
  color: #252525;
}
.no-row-padding-protuct-menu {
	padding-left: 0px;
	padding-right: 0px;
}
.tools-btn-text {
	    font-weight: 600;
    color: #454545;
    text-decoration: underline; 
    font-size: 14px;
    margin-left: 3px;
}
.tools-btn {
position: relative;
    padding: 11px 17px;
    font-weight: 600;
    top: 1px;
    margin-left: 5px;
    color: #454545;
    border-radius: 4px;
    border: 1px solid #aeaeae !important;
}
.tools-btn:hover {
position: relative;
    padding: 11px 17px;
    font-weight: 600;
    top: 1px;
    margin-left: 5px;
    color: #242424;
    border-radius: 4px;
    border: 1px solid #aeaeae !important;
}
.infoart-btn-row {
	display: flex;
}
.infoart-start-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: 12px 30px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 1px solid #fff !important;
}
.controlled-header-width {
	margin-left: 60px;
	margin-right: 60px;
}
#menu-ai-tools .dropdown-menu{
	    min-width: 260px;
}
.dropdown-menu.menu-ai-tools-dropdown {
	min-width: 330px;
}
.infoart-start-btn:hover {
color: #ffffff !important;
    background-color: #0fa2ca;

}
.infoart-tools-btn {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    display: inline-block;
    white-space: normal;
    color: #09BCEC;
    background-color: #fff;
    border-radius: 4px;
    padding: 12px 10px;
    margin-left: 20px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
   border: 1px solid #09BCEC !important;
}
.infoart-tools-btn:hover {
    color: #ffffff;
    background-color: #09BCEC;

}
.tools-btn-white {
color: #3b566e !important;
    font-weight: 700 !important;
    margin-top: 20px;
    margin-left: 5px;
    color: #212529;
    background-color: #f5f8fb;

}
.white-text {
	color: #fff;
}
.controlled-header-width {
   margin-left: 60px;
   margin-right: 60px;
}
.ai-image-translator-header-btn {
	    background-color: #7548F1 !important;
    border-radius: 4px;
    color: #ffffff !important;
   box-shadow: 0 5px 10px rgb(76 78 229 / 30%);
       padding: 10px 10px !important;
}
.ai-image-translator-header-btn:hover {
	opacity: 0.8;
	 background-color: #7548F1 !important;
}
.ai-image-translator-header-btn:focus {
	 background-color: #7548F1 !important;
}
.ai-image-translator-header-btn:active {
	 background-color: #7548F1 !important;
}
.anchor-top {
	position:absolute;
	z-index:-1;
	left:0;
	margin-top:-100px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 450px;
}
@media (max-width: 1290px) {
	.controlled-header-width {
	margin-left: 0px;
	margin-right: 0px;
}
	
}
@media (min-width: 992px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}



/*  @media (min-width: 850px) {
.navbar>.container .collapse .nav{
    margin-left: 0px;
    width:90%;
}  */

}
#backToTop{
    position: fixed;
	bottom: 2rem;
	right: 2rem;
	cursor: pointer;
	display: none;
    color: #fff;
    background: rgba(0,0,0,0.2);
        border-radius: 6px;
   padding: 8px 15px;
   z-index: 3;
}
.smaller-fonts {
	font-size: 11px;
	text-align: center;
	margin-left: 20px;
}
p {
    margin: 0px;
    font-weight: 400;
        font-size: 16px;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.breadcrumb-container a{
	 color: #57BEA2;
	
}
.breadcrumb-container a:hover{
	 color: #57BEA2;
	
}
.section-padding-small-padding {
		padding: 30px 0px;
	background-color: #fff;
	
}
.section-move-up {
	top: -85px;
    position: relative;
}
.section-padding-no-bg{
	padding: 50px 0px;
}
.section-padding{
	padding: 50px 0px;
	background-color: #fff;
}
.section-padding-white{
	padding: 50px 0px;
	background-color: #ffffff;
}

.section-bg-purple-blue-gradient{
background-image: radial-gradient( circle farthest-corner at 14.2% 27.5%,  rgba(104,199,255,1) 0%, rgba(181,126,255,1) 90% );
background-color: rgba(181,126,255,1);
}
.section-bg-blue-gradient{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f2ff), color-stop(60%, #ffffff));
    background: -moz-linear-gradient(top, rgba(50, 119, 247, 0.08) 0, #ffffff 60%);
    background: -webkit-linear-gradient(top, rgba(50, 119, 247, 0.08) 0, #ffffff 60%);
    background: -o-linear-gradient(top, rgba(50, 119, 247, 0.08) 0, #ffffff 60%);
    background: -ms-linear-gradient(top, rgba(50, 119, 247, 0.08) 0, #ffffff 60%);
    background: linear-gradient(top, rgba(50, 119, 247, 0.08) 0, #ffffff 60%);
}

.section-bg-light-blue{

	background-color: #f6fafe;
}
.section-bg-grey{

	background-color: #f8f8f8;
}
.section-no-padding {
    padding-top: 0px;
    padding-bottom: 0px;

}
.section-padding-small-top {
    padding-top: 30px;
    padding-bottom: 60px;

}
.section-padding-no-top {
    padding-top: 0px;
    padding-bottom: 60px;

}
.section-padding-no-bottom {
    padding-top: 60px;
    padding-bottom: 0px;

}
.section-title {
    font-size: 2.7rem;
    margin: 0;
    letter-spacing: 0;
}
.section-subtitle{
    color: #818181;
    letter-spacing: 0.3px;
}
.section-padding-extra {
    padding: 112px 0;
}
.section-heading {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
.big-icon-size {
	font-size: 42px;
	margin-bottom: 10px;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
#faq-area .panel-title {
    color: #1193d4;
    text-transform: none;
}
#faq-area .panel-title a {
    color: #03a9f5;
    position: relative;
    display: block;
    transition: all 0.3s ease;
}
#faq-area .panel.panel-default {
    border: none;
    box-shadow: none !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
#faq-area .panel-title a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 0;
    position: absolute;
}
#faq-area a:hover, #faq-area a:focus, #faq-area a:visited {
    text-decoration: none;
     color: #03a9f5;
}
.panel-body p {
    border-left: 4px solid #1193d4;
    padding-left: 18px;
    margin: 0;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
    background-color: #f7f7f7;
    padding: 25px 40px 25px 20px;
}
#faq-area .panel-default>.panel-heading.active{
    background-color: #03a9f5;
}
#faq-area .panel-default>.panel-heading {
   
    border-radius: 0;
    box-shadow: none;
    background-color: #fcfcfc;
    padding: 10px 20px;
    transition: all 0.3s ease;
}


#login-section.section-padding{
	padding: 60px 0px;
	background-color: #c3e7da;
}

h1, h2, h3, h4, h5, h6{

    font-weight: 500;
    color: #4B4B4C;
}
a{
    color: #57BEA2;
}
a:hover, a:focus{
    color: #57BEA2;
}
.col-centered{
float: none;
margin: 0 auto;
}
img {
    max-width: 100%;
}
.img-shadow {
    box-shadow: 2px 2px 10px rgba(68,68,68,0.2);
    }
ul {
	    list-style-type: none;
	        -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    -moz-margin-after: 0em;
-moz-margin-start: 0px;
-moz-margin-end: 0px;
-moz-padding-start: 0px;
}
li {
	font-weight: 400;
}
a:active, a:focus, a:visited {
  outline: 0;
  border: none;
  -moz-outline-style: none;

}
a:hover {
	
	    text-decoration: none !important;
}
.centered {
     float: none;
     margin-left: auto;
     margin-right: auto;
}
.middle-container-main {
    
    margin: 0 auto;
    padding: 0px;
}

.topbar-container {
    background-color: #fff;
    position: relative;
    z-index: 999;
height: 70px;
}
.space-gap {
	padding-top: 20px;
	padding-bottom: 20px;
	
}
.space-gap-sm {
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.space-gap-xs {
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.space-gap-lg {
	padding-top: 30px;
	padding-bottom: 30px;
	
}
.sm-padding {
	padding-left: 14px;
	padding-right: 14px;
}
.promo-container {
    background-color: #2d3544;
    padding-top: 60px;
    padding-bottom: 80px;
    text-align: center;
}
.promo-container h2 {
    
    font-weight: 400;
    text-align: center;
    padding-bottom: 20px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 20px;
}
#gallery .section-padding{
	    padding: 60px 0px;
    background-color: #fff;
}
/*--------------------*/
/* custom icons */
/*--------------------*/
.badge-new {
	
	background-color: #EF7A85;
	color: #fff;
	text-transform: uppercase;
	 letter-spacing: 0.01rem;
    font-size: 11px;
    vertical-align: inherit;
}
.badge-new-v1 {
	margin-left: 5px;
	margin-right: 5px;
	background-color: #EF7A85;
	color: #fff;
	text-transform: uppercase;
	 letter-spacing: 0.01rem;
    font-size: 11px;
    vertical-align: inherit;
}
.badge-hot {
	
	background-color: #f0ad09;
	color: #fff;
	text-transform: uppercase;
	 letter-spacing: 0.01rem;
    font-size: 11px;
    vertical-align: inherit;
}
.menu-new-badge {
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    margin-left: 2px;
    position: relative;
    /*top: -10px;*/
    background-color: #EF7A85;
    border-radius: 10px;
        text-transform: uppercase;
    letter-spacing: 0.01rem;
}
@media (max-width: 991px) {
	.menu-new-badge {
    display: none;
}
	
}


/*--------------------*/
/* index */
/*--------------------*/

.top-gif {
	-webkit-box-shadow: 7px -5px 5px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 7px -5px 5px 0px rgba(0,0,0,0.11);
box-shadow: 7px -5px 5px 0px rgba(0,0,0,0.11);
    max-width: 110%;
}



.highlight-feature {
	color: #4cd0e5;
	font-weight: 700;
	
}
.highlight-feature-infoart {
	color: #e089cd;
	font-weight: 700;
	
}
#main-index-page-features h2 {
	    position: relative;
    font-size: 30px;
    color: #3b566e;
    font-weight: 600;
    text-align: center;
	letter-spacing: -.9px;
	    padding-bottom: 7px;
}
#main-index-page-features h3 {
font-size: 24px;
font-weight: 700;
    letter-spacing: -0.9px;
}

.main-index-sub-heading-desc {
    font-weight: 400;
    color: #808080;
    font-size: 14px;
    margin-bottom: 20px;
    }
    
.main-index-learn-more-btn, .main-index-learn-more-btn:visited, .main-index-learn-more-btn:active {
    font-weight: 700 !important;
    background-color: #4cd0e5;
    border-radius: .2rem;
    color: #fff;
border: 0px solid;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(76, 208, 229,.3);
}
.main-index-learn-more-btn-lg {
	    padding: 13px 25px !important;
    font-size: 18px;
    letter-spacing: -.5px;
    margin-top: 20px;
}

.main-index-learn-more-btn:hover, main-index-learn-more-btn:focus {
    background-color: #41bcd0;
    cursor: pointer;
    text-decoration: none;
}
.main-index-heading-margin {
	margin-top: 40px;
}
.wave-curved-bg{

    position:relative;
}
.wave-curved-bg::after{
    width:100%;
    height:420px;
    position:absolute;
    left:0;
    bottom:0px;
    content:"";
    background-image:url(/images/home/v1/about-shape.png);
    background-position:top center;
        z-index: -1;
    
}
.bg-polar {
	
	background-color: #f5f9fd ;
}
.index-feature-collaboration-bg:before {
    position: absolute;
    content: '';
    left: 0px;
        opacity: 0.3;
    width: 373px;
    height: 750px;
    display: inline-block;
    background: url(/images/home/v1/dot-triangle.png) no-repeat;
}
.index-feature-collaboration-content {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    margin-top: 20px;

}
.index-feature-collaboration-content h3{
	font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.9px;
    margin-bottom: 5px;
}
.index-feature-collaboration-content i {
    font-size: 40px;
    display: inline-block;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
        border-radius: 40px;
}
.index-feature-collaboration-content-cloud {
   background-color: #87d1ff;
    color: #fff;
    box-shadow: 0 10px 30px rgba(135, 209, 255,.3);
    
}

.index-feature-collaboration-content-members {
   background-color: #ffd387;
    color: #fff;
    box-shadow: 0 10px 30px rgba(254,163,100,.3);
    
}
.index-feature-collaboration-content-collaboration {
   background-color: #ffa187;
    color: #fff;
    box-shadow: 0 10px 30px rgba(255,142,139,.3);
    
}

.index-feature-sub-slider_section {
  display: block;
  overflow: hidden;
}
.index-feature-sub-slider_section:after {
  display: block;
  clear: both;
  content: "";
}
.index-feature-sub-slider_section .about_content {
  padding-top: 0px;
  padding-right: 210px;
  padding-bottom: 62px;
  position: relative;
}

.index-feature-sub-slider_section .about_content .layer_content {
  position: relative;
  z-index: 9;
  height: 100%;
}
.index-feature-sub-slider_section .about_content .layer_content .section_title {
  margin-bottom: 24px;
  position: relative;
}
.index-feature-sub-slider_section .about_content .layer_content .section_title:after {
  display: block;
  clear: both;
  content: "";
}


.index-feature-sub-slider_section .index-feature-sub-slider_box {
  margin-top: 0px;
  position: relative;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container {

  margin-left: -170px !important;
  position: relative;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content {
  position: relative;
  z-index: 9;
  height: 100%;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content .index-feature-sub-slider_owlCarousel {
  display: block;
  position: relative;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content .index-feature-sub-slider_owlCarousel .index-feature-sub-sliders {
    margin: 10px 0 10px 0;
    padding: 0px 10px 10px 10px;
    position: relative;
    text-align: center;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content .index-feature-sub-slider_owlCarousel .index-feature-sub-sliders .index-feature-sub-slider_content {
  margin-left: 0px;
  margin-top: 0px;
  padding: 45px 40px 45px 40px;
  z-index: 1;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content .index-feature-sub-slider_owlCarousel .index-feature-sub-sliders .index-feature-sub-slider_content .index-feature-sub-slider_caption {
  margin-bottom: 15px;
  position: relative;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content .index-feature-sub-slider_owlCarousel .index-feature-sub-sliders .index-feature-sub-slider_content .index-feature-sub-slider_caption:after {
  content: "";
  width: 30px;
  display: block;
  height: 2px;
  text-align: center;
  left: 46%;
  margin-top: 6px;
  background-color: #ff5e14;
  position: absolute;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content .index-feature-sub-slider_owlCarousel .index-feature-sub-sliders .index-feature-sub-slider_content .index-feature-sub-slider_caption h6 {
  padding-top: 0;
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  color: #020d26;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content .index-feature-sub-slider_owlCarousel .index-feature-sub-sliders .index-feature-sub-slider_content .index-feature-sub-slider_caption span {
  font-size: 12px;
  color: #9f9f9f;
  margin: 0;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content .index-feature-sub-slider_owlCarousel .index-feature-sub-sliders .index-feature-sub-slider_content p {
  padding: 0;
  margin: 0;
  padding-top: 10px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #5d6576;
  font-style: italic;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content .index-feature-sub-slider_owlCarousel .index-feature-sub-sliders .images_box .index-feature-sub-slider_img {
  border: none;
  position: absolute;
  top: 0;
  left: 55px;
  top: 80px;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .layer_content .index-feature-sub-slider_owlCarousel .index-feature-sub-sliders .images_box .index-feature-sub-slider_img img {
  border: 5px solid #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  width: 35%;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .owl-nav .owl-prev {
  position: absolute;
  top: 165px;
  left: 0px;
  border-radius: 40px;
    background: #fff;
    display: block;
    outline: 0;
    width: 62px;
    line-height: 34px;
    height: 62px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.13);
    color: #00e3f6;
  font-size: 23px;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .owl-nav .owl-prev:hover {
    background-color: #00e3f6;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0,227,246,.3);
  
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .owl-nav .owl-next {
  position: absolute;
  top: 165px;
  right: 5px;
  border-radius: 40px;
  display: block;
    background: #fff;
    display: block;
    outline: 0;
    width: 62px;
    line-height: 34px;
    height: 62px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.13);
    color: #00e3f6;
  font-size: 23px;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .owl-nav .owl-next:hover {
    background-color: #00e3f6;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0,227,246,.3);
  
}

@media all and (max-width: 1199px) {
  .index-feature-sub-slider_section .about_content {
    padding-right: 5px !important;
  }
  .index-feature-sub-slider_section .index-feature-sub-slider_box {
    margin-top: 0 !important;
  }
.index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container {
    margin-left: 0px;
    position: relative;
}
  .index-feature-sub-slider_section .index-feature-sub-slider_box .about_content {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 28% !important;
  }
  .index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container {
    margin-left: 5px !important;
  }
  .index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .index-feature-sub-sliders {
    margin: 0px 0 20px 0;
  }
  .index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .index-feature-sub-sliders .index-feature-sub-slider_content {
    margin-left: 0px !important;
  }
  .index-feature-sub-slider_section .index-feature-sub-slider_box .index-feature-sub-slider_container .index-feature-sub-sliders .images_box {
    display: none;
  }
}
#main-index-tab .tabbable-panel {
  border:0px solid #eee;
  padding: 10px;
}

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

#main-index-tab .tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
#main-index-tab .tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 0px solid #eee;
  padding: 15px 0;
}
#main-index-tab .portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

#main-index-tab .tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
#main-index-tab .tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
#main-index-tab .tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
#main-index-tab .tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
#main-index-tab .tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.section-blue-gradient {
	    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245, 249, 253,1) 100%);
    
}
.plain-style-bg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/home/v1/abstract_shape_1.png) no-repeat;
    z-index: -1;
    right: -10%;
    bottom: 0;
    background-position: 100% 100%;

}
    

.newsletter-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: url(../img/background/newsletter_bg.png) no-repeat center;
    background-size: cover;
}
.plain-style-bg {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.main-index-sign-up-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 60%;
    margin: 20px auto 20px;
    
}
.index-feature-utilities-maker-bg:before {
    position: absolute;
    content: '';
    right: 0px;
        opacity: 0.3;
    width: 373px;
    height: 750px;
    display: inline-block;
    background: url(/images/home/v2/bg-shape.png) top right/auto no-repeat scroll;
}
.chart-browse-templates {
	color: #337ab7;
	    text-decoration: underline;
}
.chart-browse-templates:hover {
	color: #337ab7;
	    text-decoration: underline;
}

.index-feature-chart-maker-bg:before {
    position: absolute;
    content: '';
    left: 0px;
        opacity: 0.3;
    width: 373px;
    height: 750px;
    display: inline-block;
    background: url(/images/home/v2/bg-path-2.png) no-repeat;
}
.animate-circle-3,
.animate-circle-2,
.animate-circle-1 {
    position: relative;
    z-index: 1;
}

.animate-circle-3:before,
.animate-circle-2:before,
.animate-circle-1:before {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #F9FCFE;
    width: 40vw;
    height: 40vw;
    content: "";
    z-index: -1;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    /* -webkit-animation: 10s linear 1s normal none infinite running border_animate;*/
    /* animation: 10s linear 1s normal none infinite running border_animate;*/
}

.animate-circle-2:before {
    right: auto;
    left: 0;
}

.animate-circle-3:before {
    right: 30%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    background-image: linear-gradient(120deg, #00C6FB 0%, #005BEA 100%);
    height: 100%;
    width: 60vw;
    opacity: 0.05;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
.feature-section .col-lg-4:nth-child(3) .feature-content::after,
		.feature-section .col-lg-4:nth-child(6) .feature-content::after {
			display: none;
		}
		.feature-section .col-lg-6:nth-child(2) .feature-content-1::after{
			display: none;
		}

		.feature-content-item {
			background-color: #fafafa;
			-webkit-box-shadow: 0px 14px 65px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 14px 65px 0px rgba(0, 0, 0, 0.15);
			position: relative; 
		}
		.feature-content-item:after {
			top: 50%;
			left: 0;
			right: 0;
			content: '';
			width: 90%;
			margin: 0 auto;
			position: absolute;
			border: 1px dashed #d0d0d0; 
		}
				.feature-content-item-1 {
			background-color: #fafafa;
			-webkit-box-shadow: 0px 14px 65px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 14px 65px 0px rgba(0, 0, 0, 0.15);
			position: relative; 
			text-align: center;
		}
		

		.feature-content {
			position: relative;
			height: 250px;
			padding: 30px 20px 35px 35px;
			-webkit-transition: .3s all ease-in-out;
			-o-transition: .3s all ease-in-out;
			transition: .3s all ease-in-out; 
		}
		.feature-content h3 {
			font-size: 22px;
			font-weight: 700;
			margin: 10px 0px 5px 0px;
			-webkit-transition: .3s all ease-in-out;
			-o-transition: .3s all ease-in-out;
			transition: .3s all ease-in-out; 
		}
		.feature-content p {
			margin: 0;
			font-size: 16px;
			max-width: 290px; 
		}
.more-feature-section .feature {
    width: 100%;
    height: auto;
    padding: 45px 30px 30px 30px;
    min-height: 205px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 30px;
    background: #fbfbfb;
}
			.feature-content-1 p {

    font-size: 16px;
			
		}
		.feature-content:after {
			top: 50px;
			content: '';
			height: 60%;
			right: -15px;
			position: absolute;
			border-right: 1px dashed #d0d0d0; 
		}
		.feature-content-1:after {
			top: 50px;
			content: '';
			height: 60%;
			right: -15px;
			position: absolute;
			border-right: 1px dashed #d0d0d0; 
		}
@media only screen and (max-width: 1199px) {

	  .feature-content-item:after,
.feature-content:after {
    display: none;
  }
.more-feature-section .feature {
    width: 135px;

}
}
.below-features-button {
    display: table;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

/*----------------------------------------
Slider
----------------------------------------*/
.lang-zh_CN .hide-it-lang, .lang-zh_TW .hide-it-lang, .lang-es .hide-it-lang, .lang-de .hide-it-lang, .lang-ja .hide-it-lang {
	display: none;
	
	
}
.slider {
    position: relative;
}

.slider:before {
    content: "";
    opacity: 0.8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
    background: -moz-linear-gradient(top, #EFFCFA 0%, #BFDDD7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #EFFCFA 0%,  #BFDDD7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #EFFCFA 0%, #BFDDD7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFFCFA', endColorstr='#BFDDD7', GradientType=0); /* IE6-9 */
}
.slider-caption {
	    font-size: 50px;
    line-height: 70px;
    font-weight: 700;
      text-transform: uppercase;
          letter-spacing: -0.05rem;
    
}
.slider-description {
	font-size: 18px;
	line-height: 40px;
	padding-bottom: 7px;
}
.slider .carousel {
    z-index: 1;
    padding: 20px 0 50px 0;
}

.slider .carousel-inner {

}

.slider .slider-content p {
    color: #777777;
    font-size: 28px;
    line-height: 40px;
        font-weight: 700;
}

.slider .slider-content h3 {
    color: #fff;
    font-size: 150px;
    font-weight: 700;

}
.slider .slider-content, .slider-description {
    color: #fff;
    font-size: 18px !important;
    font-weight: 500 !important;
        line-height: 21px !important; 
        margin-bottom: 20px;

}
.slider .slider-content .btn {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 30px;

        margin-top: 10px;
    text-transform: uppercase;
    background: #38d16a;
    border-radius: 3px;
    border: 2px solid #38d16a;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.slider .slider-content .btn:hover {
    background: #2EAC57;
        border: 2px solid #2EAC57;

}

.slider .pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 3px;
}
.slider-btn {
	color: #fff;
}
/* Carousel indicator */
.slider .carousel-indicators {
    width: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    display: flex;
}

.slider .carousel-indicators li {
    text-indent: initial;
    width: 12%;
    height: 5px;
    margin: 0 2% 0 0;
    border-radius: 0;
    background: #ffffff;
    border: none;
    opacity: 0.5;
    color: #777;
     font-weight: 700;
}
@media screen and (min-width: 768px) {
.carousel-indicators {
    bottom: 90px;

}
}
@media (max-width: 1199px) {
.slider .indicator-inner span {
    font-size: 11px !important;
    font-weight: 500 !important;
}
}
.click-cursor {
	cursor:pointer
}
.slider .carousel-indicators li:last-child {
    margin: 0;
}

.slider .carousel-indicators li.active {
    opacity: 1;
    position: relative;
    color: #777;
    font-weight: 700;
}

.slider .carousel-indicators li.active:after {
    content: "";
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    position: absolute;
    background: #FFF05A;
}
.slider .carousel-indicators li:hover{
	opacity: 1;
}
.slider .text-uppercase {
    text-transform: uppercase;

}
.slider .indicator-inner {
    padding-top: 13px;
    text-align: left;
}

.slider .indicator-inner span {

    font-size: 14px;
    font-weight: 400;
}

.slider .indicator-inner span.number {
    font-size: 23px;
    font-weight: 500;
    margin-right: 10px;

}

/* Media query for 959px */
@media only screen and (max-width: 959px) {
    /* Main slider section */
    .slider .carousel {
        padding: 20px 0 50px 0;
    }

    .slider .slider-content .btn {
        margin-bottom: 5px;
        padding: 6px 18px;
        font-size: 12px;
    }
}

/* Media query for 768px */
@media only screen and (max-width: 768px) {
    /* Main slider section */
    .slider .slider-content p {
        font-size: 35px;
        line-height: 70px;
    }

    .slider .indicator-inner {
        padding-top: 10px;
    }

    .slider .slider-content h3 {
        font-size: 35px;
    }

    .slider .indicator-inner span {
        font-size: 10px;
    }

    .slider .indicator-inner span.number {
        font-size: 10px;
        margin-right: 0;
    }
}

/* Media query for 420px */
@media only screen and (max-width: 420px) {
    /* Main slider section */
    .slider .carousel {
        padding: 50px 0 50px 0;
    }

    .slider .slider-content p {
        font-size: 35px;
        line-height: 70px;
    }

    .slider .indicator-inner {
        padding-top: 10px;
    }

    .slider .slider-content h3 {
        font-size: 35px;
    }

    .slider .indicator-inner span {
        font-size: 7px;
    }

    .slider .indicator-inner span.number {
        font-size: 7px;
        margin-right: 0;
    }
    .slider .carousel-indicators li.active:after {
    content: "";
    width: 100%;
    height: 5px;
    top: 0;
    left: 0;
    position: absolute;
    background: #FFF05A;
}
}
/*--------------------*/
/* VP Online Signup */
/*--------------------*/
.vp-online-signup-section{
	
	background-color:#eceef1;
}
.vp-online-signup-layout .btn.btn-lg {
    border-radius: 3px;
    box-shadow: 0 2px 3px #9c9c9c;
}
.brand-logo {
    margin-top: 0;
    margin-bottom: 15px;
}
.vp-online-signup-container {
 margin:10vh auto;
}
.vp-online-signup-panel-left {
    background-color: #ecf8f6;
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    height: 533px;
}
.vp-online-signup-panel-right {
    background-color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 533px;
}
.vp-online-signup-layout, .vp-online-signup-panel-left .brand-col {
    height: 460px;
}
.vp-online-signup-panel-left .brand-col {
    display: table;
    width: 100%;

}
.vp-online-signup-panel-left .brand-col .headline {
    display: table-cell;
    vertical-align: middle;
}

.vp-online-signup-layout {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}
.vp-online-login-panel {

    top: 0px !important;

}
.vp-online-signup-panel {
    padding: 40px 60px;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s ease;
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}
.vp-online-signup-panel .vp-online-signup-heading {
    margin-bottom: 20px;
}
.vp-online-signup-layout .auth-title {
    font-weight: 700;
}
.vp-online-signup-layout .vp-online-signup-panel {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.vp-online-signup-layout .forgotPwd {
    text-align: right;
    margin-top: 10px;
}
.panel-forgot .form-control, .panel-login .form-control, .panel-signup .form-control {
    background-color: #fff;
    color: #333;
    font-size: 15px;
    height: 45px;
    margin-bottom: 7px;
    padding-left: 10px;
    border-radius: 3px;
    border: 1px solid #bcc2ce;
    outline: 0;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .1);
        font-family: Helvetica, Arial, sans-serif;
}
.vp-online-signup-panel.panel-forgot {
    padding-top: 40px;
}
.panel-forgot .form-control:focus, .panel-login .form-control:focus, .panel-signup .form-control:focus {
    border-color: #4f77ff;
    z-index: 2;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.panel-signup .term-policy a {
    text-decoration: underline;
}
.term-policy {
   padding-bottom: 20px;
   text-align: right;
   }


@media (max-width:640px) {

.vp-online-signup-title {

    font-size: 24px !important;

}
.vp-online-signup-layout .auth-title {
    font-size: 18px;
}
}




@media (min-width:768px) {
    .vp-online-signup-panel {
    padding: 20px;
}

}
@media (max-width:767px) {
    .vp-online-signup-panel-left, .vp-online-signup-panel-right {
    box-shadow: none;
}

.vp-online-signup-panel-left {
    border-radius: 4px 4px 0 0;
    height: 250px;
    padding-top: 20px;
    padding-bottom: 20px;
    
}
.vp-signup-disclaimer {
	padding-top: 15px;
	
}
.vp-online-signup-panel-right {
    border-radius: 0 0 4px 4px;
}
.vp-online-signup-panel-left .brand-col {
    height: 200px;
    text-align: center;
}
.term-policy {
    font-size: 75%}
}@media (min-width:320px) and (max-width:375px) {
    .vp-online-signup-layout .vp-online-signup-panel {
    padding: 10px;
}
.panel-login .remember-row {
    margin-bottom: 10px;
    font-size: 14px;
}
}@media (max-width:320px) {
    .vp-online-signup-layout {
    height: 480px;
}
.vp-online-signup-heading p {
    font-size: 14px;
}
.remember-row .col-sm-6 {
    width: 100%}
.vp-online-signup-layout .forgotPwd {
    text-align: left;
    margin-top: 0;
}
}
.vp-online-signup-title {
color: #38c979;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.1rem;
}
.vp-online-signup-desc {
color: #666666;
    font-size: 15px;
    width: 81%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
}
.product-row {
margin-top: 50px;
display: inline-flex;
}

.vp-signup-disclaimer {
color: #b8b8b8;
float: right;
font-size: 14px;

}
.vp-signup-disclaimer-blk {
	display: block !important;

font-size: 14px;

}
.vp-signup-disclaimer-blk {
	display: block !important;
}
@media (max-width: 991px) {
	.vp-signup-disclaimer {
margin-top: 10px;
font-size:12px;

}
}
.user-interact-video {
    overflow: hidden;
}
#infoart-video-assets {
    position: relative;
    bottom: -1px;
}
#flipbook-video-assets {
    position: relative;
    bottom: -1px;
    width: 100%;
}
.cilents-bg {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/images/infoart/solutions/infographic-maker/circle-bg.png);
}
.section-blue-gradient {
	
	background: rgb(255,255,255);
        background: linear-gradient(180deg, rgb(247 251 255 / 40%) 100%, rgba(255,255,255,1) 0% );
}
.sub-features-title {
  top: 13px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1px;
    color: #929191;
}
.sub-features-h2-title {
	text-align: center !important;
	
	
}
.sub-features-content-wrapper {
	margin-bottom: 50px;
	width: 775px;
	margin-left: auto;
	margin-right: auto;

}
.sub-features-content-wrapper p{
	color: #a0a0a0;
}
@media only screen and (max-width: 992px) {
	.sub-features-title {
display:none;
}
}
.other-signup-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.other-signup-btn[disabled] {
	filter: grayscale(1);
  cursor: not-allowed;
}
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:not([disabled]):hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.btn-left-space {
margin-left: 10px;
}
.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.text-white {
    background-color: #fff;
}
.text-google {
color: red;
}
.text-microsoft {
color: #04A7E6;
}
.other-sign-method-space {
margin-top: 5px;
}

/*--------------------*/
/* index2 */
/*--------------------*/
#mainNav.affix {
    position: fixed;
}
.diagrams-select-box {
text-align: center;
 width: 100%;
border: 1px solid #44BFEA;
padding: 30px;
     transition: .8s;

}
.product-megamenu-item.dropdown-menu.megamenu-content  {
	max-width: 980px;
}
.diagrams-select-box:hover {
     transition: .8s;
 transform: translateY(-10px);
        background-image: url("/images/index2/diagrams.png");
border: 2px solid #44BFEA;

}
.forms-select-box {
 text-align: center;
 width: 100%;
border: 1px solid #F4B75A;
padding: 30px;
     transition: .8s;
}
.forms-select-box:hover {
     transition: .8s;
 transform: translateY(-10px);
background-image: url("/images/index2/forms.png");
border: 2px solid #F4B75A;
}
.tabular-select-box {
 text-align: center;
 width: 100%;
border: 1px solid #40c3b4;
padding: 30px;
     transition: .8s;
}
.tabular-select-box:hover {
     transition: .8s;
 transform: translateY(-10px);
background-image: url("/images/index2/tabular.png");
border: 2px solid #40c3b4;
}
.infoart-select-box {
 text-align: center;
 width: 100%;
border: 1px solid #D279CD;
padding: 30px;
     transition: .8s;
}
.infoart-select-box:hover {
     transition: .8s;
 transform: translateY(-10px);
background-image: url("/images/index2/infoart.png");
border: 2px solid #D279CD;
}

.forms-select-box,
.diagrams-select-box,
.tabular-select-box,
.infoart-select-box {
    background-size: cover;
    background-position: center;
    display: inline-block;
    justify-content: center;
    flex-direction: column;
    max-width: 100%;
}
.forms-select-box p, .diagrams-select-box p, .tabular-select-box p, .infoart-select-box p {
margin-top: 20px;
margin-bottom: 20px;
height: 100px;
}
@media (max-width: 1199px) {
.forms-select-box p, .diagrams-select-box p, .tabular-select-box p, .infoart-select-box p {
margin-top: 20px;
margin-bottom: 20px;
height: 120px;
}	
}
@media (max-width: 991px) {
.forms-select-box p, .diagrams-select-box p, .tabular-select-box p, .infoart-select-box p {
margin-top: 20px;
margin-bottom: 20px;
height: 60px;
}	

}
.product-select-btn-row {
text-align: center;
    margin-bottom: 10px;
        margin-top: 60px;
}

.product-select-box-btn-diagrams{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 30px;

    text-transform: uppercase;
    background: #44BFEA;
    border-radius: 3px;
    border: 2px solid #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.product-select-box-btn-diagrams:hover{
    color: #44BFEA;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 30px;

    text-transform: uppercase;
    background: #fff;
    border-radius: 3px;
    border: 2px solid #44BFEA;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.product-select-box-btn-forms {
    color: #Fff;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 30px;
    margin-bottom: 20px;
        margin-top: 40px;
    text-transform: uppercase;
    background: #F2A738;
    border-radius: 3px;
    border: 2px solid #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.product-select-box-btn-forms:hover{
    color: #F2A738;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    background: #fff;
    border-radius: 3px;
    border: 2px solid #F2A738;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.product-select-box-btn-tabular {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 30px;
    margin-bottom: 20px;
        margin-top: 40px;
    text-transform: uppercase;
    background: #40c3b4;
    border-radius: 3px;
    border: 2px solid #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.product-select-box-btn-tabular:hover{
    color: #40c3b4;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 30px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    background: #fff;
    border-radius: 3px;
    border: 2px solid #40c3b4;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.product-select-box-btn-infoart {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 30px;
    margin-bottom: 20px;
        margin-top: 40px;
    text-transform: uppercase;
    background: #D279CD;
    border-radius: 3px;
    border: 2px solid #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.product-select-box-btn-infoart:hover{
    color: #D279CD;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 30px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    background: #fff;
    border-radius: 3px;
    border: 2px solid #D279CD;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.main-header-index-logo 
{
	width: 185px;
}
.index-header-top {
text-align: center;
padding-top: 40px;
background-color: #EFFCFA;

}
.index-header-top h1{
font-size: 42px;
color: #666666;
font-weight: 700;
letter-spacing: -0.1rem;
}
.index-header-top span{

color: #38c979;

}
.slider-caption-title {
  position: relative;
  z-index: 1;
}
.slider-caption-title:before {
  border-top: 2px solid #dfdfdf;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 55%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 35%;
  z-index: -1;
}
.slider-caption-title span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #EFFCFA;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 400;
}
.slider-caption-title .blue-color {
	  padding: 0 0px;
	color: #3e95d8 ;
	font-weight: 700;
	    font-style: italic;
	
}
.slider-caption-title .blue-color a{

	color: #3e95d8 ;

	
}

/* resources multi level menu */
.resources-multi-level-menu:hover ul#dropdown-resources-menu {
    display: block;
 }
 .features-multi-level-menu:hover ul#dropdown-features-menu {
    display: block;
 }
 .nested-second-level {
    line-height: 32px;
    cursor: pointer;
    margin: 2px;
    white-space: normal;
}
 .nested-second-level:hover {
 text-decoration: none;

 }
 .nested-second-level a {
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 1.42857143;
    white-space: nowrap;
        font-weight: 500;
    color: #71748d;
    margin-left: 7px;
 }
 .nested-second-level a:hover {
 text-decoration: none;
 color: #71748d;
 }

 
.nested-second-level .caret{
    transform: rotate(270deg);
  }
 .dropdown-submenu {
    position: relative;
         padding-top: 5px;
    padding-bottom: 5px;
 }
  .dropdown-submenu:hover {
     color: #262626;
    text-decoration: none;
    background-color: #f5f5f5 !important;
 }
 .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
 }
 
 .dropdown-submenu:hover>.dropdown-menu {
    display: block;
    width: 200px;
 }
 
 .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
 }
 
 .dropdown-submenu:hover>a:after {
    border-left-color: #fff;
 }
 
 .dropdown-submenu.pull-left {
    float: none;
 }
 
 .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
 }
 .sm_menu_outer.slide .mobile_menu .submenu {
 height: 100%
 }
/*--------------------*/
/* language css */
/*--------------------*/
.lang-en .loginBtn--password {
   
    margin-left: 0px;
}
.lang-zh_TW .loginBtn--password {
   
    margin-left: 0px;
}
.lang-zh_CN .loginBtn--password {
   
    margin-left: 0px;
}
.lang-es .loginBtn--password {
   font-size: 13px;
    margin-left: 0px;
}
.lang-fr .loginBtn--password {
   font-size: 12px;
    margin-left: 0px;
}
.lang-pt .loginBtn--password {
   font-size: 14px;
    margin-left: 0px;
}
.lang-de .loginBtn--password {
   font-size: 14px;
    margin-left: 0px;
}
.lang-ja .navbar-nav > li > a {
    margin: 10px 5px;
    padding: 10px 12px;
}
/* spanish */
.lang-es .auth-title {
	font-size: 1.6rem;
	
}
.lang-es .navbar-nav > li > a {
    padding: 0px;
    margin: 10px 5px;
    padding: 7px 5px;
}
.lang-es .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.02rem;
}
.navbar-default .navbar-nav > .open > a {
	background: inherit;
}
@media (min-width: 768px) and (max-width: 991px)  {
.lang-es .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.02rem;
}
.lang-pt .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.02rem;
}
}
.lang-es .loginBtn--sso {
  
    font-size: 14px;
}
.lang-es .rw-sentence {
    font-size: 40px;

}
@media (max-width: 1023px) {
.lang-es .navbar-nav > li > a {
    padding: 0px;
    margin: 10px 3px;
    padding: 7px 2px;
}
}
@media (max-width: 1199px) {
.lang-es .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.02rem;
    margin: 10px 2px;
    padding: 7px 1px;
}
.lang-pt .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.02rem;
}
}
/* french */
.lang-fr .auth-title {
	font-size: 1.5rem;
	
}
.lang-fr.online-login-page .auth-title {
	font-size: 1.15rem;
	
}
.lang-fr .navbar-nav > li > a {
    padding: 0px;
    margin: 10px 3px;
    padding: 7px 5px;
}
.lang-fr .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.02rem;
}
@media (min-width: 768px) and (max-width: 991px)  {
.lang-fr .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.02rem;
}
}
.lang-fr .loginBtn--sso {
  
    font-size: 14px;
}
.lang-fr .rw-sentence {
    font-size: 40px;

}
@media (max-width: 1023px) {
.lang-fr .navbar-nav > li > a {
    padding: 0px;
    margin: 10px 2px;
    padding: 7px 2px;

}
}
@media (max-width: 1199px) {
.lang-fr .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.02rem;
        margin: 10px 2px;
    padding: 7px 1px;
}

}
/* pt */
.lang-pt.online-login-page .auth-title {
	font-size: 1.4rem;
	
}
.lang-pt .navbar-nav > li > a {
    padding: 0px;
    margin: 10px 4px;
    padding: 7px 5px;
}
.lang-pt .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.02rem;
}
.lang-pt .rw-sentence {
    font-size: 40px;

}
@media (max-width: 1199px)  {
.lang-pt .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.02rem;
        margin: 10px 2px;
    padding: 7px 1px;
}
}

.lang-pt .loginBtn--sso {
  
    font-size: 14px;
}
@media (max-width: 1023px) {
.lang-pt .navbar-nav > li > a {
    padding: 0px;
    margin: 10px 5px;
    padding: 7px 3px;
}
}
/* de */
.lang-de .auth-title {
	font-size: 1.45rem;
	
}
.lang-de.online-login-page .auth-title {
	font-size: 1.12rem;
	
}

.lang-de .navbar-nav > li > a {
    padding: 0px;
    margin: 10px 4px;
    padding: 7px 5px;
}
.lang-de .navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
@media (min-width: 768px) and (max-width: 991px)  {
.lang-de .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.02rem;
}
}
.lang-de .loginBtn--sso {
  
    font-size: 14px;
}
.lang-de .featuretext p {
    color: #737c85;
    font-size: 15px;
}
.lang-de .featuretext h3 {
  font-size: 1.58571429em;
}
.lang-de .rw-p {

    font-size: 16px;

}
.lang-de .rw-sentence {
    font-size: 40px;

}
@media (max-width: 1023px) {
.lang-de .navbar-nav > li > a {
    padding: 0px;
    margin: 10px 3px;
    padding: 7px 2px;
}
}
@media (max-width: 1199px) {
.lang-de .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.02rem;
        margin: 10px 2px;
    padding: 7px 1px;
}
}
@media (min-width: 768px) and (max-width: 991px)  {
.lang-ja .navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.02rem;
}
}
.lang-ja.online-login-page .auth-title {
	font-size: 1.5rem;
	
}
/*--------------------*/
/* breadcrumb */
/*--------------------*/
.breadcrumb-container {
	padding-top:0px;
	padding-bottom:0px;
	background-color: #F5F5F5;

}
#breadcrumb.section-padding {
    padding: 0px 0px;
    background-color: #f5f5f5;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1em ;
    float: left;
}
.cjm-image-map{
    width: 1155px;
    height: 906px;
	    -webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
}
.cjm-image-map-2{
	width:1151px;
	height:738px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	    -webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
}
.cjm-image-map-3{
	width:926px;
	height:720px;
	margin-left: auto;
    margin-right: auto;
    display: block;
	    -webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
}
#spotlight-wrapper {
			position: relative;
			margin: 0px auto 0px auto;
			border: 1px solid #fafafa;


		}
		

		/* Hide the original tooltips contents */
		.pin {
			display: none;
		}
		
		/* Begin styling the tooltips and pins */
		.tooltip-up, .tooltip-down {
			position: absolute;
			background: url(/images/features/customer-journey-mapping-tool/arrow-up-down.png);
			width: 20px;
			height: 20px;
			    z-index: 1;
 -webkit-transition: background-image 0.3s linear;
  background-size: cover;


		}
	.tooltip-up:hover, .tooltip-down:hover {
background: url(/images/features/customer-journey-mapping-tool/arrow-up-down-1.png);


}

	
		
		.tooltip-down {
			background-position: 0 0px;
		}
		
		.cjm-tooltip {
			display: none;
			width: 230px;
			cursor: help;
			position: absolute;
			top: 10px;
			left: 50%;
			z-index: 9;
			margin-left: 0px;
			padding:10px;
			color: #DBDBDB;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			-webkit-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			box-shadow: 0 3px 0 rgba(0,0,0,.7);
			background: rgba(0, 0, 0, 0.8);
			
		}
		
		.tooltip::after {
			content: '';
			position: absolute;
			top: -10px;
			left: 50%;
			margin-left: -10px;
			border-bottom: 10px solid #fff1d3;
			border-left: 10px solid transparent;
			border-right :10px solid transparent;
		}
		
		.tooltip-down .tooltip {
			bottom: 12px;
			top: auto;
		}
		
		.tooltip-down .tooltip::after {
			bottom: -10px;
			top: auto;
			border-bottom: 0;
			border-top: 10px solid #ffdb90;
		}
		
		.cjm-tooltip h2 {
			font: bold 1.2em 'Trebuchet MS', Tahoma, Arial;
			margin: 0 0 0px;
			color: #fff;
			    padding-bottom: 5px;
		}
		.cjm-image-desc h4{
		font-weight: 700;

		}
		
		.cjm-tooltip ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}	
		.cjm-tooltip ul li{
			font-size:13px;
			    line-height: 1.5rem;
		}	
		.cjm-image-desc-box {
		height: 100px;
		}	

/*--------------------*/
/* Select Language */
/*--------------------*/
.select-language {
   color: #717f86;
   font-size: 1.3rem !important;
}

/*--------------------*/
/* new index july */
/*--------------------*/

.rw-wrapper{
	width: 100%;
	position: relative;
	margin: 0px auto 0 auto;
	padding: 10px 10px 10px 0px;
	
}
.rw-sentence h1{

}
.rw-sentence{
	margin: 0;
	font-size: 42px;
	text-transform: none;
	font-weight: 400;
	text-align: left;
	text-shadow: 0 0 0 rgba(0,0,0,0.0001);    
	letter-spacing: .02rem;
}
.rw-sentence span{
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 35px;
    margin-top: 60px;

    color: #FFFFFF;
}
.rw-p {

color: #526B54 !important;
    margin-top: 0px;
    text-align: left;
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 80px;
    letter-spacing: 0.01rem;
    }
.rw-words{
	display: inline-block;

}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #3E7673;
  animation: rotateWord 10s linear infinite 0s;
  -ms-animation: rotateWord 10s linear infinite 0s;
  -webkit-animation: rotateWord 10s linear infinite 0s;
left: 0px;
    top: 0px;	

}
.rw-words-1 span:nth-child(2) { 
  animation-delay: 3s;
  -ms-animation-delay: 3s;
  -webkit-animation-delay: 3s;
	color: #CF245E;
	
	left: 0px;	
}
.rw-words-1 span:nth-child(3) { 
  animation-delay: 6s;
  -ms-animation-delay: 6s;
  -webkit-animation-delay: 6s;
	color: #6457A6;	
		left: 0px;	
	
}
.rw-description {
font-size: 32px !important;
}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; -webkit-transform: translateX(0px); }
    3% { opacity: 1; -webkit-transform: translateX(0px);}
    21% { opacity: 1; -webkit-transform: translateX(0px); }
    24% { opacity: 0; -webkit-transform: translateX(0px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; -ms-transform: translateX(0px); }
    3% { opacity: 1; -ms-transform: translateX(0px);}
    21% { opacity: 1; -ms-transform: translateX(0px); }
    24% { opacity: 0; -ms-transform: translateX(0px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; -webkit-transform: translateX(0px); transform: translateX(0px); }
    3% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px);}
    21% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); }
    24% { opacity: 0; -webkit-transform: translateX(00px); transform: translateX(0px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@media only screen and (max-width: 1199px){
	.bs-calltoaction.bs-calltoaction-default1 {
 
    background: linear-gradient(150deg, #626C66 37%, #434A42 35%) !important;

}
	.rw-sentence span {
    font-size: 36px;
	}
.button-row {
    margin: 0px 0px !important;
}
.rw-p {
    font-size: 17px;
    margin-bottom: 40px;

}

}
@media only screen and (max-width: 991px){
	.top-header-overlay {

    padding-top: 20px !important;
}
.button-row {
    margin-bottom: 40px !important;
}
.rw-p {

    margin-bottom: 40px;

}
}
@media only screen and (max-width: 563px) and (min-width: 300px){
	.top-header-overlay {

    padding-bottom: 20px !important;
}
	.rw-sentence {
    line-height: 21px !important;
}
	.rw-sentence span {
    font-size: 24px;

	}
	.rw-description {
    font-size: 18px !important;
}
.button-row {
    margin: 30px 0px !important;
}
.rw-p {

    margin-bottom: 40px;

}
}
.button-row {
    margin: 40px 0px;
}

.header-subtag {
padding-top: 80px;
padding-bottom: 20px;
text-align: center;

}
.featuretext {
text-align: center;
    padding: 0px 30px 0;
}
.featuretext p{
    color: #737c85;
        font-size: 16px;
}
.featuretext h2{
    font-size: 20px;
    color: #34495e;
        padding-bottom: 10px;
}
.header-feature-image {

margin-top: 30px;
margin-bottom: 40px;
}
.feature-slider {
height: 300px;
}


.tab-content {
  margin-left: 45px;
      position: relative;
    top: -350px;
}
@media (max-width: 1199px) {
	.tab-content {
   top: -220px;
}
	
}
.tabbable-panel .tab-content .tab-pane {
  display: none;
  padding: 1.6rem;
  overflow-y: auto;
}
.tabbable-panel .tab-content .active {
  display: inline;
}
  

.bg_img {
    top: 350px;
    left: 100px;
        position: relative;

}
.bg-img1 {
position:relative;
left: 20px;
    bottom: 0px;
    background-size: 720px 460px;


      
}
.owl-carousel .owl-item img{
    display: block;
    width:160px;
    height: 100%;
}

.owl-dots {
    text-align: center;
    position: fixed;
    bottom: -35px;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.owl-dot {
    border-radius: 50px;
    height: 15px;
    width: 15px;
    display: inline-block;
    background: rgba(127,127,127, 0.5);
    margin-left: 5px;
    margin-right: 5px;
}

.owl-dot.active {
    background: rgba(110, 197, 232, 1);
     height: 17px;
    width: 17px;
}

#owl-four {
	padding-top: 20px;
}
.owl-carousel .item {
width: 100%;
}
.splide.diagrams-index .item {
	width: 100%;
	margin-right: 10px;
}
.splide.diagrams-index .splide__slide {
	min-height: 150px;
	height: auto !important;
}
#example {
   position: absolute;
   top: 10px;
   left: 10px; 
    
   padding: 5px;

}
#diagramming-needs a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.links {
    margin: 0;
    padding: 0;
    list-style: none;
}
.links h3{
font-size: 18px;

}
.links p{

color: #717f86;
    font-weight: 400;
    font-size:1em;
}
.links li a {
    display: inline-block;
    position: relative;
    padding: 20px 15px 20px 15px;
        border-radius: 2px;
    transition: ease-out 0.5s all;
}
.links li a {
    width: 100%;

}
.links li.active a {
    background: #fff;
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.08);
    text-decoration: none;
}
#index_price_table{
	background-color: #f8f8f8;
}

/*PRICE COLOR CODE START*/
#index_price_table .index_content{
	background-color: #fff;
}

#index_price_table .index_content .index_head_price{
	background-color: #fff;
}

#index_price_table .index_content .index_head_price .index_head_content .head_bg{
	border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}

#index_price_table .index_content .index_head_price .index_head_content .head span{
	color: #525252;
}

#index_price_table .index_content .index_head_price .index_price_tag .price .sign{
    color: #414141;
}

#index_price_table .index_content .index_head_price .index_price_tag .price .currency{
    color: #414141;
}

#index_price_table .index_content .index_head_price .index_price_tag .price .cent{
    color: #414141;
}

#index_price_table .index_content .index_head_price .index_price_tag .month{
    color: #414141;
}

#index_price_table .index_content .index_feature_list ul li{	
	color: #a7a7a7;
}

#index_price_table .index_content .index_feature_list ul li span{
	color: #414141;
}
#index_price_table .index_content .index_feature_list ul li:hover{
	background-color: #E4E4E4;
	border-left: 5px solid #2ECC71;
}


#index_price_table .index_content.active .index_head_price .index_head_content .head_bg,
#index_price_table .index_content:hover .index_head_price .index_head_content .head_bg{
	border-color: #5d707f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #5d707f;
	color: #fff;
}
#index_price_table .index_content.active .index_head_price .index_head_content .head_bg.starter_head_bg,
#index_price_table .index_content:hover .index_head_price .index_head_content .head_bg.starter_head_bg{
	border-color: #8DBCB9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #8DBCB9;
	color: #fff;
}
#index_price_table .index_content.active .index_head_price .index_head_content .head_bg.advance_head_bg,
#index_price_table .index_content:hover .index_head_price .index_head_content .head_bg.advance_head_bg{
	border-color: #5E707E rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #5E707E;
	color: #fff;
}
#index_price_table .index_content.active .index_head_price .index_head_content .head_bg.combo_head_bg,
#index_price_table .index_content:hover .index_head_price .index_head_content .head_bg.combo_head_bg{
	border-color: #FC9B73 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FC9B73;
	color: #fff;
}
#index_price_table .index_content.active .index_head_price .index_head_content .head_bg.express_head_bg,
#index_price_table .index_content:hover .index_head_price .index_head_content .head_bg.express_head_bg{
	border-color: #84B593 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #84B593;
	color: #fff;
}
#index_price_table .index_content:hover .index_head_price .index_head_content .head span,
#index_price_table .index_content.active .index_head_price .index_head_content .head span{
	color: #fff;
}


#index_price_table{
	margin: 50px 0 50px 0;
   
}
.row .table{
    padding: 28px 0;
}

/*PRICE BODY CODE START*/

#index_price_table .index_content{
	overflow: hidden;
	position: relative;
	text-align: center;
	margin-bottom: 35px;
}

#index_price_table .index_content .index_head_price {
	margin: 0 0 20px 0;
}

#index_price_table .index_content .index_head_price .index_head_content{
	margin: 0 0 50px 0;
}

#index_price_table .index_content .index_head_price .index_head_content .head_bg{
    border-style: solid;
    border-width: 90px 1411px 23px 399px;
	position: absolute;
}

#index_price_table .index_content .index_head_price .index_head_content .head{
	padding-top: 40px;
	position: relative;
	z-index: 1;
}

#index_price_table .index_content .index_head_price .index_head_content .head span{
    font-family: "Raleway",sans-serif;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#index_price_table .index_content .index_head_price .index_price_tag{
	padding: 0 0 20px;
}

#index_price_table .index_content .index_head_price .index_price_tag .price{
	display: block;
}

#index_price_table .index_content .index_head_price .index_price_tag .price .sign{
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    vertical-align: middle;
}

#index_price_table .index_content .index_head_price .index_price_tag .price .currency{
    font-size: 60px;
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 60px;
    padding: 0;
    vertical-align: middle;
}

#index_price_table .index_content .index_head_price .index_price_tag .price .cent{
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    vertical-align: bottom;
}

#index_price_table .index_content .index_head_price .index_price_tag .month{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    vertical-align: bottom;
}

#index_price_table .index_content .index_feature_list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#index_price_table .index_content .index_feature_list ul li{
	font-size: 18px;
	padding: 15px 0;
	transition: all 0.3s ease-in-out 0s;
}
#index_price_table .index_content .index_feature_list ul li:hover{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;

}
#index_price_table .index_content .index_feature_list ul li .fa{
	padding: 0 10px;
}
#index_price_table .index_content .index_price_btn{
	margin: 20px 0 32px;
}



#index_price_table .index_content,
#index_price_table .index_content:hover,
#index_price_table .index_content .index_head_price .index_head_content .head_bg,
#index_price_table .index_content:hover .index_head_price .index_head_content .head_bg,
#index_price_table .index_content .index_head_price .index_head_content .head h2,
#index_price_table .index_content:hover .index_head_price .index_head_content .head h2,
#index_price_table .index_content .price,
#index_price_table .index_content:hover .price,
#index_price_table .index_content .index_price_btn a,
#index_price_table .index_content:hover .index_price_btn a{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
} 
@media (max-width: 320px) {	
}

@media (max-width: 767px) {
	#index_price_table .index_content{
		margin-bottom:75px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
.index_feature_list p {

    margin-bottom: 20px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
#index_price_table_home{
	 font-family: 'Raleway', sans-serif;
}

.text-center h1,
.text-center h1 a{
	color: #7885CB;
	font-size: 30px;
	font-weight: 400;
	text-decoration: none;
}
.demo-pic{
	margin: 0 auto;
}
.demo-pic:hover{
	opacity: 0.7;
}
.index_feature_list p{
padding: 10px;
    height: 50px;
        margin-bottom: 10px;
}
#index_price_table_home ul{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: table;
}
#index_price_table_home li{
	float: left;
}
#index_price_table_home li + li{
	margin-left: 10px;
	padding-bottom: 10px;
}
#index_price_table_home li a{
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0px;
}
#index_price_table_home .blue{
	background: #3498DB;
	transition: all 0.3s ease-in-out 0s;
}
#index_price_table_home .emerald{
	background: #2ECC71;
	transition: all 0.3s ease-in-out 0s;
}
#index_price_table_home .grey{
	background: #7F8C8D;
	transition: all 0.3s ease-in-out 0s;
}
#index_price_table_home .midnight{
	background: #34495E;
	transition: all 0.3s ease-in-out 0s;
}
#index_price_table_home .orange{
	background: #E67E22;
	transition: all 0.3s ease-in-out 0s;
}
#index_price_table_home .purple{
	background: #9B59B6;
	transition: all 0.3s ease-in-out 0s;
}
#index_price_table_home .red{
	background: #E74C3C;
	transition:all 0.3s ease-in-out 0s;
}
#index_price_table_home .turquoise{
	background: #1ABC9C;
	transition: all 0.3s ease-in-out 0s;
}

#index_price_table_home .blue:hover,
#index_price_table_home .emerald:hover,
#index_price_table_home .grey:hover,
#index_price_table_home .midnight:hover,
#index_price_table_home .orange:hover,
#index_price_table_home .purple:hover,
#index_price_table_home .red:hover,
#index_price_table_home .turquoise:hover{
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	transition: all 0.3s ease-in-out 0s;
}
#index_price_table_home .divider{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px;
}
#index_price_table_home .divider span{
	width: 100%;
	display: table;
	height: 2px;
	background: #ddd;
	margin: 50px auto;
	line-height: 2px;
}
#index_price_table_home .itemname{
	text-align: center;
	font-size: 50px ;
	padding: 50px 0 20px ;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	text-decoration: none;
    font-weight: 400;
}
#index_price_table_home .itemnametext{
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}
#index_price_table_home .footer{
	padding:40px 0;
}

.price-heading{
    text-align: center;
}
.price-heading h1{

	margin: 0;
	padding: 0 0 15px 0;
}
.demo-button {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium ;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.bottom_btn{
	background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 28px;
    margin: 60px auto 20px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}
.demo-button:hover{
	background-color: #666;
	color: #FFF;
	text-decoration:none;
	
}
.bottom_btn:hover{
	background-color: #666;
	color: #FFF;
	text-decoration:none;
}

.testimonial{
    margin: 0 10px;
    padding-top: 30px;
}
.testimonial .description{
    color: #8b8b8b;
    line-height: 1.8;
    position: relative;
    padding-top: 10px;
    margin-bottom: 5px;
      z-index: 1;
      font-size:15px;
}
.testimonial .description:before{
    content: "\f10d";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    color:#FEF6C9;
    position: absolute;
    top:-25%;
    left: 0;
    font-size: 70px;
      z-index: -1;
  
}
#testimonial-slider div.owl-item:nth-child(2n) .description:before{
    color: #ffd0d8;
}
#testimonial-slider div.owl-item:nth-child(3n) .description:before{
    color: #dae0ff;
}
.testimonial .testimonial-pic {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}
.testimonial .testimonial-pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 2px solid #696969;
}
.testimonial .testimonial-review{
    margin:0px 0 0 0px;
    text-align: right;
}
.testimonial .testimonial-title{
    font-size:16px;
    text-transform:capitalize;
    font-weight: bold;
    margin:0;
}
.testimonial .testimonial-review span{
    color: #585858;
    display: block;
    font-size: 14px;
    margin-bottom:5px;
    text-transform: capitalize;
}

.top-header-overlay {
    background: linear-gradient(rgba(63, 191, 191, 0.2), rgba(51, 153, 153, 0.1)), url("/images/home/15.1/wave-chart.png");
        background-color: #5BB7E9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding-top: 60px;
    
}
.top-header-overlay img {
    display: inline-block;
    margin: 0 auto;
        max-height: 538px;
}
.feature-dot {
    color: #74B496;
    font-size: .8rem !important;
}

.featured-item .meta-text {
    margin-left: 45px;
}

.featured-item .icon {

    float: left;
}
.pricing-notes{
padding-top: 20px;
font-size: 15px;

}
.pricing-notes-disclaimer{
font-size: 11px;
}
.pricing-notes p{

font-size: 15px;

}
.pricing-notes-disclaimer p{
font-size: 11px;
}

.more-diagrams {
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
border: 1px solid #ededed;
}
.more-diagrams-title{

      font-size: 1em;
    text-align: center;
    margin-top: 7px;
}

#tabs .tabbable-line > .nav-tabs > li.active{
	border-radius: 40px;
}

#tabs .tabbable-line > .nav-tabs > li.active > a{
	border-radius: 40px;
}

.splide-menu.nav-tabs li.active > a{
	border-radius:8px;
}

.splide-menu.nav-tabs li.active,.splide-menu.nav-tabs li:hover{
	height:100%;
}

#tabs .tabbable-line > .nav-tabs > li.active, .splide-menu.nav-tabs li.active {
    border: 0;
    background: #FEF0F0 !important;
    color: #d27f9a;
    border-bottom: 0px solid #39A7DF;
    padding: 0px 0px;
}
#tabs .tabbable-line > .nav-tabs > li.active > a, .splide-menu.nav-tabs li.active > a {
    border: 0;
    background: #FEF0F0 !important;
    color: #d27f9a !important;
    border-bottom: 0px solid #39A7DF;
 
}
#create-pages .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 {
	 padding: 0px 0px !important;
}
.create-now-btn, .create-now-btn:visited, .create-now-btn:active {
    font-weight: 700;
    background-color: #fd8825;

    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
        padding: 13px 25px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.create-now-btn:hover {
background-color: #d87524;
    cursor: pointer;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
      padding: 13px 25px;
    text-decoration: none;
  
}
.getstarted-try-btn, .getstarted-btn:visited, .getstarted-btn:active {
    font-weight: 700;
    background-color: #fd8825;

    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
        padding: 13px 25px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.getstarted-try-btn:hover {
background-color: #d87524;
    cursor: pointer;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
      padding: 13px 25px;
    text-decoration: none;
  
}
.index-signup-btn, .index-signup-btn a, .index-signup-btn:visited, .index-signup-btn:active {
    font-weight: 700;
    background-color: #8ED764;
    cursor: pointer;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
        padding: 9px 25px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.index-signup-btn:hover {
background-color: #85c65f;
    cursor: pointer;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
      padding: 9px 25px;
    text-decoration: none;
 
}
.index-academic-btn, .index-academic-btn a, .index-academic-btn:visited, .index-academic-btn:active {
    font-weight: 700;
    background-color: #fd8825;
    cursor: pointer;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
        padding: 13px 30px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.index-academic-btn:hover {
background-color: #d87524;
    cursor: pointer;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
      padding: 13px 30px;
    text-decoration: none;
 
}
.index-freetrial-btn, .index-freetrial-btn a, .index-freetrial-btn:visited, .index-freetrial-btn:active {
    font-weight: 700;
    background-color: #fd8825;
    cursor: pointer;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
        padding: 13px 35px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.index-freetrial-btn:hover {
background-color: #d87524;
    cursor: pointer;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
      padding: 13px 35px;
    text-decoration: none;
 
}
.express-yourself {

color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    background: linear-gradient(45deg, #5D707E, #357CA0);
    }
 .express-yourself h3{
    font-size: 1.7em;
    font-weight: 700;
    margin: 0 0 0px;
    color: #fff;
    padding-bottom: 0px;
    line-height: 1em;
    }
/*--------------------*/
/* Sitemap */
/*--------------------*/


.top-features-list .card_head_pro.sitemap_application{
	    color: red;
	
}
.card_head_pro h3.sitemap-h3 {
	 color: #4B4B4C;
	     text-transform: capitalize;
    line-height: 4rem;
    font-size: 18px;
}
.card_head_pro h3 {
font-size: 2.5rem;
    color: #F79D84;
    padding-bottom: 0px;
    border-bottom: 1px solid;
    text-transform: uppercase;
    font-weight: 900;
    text-align: initial;
}
    .top-features-list-style.sitemap {
-webkit-column-count: 1;

  -moz-column-count: 1;
      -moz-column-column-gap: 5px;
        -webkit-column-column-gap: 5px;
            column-gap: 5px;
  column-count: 1;
 height: 200px;
	    color: #595959;
    font-size: 13px;
    text-indent: 1rem;
  line-height: 21px;
  padding: 0;


}
.top-features-list-style.sitemap-templates.five-col {
-webkit-column-count: 5;

  -moz-column-count: 5;
      -moz-column-column-gap: 5px;
        -webkit-column-column-gap: 5px;
            column-gap: 5px;
  column-count: 5;



}

.top-features-list-style.sitemap-templates.four-col {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	-moz-column-column-gap: 20px;
	-webkit-column-column-gap: 20px;
	column-gap: 20px;
  	column-count: 4;
}

.top-features-list-style.sitemap-templates.three-col {
-webkit-column-count: 3;

  -moz-column-count: 3;
      -moz-column-column-gap: 5px;
        -webkit-column-column-gap: 5px;
            column-gap: 5px;
  column-count: 3;



}

.top-features-list-style.sitemap-templates {
-webkit-column-count: 2;

  -moz-column-count: 2;
      -moz-column-column-gap: 5px;
        -webkit-column-column-gap: 5px;
            column-gap: 5px;
  column-count: 2;
 height: 250px;
	    color: #595959;
    font-size: 13px;
    text-indent: 1rem;
  line-height: 21px;
  padding: 0;


}
.top-features-list .theme_card.sitemap {
	Margin-bottom: 20px;
}
.sitemap-create {
	top: -90px;
}
.vp-site-map-heading-area{
		text-align: left;
	padding: 0 0;
	width: 100%;
}
.vp-site-map-heading-area h1{
font-size: 28px !important;
}
.vp-site-map-heading-area h2 {
    font-size: 24px !important;
    font-weight: 500;
    padding-bottom: 5px;
}
.top-features-list .card_head_pro .sitemap_application{
	    color: red;
	
}
.card_head_pro h3 .sitemap-h3 {
	 color: red;
}

.site-map-heading {
	padding-top: 10px;
}
#explainer-vp-online {
	border-bottom: 0px solid #ccc;
}
.site-map-heading section {
	border-bottom: 1px solid #ccc;
}
.site-map-heading section .site-map-list {
  	border-right: 1px solid #ccc;
  	min-height: 160px;
}
.site-map-heading section .card_head_pro:last-child .site-map-list {
  	border: none;
}
.site-map-heading .vp-heading-title {
	margin: 20px 0 0 !important
}
.site-map-heading .card_head_pro {
	padding-right: 0;
	padding-bottom: 10px;
}
.site-map-heading .card_head_pro h3 {
	border: none;
	line-height: 3rem;
	margin-bottom: 5px;
}
.site-map-heading ul {
	list-style: disc;
	height: auto !important;
	text-indent: unset !important;
	text-align: left;
	margin-left: 15px;
}
@media (max-width: 991px) {
	.site-map-heading section .site-map-list {
    border-right: 0px solid #ccc;
    min-height: 160px;
}
	
}
/*====================
LISTS
====================*/

.list-circle {
  list-style-type: none;
  padding: 0;
}

.list-circle li {
    position: relative;
    line-height: 1.65em;
    font-size: 16px;
    display: table;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.5em;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 400;
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1.5em;
}

.list-circle li:last-child {
  margin: 0 !important;
}

.list-circle li:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(116, 180, 150, 0.9);
    -webkit-box-shadow: 0 0 0 7px rgba(116, 180, 150, 0.1);
    box-shadow: 0 0 0 7px rgba(116, 180, 150, 0.1);
    display: inline-block;
    margin-right: 1em;
    vertical-align: middle;
}
/*--------------------*/
/* Knowledge index */
/*--------------------*/
.knowledge-section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fff;
}

.knowledge-header-features-index {
    background-image: url(/images/knowledge/others/knownledge-index-bg.png);
    background-blend-mode: overlay;
    height: 300px;
    background-color: #0000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.knowledge-header-description{
	text-align: left;
	width: 30%;
	top: 20px;
    position: relative;
}
.knowledge-header-description p{
    color: white;
}
.knowledge-header-description h1{
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 10px;
}
.knowledge-featured-box {
padding-top: 30px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
background-color: #DDDDDF;
}
.knowledge-featured {
	display: flex;
	margin-bottom: 20px;
}
.knowledge-featured h4{
font-weight: 700;
    font-size: 1.2rem;
}
.knowledge-featured .icon{
margin-right: 20px;
    width: 45px;
}
.knowledge-featured .icon-style{
margin-right: 10px;
    font-size: 3rem;
    color: #39A7DF;
    margin-left: 10px;
}
.knowledge-featured-desc p{
font-size: 1rem;	
}
.knowledge-right-content-desc {
	padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
	
}
.knowledge-middle-content-box {
	background-color: #f9f9f9;
		padding-top: 30px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
}
.knowledge-middle-content-box h2 {
	text-align: center;
}
.knowledge-latest-article-content{
	background: #E7ECEF;
margin-right: 0px;
    margin-left: 0px;
}
/* Tabs panel */

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.splide-menu.nav-tabs {
	border: none;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a, .splide-menu.nav-tabs a {
  border: 0;
  margin-right: 0;
  color: #737373;
  font-size: 1.1rem;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.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: 4px solid #9fc9dd;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a,
.splide-menu.nav-tabs li.open > a, .splide-menu.nav-tabs li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li,
.splide-menu.nav-tabs li {
	border-bottom: 4px solid transparent;
}
.tabbable-line > .nav-tabs > li.active, .splide-menu.nav-tabs li.active, .tabbable-line > .nav-tabs > li.selected-tab {
  border-bottom: 4px solid #39A7DF;
  position: relative;
  background-color: #f0f8ff;
}
.tabbable-line > .nav-tabs > li.selected-tab a {
    background-color: #f0f8ff;
}
.tabbable-line > .nav-tabs > li.active > a,
.splide-menu.nav-tabs li.active a {
  border: 0;
  color: #333333;
  background-color: transparent;
  font-size: 1.1rem;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-panel .tabbable-line > .tab-content {
  margin-top: -3px;

  border: 0;

  padding: 15px 0;
    top: 0px;
    margin-left: 0px;
}
.tabbable-panel-menu .tab-content {
	margin-top: -3px;
    margin-left: 0px;
	border: 0;
  	padding: 5px 0;
    top: 0px;
} 
.tabbable-panel .tabbable-line > .tab-content .tab-pane {
    padding: 0rem;
    overflow-y: auto;
}
.tabbable-panel-menu .tab-content > .active {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.tabbable-panel-menu .splide {
	padding: .8rem 3em;
}
.tabbable-panel-menu .img-thumbnail {
	display: block !important;
	margin: 0 auto;
	width: 200px;
	height: 192px;
}
.tabbable-panel-menu .d-block-title {
	/*display: block;*/
    margin: 5px 0;
}
/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline;
     zoom:1;
}

.nav-tabs, .nav-pills {
    text-align:center;
}
.knowledge-common-list{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
    grid-gap: 20px;
    padding: 20px;
}

.knowledge-common-list-item{


  color:#333; 


  text-align:left;
}
.knowledge-common-list-item p{
margin-top: 10px;

}
.knowledge-common-list-1{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
    grid-gap: 20px;
    padding: 20px;
}

.knowledge-latest-articles-row-left {
	padding: 15px;
	margin-top: 20px;
}
.knowledge-latest-articles-row-right {

	margin-top: 20px;
}
.knowledge-latest-articles-row-left h3{
margin-bottom: 10px;
}
.knowledge-latest-articles-row-left p{
font-size: 1.3rem;
}
.knowledge-browse-btn, .knowledge-browse-btn:visited, .knowledge-browse-btn:active {
    font-weight: 700 !important;
    background-color: #fd8825;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
    padding: 13px 25px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.knowledge-browse-btn:hover {
    background-color: #d87524;
    cursor: pointer;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
	font-weight: 700;
    text-decoration: none;

}
@media (max-width:590px){
.knowledge-common-list{  
  grid-template-columns:repeat(2, 1fr);  
  }
}
.knowledge-slogan {
	    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 36px;

}
#knowledge-index h1{
font-size: 2.7rem;
    line-height: 1.31818182em;
    letter-spacing: -0.05rem;
}


.knowledge-collapsed-button.collapsed {
	color: #fff;
	font-weight: 700;
	   font-size: 1.2em;
}
#knowledge-accordion a:hover{
	    text-decoration: none;
	color:#fff;
		font-weight: 700;
}

#knowledge-accordion a:focus {
	    text-decoration: none;
	color: #3E7292;
	font-weight: 700;
}

.knowledge-button {
	color: white;
}
.knowledge-button.active {
	color: red;
}
#knowledge-accordion .panel-default {
    border: 0px;
        margin-top: 0px;
}
#knowledge-accordion .panel-body {
    padding: 0px;
    border: 0px;
}

#knowledge-accordion .panel-default>.panel-heading {
    background-color: #fff;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


#knowledge-accordion .panel-default>.panel-heading a {
  display: block;
  padding: 12px 15px;
    font-weight: 700;
        color: #3E7292;
    border: 2px solid #8BC7EC;
margin-top: 2px;
    margin-bottom: 2px;
}


#knowledge-accordion .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

#knowledge-accordion .panel-heading.active {
    background-color: #C5E3F5 !important;

    text-decoration: none;
}


#knowledge-accordion .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#knowledge-accordion .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}


.shadow {
    box-shadow: 0 2px 3px -1px #DCDCDC;
}
.knowledge-sidebar {
    padding-left: 0px;
}
.knowledge-sidebar .knowledge-sidebar-nav {
    background-color: #f8f8f8;
    padding: 5x;

}
.knowledge-sidebar .knowledge-sidebar-nav li {
    position: relative;
    list-style-type: none;
    border-bottom: 0;
}
.knowledge-sidebar .knowledge-sidebar-nav li a {
    position: relative;
    cursor: pointer;
    user-select: none;
    display: block;
    line-height: 38px;
    padding: 0 56px 0 16px;
    text-decoration: none;
    clear: both;
    font-weight: 400;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: inherit;

}
.ripple-effect {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.knowledge-sidebar .knowledge-sidebar-nav li i {
    padding-right: 10px;
    color: #000;
    border-right: 1px solid #ededed;
    margin-right: 10px;
}
.knowledge-sidebar-badge {
    position: absolute;
    right: 16px;
    top: 0;
}

.knowledge-sidebar .knowledge-sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

 .knowledge-posts .featured .image {
  height: 250px !important;
}
.knowledge-posts .featured .content {
  height: 250px !important;
}

.knowledge-posts .row .post:last-child {
  margin-right: 0 !important;
}
.knowledge-posts .post {
  flex: 1;
  overflow: hidden;
  height: 230px;

  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);

}
.knowledge-posts .post:hover {
  -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
}
.knowledge-posts .post:hover .image {
  opacity: 0.8;
}
.knowledge-posts .post .image, .knowledge-posts .post .content {
  display: inline-block;
  position: relative;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.knowledge-posts .post .image {
  float: left;
  width: 50%;
  height: 230px;
  background-size: cover;
  background-position: center center;
}


.knowledge-posts .post .content {
  padding: 0.5em 1em;
  width: 50%;

  height: 0px;
}
.knowledge-posts .post .content:before {
  content: '';
  position: absolute;
  background: white;
  width: 10px;
  height: 10px;
  top: 70%;
  left: -10px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-box-shadow: -1px 0 2px -1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -1px 0 2px -1px rgba(0, 0, 0, 0.1);
  box-shadow: -1px 0 2px -1px rgba(0, 0, 0, 0.1);
}
.knowledge-posts .post .content h1 {
  font-weight: 600;
  line-height: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.knowledge-posts .post .content p {
  font-weight: 300;
  font-size: 0.7rem;
  line-height: 1.5;
  margin-bottom: 0.5em;
  font-family: 'Merriweather', sans-serif;
}
.knowledge-posts .post .content .meta .icon-comment {
  font-size: 0.7em;
  line-height: 2;
  margin-top: auto;
}
.knowledge-latest-articles-meta-info{
	font-size: 0.9rem;
	    color: #666;

}
.knowledge-latest-articles-meta-info a{
	    color: #39A7DF;

}
.knowledge-latest-articles-meta-date {
    margin-top: 0px !important;
	    font-size: 0.9rem;
    color: #666;
}
.card-list {
 padding:0;
    margin:0;
    list-style-type:none;

	
}
.card-list li {
  width:50%;
    float:left;
}
.card-list li:nth-child(-n+1) {
    float: left;
    padding-left: 0;
}
.card-list li:nth-child(1n) {
    background: #fff;
}
.card-list li:nth-child(2n) {
    background: #fff;
}
.card-list li:nth-child(3n) {
    background: #f9f9f9;
}
.card-list li:nth-child(4n) {
    background: #f9f9f9;
}
.card-list li:nth-child(5n) {
    background: #fff;
}
.card-list li:nth-child(6n) {
    background: #fff;
}
.card-list li:nth-child(7n) {
    background: #f9f9f9;
}
.card-list li:nth-child(8n) {
    background: #f9f9f9;
}
.card-list li:nth-child(9n) {
    background: #fff;
}
.card-list li:nth-child(10n) {
    background: #fff;
}
.card-list li h3{
    font-size: 1.3rem;
}


#knowledge-index h2 {
    font-size: 2.5rem;
    margin-top: 15px;
    padding-bottom: 0px;
    letter-spacing: -0.04rem;
}

#knowledge-index li{
	font-size: 1.3rem;
	margin-bottom: 10px;
}
#knowledge-index .knowledge-content-side a {
font-size: 1.5rem;
font-weight: 700;
color: #4B4B4C;
}
.knowledge-sidebar .knowledge-sidebar-nav li {
	font-size: 1.1rem !important;
margin-bottom: 7px;
margin-top: 7px;
}

/*--------------------*/
/* Document Posts */
/*--------------------*/
.document_post {

}
.document_post h2{
	font-size: 1.5rem;
	
}
.document_post .content-container-alt {
	background-color: #fff;
    padding-bottom: 60px;
}
.document_post .main-content .sections .wp-block-columns.header-title-button {
    margin-bottom: 40px;
    display: flex;
}
.document_post .main-content .sections h1{
    font-size: 2.2rem;
}
.document_post .main-content .sections ul{
    list-style-type: disc;
    margin-bottom: 10px;
    font-size: initial;
}
.document_post .main-content .sections li{
margin: 0 0 24px;
line-height: 24px;
}
.document_post .main-content .sections ol {
    list-style: decimal;
    font-size: initial;
}
.document_post .main-content .sections p a {
    color: inherit;
    background-color: inherit;
    display: unset;
    padding: 0;
    text-decoration: underline;
    font-size: inherit;
    font-weight: unset;
}
.document_post .main-content .sections p a:hover {
    background-color: inherit;
}
.document_post .main-content .sections .btn-use-current-template {
    border-radius: 5px;
}
.document_post .main-content .sections .btn-use-current-template a {
    color: white;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    background-color: inherit;
    display: inherit;
    width: inherit;
    margin: 0;
    text-decoration: none;
}
.document_post .main-content .sections .wp-block-image::before {
    background: none;
}
.document_post .main-content .sections .wp-block-image.size-large, .document_post .main-content .sections .wp-block-image.size-full {
    text-align: center;
}
.document_post .main-content .sections .wp-block-image.size-large img, .document_post .main-content .sections .wp-block-image.size-full img {
    height: unset;
    width: unset;
}
.document_post .main-content .sections a {
    color: white;
    background-color: #60C58D;
    padding: 14px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 15px auto;
    width: 200px;
}
.document_post .main-content .sections a:hover {
    background-color: #4da575;
}

/*--------------------*/
/* Presentation Posts */
/*--------------------*/
.presentation_post {

}
.presentation_post .content-container-alt {
	background-color: #fff;
    padding-bottom: 60px;
}
.presentation_post .main-content .sections .wp-block-columns.header-title-button {
    /* margin-bottom: 40px; */
}
.presentation_post .main-content .sections .wp-block-column {
    display: inline-block;
}
.presentation_post .main-content .sections .wp-block-column~.wp-block-column {
    float: right;
    margin-top: -19px;
}
.presentation_post .main-content .sections h1{
    font-size: 2.2rem;
}
.presentation_post .main-content .splide__list li img {
    max-width: unset;
}
.presentation_post .main-content .sections ul{
    list-style-type: disc;
    margin-bottom: 10px;
    font-size: initial;
}
.presentation_post .main-content .sections ol {
    list-style: decimal;
    font-size: initial;
}
.presentation_post .main-content .sections p a {
    color: inherit;
    background-color: inherit;
    display: unset;
    padding: 0;
    text-decoration: underline;
    font-size: inherit;
    font-weight: unset;
}
.presentation_post .main-content .sections p a:hover {
    background-color: inherit;
}
.presentation_post .main-content .sections .btn-use-current-template {
    border-radius: 5px;
}
.presentation_post .main-content .sections .btn-use-current-template a {
    color: white;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    background-color: inherit;
    display: inherit;
    width: inherit;
    margin: 0;
    text-decoration: none;
}
.presentation_post .main-content .sections .wp-block-image.size-large {
    text-align: center;
}
.presentation_post .main-content .sections a {
    color: white;
    background-color: #60C58D;
    padding: 14px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 15px auto;
    width: 200px;
}
.presentation_post .main-content .sections a:hover {
    background-color: #4da575;
}

/*--------------------*/
/* Spreadsheet Posts */
/*--------------------*/
.spreadsheet_post {

}
.spreadsheet_post .content-container-alt {
	background-color: #fff;
    padding-bottom: 60px;
}
.spreadsheet_post .main-content .sections .wp-block-columns.header-title-button {
    margin-bottom: 40px;
}
.spreadsheet_post .main-content .sections .wp-block-column {
    display: inline-block;
}
.spreadsheet_post .main-content .sections .wp-block-column~.wp-block-column {
    float: right;
    margin-top: -19px;
}
.spreadsheet_post .main-content .sections h1{
    font-size: 2.2rem;
}
.spreadsheet_post .main-content .sections ul{
    list-style-type: disc;
    margin-bottom: 10px;
    font-size: initial;
}
.spreadsheet_post .main-content .sections ol {
    list-style: decimal;
    font-size: initial;
}
.spreadsheet_post .main-content .sections p a {
    color: inherit;
    background-color: inherit;
    display: unset;
    padding: 0;
    text-decoration: underline;
    font-size: inherit;
    font-weight: unset;
}
.spreadsheet_post .main-content .sections p a:hover {
    background-color: inherit;
}
.spreadsheet_post .main-content .sections .btn-use-current-template {
    border-radius: 5px;
}
.spreadsheet_post .main-content .sections .btn-use-current-template a {
    color: white;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    background-color: inherit;
    display: inherit;
    width: inherit;
    margin: 0;
    text-decoration: none;
}
.spreadsheet_post .main-content .sections .wp-block-image.size-large, .spreadsheet_post .main-content .sections .wp-block-image.size-full {
    text-align: center;
}
.spreadsheet_post .main-content .sections .wp-block-image.size-large img, .spreadsheet_post .main-content .sections .wp-block-image.size-full img {
    height: unset;
    width: unset;
}
.spreadsheet_post .main-content .sections a {
    color: white;
    background-color: #60C58D;
    padding: 14px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 15px auto;
    width: 200px;
}
.spreadsheet_post .main-content .sections a:hover {
    background-color: #4da575;
}

/*--------------------*/
/* Smart board Posts */
/*--------------------*/
.board_post {

}
.board_post .image-popup-container {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000000d4;
}
.board_post .image-popup-container #popup-close-btn {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 2.2rem;
    color: white;
    cursor: pointer;
    transition: color .3s ease; 
    z-index: 10;
    background-color: #000000d4;
    padding: 3px;
}
.board_post .image-popup-container #popup-close-btn:hover {
    color: #bebebe;
}
.board_post .image-popup-container #image-popup-displayer {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.board_post h2{
	font-size: 1.5rem;
	
}
.board_post .content-container-alt {
	background-color: #fff;
    padding-bottom: 60px;
}
.board_post .main-content .sections .wp-block-columns.header-title-button {
    margin-bottom: 40px;
    display: flex;
}
.board_post .main-content .sections h1{
    font-size: 2.2rem;
}
.board_post .main-content .sections ul{
    list-style-type: disc;
    margin-bottom: 10px;
    font-size: initial;
}
.board_post .main-content .sections li{
margin: 0 0 24px;
line-height: 24px;
}
.board_post .main-content .sections ol {
    list-style: decimal;
    font-size: initial;
}
.board_post .main-content .sections p a {
    color: inherit;
    background-color: inherit;
    display: unset;
    padding: 0;
    text-decoration: underline;
    font-size: inherit;
    font-weight: unset;
}
.board_post .main-content .sections p a:hover {
    background-color: inherit;
}
.board_post .main-content .sections .btn-use-current-template {
    border-radius: 5px;
}
.board_post .main-content .sections .btn-use-current-template a {
    color: white;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    background-color: inherit;
    display: inherit;
    width: inherit;
    margin: 0;
    text-decoration: none;
}
.board_post .main-content .sections .wp-block-image::before {
    background: none;
}
.board_post .main-content .sections .wp-block-image.size-large, .board_post .main-content .sections .wp-block-image.size-full {
    text-align: center;
}
.board_post .main-content .sections .wp-block-image.size-large img, .board_post .main-content .sections .wp-block-image.size-full img {
    height: unset;
    width: unset;
}
.board_post .main-content .sections a {
    color: white;
    background-color: #60C58D;
    padding: 14px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 15px auto;
    width: 200px;
}
.board_post .main-content .sections a:hover {
    background-color: #4da575;
}
.board_post .main-content .sections a#triggerBtn {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #434343;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    width: 30px;
    margin: 0;
}

/*--------------------*/
/* Knowledge Articles */
/*--------------------*/
.knowledge_articles .title-container h1 {
    font-size: 2.7rem;
    font-weight: 400;
}
.knowledge_articles  h2 {
	 padding-top: 7px;
    padding-bottom: 5px;
      font-size: 28px;
}
.knowledge_articles  h3 {
     padding-bottom: 5px;
    padding-top: 7px;
    font-size: 24px;
    line-height: 1.36363636em;
}
.knowledge_articles h4 {

    margin-top: 15px;
    margin-bottom: 10px;
}
.knowledge_articles .content-container-alt {
	background-color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
	
}
.knowledge_articles .main-content{
padding-left: 20px;
    border-left: 1px solid #dddddd;
}
.knowledge_articles .main-content p {
	padding-bottom: 15px;
}

.knowledge_articles .main-content ol {
   list-style: decimal;
	margin-bottom: 15px;
}
.knowledge_articles .main-content ul {
list-style-type: disc;
margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
        text-transform: capitalize;
}
.knowledge_articles .main-content td{
	margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.68421053em;
    font-weight: 400;
    color: #808080;
        padding-top: 10px;
    padding-bottom: 15px;
    vertical-align: top;
        padding-right: 20px;
}
.knowledge_articles .main-content .knowledge-btn {
    display: inline-block;
    color: #52bfa2;
    border: 1px solid #52bfa2;
    background-color: #fff;
    text-align: center;
    margin-right: 20px;
    text-decoration: none;
    padding: .4rem 1.125rem;
    margin-bottom: 10px;
}


#knowledge-sidebar .nav-link {

	    margin-bottom: 15px;
    display: block;
    padding: .7rem .7rem;
    line-height: 1.5;
    color: #767676;
    font-weight: 400;
    white-space: normal;
    font-size: 18px;
   
}
.knowledge-sidebar>li>a {
	    font-size: 16px;
    margin-left: -30px;
    display: block;
    padding: .7rem .7rem;
    line-height: 1.5;
    color: #767676;
    font-weight: 400;
    white-space: normal;
}
.knowledge_articles img { 
margin-top: 10px;
margin-bottom: 20px;
height: 100%;
}
.knowledge_articles #masthead { 
 min-height:250px;
}

.knowledge_articles #masthead h1 {
 font-size: 30px;
 line-height: 1;
 padding-top:20px;
}

.knowledge_articles #masthead .well {
 margin-top:8%;
}

@media screen and (min-width: 768px) {
  .knowledge_articles #masthead h1 {
    font-size: 50px;
  }
}

.knowledge_articles .navbar-bright {
 background-color:#111155;
 color:#fff;
}

.knowledge_articles .affix-top,.affix{
 position: static;
}

@media (min-width: 979px) {
  .knowledge_articles #knowledge-sidebar.affix-top {
    position: static;
  	margin-top:0px;
  	 width:258px;
  }
    .knowledge_articles #knowledge-sidebar.affix-bottom {
    position: absolute;

  	 width:258px;
  }
  
  .knowledge_articles #knowledge-sidebar.affix {
    position: fixed;
    top:70px;
    width:258px;
  }
}

.knowledge_articles #knowledge-sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}


/*--------------------*/
/* scrum canvas */
/*--------------------*/
.list-style-one, .list-contact-email {
    position: relative;
     color: #808080;
}
#feature-diagrams-listing .list-style-one li {
	
	    font-size: 15px;
}
.list-style-one li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.6em;
    font-weight: 400;

}
.list-style-one li:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    position: absolute;
    left: 0px;
    top: 4px;
    color: #FF8C61;
    display: inline-block;
    background-color: #FDDDCC;
    width: 18px;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.scrum-icon-box-tabs {
text-align: center;

}
.scrum-icon-box-tabs .nav-pills {
    display: inline-block;
}
.scrum-icon-box-tabs .nav-pills>li>a {
    border-radius: 0;
    background: rgba(34, 34, 34, .0);
    color: #434343;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
}
.scrum-icon-box-tabs .nav-pills>li>a:hover:after, .scrum-icon-box-tabs .nav-pills>li.active>a:after, .scrum-icon-box-tabs .nav-pills>li.active>a:focus:after, .scrum-icon-box-tabs .nav-pills>li.active>a:hover:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}
.scrum-icon-box-tabs .nav-pills>li>a:after {
    opacity: 0;
    bottom: 0px;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fbae32 transparent transparent transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.scrum-icon-box-tabs .nav-pills>li>a i {
    font-size: 36px;
    margin-bottom: 10px;
}
.scrum-icon-box-tabs .nav-pills>li+li {
    margin-left: 20px;
}

.scrum-icon-box-tabs .nav>li>a {
    position: relative;
    display: block;
    padding: 20px 5px;
    width: 160px;
   
         margin-top: 15px;
}
.scrum-icon-box-tabs .nav-pills>li>a:hover, .scrum-icon-box-tabs .nav-pills>li.active>a, .scrum-icon-box-tabs .nav-pills>li.active>a:focus, .scrum-icon-box-tabs .nav-pills>li.active>a:hover{
    color: #222;
    background: rgba(255, 255, 255, 1);
    
      -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
}
@media screen and (max-width:991px) and (min-width: 768px) {
	.scrum-icon-box-tabs .nav>li>a {
    padding: 20px 5px;
    width: 90px;
    font-size:.9em;
        line-height: 1.5em;
          height: 120px;
}
}

@media screen and (max-width: 767px) {
		.scrum-icon-box-tabs .nav>li>a {
    padding: 20px 5px;
    height: 120px;
    width: 75px;
    line-height: 1.3em;
    font-size: .9em;
}
}
.scrum-canvas-img {
	margin-bottom: 20px;
	margin-top: 20px;
	
}
.scrum-canvas-sub-features {
    display: inline;
    float: left;
    text-align: center;
    width: 100%;
    background: #fff;
    padding: 20px 10px;
    margin: 7px 0 5px;
    font-weight: 400;

}
.scrum-canvas-sub-features p{
    font-size: 1.2em;
        margin-bottom: 20px;
    line-height: 1.68421053em;
 color: #808080;

}

.scrum-canvas-sub-features h3{
	    margin-top: 0.68421052631579em;
	    margin-bottom: 0.342105263157895em;
    font-size: 1.78571429em;
    line-height: 1.5em;
}

/*--------------------*/
/* newsroom */
/*--------------------*/
.newsroom.section-padding{
	padding: 20px 0px;
	background-color: #fff;
}
.newsroom p{
    margin-bottom: 20px;
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    font-weight: 400;
    color: #808080;
}
.newsroom .meta {
    letter-spacing: .07em;
    margin: 10px 0 15px;
    padding: 15px 0 15px 2px;
    color: #222D3A;
    border-top: 1px solid #e8e8e8;
    border-bottom: 4px solid #e8e8e8;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.newsroom .meta-publish-date {
    letter-spacing: .07em;
    margin: 10px 0 15px;
    padding: 15px 0 15px 2px;
    color: #222D3A;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.newsroom h2 {
	font-size: 1.7rem;
	padding-bottom: 2px;
	padding-top: 13px;
}
.newsroom h3 {
	font-size: 1.5rem;
		padding-bottom: 2px;
	padding-top: 13px;
}
.newsroom h4 {
	font-size: 1.3rem;
		padding-bottom: 2px;
	padding-top: 13px;
}
.newsroom .about-vp-title {
	font-size: 21px;
	padding-bottom: 2px;
	padding-top: 20px;
	margin-bottom: 3px;
	    color: #4B4B4C;
	    font-weight: 500;
	        margin-top: 20px;
}
.newsroom .headline-summary {
	    font-style: italic;
	    font-size: 1.1em;
	
	
}
.newsroom h1 {
    font-size: 2.7em;
}
.newsroom img {
    margin-top: 10px;
    margin-bottom: 30px;
}
.newsroom ol li {
    margin-top: 10px;
    margin-bottom: 10px;
}
.newsroom ol {
		    margin-bottom: 20px;
    font-size: 1.27em;
    line-height: 1.68421053em;
    font-weight: 400;
        list-style: decimal;
	
	
}
.newsroom ul {
	       list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 1em;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
		    margin-bottom: 20px;
    font-size: 1.27em;
    line-height: 1.68421053em;
    font-weight: 400;
	
}
.timeline {
	list-style: none;
	    font-size: 0.9rem !important;
}

.timeline>li {
	margin-bottom: 60px;
}

/* for Desktop */
@media ( min-width : 640px ) {
	.timeline>li {
		overflow: hidden;
		margin: 0;
		position: relative;
	}
	.publish-date {
		width: 110px;
		float: left;
		margin-top: 20px;
		font-size: .9rem !important;
	}
	.timeline-content {
		width: 80%;
		float: left;
		border-left: 3px #e5e5d1 solid;
		padding-left: 30px;
		padding-top: 16px;
		    padding-bottom: 10px;
	}
	.timeline-content p {
		margin: 0 0 10px;
	}
	.timeline-content:before {
		content: '';
		width: 12px;
		height: 12px;
		background: #6fc173;
		position: absolute;
		left: 106px;
		top: 24px;
		border-radius: 100%;
	}
}

.center-menu {
	margin: 0px auto;
	float: none;
}

.center-menu .presstag-press {
	width: 100%;
	min-height: 30px;
	margin-bottom: 2px;
	background: #fff;
	list-style: none;
	padding: 10px;
	border-left: 5px solid #F7C548;
}
.center-menu .presstag-product {
	width: 100%;
	min-height: 30px;
	margin-bottom: 2px;
	background: #fff;
	list-style: none;
	padding: 10px;
	border-left: 5px solid #79B473;
}
.center-menu .presstag-site {
	width: 100%;
	min-height: 30px;
	margin-bottom: 2px;
	background: #fff;
	list-style: none;
	padding: 10px;
	border-left: 5px solid #4BB3FD;
}
.presstag-main-press {
	float: right;
font-size: .9rem;
	background: #fff;
	list-style: none;
	padding-left: 10px;
	border-left: 5px solid #F7C548;
	    width: 140px;
}
.presstag-main-product {
	float: right;
font-size: .9rem;
	background: #fff;
	list-style: none;
	padding-left: 10px;
	border-left: 5px solid #79B473;
	    width: 140px;
}

.presstag-main-site {
	float: right;
font-size: .9rem;
	background: #fff;
	list-style: none;
	padding-left: 10px;
	border-left: 5px solid #4BB3FD;
	    width: 140px;
}

.social-btns {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.social-btns li {
	float: left;
	margin-bottom: 5px;
	padding-left: 14px;
	padding-bottom: 14px;
}

.social-btns li i {
	font-size: 18px;
	margin-top: 2px;
}

.social-btns .btn-facebook {
	background-color: #38519f;
	border: 0;
	color: #ffffff;
	width: 140px;
	height: 27px;
	font-size: .8rem;
}

.social-btns .btn-facebook p {
	top: -10px;
}

.social-btns .btn-facebook:hover {
	color: #ffffff;
	background-color: #293b75;
	height: 27px;
}

.social-btns .btn-twitter {
	background-color: #00a8fa;
	border: 0;
	color: #ffffff;
	width: 140px;
	height: 27px;
	font-size: .8rem;
}

.social-btns .btn-twitter:hover {
	color: #ffffff;
	background-color: #048cce;
	height: 27px;
	font-size: .8rem;
}

.social-btns .btn-linkedin {
	background-color: #00629e;
	border: 0;
	color: #ffffff;
	width: 140px;
	height: 27px;
	font-size: .8rem;
}

.social-btns .btn-linkedin:hover {
	color: #ffffff;
	background-color: #044a75;
}

.social-btns .btn-google {
	background-color: #df270b;
	border: 0;
	color: #ffffff;
	width: 140px;
	height: 27px;
	font-size: .8rem;
}

.social-btns .btn-google:hover {
	color: #ffffff;
	background-color: #a01b03;
}

.social-btns .btn-email {
	background-color: #A2C3A4;
	border: 0;
	color: #ffffff;
	width: 140px;
	height: 27px;
	font-size: .8rem;
}

.social-btns .btn-email:hover {
	color: #ffffff;
	background-color: #94B296;
}

.social-btns .btn-copy-link {
	background-color: #BFBFBF;
	border: 0;
	color: #ffffff;
	width: 140px;
	height: 27px;
	font-size: .8rem;
}

.social-btns .btn-copy-link:hover {
	color: #ffffff;
	background-color: #AEAEAE;
}
/*--------------------*/
/* HERO SECTION */
/*--------------------*/

#mu-hero {
	background-color: #C2E7DA;
	   padding-top: 60px;
	  
   
	width: 100%;
}
#mu-hero img{
   
	width: 100%;
}

.mu-hero-left{

	width: 100%;
	    position: relative;
 
}

.mu-hero-right {
	
	width: 100%;
}

.mu-hero-left h1 {
	color: #333;
	font-size: 44px;
	margin-bottom: 20px;
}
.mu-hero-left-ch h1{
    color: #333;
    font-size: 41px;
    margin-bottom: 20px;
}

.mu-hero-left p {
	color: #333;
	margin-bottom: 35px;
}

.mu-hero-left .mu-primary-btn {
	margin-top: 20px;
	background-color: #fff;
	font-weight: 600;
}

.mu-hero-left span {
	display: block;
	margin-top: 10px;
	color: #f8f8f8;
}
.top-try-btn, .top-try-btn:visited, .top-try-btn:active {
	    font-weight: 700;
background-color: #52bfa2;
   
    border-radius: .2rem;
    color: #fff;
   
    padding: .6rem 3.125rem;
    text-decoration: none;
      transition:all 0.3s ease;
}
.top-try-btn:hover {
background-color: #47aa90;
    color: #fff;
    text-decoration: none;
   
  
}
.button-row {
	margin: 40px 0px;
	
}

/***********************************
buttons
************************************/
.general-btn, .general-btn:visited, .general-btn:active {
	    font-weight: 700;
background-color: #52bfa2;
  
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
    padding: .5rem 2.125rem;
    text-decoration: none;
      transition:all 0.3s ease;
}
.general-btn:hover {
background-color: #47aa90;
    color: #fff;
    text-decoration: none;
  
}
.general-sm-btn, .general-sm-btn:visited, .general-sm-btn:active {
	    font-weight: 400;
background-color: #52bfa2;
    border: 2px solid #fff;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
    padding: .6rem 2.125rem;
    text-decoration: none;
      transition:all 0.3s ease;
}
.general-sm-btn:hover {
background-color: #47aa90;
    color: #fff;
    text-decoration: none;
  
}
.inverse-btn:hover {
	   
background-color: #47aa90;
    color: #fff;
    text-decoration: none;
    text-decoration: none;
      transition:all 0.3s ease;
}
.btn-center-row {
	text-align: center;
}
.inverse-btn, .inverse-btn:visited, .inverse-btn:active  {
	font-weight: 400;
background-color: #fff;
    border: 2px solid #52bfa2;
    border-radius: .2rem;
    color: #52bfa2;
    font-size: 1em;
    padding: .6rem 2.125rem;
    text-decoration: none;
  
}
.trynow-btn, .trynow-btn:visited, .trynow-btn:active {
	font-weight: 400;
    background-color: #52bfa2;
    border: 2px solid #fff;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
    padding: .6rem 2.525rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.trynow-btn:hover {
background-color: #fff;
    border: 2px solid #52bfa2;
    border-radius: .2rem;
    color: #52bfa2;
    font-size: 1em;
    padding: .6rem 2.525rem;
    text-decoration: none;
  
}
.editnow-btn, .editnow-btn:visited, .editnow-btn:active{
	    font-weight: 400;
    background-color: #52bfa2;
    border: 2px solid #fff;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
    padding: .2rem 1.525rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.editnow-btn:hover {
background-color: #fff;
    border: 2px solid #52bfa2;
    border-radius: .2rem;
    color: #52bfa2;
    font-size: 1em;
    padding: .2rem 1.525rem;
    text-decoration: none;
  
}


.button-container {
	margin-top: 40px;
	text-align: center;
	
}
/***********************************
Diagram Examples Index
************************************/
.list_catagories_item {
	margin-bottom: 5px;
}

.list_catagories_link:hover, .list_catagories_link:focus,
	.list_catagories_link.active {
	color: #57BEA2;
}

.list_catagories_link {
	font-size: 14px;
	color: #42495b;
	text-transform: capitalize;
	text-align: left;
}

.categories_title {
	font-size: 11px;
	font-weight: 600;
	color: #bcbcbc;
	margin-bottom: 7px;
}
/*==============================
=      Templates                 =
==============================*/
.template_wapper {
	border: solid 2px rgba(232, 232, 232, 0.8);
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.template_wapper:hover {
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	transition: all .2s ease-in-out;
	border: solid 2px rgba(41, 192, 212, 1);
}

.template_item:focus {
	outline: 0;
}

.template_item.slick-slide {
	height: auto;
	padding: 0 15px;
}

.template_top {
	position: relative;
}

.template_top:hover .template_hover {
	opacity: 1;
	visibility: visible;
}

.template_top_wapper {
	position: relative;
}

.template_top_wapper:before {
	content: '';
	display: block;
	padding-top: 61%;
}

.template_top__image {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: auto;
	
}

.template_top__image:hover {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: auto;

}

.template_top__bt-seller {
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: rotate(-90deg) translateY(-100%);
	-ms-transform: rotate(-90deg) translateY(-100%);
	transform: rotate(-90deg) translateY(-100%);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	padding: 5px 11px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #07d79b;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}

.template_content {
	padding: 7px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: -0.2px 1px 5px 0 #ebebeb;
	box-shadow: -0.2px 1px 5px 0 #ebebeb;
	background-color: #F7F7F7;
	border-top: solid 3px #29c0d4;
}

.template_content p {
	font-size: 13px;
	line-height: 21px;
	color: #9b9b9b;
}

.template_content_title {
	display: inline-block;
	letter-spacing: -0.03rem;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	color: #666666;
}

.template_content_title:hover {
	
}

.template_content__image {
	width: 100%;
	height: auto;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.template_content__info {
	font-size: 0;
}

.template_content__icon {
	margin-right: 10px;
}

.template_item {
	padding: 1rem;
}

.template_hover-content {
	display: inline-block;
}

.template_hover-content__item {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 5px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	line-height: 43px;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.template_hover-content__item:hover {
	background-color: #07d79b;
	color: #fff;
}

.template_hover-content__icon::before {
	margin-left: 0;
}

#template-index-sidebar.affix {
	margin-top: 10px;
}

@media ( min-width : 979px) {
	#template-index-sidebar.affix-top {
		position: static;
		margin-top: 0px;
		width: 228px;
	}
	#template-index-sidebar.affix-bottom {
		position: relative;
	}
	#template-index-sidebar.affix {
		position: fixed;
		top: 90px;
		width: 228px;
	}
}

#template-index-sidebar.nav>li>a {
	position: relative;
	display: inline-block;
	padding: 0px 0px;
}

#template-index-sidebar.nav>li>a:focus, #template-index-sidebar.nav>li>a:hover {
	text-decoration: none;
	background-color: transparent;
}
.template-dropdown {
padding-bottom: 20px;
}
.template-dropdown-btn {
    height: 40px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #EAEBEF;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    width: 100%;
}
.template-dropdown-menu {

    top: 70%;
  width: 100%;

    background-color: #EAEBEF;

}
/***********************************
Diagram Examples
************************************/
#diagram-examples .panel-footer {
	
	    padding: 5px 2px;
    background-color: #f5f5f5;
    border-top: 0px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 12px;
       font-weight: 600;
    letter-spacing: .01em;
}

#diagram-examples .panel-body {
    padding: 8px;
}
#diagram-examples .diagram-examples-search-icon {
	color: white;
}
#diagram-examples .back-top-top-icon {
	color: #cccccc;
}
#diagram-examples .stylish-input-group .input-group-addon{
    background: #ccc !important; 
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
#diagram-examples .stylish-input-group .input-group-addon:hover {
    background: #7bd379 !important; 
}
#diagram-examples .stylish-input-group .form-control{
    border-right:0; 
	box-shadow:0 0 0; 
	
	    background-color: white;

}
#diagram-examples .stylish-input-group button{
    border:0;
    background:transparent;
}
#diagram-examples .img-thumbnail {
    display: inline-block;
    width: 200px;
    height: 190px;
    padding: 0px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#diagram-examples .getstarted-try-btn, .getstarted-btn:visited, .getstarted-btn:active {
    font-weight: 700;
    background-color: #fd8825;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
    padding: 8px 15px;
    text-decoration: none;
    transition: all 0.3s ease;
}

#diagram-examples .getstarted-try-btn:hover {
background-color: #d87524;
    cursor: pointer;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
      padding: 8px 15px;
    text-decoration: none;
  
}
#diagram-examples .select-diagram-type {
	padding-top: 15px;
	
}
#diagram-examples .diagrams-examples-categories-nav {
		margin-bottom: 20px;
		margin-top: 20px;
	
}
#diagram-examples .search_container {
margin-bottom: 20px;
		margin-top: 20px;
		float: right;
	   
   
}
@media only screen and (max-width: 1199px) {
	
#diagram-examples .search_container {
margin-top: 20px;
	    width: 100%;
    
}
#diagram-examples .select-diagram-type {
	padding-top: 30px;
	
}
}
.diagram-example-section-padding {
	    padding: 60px 0px;
    background-color: #fff;
}
.page-header {
    background: #f9f9f9;
    margin: -30px -40px 40px;
    padding: 20px 40px;
    border-top: 4px solid #ccc;
    color: #999;
    text-transform: uppercase;
}
    
.page-header h3 {
    line-height: 0.88rem;
    color: #000;
}

ul.thumbnails { 
    margin-bottom: 0px;
}

.example-carousel-inner {
	margin-top: 30px;
    position: relative;
    width: 100%;
    float: left;
    height: 116px;
    overflow: hidden;
}
/* Thumbnail Box */
.caption h4 {
    color: #444;
}

.caption p {  
    color: #999;
}

.example-carousel-caption {
    text-align: center;
    font-size: .9em;
    line-height: 1em;

}
 .diagram-block {   
 width: 100px;
    float: left;
    text-align: center;
        margin-left: 6px;
}
 .diagram-block img{   
margin-bottom: 10px;
}
 .whole-diagram-block {       
 width: 2800px;
 position: absolute;
}

/* Carousel Control */
.example-carousel-control-box {
    text-align: right;
    width: 100%;
}
.example-carousel-control{
    background: #666;
    border: 0px;
    border-radius: 0px;
    display: inline-block;
    font-size: 34px;
    font-weight: 200;
    line-height: 18px;
    opacity: 0.5;
    padding: 4px 10px 0px;
    position: static;
    height: 30px;
    width: 15px;
}
.example-carousel-pager li {
    display: inline;
}
.example-carousel-pager {
    padding-left: 0;
    margin-bottom: 20px;
    text-align: right;
    list-style: none;
}
.example-carousel-pager li>a, .example-carousel-pager li>span {
display: inline-block;
    padding: 2px 8px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 7px;

}


/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
        text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
        word-break: break-all;
    }
}
.seperator-types {
	padding-bottom: 20px;
}

.seperator-end-line { 
 border : 0;
  height: 1px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); 
  width:50%;
      margin-top: 50px;
}

::selection { background: #ff5e99; color: #FFFFFF; text-shadow: 0; }
::-moz-selection { background: #ff5e99; color: #FFFFFF; }
/***********************************
feature comparison Table Responsive pricing
************************************/
.pricing-sub-cat {
    float: left;
    font-weight: 500;
}
.feature-editions-table {
	margin-top: 60px;
}
#feature-comparison.section-padding{
	padding: 60px 0px;
	background-color: #fff;
}
.feature-comparison.table>tbody>tr>th {
	    border-top: 1px solid #ddd;
	
}
.feature-comparison-no-border {
    padding: 9px 10px;
    text-align: left;
    border-bottom: 0 !important;
    border-top: 0px !important;
    
}
.feature-comparison table th h2 {
    font-weight: 400;
    line-height: 1;
    color: #59c7fb;
    padding-left: .4rem;
    padding-right: .4rem;
    padding-bottom: 5px;
    white-space: nowrap;
    padding-top: 20px;
}
.discount-pricing {

    font-size: .9em;
    line-height: 1.4;
    color: #999;
    font-weight: 500;
    padding-bottom: 15px;
}
.feature-comparison table th h2 + p {
	    margin: 0 0 10px;
    font-size: 1.2em;
    line-height: 1.4;
     color: #999;
     font-weight: 400;
}
.feature-comparison table td {
	border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
.feature-comparison table tbody th {
	    padding: 1rem 0rem 1rem;
}
.feature-editions-table table tbody td {
	    padding: .5rem .625rem .625rem;
    text-align: center;
    background-color: #fff !important;
    margin-bottom: 10px;
	
}
.feature-editions-table .feature {
	    padding: .5rem .625rem .625rem;
        text-align: left;
    font-weight: 400;
    background-color: #fff !important;
    margin-bottom: 10px;
 
	
}
.feature-editions-table table th.header {
        background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
    text-align: center;
    color: #fff;
    font-size: 1.125rem;
    width: 20%;
        border: 1px solid #ccc !important;
        padding-left: 15px;
    padding-right: 15px;
}
.feature-editions-table table th.pe {
    background-color: #781dd3 !important;
    text-align: center;
    color: #fff;
    font-size: 1.125rem;
    width: 10%;
}
.feature-editions-table table th.se {
background-color: #009ad8 !important;
    text-align: center;
    color: #fff;
    font-size: 1.125rem;
    width: 10%;
}
.feature-editions-table table th.me {
    background-color: #da741c !important;
    text-align: center;
    color: #fff;
    font-size: 1.125rem;
    width: 10%;
}
.feature-editions-table table th.ee-price {
	 background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
    text-align: center;
    color: #59c7fb;
    height: 100px;
    font-size: 2.625rem;
    position: relative;
        border-bottom: 1px solid #ccc;
}
.feature-editions-table table th.pe-price {
    background-color: #9451d6 !important;
    text-align: center;
    color: #fff;
    height: 100px;
    font-size: 2.625rem;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

.feature-editions-table table th.se-price {
    background-color: #9451d6 !important;
    text-align: center;
    color: #fff;
    height: 100px;
    font-size: 2.625rem;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}


.feature-editions-table table th.me-price {
    background-color: #9451d6 !important;
    text-align: center;
    color: #fff;
    height: 100px;
    font-size: 2.625rem;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}
.feature-editions-table table tbody td.featurecategory {
	    text-align: left;
    background-color: #767676 !important;
    color: #fff;
    font-weight: 500;
        font-size: 1em;
	
}
.checkmark-style {
	    color: #7DCE82;
    font-size: 1.2rem !important;
}
.not-included-style {
	color: #cecece;
}
.pricing-note {
	    font-size: 0.9rem;
    font-weight: 400;
}
.table {
    width: 100%;
   
    margin-bottom: 1rem;
    background-color: transparent;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive>.fixed-column {
    position: absolute;

    width: 110px;
    border-right: 1px solid #ddd;
    background-color: #fff;
}
@media(min-width:991px) {
    .table-responsive>.fixed-column {
        display: none;
    }
}
@media screen and (max-width: 991px) {

.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: normal;
}

}
@-moz-document url-prefix() { 
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
	padding-bottom: 9.63px;

  }
}
.feature-editions-table .feature {

    font-size: 1.1em
}

@media screen and (max-width: 900px) {
  .feature-editions-table .feature {

    font-size: 1rem;
}
}
@media screen and (max-width: 500px) {
  .feature-editions-table .feature {

    font-size: 1.1rem;
}
}
.table-responsive {
    border: 0px solid #ddd;
}

.pricing-hr {
	margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
	
}
.pricing-hr-credits {
	margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #dbdbdb;
	
}
.subscribe-btn, .subscribe-btn:visited, .subscribe-btn:active,
.eva-btn, .eva-btn:visited, .eva-btn:active {
	    font-weight: 700;
background-color: #52bfa2;
   
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
    padding: .3rem 1.325rem;
    text-decoration: none;
      transition:all 0.3s ease;
}
.subscribe-btn:hover, .eva-btn:hover {
background-color: #47aa90;
    color: #fff;
    text-decoration: none;
  
}
.eva-row .eva-btn {
	font-size: 1rem;
	padding: 5px 20px;
}
.subscribe-btn.current-edition{
	background-color: #AEAEAE;
	color: #fff;
	cursor: default;
	text-decoration: none;
}

/*--------------------*/
/* Analysis Canvas Software */
/*--------------------*/
.center-videos {

	    display: block;
    margin-left: auto;
    margin-right: auto;
}
.responsive-video {
	width: 100%;
	
}
/*--------------------*/
/* Process Map Features */
/*--------------------*/
.sub-feature {
  box-shadow: 3px 3px 4px -3px #ececec;
  margin-bottom: 30px;
  padding:10px 15px;
 
}
.sub-feature-icon i {
  font-size: 48px;
  margin-bottom: 10px;
}
.sub-feature-blocks {
padding-top: 20px;
padding-bottom: 20px;
}
.sub-feature-image {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 15px;
}

/*--------------------*/
/* Features */
/*--------------------*/
.center-img {
	position: relative;
	display: block;
margin-left: auto;
margin-right: auto;
}

#vp-top-features {
	background-color: #fff;
	
	width: 100%;
}
#vp-lower-features {
	background-color: #f8f8f8;
	
	width: 100%;
	padding-bottom: 60px;
}
.vp-front-academic {
	background-color: #fff;
	
	width: 100%;
	padding-bottom: 60px;
}
.vp-top-features-area {
	
	padding: 60px 0;
	width: 100%;
}


.vp-heading-area {
	
	text-align: center;
	padding: 0 5%;
	width: 100%;
}

.vp-heading-title {
	color: #1c1b1b;
	margin-bottom: 15px;
	position: relative;
	   
}
.vp-heading-title h1{
	    font-size: 2.7em;
}
.vp-heading-title h2{
	    font-size: 2em;
	        font-weight: 500;
}
.vp-header-dot {
	border-radius: 0;
	height: 3px;
	width: 100px;
	display: inline-block;
	margin-bottom: 10px;
	background-color: #ff871c;
}
#features-heading {
	background-color: #fff;
	padding-top: 60px;
	padding-bottom: 5px;
	
}

#features-heading-diagram-templates {
    background: linear-gradient(rgba(255,255,255, 0.8), rgba(221,221,221, 0.1)), url(/images/features/diagram-templates/wave-bg.png);
    background-color: #5BB7E9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	color: #fff;
    padding-top: 60px;
}
@media (max-width: 1199px) {
#features-heading-diagram-templates {

    padding-bottom: 60px;
}
}

.section-padding-no-top .lottie-player{
	width: 450px;
}

@media (max-width: 768px) {
#features-heading-diagram-templates {

    padding-bottom: 0px;
}	
.section-padding-no-top .lottie-player{
	width: 100%;
}
}

@media (max-width: 400px){
	#brand-icon{
		margin-left:0px;
	}
}

@media (max-width: 360px){
	#brand-icon img{
		padding-left:0px;
	}
}

.features-heading {
	background-color: #fff;
	padding-top: 60px;
	padding-bottom: 5px;
	
}
.features-header {
	padding-top: 0px;
	
}
.features-header h2{
	font-size: 2.369em;
	
}
.features-description {
	
	padding-bottom: 20px;
	
}
.features-description p{
	  
	font-weight: 400;
	 text-align: center;
      max-width: 900px;

    margin: 0 auto;
}
.diagrams-feature-header {
margin-bottom: 80px;
    text-align: center;
    margin-top: 40px;
}
.diagrams-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: 60px;
        padding-bottom: 90px;
}
.diagrams-feature-header h1{
	font-weight: 700;
	letter-spacing: -0.18rem;
	font-size: 3rem;
	text-transform: capitalize;
}
.diagrams-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;
}
.diagrams-feature-header .template-page-description{
	color: #ffffff !important;
	margin-top: 0px;
	line-height: 30px;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.01rem;
	padding-top: 20px;
}

.online-diagram-examples-content{
	display: inline;
	float: left;
	margin-top: 60px;
    margin-bottom: 60px;
	width: 100%;
}

.online-diagram-examples-single {
	display: inline;
	float: left;
	text-align: center;
	width: 100%;
	background: #fff;
	padding: 20px 10px;
	margin: 10px 0 15px;
}
.online-diagram-examples-single img{
width: 100%;
}

.online-diagram-examples-single p{
	font-weight: 400;

	    font-size: 17px;
    min-height: 90px;
}
.online-diagram-examples-single h4{
	font-weight: 500;
	    font-size: 21px;
	        letter-spacing: -.02rem;

}
.online-diagram-examples-single a{
	font-weight: 400;
	    font-size: 16px;


}
.online-diagram-examples-shadow-box {
	    box-shadow: 2px 2px 6px #888888;
	    display: inline;
	float: left;
	text-align: center;
	width: 100%;
	background: #fff;
	padding: 20px 10px;
	margin: 10px 0 15px;
	
}
.mu-book-overview-shadow-box img {
	width: 100%;
	
}
.online-diagram-examples-icon-box {
	font-size: 25px;

	margin-bottom: 30px;
	display: inline-block;
}

.mu-book-overview-single h4{
	margin-bottom: 20px;
}
.edit-now-box {
	display: inline-block;
}
.edit-now-content {
    display: inline-block;
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.carousel-3d-slide.current {
    opacity: 1!important;
    visibility: visible!important;
    transform: none!important;
    z-index: 999;
    -webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
}
.carousel-3d-slide {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    top: 0;
    border-radius: 1px;
    border-color: #000;
    border-color: rgba(0,0,0,.4);
    border-style: solid;
    background-size: cover;
    background-color: #ccc;
    display: block;
    margin: 0;
    box-sizing: border-box;
    text-align: left;
}
bootstrap.min.css:5
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .carousel-3d-container figure {
  margin:0;
}

.carousel-3d-container figcaption {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  bottom: 0;
  position: absolute;
  bottom: 0;
  padding: 15px;
  font-size: 12px;
  min-width: 100%;
  box-sizing: border-box;
}
.buttons-row {
	text-align: center;
	margin-top: 50px;
}
/*--------------------*/
/* solutions index */
/*--------------------*/
.solution .content-inner {
	
}
.solution .top-content-inner {
	text-align: center;
	
}
.solutions-boxes {
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 15px rgba(73, 78, 92, 0.15);
    background: #fff;
    transition: 0.4s;
}
.solutions-boxes p {
    font-size: 14px;
        margin-left: 0px;
  margin-bottom: 10px;
    line-height: 21px;
    height: 35px;
    padding: 0px;
 
}
.solutions-boxes-btn {
    display: inline-block;
    margin-top: 30px;
   margin-left: 0px;
    margin-bottom: 5px;
}
.solutions .tab-content {
	    margin-left: 45px;
    position: none;
    top: 0px !important;
}
.solutions .tab-content .tab-pane {

    padding: 0rem;

}

@media only screen and (max-width: 1199px) {
.solutions .tab-content {
    top: 0px !important;
}
}
/*--------------------*/
/* tutorial index */
/*--------------------*/

.tutorial-boxes {
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 15px rgba(73, 78, 92, 0.15);
    background: #fff;
    transition: 0.4s;
}
.tutorial-boxes p {
    font-size: 1em;
        margin-left: 120px;
  margin-bottom: 10px;
    line-height: 21px;
    height: 65px;
        padding-left: 10px;
        padding-top: 5px;
 
}
.tutorial-boxes .icon {
float: left;
margin-right: 5px;
}
.tutorial-boxes h4 {
    margin-left: 15px;
    font-weight: 700;
    margin-bottom: 0px;
    font-size: 18px;
    display: inline-block;
    }
.tutorial-boxes-btn {
    display: inline-block;
    margin-top: 30px;
    margin-left: 10px;
    margin-bottom: 5px;
    }
.tut-enter-btn, .tut-enter-btn:visited, .tut-enter-btn:active {
	font-weight: 700;
    background-color: #52bfa2;
  
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
    padding: .4rem 1.525rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.tut-enter-btn:hover {
background-color: #47aa90;
    color: #fff;
    text-decoration: none;
  
}
/*--------------------*/
/* tutorial pages */
/*--------------------*/
.tutorial-pages {
	
}
.tutorial-pages-header h1{
	    font-size: 2.6em;

}
.tutorial-pages p{
	padding-bottom: 15px;
}
.tutorial-pages img{
	    margin: 10px 0 30px;
   
}
.tutorial-pages h3{
    padding-bottom: 5px;
    padding-top: 7px;
    font-size: 24px;
    line-height: 1.36363636em;
   
}
.tutorial-pages h2 {
 padding-top: 7px;
    padding-bottom: 5px;
      font-size: 28px;
}
.tutorial-pages ol {
	    list-style: decimal;
	margin-bottom: 15px;
}
.tutorial-pages ul {
list-style-type: disc;
margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
        text-transform: capitalize;
}
.tutorial-heading {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 60px;
}
.sub-tutorial-content-container {
	padding: 15px;
}
.sub-sidemenu {
    padding: 0px 10px 0px 20px;       
}
.content-listing {
	list-style-type: disc;
	    margin-left: 20px;
	        line-height: 2rem;
}
.content-ordered-listing {
	list-style-type: decimal;
	    margin-left: 20px;
	        line-height: 2rem;
}
#tut-sidebar.nav>li>a {
    position: relative;
    display: block;
    padding: 7px 13px;
    font-size: 1.1em;
   
}
#tut-sidebar.nav>li>a:hover, #tut-sidebar.nav>li>a:focus{
	text-decoration:none;
background-color:#F49D6E;
color: white;
}

#tut-sidebar.nav-stacked>li+li {
    margin-top: 0px;
    margin-left: 0;
        font-size: .95rem;
}

#tut-sidebar .h1 {
  font-weight: 400;
  margin-bottom: 0px;
}
#tut-sidebar .h2 {
line-height: inherit;
    font-weight: 400;
     margin-bottom: 0px;
}
#tut-sidebar .h3 {
 font-weight: 400;
 line-height: inherit;
    margin-left: .2in !important;
     margin-bottom: 0px;
}
#tut-sidebar .h4 {
 font-weight: 400;
 line-height: inherit;
     margin-left: .2in !important;
     margin-bottom: 0px;
}
#tut-sidebar .h5 {
 font-weight: 400;
 line-height: inherit;
    margin-left: .2in !important;
      margin-bottom: 0px;
}
#tut-sidebar .h6 {
 font-weight: 400;
 line-height: inherit;
     margin-left: .2in !important;
     margin-bottom: 0px;
}
.drawnow-row {
	padding-top: 30px;
    padding-bottom: 30px;
    background: linear-gradient(45deg, #6eb5b7, #2c1a86);
}
.drawnow-btn, .drawnow-btn:visited, .drawnowl-btn:active {
	    font-weight: 400;
background-color: #52bfa2;
    border: 2px solid #fff;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
    padding: .5rem 2.125rem;
    text-decoration: none;
      transition:all 0.3s ease;
          margin-top: 10px;
    display: inline-block;
}
.drawnow-btn:hover {
background-color: #fff;
    border: 2px solid #52bfa2;
    border-radius: .2rem;
    color: #52bfa2;
    font-size: 1em;
    padding: .5rem 2.125rem;
    text-decoration: none;
        margin-top: 10px;
    display: inline-block;
  
}
#tut-sidebar.affix-bottom {
        position:absolute;
    }

#masthead { 
 min-height:250px;
}

#masthead h1 {
 font-size: 30px;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:8%;
}

@media screen and (min-width: 768px) {
  #masthead h1 {
    font-size: 50px;
  }
}

.navbar-bright {

     border-right: 0px solid #f1f1f1;
}

#tut-sidebar.affix-top, #tut-sidebar.affix{
 position: static;
 
}

@media (min-width: 992px) {
 #tut-sidebar.affix-top {
    position: static;
  	margin-top:20px;
  	width:228px;
  }
  
  #tut-sidebar.affix {
    position: fixed;
    top:100px;
    width:228px;
  }
}

@media (max-width: 300px) {
#tut-sidebar.affix-top, #tut-sidebar.affix {
        position: fixed;
    }
}
.bs-calltoaction{
    position: relative;
    width:auto;
    padding: 15px 25px;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

    .bs-calltoaction > .row{
        display:table;
        width: calc(100% + 30px);
    }
     
        .bs-calltoaction > .row > [class^="col-"],
        .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:table-cell;
            vertical-align:middle;
        }

            .cta-contents{
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .cta-title{
                    margin: 0 auto 15px;
                    padding: 0;
                        font-size: 2em;
                        color: #FF6B6B;
                            letter-spacing: 0.04rem;
                }
                  .cta-title1{
                    margin: 0 auto 15px;
                    padding: 0;
                        font-size: 1.6em;
                        color: #98DFAF;
                            letter-spacing: 0.04rem;
                }

                .cta-desc{
                    padding: 0;
                }

                .cta-desc p:last-child{
                    margin-bottom: 0;
                }

            .cta-button{
                padding-top: 10px;
                padding-bottom: 10px;
            }

@media (max-width: 991px){
    .bs-calltoaction > .row{
        display:block;
        width: auto;
    }

        .bs-calltoaction > .row > [class^="col-"],
        .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:block;
            vertical-align:middle;
            position: relative;
        }

        .cta-contents{
            text-align: center;
        }
}



.bs-calltoaction.bs-calltoaction-default{
    color: #fff;
     background: url("/images/tutorials/draw-now-banner.png"), linear-gradient(30deg, #013A6B 50%, #004E95 50%);
         background-size: auto;
     background-color: rgba(237,237,237,1);
    border-color: #ccc;
  
}
.bs-calltoaction.bs-calltoaction-default1{
    color: #fff;
     background: url("/images/tutorials/draw-now-banner1.png"), linear-gradient(150deg, #626C66 37%, #434A42 35%);
         background-size: auto;
     background-color: #4C5760;
    border-color: #ccc;
  
}


/*--------------------*/
/* support page */
/*--------------------*/
legend {
    display: block;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

#support-page {
	background-color: #fff;
	
	width: 100%;
}

.form-support {

    margin-bottom: 18px;
    margin-top: 0px;
}
#support-page-middle {
	padding-top:0px;
	padding-bottom: 60px;
}
#support-page-middle .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
#support-page-middle .control-label {
	padding-left: 0px;
	    font-weight: 500;
	
	
}
#support-page-middle textarea, textarea.form-control {
	padding-top: 0px;
    padding-bottom: 10px;
    line-height: 30px;
	
}

/***********************************
Navigation bar
************************************/
.navbar-default .navbar-brand {
    color: #57BEA2;
}
.navbar-default {
    background-color: #ffffff;
}
.course-text{
    padding: 84px;
}
.navbar-default .navbar-nav > li > a {
    color: #717f86;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.02rem;
}
.navbar-nav > li > a{
	padding: 0px;
	margin: 10px 5px;
	padding: 10px 11px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
{
	opacity: 0.8;
/** color: #57BEA2; *******/
}
.navbar-default .template-link .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: inherit;
	
}
#productnohover a:focus{
	background-color: transparent !important;
	padding: 0px 0px;
}

#productnohover a:hover {
	background-color: transparent !important;
	padding: 0px 0px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5 !important;
}

.navbar-nav .active a{
    background: none !important;

    outline: none;
}
.btn-trial-sb a{
	background-color: #fa9a55;
	border-radius: .2rem;
	color: #ffffff !important;
	transition: all .35s;
	
}
.btn-trial-sb a:hover, .btn-trial a:focus{
	
	background-color: #fa9a55 !important;
	color: #fff !important;
}
.btn-trial-ae a{
	background-color: #f5557d;
	border-radius: .2rem;
	color: #ffffff !important;
	transition: all .35s;
}
.btn-trial-ae a:hover, .btn-trial a:focus{
	
	background-color: #f5557d !important;
	color: #fff !important;
}
.btn-trial a{
	background-color: #4cd0e5;
	border-radius: .2rem;
	color: #ffffff !important;
	transition: all .35s;
}
.btn-trial a:hover, .btn-trial a:focus{
	
	background-color: #41bcd0 !important;
	color: #fff !important;
}

.btn-login a{
	background-color: #4A564E;
		border-radius: .2rem;
	color: #ffffff !important;
	
}
.btn-login a:hover, .btn-login a:focus{
	
	background-color: #333f37 !important;
	color: #fff !important;
}
.navbar-default .navbar-brand {

    padding: 0px;
    height: inherit;

    margin: 10px 0px;
}
.navbar-default .navbar-brand span{
	font-weight: 100 !important;
}
.navbar {
    margin-bottom: 0px;
}
.padding-zero{
	padding: 0px;
}
.mart20{
	margin-top: 20px;
}

.navbar-default.affix {
    position: fixed;
}
@media(min-width:768px) {
  .navbar-default {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
   /* padding: 8px 0; */
    /* Add additional styles here for the UNCOLLAPSED state */
  }
  .navbar-default.affix {
    padding: 3px;
    /* Add additional styles here for the COLLAPSED state */
  }
	.navbar-right {
    margin-top: 5px;
}
}
.product-dropdown-menu {
	line-height: 1.3rem;
	    cursor: pointer;
	        margin: 2px;
	white-space: normal;
	
}


.product-dropdown-menu p{
margin-right: 10px;
	font-size: 12px;
	color: #666;
	margin-left: 42px;
	width: 90% !important;
	
}
.product-dropdown-menu a:hover{

	color: #666;

	
}
.product-dropdown-menu a{
    font-weight: 400;
	color: #666;

	
}
.dropdown-menu.product-dropdown {
	    min-width: 300px;

	    
}
.feature-dropdown-menu {
	line-height: 32px;
	    cursor: pointer;
	        margin: 2px;
	white-space: normal;
	
}


.feature-dropdown-menu p{

	font-size: 12px;
	color: #666;
	margin-left: 35px;
	
}
.feature-dropdown-menu a:hover{

	color: #666;

	
}
.feature-dropdown-menu:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5 !important;
}
.feature-dropdown-menu a{
    font-weight: 400;
	color: #666;

	
}
.dropdown-menu.feature-dropdown {
min-width: 230px;

}
#infoart-products-menu.dropdown-menu.feature-dropdown {
min-width: 427px;

}

#features-menu .dropdown-menu>li>a {

    padding: 0px 0px;

}
.logo-products {
display: inline-block;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.logo-products a{
font-size: 16px;
}

.logo-product-title {
font-weight: 500;
color: #71748d;
margin-left: 5px;
}
.logo-product-title2 {
font-weight: 500;
color: #333333;
margin-left: 0px;
margin-right: 0px;
}
.logo-product-title2-no-wrap {
	
	white-space: nowrap;
}
.product-menu-arrow1 {
  animation: product-menu-slide1 3s ease-in-out infinite;
  margin-left: 9px;
      top: 2px;
    position: relative;
      color: #5ec684;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 21px;
}

@keyframes product-menu-slide1 {
  0%
{
    transform: translate(0, 0);
    opacity: 0;
  }


    100% {
    transform: translate(150px, 0);
    opacity: 1;
  }
}
.logo-product-title:hover{
color: #71748d;
}
#products-menu .dropdown-menu>li>a {

    padding: 0px 0px;

}

@media (min-width: 992px) {
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0;
    margin-left: 0;
    padding-left:0px;
    padding-right:0px;
}

}
@media (max-width: 789px) {
.try-new-ae .btn-box {
	margin-bottom: 20px;
}

}
@media (max-width: 1356px) {
	
#main-index-header .navbar-default .navbar-nav > li > a  {
   padding-top: 15px;
   padding-bottom: 15px;
margin: 10px 2px;
    padding: 7px 3px;
        font-size: 14px;
}
.controlled-header-width {
   margin-left: 30px;
   margin-right: 30px;
}
}
@media (max-width: 899px) {
.controlled-header-width {
        margin-left: 5px;
        margin-right: 5px;
	}
	.badge-new-v1 {
	font-size: 9px;
}
}


@media (max-width: 844px) {
.ai-image-translator-header-btn {
	    padding: 5px 5px !important;
}

}
@media (max-width: 1199px) {

#main-index-header .navbar-default .navbar-nav > li > a  {
   padding-top: 15px;
   padding-bottom: 15px;
margin: 10px 2px;
   padding: 7px 3px;
font-size: 13px !important;
}
.try-new-ae-inner.bg-gradient-color {
	height: 100% !important;
}
}
@media (max-width: 913px) {
.ai-image-translator-header-btn {
	    padding: 5px 5px !important;
}
#main-index-header .navbar-default .navbar-nav > li > a  {

font-size: 12px !important;
}
}
@media (max-width: 1199px) {
.logo-product-title2 {
font-size: 12px;
margin-right: 21px;
}
}
@media (max-width: 832px) { 
#main-index-header .navbar-default .navbar-nav > li > a  {
margin: 10px 1px;
font-size: 12px !important;
}
    .controlled-header-width {
        margin-left: 16px;
        margin-right: 0px;
    }
    .container-fluid {
    padding-right: 6px;
    padding-left: 6px;
}
}

@media (max-width: 779px) { 

    .controlled-header-width {
        margin-left: 0px;
        margin-right: 0px;
    }

}
@keyframes product-menu-slide1 {
 0%
{
   transform: translate(0, 0);
   opacity: 0;
 }
   100% {
   transform: translate(100px, 0);
   opacity: 1;
 }
}
}
@media (max-width: 991px) {
	.try-new-ae-inner.bg-gradient-color {
	height: 100% !important;
	padding-right: 0px !important;
}
.try-new-sb-inner.bg-gradient-color {
	margin-top: 30px;
}
.try-new-sb {
background-color: rgba(255, 255, 255, 0.95);
	padding: 20px;
	border-radius: 20px;
	    width: 75%;
   float: right;
}
.try-new-ae .btn-box {
	margin-bottom: 20px;
}
}
@media (max-width: 992px) {

.try-new-ae h2 {
    font-size: 25px !important;
    line-height: 31px !important;
}
.navbar-default .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 14px 3px;
    padding: 7px 3px;

}


.logo-product-title2 {
font-size: 12px;
margin-right: 15px;
}
@keyframes product-menu-slide1 {
  0%
{
    transform: translate(0, 0);
    opacity: 0;
  }


    100% {
    transform: translate(45px, 0);
    opacity: 1;
  }
}
}

@media (max-width: 1023px) {
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
        margin: 10px 5px;
        padding: 7px 9px;
}
}
@media (min-width: 768px) {
	
.dropdown-menu.product-dropdown {

    left: 0;
}
.dropdown-menu.feature-dropdown {

    left: 0;
}
.dropdown-menu.menu-ai-tools-dropdown {
	  left: 0;
}
}

@media (max-width: 615px){
	.container .navbar-collapse{
		overflow-x: hidden;
	}
	.navbar-default .navbar-nav > li > a {
	font-size: 14px;
}
}

@media (max-width: 600px){
	.product-dropdown-menu {
		width:85%;
	}
	#main-nav-collapse{
		max-height:550px;
	}
}

@media (max-width: 568px){
	.product-dropdown-menu {
		width:82%;
	}
}

@media (max-width: 521px){
	.product-dropdown-menu {
		width:75%;
	}	
}

@media (max-width: 479px){
	.product-dropdown-menu {
		width:70%;
	}	
}

@media (max-width: 445px){
	.product-dropdown-menu {
		width:65%;
	}	
}

@media (max-width: 410px){
	.product-dropdown-menu {
		width:60%;
	}	
}

@media (max-width: 380px){
	.product-dropdown-menu {
		width:55%;
	}	
}

@media (max-width: 350px){
	.product-dropdown-menu {
		width:50%;
	}	
}

@media (max-width: 330px){
	.product-dropdown-menu {
		width:45%;
	}	
}


@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	    color: #777;
	        text-decoration: none;
	    background-color: #f5f5f5;
	}
	
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		background: #fff;
	}
}

/***********************************
Top nav bar
************************************/
.navbar-top {
    background: #394B59;
    color: #FFF;
        border-radius: 0px;
}
.navbar-doublerow > .navbar{
	display: block;
	margin: 0px auto;
	min-height: 10px;
}
.navbar-doublerow-links > li{
display: inline-block;
}
.navbar-doublerow-links > li > a{
        margin: 3px 5px;
    padding: 1px 5px;
        font-size: 13px !important;
            color: #ffffff !important;
                font-weight: 600 !important;
}
/*Down nav*/
.navbar-doublerow .navbar-down .navbar-brand {
    /*navbar brand*/
	padding: 0px auto;
	float: left;
	color: #60B078;
	font-size: 30px;
}
.navbar-doublerow .navbar-down ul>li>a{
    /*Menu items*/
	font-size: 15px;
	color: #000;
}
.navbar-doublerow .navbar-down ul>li>a:hover{
    /*menu hover*/
	border-bottom: 1px solid #60B078;
	color: #60B078;
}
.product-slot {
	display: inline-block;
	font-weight: 700;
	padding: 10px;
	line-height: 16px;
}

.product-slot:hover {
	background: #eaeaea;
	border-radius: 6px;
	font-weight: 700;
	padding: 10px;
	line-height: 16px;
}

.product-slot img {
	margin-left: auto;
	margin-right: auto !important;
	padding-bottom: 10px;
}
.product-dropdown-menu p {
    font-size: 12px;
    color: #666;
    margin-left: 42px;
    margin-top: -7px;
    line-height: 21px;
    white-space: normal;
    margin-right: 10px;
    height: 30px;
}
.product-feature-dropdown {
    top: 100%;
    right: auto;
    left: 0;
    background-color: #fff;
    box-shadow: 0 10px 55px 5px rgb(128 149 197 / 35%);
    min-width: 360px;
    width: auto;
    border-radius: 8px !important;
    padding: 4px 0;
    list-style: none;
    left: auto;
    border: 0px solid #cacaca;
}
.resource-feature-dropdown {
    top: 100%;
    right: auto;
    left: 0;
    background-color: #fff;
    box-shadow: 0 10px 55px 5px rgb(128 149 197 / 35%);
    min-width: 160px;
    width: auto;
    border-radius: 8px !important;
    padding: 4px 0;
    list-style: none;
    left: auto;
    border: 0px solid #cacaca;
}
.product-feature-dropdown ul>li {
padding: 5px 10px;
}
.resource-feature-dropdown ul>li {
padding: 10px 10px;
}
.resource-feature-dropdown ul>li> a {
    color: #767676;
    font-weight: 600;
}
.resource-feature-dropdown ul>li> a:hover {
    color: #45aaf2;
     font-weight: 600;
}
.product-dropdown-title {
    color: #767676;
    font-weight: 700;
}
.gloabl-top-bar-nav.navbar-nav {
    margin: 2px -15px
}

@media (max-width: 1199px) {
.navbar-doublerow-links > li > a {
    margin: 3px 5px !important;
    padding: 1px 5px !important;
    font-size: 13px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
}
@media (max-width: 992px) {
	.navbar-doublerow-links > li > a {
    margin: 3px 2px !important;
    padding: 1px 2px !important;
    font-size: 13px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
	.breadcrumb-container {
    margin-top: 0px;
}
.navbar-nav {
    margin: 0px 0px;
}
.product-dropdown-menu p {
	width:50%;
	font-size: 12px;
	margin-bottom: 20px;
}
}
@media (max-width: 1140px) {
#charts-index .dropdown-menu-large {
    min-width: 520px;
}

}
.tool-title-explore .product-dropdown-menu p {
	font-size: 14px;
}
/***********************************
Feature Popup Showcase
************************************/

#feature-popup-showcase .carousel-inner > .item > img,
#feature-popup-showcase .carousel-inner > .item > a > img {
  display: block;
margin-left: auto;
margin-right: auto;
position: relative;
}
#feature-popup-showcase .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #666 !important;
}
#feature-popup-showcase .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000009;
    background-color: rgba(0,0,0,0);
    border: 1px solid #666 !important;
    border-radius: 10px;
}
#feature-popup-showcase .carousel-control.left {
	
	background: none;
}
#feature-popup-showcase .carousel-control.right {
	
	background: none;
}
#feature-popup-showcase .carousel-control {


    width: 15%;
    font-size: 20px;
    color: #666;
    text-align: center;
    text-shadow: 0 0px 0px rgb(0 0 0 / 60%);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}

@media screen and (min-width: 768px) {
#feature-popup-showcase .carousel-indicators {
    bottom: -30px !important;
}
#feature-popup-showcase .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
}
#feature-popup-showcase .carousel-control .fa-chevron-left, .carousel-control .icon-prev {
    margin-left: -10px;
}
#feature-popup-showcase .carousel-control .fa-chevron-right, .carousel-control .icon-next {
    margin-right: -10px;
}
}


/***********************************
Privacy Policy
************************************/
#privacy-policy .section-padding{
	    padding: 60px 0px;
    background-color: #ffffff !important;
}
#privacy-policy h3{
    font-size: 28px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 7px;
}
#privacy-policy h4{
    font-size: 21px;

    padding-top: 20px;
    margin-bottom: 5px;
    
}
#privacy-policy-heading {
	background-color: #fff;
	padding-top: 60px;
	padding-bottom: 5px;
	
}
#privacy-policy ul {
	margin-left: -15px;
}
#privacy-policy-heading h2 {
	    font-size: 2em;
}
#privacy-policy p {
	font-weight: 400;
	    margin-bottom: 15px;
}
.last-updated {
	font-weight: 400 !important;
}
.submission-conduct{
	    list-style: upper-alpha;
	        margin-left: -20px;
}
.submission-conduct li{

    font-size: 16px;
}
.video-conduct {
	list-style: disc;
    margin-left: 20px !important;
    font-size: 16px;
    margin-bottom: 15px;
}

/***********************************
Report Abuse
************************************/
#report-abuse .section-padding{
	    padding: 60px 0px;
    background-color: #ffffff !important;
}
#report-abuse h3{
    font-size: 28px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 7px;
}
#report-abuse h4{
    font-size: 21px;

    padding-top: 20px;
    margin-bottom: 5px;
    
}
#report-abuse-heading {
	background-color: #fff;
	padding-top: 60px;
	padding-bottom: 5px;
	
}
#report-abuse ul {
	margin-left: 20px;
	list-style: disc;
	line-height: 17px;
}
#report-abuse-heading h2 {
	    font-size: 2em;
}
#report-abuse p {
	font-weight: 400;
	    margin-bottom: 15px;
}

/***********************************
Cookie Policy
************************************/
#cookie-policy ul {
list-style-type: disc;
margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
        text-transform: capitalize;
}
#cookie-policy li {
font-size: 14px;
}
#cookie-policy p {
    font-weight: 400;
    margin-bottom: 15px;
}
#cookie-policy h3 {
    font-size: 28px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 7px;
}
#cookie-policy h4 {
    font-size: 21px;
    padding-top: 20px;
    margin-bottom: 5px;
}

/***********************************
Cookie Policy Bar
************************************/
#cookieConsent div.container {
    width: 100%;
}
#cookieConsent {
    background-color: rgba(20,20,20,0.85);
    min-height: 50px;
    font-size: 14px;
    color: #ccc;
    line-height: 36px;
    padding: 8px 0 8px 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #fff;
    text-decoration: underline;
    font-weight: 600;

}
#closeCookieConsent {
    color: white;
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 30px;
    font-size: 24px;
    line-height: 26px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    border-radius: 30px;
    font-weight: bold;
    background-color: black;
}
#cookieConsent p{
font-size: 14px;
    line-height: 36px;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
	    font-weight: bold;
    background-color: #0072cf;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    padding: 0 40px;
    cursor: pointer;
text-decoration: none;

}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #0065b2;
}
@media (max-width: 1199px) {
	#cookieConsent p{
font-size: 14px;
    line-height: 18px;
}
	
}
@media (max-width: 992px) {
	#cookieConsent p{

    line-height: 28px;
    margin-bottom: 5px;
}
	
}

/***********************************
Login Page
************************************/
#login-section .wrapper {
    position: relative;
    height: 100%;
    min-height: 800px;
    overflow: hidden;
}
.login-horizontal-centered {
	position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
   
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   
	
}
.login-area {
	
	    margin-left: auto;
    max-width: 800px;
    margin-right: auto;
	
}
.subscribe-area {
	
	    margin-left: auto;
    max-width: 980px;
    margin-right: auto;
	
}
#login-section h3 {
	text-align: left;
font-weight: 700;
    color: #4B4B4C;
margin-top: 10px;

    font-size: 24px;
    }
.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 32px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
padding: 0 50px 0px 50px;
  background-color: #5AC167;
  background-image: linear-gradient(63D471, #AC167);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #63A46C;
}

.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #63D471;
  background-image: linear-gradient(#63D471, #AC167);
}


/* Google */
.loginBtn--google, .loginBtn--microsoft, .loginBtn--sso, .loginBtn--password {
    line-height: 45px;
    padding-left: 49px;
    border-radius: 0;
    min-width: 240px;
    margin: 0 0 .5em 0;
}
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: url('/images/google-lg.png') no-repeat;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}
.loginBtn--microsoft {
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: url('/images/microsoft-lg.png') no-repeat;
  color: #666666;
  font-size: 14px;
}
.loginBtn--sso {
  background: url('/images/sso-signin.png') no-repeat 2px 2px;
	color: #666666;
  font-size: 13px;

  padding-right: 10px;
}
.loginBtn--password {
  background: url('/images/password-signin.png') no-repeat 2px 2px;
  color: #666666;
  font-size: 14px;
      margin-left: 30px;
}
.loginBtn--google-sm {
    background: url('/images/google-sm.png') no-repeat;
}
.loginBtn--microsoft-sm {
    background: url('/images/microsoft-sm.png') no-repeat;
}
.loginBtn--google-sm, .loginBtn--microsoft-sm {
    width: 30px;
    height: 30px;
    padding: 0;
    vertical-align: middle;
}
.form-left-border {
	    border-left: 1px solid #eee;
}
.form-box {
	margin-top: 150px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #fff;
    border-radius: 3px;
    padding-top: 30px;
        margin-left: 20px;
    margin-right: 20px;
   
}

.form-top {
	overflow: hidden;
	padding: 0 40px 10px 40px;
	background: #fff;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
}

.form-top-left {
	float: left;
	width: 78%;
	padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; }

.form-top-right {
    font-size: 66px;
    color: #ddd;
    line-height: 70px;
    text-align: right;
}
.form-entrypoint {
	padding: 20px 10px 5px 10px;
	background: #fff;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
	
}
.form-signup-email {
	padding: 20px 10px 5px 10px;
	background: #fff;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
}
.form-entrypoint-span {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
font-size: .8em;
    white-space: nowrap;
        display: inline-block;
}

.form-bottom {
	padding: 5px 10px 10px 10px;
	background: #fff;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;

	
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #4aaf51;
}
.form-group-entrypoint {
width: 100%;
display: inline-flex;

}
.form-signup-email-box {
width: 90%;
display: inline-flex;

}
.form-group {
    display: flex;
    margin-bottom: 15px;
}
.entrypoint-or {    position: relative;

    left: 350px;
    bottom: 135px;
    }
    
.loginIcon { 
	text-align: center; 
	background: #009F87 no-repeat center center; 
	    width: 140px;
    height: 140px;
    display: block;
    margin: 0px auto 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 120px;
    margin-bottom: 20px; 
}
.icon-login {
	margin-right: 10px;
	margin-top: 10px;
}
.icon-user {
	padding: 40px;
	color: #fff;}
	
.signup-success {
	    display: block;
	margin-top: 5px;
	text-align: center;
	padding-bottom: 20px;
	
}
.signup-success p{
		font-size:.9em;
		padding-bottom: 0px;
	font-weight: 400;
	
}
.signup-success-link {
		font-size:1em;
	text-decoration: underline;
	font-weight: 400;
	padding-top: 0px;
	padding-bottom: 40px;
	
}
.signup-success-message {
	text-align: left;
	
}
.signup-disclaimer {
	margin-top: 5px;
	text-align: left;
	
}
.signup-disclaimer p{
	font-size:.8em;    
	margin-left: 30px;
	
	font-weight: 400;
	
}
.signup-container {
	    padding: 5px;
    margin-bottom: 30px;
    margin-top: 15px;
}
.signup-lower-box {
	padding-bottom: 20px;
}
.signup-lower-box h3 {
	text-align: center;
	font-size: 1em;
    font-weight: 400;
    color: #333;
}
@media screen and (max-width: 64em) {
.signup-container {
	    margin-bottom: 0px;

	}
}
.forgot-password {
	/* margin-top: 5px; */
	text-align: right;
}
.forgot-password p{
	font-size:.8em;
	
	font-weight: 400;
	
}
.forgot-password a{
	font-size:.8em;
	color: #333;
	text-align: right;
	font-weight: 400;
	padding: 0px;

	
}
.social-login h3 {
	text-align: center;
	font-size: 1em;
    font-weight: 400;
    color: #333;
}
.no-account {
	letter-spacing: .02rem;
    font-size: 0.9rem;
    font-weight: 400;
    text-align: right;
        padding-bottom: 30px;
}

.google-login-buttons {
	text-align: center;
	    padding-bottom: 20px;
}
.google-signup-buttons {
	text-align: center;
	margin-top: 25px;
	    padding-bottom: 0px;
}
.custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip, .form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip, .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip {
    display: block;
}
.custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip {
    display: block;
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745;
}
input[type="text"]:not(.MuiInputBase-input), 
input[type="password"]:not(.MuiInputBase-input), 
input[type="tel"], 
input[type="email"], 
input[type="url"], 
input[type="number"], 
textarea, 
textarea.form-control {
	
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
    background: #f8f8f8;
    border: 2px solid #ddd;

    font-size: 14px;
    font-weight: 400;
   /* line-height: 50px;*/
    color: #333333;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

textarea, 
textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
}

input[type="text"]:focus:not(.MuiInputBase-input), 
input[type="password"]:focus:not(.MuiInputBase-input), 
textarea:focus, 
textarea.form-control:focus {
	outline: 0;
	background: #fff;
    border: 2px solid #ccc;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}



button.btn {
    height: 40px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #4aaf51;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

button.btn:hover { opacity: 0.8;
    color: #fff;
    background-color: #4aaf51;}

button.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.btn:focus { outline: 0; opacity: 1; background: #4aaf51; color: #fff; }

button.btn:active:focus, button.btn.active:focus { outline: 0; opacity: 0.6; background: #4aaf51; color: #fff; }


/***********************************
account activation
************************************/
.cloud-entry-point {
	font-size: 14px;
	font-weight: 400;
	margin-left: 25px;
	margin-bottom: 0px;
}
.enter-account-info {
	text-align: center;
      border: 1px solid #f1f1f1;
    height: 370px;
    padding: 10px;
	
}
.enter-account-info p{
margin-top: 5px;
	
}
/***********************************
Banner
************************************/
.banner{
	background: url('../img/bg-banner.jpg') no-repeat center top;
    background-size: cover;
	min-height: 580px;
    position: relative;
}
.bg-color{
	background-color: RGBA(12, 11, 11, 0.82);
	min-height: 580px;
}
.text-dec{
	font-size: 24px;
	padding: 10px 20px;
    margin: 15px 0;
	text-transform: uppercase;
    color: #fff;
}
.text-border{
	border: 5px solid #57BEA2;
	display: inline-block;
	margin-top: 150px;
}
.intro-para{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 45px;
	color: #fff;
	margin-top: 30px;
}
.quote .btn{
    background-color: 
}
.modal-dialog {
    width: 600px;
    margin: 150px auto;
}
.mouse {
    width: 25px;
    height: 45px;
    border: 2px solid #fff;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -12.5px;
    border-radius: 12px;
}
@-webkit-keyframes rotateplane {
    0%   {top:10px;}
    25%  {top:14px;}
    50%  {top:19px;}
    75%  {top:24px;}
    100% {top:28px;}
}
@-moz-keyframes rotateplane {
    0%   {top:10px;}
    25%  {top:14px;}
    50%  {top:19px;}
    75%  {top:24px;}
    100% {top:28px;}
}
@-o-keyframes rotateplane {
    0%   {top:10px;}
    25%  {top:14px;}
    50%  {top:19px;}
    75%  {top:24px;}
    100% {top:28px;}
}
.mouse::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    background-color: #fff;
    border-radius: 100%;
    left: 50%;
    top:10px;
    margin-left: -2.5px;
    transition:all 0.3s ease-in;
 
     -webkit-animation-name: rotateplane; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: rotateplane;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.modal-content h4 {
    font-size: 1.5em;
    font-weight: 700;
}
.login-box-body {
    padding: 15px 30px;
}
.login-box-msg, .register-box-msg {
    margin: 0px;
    text-align: center;
    padding: 0px 20px 20px;
}
.modal-sm {
    width: 400px;
}
.padleft-right{
    padding-left: 5px;
    padding-right: 0px;
}
.big-text{
    font-size: 35px;
}
.small-text{
    font-size: 16px;
}
.quote .btn{
    background-color: #57BEA2;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 10px;
}
.quote .btn:hover, .quote .btn:focus{
    background-color: #fff;
    color: #57BEA2;
    border-color: #fff;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/***********************************
Features pages
************************************/
h2{

	padding-bottom: 15px;
}
#features h1{
	text-align: center;
	font-size: 2.6em;
	padding-bottom: 10px;
}
.features-header h1{
	text-align: center;
	font-size: 2.369em;
	padding-bottom: 15px;
}
.features-header h2{
	text-align: center;
	   
    padding-bottom: 10px;
    padding-top: 0px;
    margin-top: 0px;
    
}
.features-header hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}
.features-header p{
	text-align: center;
	font-size:1em;
	padding-bottom: 15px;
}
.features-description{
	text-align: center;
	font-size: 1em;
	padding-bottom: 15px;
}
.features-gallery {
    margin-top: 40px;
  text-align: center;
}
.bottom-line {
    width: 25px;
    height: 2px;
    background-color: rgb(99, 122, 145);
}

.features-gallery-item-wrapper {
  margin: 10px 10px;
  display: inline-block;
  
  height: 236px; /* WITH BOTTOM DESCRIPTION: 216px */
  width: 295px; /* 295px */
  overflow: hidden;
  
  position: relative;
}

.features-gallery-image {
  height: 166px; /* 166px */
  width: 295px;
  
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  
  position: absolute; /* NECESSARY? */
}

.features-gallery-image img{
border: 1px solid #dddddd;
}

.features-gallery-image2 {
  height: 166px; /* 166px */
  width: 195px;
  
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  
  position: absolute; /* NECESSARY? */
  
  diplay: block;
  border: 1px solid #ccc;
  overflow: hidden;
}

.features-gallery-image2 img{
	max-width: none;
	height: 171px;
}

.features-gallery-image2.features-gallery-image-200 {
	width: 295px;
	height: 166px;
	
	-webkit-transition: all .3s ease;
  	-moz-transition: all .3s ease;
  	-o-transition: all .3s ease;
  	-ms-transition: all .3s ease;
  	transition: all .3s ease;
  
  	position: absolute; /* NECESSARY? */
  
  	diplay: block;
  	border: 1px solid #ccc;
  	overflow: hidden;
}

.features-gallery-image2.features-gallery-image-200 img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: inline-block;
}


.features-gallery-view-more-examples {
    text-align: right !important;
    position: relative;
    top: -25px;
        right: -15px;
}
.zoom {
  position: relative;
  top: -180px;
  color: #fff;
  font-size: 75px;

  height: 166px;
  width: 295px;
  display: inline-block;
  opacity: 0;
  z-index: 100;
  
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  -ms-transition: all 0s ease;
  transition: all 0s ease;
}

.zoom:hover {
  opacity: 0;
  top: -145px;
  
  -moz-transform: scale(.8);
  -webkit-transform: scale(.8);
  -o-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
}

.features-gallery-image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00BFFF;
  opacity: 0;
 
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .5s ease;
}

.features-gallery-image:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
  opacity: 0;
}

#features .try-it-now-btn {
	padding-top: 30px;
	padding-bottom: 30px;
}
#features .try-it-now-sm-btn {
	padding-top: 10px;
	padding-bottom: 10px;
}
.features-gallery-image:hover {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  
}

.text {
  position: relative;
  top: 165px;
  display: inline-block;
  

  margin: 0 auto;
  text-align: center;
  width: 295px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #111;
  color: #fff;
  border-top: 1px solid #eee;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;

  letter-spacing: .7px;
  line-height: 1;
}

.span-text {
    font-weight: 700;
    letter-spacing: .2px;

 
}

.features-edit-icon {
	font-size: 1.2em !important;
	color: white;
}


.features-caption {
	display: inline-block;
}
.features-caption h3{
	    font-size: .8em;
	     margin-top: 0px;
    margin-bottom: 10px;
}

.bottom-line{
	width: 25px;
	height: 2px;
	background-color: rgb(99, 122, 145);
}
.fea{
	margin-top: 25px;
}
.fea-img {
  width: 100%;
  padding-top: 20px;
}
.fea-img-top {
  width: 100%;
  padding-bottom: 40px;
}
.fea-img img:focus {
  outline:none;
}
.heading {
    width: 80%;
}
.fea i {
    font-size: 39px;
    color: #57BEA2;
    margin-top: 7px;
}
.heading h4 {
    font-size: 17px;
    line-height: 1.25;
    font-weight: 700;
    color: #000;
    margin: 10px 0px;
    text-align: left;
}
.heading p {
  text-align: left;
}
#features .section-padding{
	    padding-top: 40px;
	    padding-bottom: 40px;
    background-color: #fff;
}

/***********************************
 feature index
************************************/
.features-section-padding{
	    padding: 60px 0px;
    background-color: #fff;
}
.feature-images {
	margin-bottom: 20px;
}
.feature-images img{
	display: block;
margin-left: auto;
margin-right: auto;
}
.feature-button-bottom {
	margin-bottom: 20px;
}
.feature-images-top-pad {
	margin-top: 20px;
	margin-bottom: 20px;
}
.feature-images-top-pad img{
display: block;
margin-left: auto;
margin-right: auto;
}

.title 
{
    font-size: 2.3em;
    line-height: 1.36363636em;
}
.details-list h3{
	font-size: 28px;
	
}
.sub-title {
	    padding-bottom: 5px;
    margin-top: 20px;
}

.description {
	
	 margin-bottom: 20px;
    font-size: 1.35714286em;
    line-height: 1.68421053em;
        font-weight: 400;
    color: #808080;
}

.alt-features-item {
    position: relative;
       font-size: .96rem;
    padding-left: 0px;
    height: 45px;
    margin: 5px 0 0 0;
    
}
.alt-features-icon {
    position: absolute;
    height: 40px;
    width: 40px;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 40px;
    font-size: 28px;
    display: inline-grid;
}
@media screen and (max-width: 1200px) {
.alt-features-item {
 height: 50px;
}
}
.feature-checkmark {
	color: #74B496;
}
.feature-list li{
	padding-bottom: 10px;
	font-size: 16px;
}

.feature-list {
	padding-top: 10px;
}
.feature-list-online-drawing {
	   list-style-type: disc;
    padding-left: 20px;
}
.feature-list-online-drawing li{
	  
    padding: 5px;
}
.content-box-image{
	padding-bottom: 20px;
	text-align: center;
}
.learn-more-button, .learn-more-button:visited, .learn-more-button:active, .learn-more-button:focus {
    color: #52bfa2;
    background: #fff;
    border: 1px solid #52bfa2;
    font-size: 16px;
    padding: 7px 12px;
    font-weight: 400;
    text-align: center;
    margin-top: 15px;
    margin-right: 12px;
    display: inline-block;
    text-decoration: none;
    min-width: 120px;
}

.learn-more-button:hover {
  color:#fff;
  background:#52bfa2;
  text-decoration: none;
}

a.feature-blocks-links, .feature-blocks-links:hover, a.feature-blocks-links:visited{
 color: #717f86;
    background: #fff;
    text-decoration: none;
 }
 .service-block { 
 background-color: transparent; 
 padding: 20px 20px; 
 text-align: center; 
 text-decoration: none;
 }
 .service-block:hover { 
	background-color: #f8f9fa; 
	padding: 20px 20px; 
	text-align: center; 
	cursor: pointer; 
	text-decoration: none;
	}

.flexible-pricing-img { 
	background: url("/images/features/featurespage-icons-pricing.png") no-repeat;
height: 125px;
    background-position: center;
}
.flexible-pricing-img:hover { 
	background: url("/images/features/featurespage-icons-pricing-hover.png") no-repeat;
height: 125px;
    background-position: center;
}
.gallery-img { 
	background: url("/images/features/featurespage-icons-gallery.png") no-repeat;
height: 125px;
    background-position: center;
}
.gallery-img:hover { 
	background: url("/images/features/featurespage-icons-gallery-hover.png") no-repeat;
height: 125px;
    background-position: center;
}
.support-img { 
	background: url("/images/features/featurespage-icons-support.png") no-repeat;
height: 125px;
    background-position: center;
}
.support-img:hover { 
	background: url("/images/features/featurespage-icons-support-hover.png") no-repeat;
height: 125px;
    background-position: center;
}


/***********************************
web capability online drawing
************************************/
.web-drawing-banner-overlay {
    background: linear-gradient(rgba(63, 191, 191, 0.6), rgba(51, 153, 153, 0.5)), url("/images/features/online-drawing-software/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding-top: 80px;
    
}
.web-drawing-banner-heading h1 {
    color:#fff;
font-size: 3.14285714em;
    line-height: 1.31818182em;
    

    }
.web-drawing-banner-heading {
           margin-left: -15px;
    margin-right: -15px;
     
     }
.web-drawing-banner-heading P {
    color:#fff;
    padding-bottom:20px;

    font-weight: 400;
    }
.web-drawing-banner-heading span p {
        color:#cd0e00;
    }
.web-drawing-banner-overlay img{
    display:inline-block;
   
    margin: 0 auto;
}

.try-now-wrapper {

  overflow: hidden;
}

.try-now-bg {
  position: relative;
padding: 150px 0 45px;
    margin-top: 40px;
  }
.try-now-bg:before {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-image: url(/images/wave.png);
    margin: 0 -50px;
   background-size: 100% 100%;
    z-index: -1;
  }

.try-now-message{
padding-top: 30px;
padding-bottom: 50px;
background-color: #6F7570;
text-align:center;

}
.try-now-message h1{
    letter-spacing: -.05rem;
color: #fff;

}
.try-now-message p{
color: #fff;
    margin-bottom: 20px;
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    font-weight: 400;

}

.many-features-box {
    margin-bottom: 3.5rem;

    text-transform: capitalize;
}
.many-features-box a{
   color: #666;
}
.many-features-box-icon{
margin-bottom: 15px;
}
.many-features-title-h4 {

    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
    }
.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.many-diagrams-row {
text-align: center;}
.many-diagrams-row li {
    margin: 10px 10px;
    display: inline-block;
   
    overflow: hidden;
    position: relative;
    }
.many-diagrams-btn {
    position: relative;
    display: inline-block;
        padding: 20px 0px;
    margin: 1px 0px;
    border: none;
    background: #f2f2f2;
    cursor: pointer;
    font-size: inherit;
    font-weight: 400;
        letter-spacing: .3px;
    color: #666;
width: 200px;
    transition: all 0.3s ease 0s;
}
.many-diagrams-btn:after {
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index: -1;
}
.many-diagrams-btn:hover
 {
  color: #f8f8f8;
}
.many-diagrams-btn:focus {
color: #666;
border: 0px;
}

/* Style 1 */
.many-diagrams-btn-1:hover {
  background-color: #1ABC9C;
}

.web-drawing-section-inner {
    position: relative;

    padding: 20px 15px;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.web-drawing-section-inner:nth-child(3n+1) {
		clear: both;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	 .web-drawing-section-inner:nth-child(2n+3) {
		clear: both;
	}
}
.web-drawing-section-icon {
    float: left;
           margin-left: 20px;
}
.web-drawing-section-tex {
    float: right;
    width: calc(100% - 70px);
}
.web-drawing-section-icon i {
    font-size: 2rem;
    color: #1ABC9C;
 
}
.web-drawing-section-tex h4 {
    font-weight: bold;
    font-size: 1.35714286em;
    line-height: 1.36842105em;
    color: #4f4f4f;
    text-transform: uppercase;
        margin-top: 0px;
}
.web-drawing-section-tex p {
font-size: 1em;
    margin-bottom: 0px;
    margin-top: 7px;
}

/***********************************
web capability online drawing
************************************/
.solution-web-drawing-banner-overlay {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url("/images/solutions/free-online-drawing-software/laptop.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 10% 35%;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    
}

/***********************************
academic page
************************************/
.academic-banner-overlay {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), url("/images/academic/academic-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding-top: 60px;
        padding-bottom: 30px;
    
}
.academic-banner-heading h1 {
    color:#fff;
       font-size: 42px;
    font-weight: 400;
    

    }
.academic-banner-heading {
           margin-left: -15px;
    margin-right: -15px;
     
     }
.academic-banner-heading P {
    color:#fff;
    padding-bottom:20px;

    font-weight: 400;
    }
.academic-banner-heading span p {
        color:#cd0e00;
    }
.academic-banner-overlay img{
    display:inline-block;
   
    margin: 0 auto;
}
.academic-main-page-content {
    display: inline;
    float: left;


    width: 100%;
}
.academic-main-page img{
width: 60%;
}

.academic-main-page p{
	font-weight: 400;

	    font-size: 15px;

}
.academic-main-page h4{
	font-weight: 500;
	    font-size: 21px;
	        letter-spacing: -.02rem;

}
.academic-main-page a{
	font-weight: 400;
	    font-size: 16px;


}
.academic-main-page-enjoy li{
	    list-style-position: inside;
    padding: 3px 0 3px 20px;
    text-indent: -.6em;
}
.academic-main-page-examples-icon-box {
    font-size: 25px;
    margin-bottom: 15px; 
    display: inline-block;
}
.academic-success-check {
	color: #57bea2;
	font-size: 8.5rem !important;
    margin-bottom: 40px;
}
.acaedmic-bold {
	    font-weight: 500;
    letter-spacing: 0.02rem;
	
}
#apply-now { cursor: pointer; }
.academic-form {
    font-weight: 400;
    padding: 0;
    display: none;
    overflow: hidden; 
}
.academic-form .container { padding-top: 15px; padding-bottom: 60px; }
.academic-form h2 {
    font-size: 2em;
    padding-bottom: 0px;
}
.academic-notes {
color: red;
    font-size: 0.75rem;
}
.academic-agreement {
    margin-left: 10px;
    font-size: 0.85rem;
    font-weight: 400;
}
.academic-form .signupBtn {
    box-sizing: border-box;
    position: relative;
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 32px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
}
.academic-form .signupBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.academic-form .signupBtn:focus {
  outline: none;
}
.academic-form .signupBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
.academic-form .signupBtn--academic:hover,
.academic-form .signupBtn--academic:focus {
  background-color: #63D471;
  background-image: linear-gradient(#63D471, #5AC167);
}

.academic-form .signupBtn--academic {
        padding: 7px 80px 7px 80px;
    background-color: #5AC167;
    background-image: linear-gradient(#63D471, #5AC167);
    /* font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif; */
    text-shadow: 0 -1px 0 #63A46C;
}

/***********************************
 feature hot spot 
************************************/
ol.hotspot {
    list-style: none;
          margin-top: 1.5rem !important;
       margin-left: -2rem !important;
    margin-bottom: .7rem;
        margin-right: -1rem;
        display: inline;
  }
  
  ol.hotspot > li:before {
    content: counter(hotspot) " ";
    counter-increment: hotspot;
      font-family: Arial, sans-serif;
    
    color: #fff;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.3em;
  display: inline-block;
  margin-right: .5em; 
  background: #F45B69;
  

  }
  
  ol.hotspot li {
    float: left;
    margin-bottom: 20px;
    display: inline;
    width: 280px;
    height: 95px;
    
  }
  
  ol.start {
    counter-reset: hotspot;
  }
  
  ol.continue {
    counter-reset: hotspot 8;
  }
    ol.continue1 {
    counter-reset: hotspot 10;
  }
      ol.continue2 {
    counter-reset: hotspot 13;
  }
  @media (max-width: 1199px) {
ol.hotspot li {
    float: left;
    margin-bottom: 20px;
    display: inline;
    width: 280px;
    height: 120px;
}
  }

.hotspot p{
    font-weight: 400;
    font-size: 1rem;
    padding-top: 0px;
    padding-bottom: 5px !important;
    margin-left: 2.5rem;
      
}
img.center-images {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 40px;
}
.diagram {
  position: relative;
}

.diagram__image {
  max-width: 100%;
}

.diagram__hotspot {
  position: absolute;
  background: #F45B69;
  font-family: Arial, sans-serif;
  color: #fff;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
width: 2em;
    height: 2em;
    line-height: 2.1em;
  display: inline-block;
  margin-right: 1em;
  z-index: 1;
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.26);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.26);
}

#hotspot1 {
  left: 35%;
    top: 5%;
}
#hotspot2 {
left: 5%;
    top: 9%;
}
#hotspot3 {
    left: 56%;
    top: 9%;
}
#hotspot4 {
    left: 16%;
    top: 15%;
}

#hotspot5 {
  left:  34%;
    top: 30%;
}

#hotspot6 {
    left: 11%;
    top: 38%;
}
#hotspot7 {
    left: 54%;
    top: 38%;
}

#hotspot8 {
    left: 35%;
    top: 45%;
}
#hotspot9 {
    left: 77%;
    top: 67%;
}
#hotspot10 {
    left: 20%;
    top: 33%;
}
#hotspot11 {
left: 56%;
    top: 49%;
}
#hotspot12 {
left: 39%;
    top: 68%;

}
#hotspot13 {
    left: 43%;
    top: 27%;
}
#hotspot14 {
left: 46%;
    top: 47%;

}
#hotspot15 {
    left: 47%;
    top: 64%;
}
/***********************************
press kit
************************************/
.features-list {
	    display: block;
	    font-size: 1.12em;
	    padding-top:5px;
	    padding-bottom: 5px;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
	
}
.feature-logo {
	text-align: center;
}

.feature-logo ul {
	display:inline-table;
}
.feature-logo li {
    display: list-item;
}

.features-list p{
    margin: 0 0 10px;

    line-height: 1.68421053em;
        color: #808080;
	
}
.features-list-sub {
	    display: block;
    list-style-type: disc;
    -webkit-margin-before: .5em;
    -webkit-margin-after: .5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
        list-style-type: circle;
	
}
.features-list-2-sub {
	    display: block;
    list-style-type: disc;
    -webkit-margin-before: .5em;
    -webkit-margin-after: .5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
        list-style-type: square;
	
}
.features-list-2-sub li{
	    padding-top:5px;
	    padding-bottom: 5px;
	
}
	.box > .icon { text-align: center; position: relative; }
		.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 5px solid white; line-height: 88px; border-radius: 50%; background: #4FC19B; vertical-align: middle; }
		.box > .icon:hover > .image { background: #333; }
		.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
		.box > .icon:hover > .image > i { color: white !important; }
		.box > .icon > .info { margin-top: -10px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; min-height:163px;}
		.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
		.box > .icon > .info > h3.title { font-size: 16px; color: #222; font-weight: 700; }
		.box > .icon > .info > p { font-size: 14px; color: #666; line-height: 1.5em; margin: 20px;}
		.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
		.box > .icon > .info > .more a { font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
		.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
		.box .space { height: 30px; }

/***********************************
 feature sub 
************************************/

.feature-sub-info {
	display: inline;
    float: left;
    margin-top: 20px;
    width: 100%;
        padding-right: 15px;
    padding-left: 15px;
}
.feature-sub-info p {
    margin-bottom: 20px;
    font-weight: 400;
}
.feature-sub-info h2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 2em;
}
.feature-sub-info h3 {
  font-size: 28px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.feature-sub-image-center {

text-align: center;
}
.feature-sub-image-left {
    display: inline;
    float: left;
    
    -webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
}
.feature-sub-image-right {
    display: inline;
    float: right;
    
    -webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
}
#features-sub {
	padding-top: 0px;
}
#features-sub .section-padding{
	  padding-bottom: 60px;
	  padding-top: 0px;
    background-color: #fff;
}
.feature-sub-area {
	padding-top: 20px;
	padding-bottom: 20px;
}
.feature-sub-3-content-boxes-heading-area {
	display: inline;
    float: left;
    text-align: center;
    padding: 0 10%;
    width: 100%;
	
}
.feature-sub-3-content-boxes-area {
    display: inline;
    float: left;
    padding: 0px 0px;
    width: 100%;
}
.feature-sub-3-content-boxes-overview-content {
	display: grid;
    float: left;
    margin-top: 20px;
    width: 100%;
}
.feature-sub-3-content-boxes-overview-single {
    display: inline;
    float: left;
    text-align: center;
    width: 100%;
    background: #fff;
    padding: 20px 10px;
    margin: 7px 0 5px;
    font-weight: 400;
}
.feature-sub-3-content-boxes-overview-single h4{
 
    font-size: 1.35714286em;
    line-height: 1.36842105em;
    color: #4f4f4f;
    margin-top: 0px;
}
.feature-sub-3-content-boxes-overview-single p{

    font-size: 1em;
    margin-bottom: 0px;
    margin-top: 7px;

    }
.feature-sub-3-content-boxes-overview-icon-box {
    font-size: 25px;
    margin-bottom: 30px;
    display: inline-block;
}
.feature-sub-inter-intro {
   text-align: center;
    font-size: .9rem;
    color: #767676;
    border-radius: 15px;
    /* background-color: #F9E8DA; */
    border: 1px solid #d6d6d6;
    font-weight: 400;
    margin-top: 50px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.feature-sub-list {
	    list-style-type: disc;
	        text-align: left;
}
/***********************************
 Organisations
************************************/
#organisations{
    background-color: rgb(247, 247, 247);
}
.orga-stru
{
    background-color: #57BEA2;
    width: 109px;
    height: auto;
    padding: 10px 10px 25px 10px;
    text-align: center;
    border-radius: 0px 80px 99px 99px;
    -moz-border-radius: 0px 80px 99px 99px;
    -webkit-border-radius: 0px 80px 99px 99px;
    -o-border-radius: 0px 80px 99px 99px;
}
.orga-stru h3 {
    font-size: 36px;
    color: white;
    font-weight: bold;
}
.orga-stru p {
    font-size: 14px;
    color: white;
    font-weight: normal;
    line-height: 20px;
    padding-top: 15px;
}
.orga-stru i
{
    font-size: 150px;
    margin-top: 35px;
    color: rgb(255, 255, 255);
}
h3.det-txt {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
}
h4.sm-txt {
    color: #57BEA2;
    font-size: 24px;
}
p.det-p {
    padding: 40px 0px;
}
#pricing{
    background: rgb(247, 247, 247);
}
/***********************************
Cta
************************************/
#cta-2{
    padding: 140px 0;
}
.cta-2-txt {
    font-size: 24px;
    padding-bottom: 15px;
    text-align: center;
    margin: 0 auto;
    line-height: 34px !important;
}
.cta-2-form input[type="email"] {
    border: 0px solid #CCC;
    padding: 13px 40px;
    font-size: 18px;
    color: #2b5d83;
    font-weight: 100;
    min-width: 280px;
    margin-left: -4px;
    margin-bottom: 2px;
    border: 1px solid #57BEA2;
    background-color: rgb(247, 247, 247);
    border-radius: 30px 0px 0px 30px;
}
.cta-2-form-submit-btn {
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    background-color: #57BEA2;
    border: 2px solid #fff;
    padding: 14px 30px;
    margin-left: -4px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    border-width: 1px 1px 1px 0px;
    border-radius: 0px 30px 30px 0px;
}
/***********************************
Work Shop
************************************/
#work-shop {
    background-color: rgb(247, 247, 247);
}
.service-box{
    background: #fff;
    padding: 60px 30px 80px;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
}
.icon-box i {
    color: #57BEA2;
    font-size: 65px;
}
.ser-text {
    font-size: 24px;
}
.icon-box, .icon-text {
    padding: 20px 0px 0px;
}
/***********************************
Mentor Team
************************************/
.pm-staff-profile-image{
  width: 150px;
  height: 150px;
  background-color: #C6C6C6;
  border-radius: 50%;
  display: inline-block;
}
.pm-staff-profile-details {
    padding: 20px 20px;
}
.pm-staff-profile-name {
    font-size: 24px;
    text-transform: capitalize;
    color: #2b5d83;
}
.pm-staff-profile-title {
    text-transform: capitalize;
    color: #4b4b4b;
    font-weight: 500;
    padding: 12px 0px;
}
.pm-staff-profile-bio {
  text-transform: capitalize;
  color: #4b4b4b;
  font-weight: 100;
}
/***********************************
Testimonial
************************************/
#testimonial{
    background-color: #111;
}
.bg-white{
    background-color: #fff !important;
}
.text-comment{
  background-color: rgb(255, 255, 255);
  padding: 20px;
}
.text-par{
  font-size: 20px;
  padding-bottom: 15px;
}
/***********************************
Course
************************************/
[class*=" imghvr-"] figcaption, [class^="imghvr-"] figcaption {
    background-color: #57BEA2;
}
[class*=" imghvr-"], [class^="imghvr-"] {
    background-color: #57BEA2;
    color: #fff;
}
/***********************************
Price Table
************************************/
.price-table {
    box-shadow: 0px 0px 1px 0px RGBA(0, 0, 0, 0.4);
    position: relative;
}
.price-table .pricing-head {
    background: #fff;
    padding: 40px;
    text-align: center;
}
.price-table .pricing-head h4 {
    font-size: 22px;
    color: #232c3b;
    margin-top: 0px;
    letter-spacing: 1px;
    border-bottom: 1px solid #232c3b;
    padding-bottom: 20px;
}
.pricing-head .amount {
    font-size: 60px;
    font-weight: bold;
}
.pricing-head .curency {
    display: inline-block;
    position: relative;
    top: -30px;
    font-size: 20px;
}
.price-in {
    background: #fff;
    text-align: center;
}
.btn-bg {
    border: 0px;
    border-radius: 0px;
    color: #fff !important;
    padding: 20px 0px;
    font-weight: bold !important;
    font-size: 14px;
    background-color: #57BEA2;
}
.btn.expand {
    padding-top: 5px;
    padding-bottom: 4px;
    color: #91AEC1;
    font-weight: 400;
        float: right;
}
.btn.expand:active{

    box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
}
.btn.expandFuncButton {
    padding-top: 5px;
    padding-bottom: 4px;
    color: #91AEC1;
    font-weight: 400;
    float: right;
}
.expandFuncButton {
 cursor: pointer;
}
tr.expand {
 cursor: pointer;
}
.expandFuncButtonSide, .expand-all-icon {
	    padding-top: 5px;
    padding-bottom: 4px;
    color: #91AEC1;
    font-weight: 400;
    float: right;
    margin-right: 20px;
}
.expand-all-icon {
    margin-right: 25px;
    font-size: initial !important;
}
.extraInfo .first {
    text-indent: 25px;
    font-weight: 400 !important;
}
.align-text-icon {
    vertical-align: middle;
    display: inline;
}
.sub-features-count {
background-color: #DCE0D9;
margin-left: 10px;
 color: #808F85;
}

/***********************************
Contact Us
************************************/
.contact form .form {
    width: 100%;
    height: auto;
    padding: 15px 15px 12px;
    font-size: 18px;
    margin-bottom: 18px;
    color: #7f7f7f;
    letter-spacing: 0.5px;
}
#contact .form-control {
    background: #fafafa;
    border: 1px solid rgba(119, 81, 81, 0.34);
    width: 100%;
	margin-bottom: 15px;
    border-radius: 0;
    
}
.textarea {
    height: 228px;
    max-width: 100%;
    max-height: 229px;
}
.light {
    font-weight: 100;
}
.white{
    color: #fff !important;
}

.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}
/***********************************
Footer
************************************/
#footer {
	
	
}
.footer-yt-wrap:hover {
	background: #FF0000;
}
.footer-yt-wrap {       

    background: #322f30;
    padding: 10px 6px 10px 6px;
    display: inline-block;
        -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}	
.footer-yt-icon{    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    	height: 20px;
}
.x-twitter-footer {
	    background: #322f30;
    padding: 6px 11px;
    display: inline-block;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.x-twitter-footer:hover {
	background-color: #1d9bf0;
}
.x-twitter-logo {
	width: 16px;
}
.footer {
	background-color: #1D2533;
	padding: 2rem 1rem;
	text-align: none;
	color: #fff;
}
.footer i {
	font-size: 18px;
	    margin-bottom: 7px;
	    width: 40px;
}
.footer ul {
	    margin-left: 0px;
	list-style-type: none;
}
.footer h4 {
	border-bottom: 1px solid #919191;
	color: #919191;
	font-weight: 700;
	font-size: 1em;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.footer p, .footer a {
	font-weight: 700;
	font-size: 14px;
	color: #999;
}
.footer a:hover {
	color: #fff;
}
.footer-links {
	list-style-type: none;
	text-align: left;
}
.footer-links li {
	margin-top: .5em;
	padding-bottom: 0px;
}
.footer-links-featured-product {
	display: flex;
	    align-items: center;
}
.footer-links-featured-product span {
	margin-left: 10px;
	    line-height: 19px;
}
.footer-links-featured-product img {
	margin-top: 4px;
	
}
.footer a {
    color: #999;
}

.footer h3{
	font-weight: 400;
	letter-spacing: 0.05em;
	margin: 0 0 40px;
	font-size: 24px;
}
.footer .form-control {
    border-radius: 30px;
    border: none;
    background: rgba(255,255,255,.1);
    padding-left: 30px;
    color: #e5e6e7;
    margin-bottom: 0;
    height: 48px;
}
.footer .social-links li a {
    color: #fff;
    font-size: 32px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.footer .social-links li {
    display: inline-block;
    margin: 0 25px 25px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.footer .mc-trial {
    margin: 20px 0;
}
.footer .social-links {
    list-style: none;
    padding: 0;
    margin: 30px 0 40px;
    padding: 40px 0 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.footer-links-featured-product {
	display: flex !important;
}
/***********************************
Footer social media
************************************/

.footer-social-icons ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    width: 250px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
        margin-right: 1px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook-f {
   padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-facebook-f:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-pinterest-p {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-pinterest-p:hover {
    background-color: #DF0023;
}
.fa-youtube {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin-in {
   padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin-in:hover {
    background-color: #0073a4;
}
.fa-instagram {
   padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-instagram:hover {
    background-color: #C72282;
}


.social-container {
	background-color: #000;
}
.social-text ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

.social-text li {
    float: left;

}

.social-text li a {
    display: block;
    text-align: center;
    padding: 7px 10px;
    text-decoration: none;
    font-size: 11px;
    color: #767676;
    font-weight: 700;
}

.social-text li a:hover {
    background-color: #111111;
}
.social-text {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    padding-top: 20px;
    list-style-type: none;
}
.social-text p {
	color: #919191;
	padding-right: 10px;
	    font-size: 12px;
    font-weight: 400;
        margin-bottom: 20px;
}
.social-text a {
	display: block;
	line-height: 1;
	color: #fff;
}
.social-text li {
	padding: 0rem;
}
.social-text a:hover {
	color: #26ae90;
}
.btn-submit:hover, .btn-submit:focus{
    background-color: #57BEA2;
    color: #fff;
}
.btn-submit{
	padding: 14px 12px;
	border-radius: 50px;
	text-transform: uppercase;
    background-color: #57BEA2;
    color: #fff;
}
.btn-submit i{
	padding-left: 8px;
}

.btn-sec {
    margin-top: 20px;
}
.ser-btn {
    padding: 10px 18px;
    border: 0px;
    background-color: #222935;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 20px;
}
.mem-info{
    padding: 45px 10px 0px;
    background-color: #eee;
}
.mem-info h4 {
    font-size: 18px;
    padding: 10px 0px;
}
.mem-info h3{
    font-size: 24px;
    padding: 15px 0px;
}
.mem-info h5
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.mem-info p {
    margin: 0 0 10px;
}
.agent-social li {
    display: inline-block;
    padding: 0px 10px 0px 0px;
    margin-bottom: 10px;
}
.btn {
    padding: 10px 20px;
	color: #fff;
	font-weight: 400;
}

.light-form-button{
    background: #57BEA2;
    border: 1px solid rgba(119, 81, 81, 0.34);
    width: 24%;
    padding: 10px 10px;
    margin-bottom: 15px;
    color: #fff;: #fafafa;
    border: 1px solid rgba(119, 81, 81, 0.34);
    width: 24%;
    margin-bottom: 15px;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-green, .btn-green:hover{
    background-color: #57BEA2;
    color: #fff;
}
.footer .form-control:focus{
    box-shadow: none;
}
/***********************************
video thumbnail play button
************************************/
.video-block {
    position: relative;
    float: right;
}
.video-block::before {
    position: absolute;
    width: 520px;
    background: ;
    content: "";
    height: 40px;
    bottom: -39px;
    border-radius: 10px;
    clip-path: polygon(2% 0px, 99% 0px, 93% 54%, 8% 54%);
}
.video-block img {
    border-radius: 10px;

    object-fit: cover;
    box-shadow: 0px 15px 20px -15px #00000012;
    margin-bottom: 25px;
}
.video-block .infobox {
    position: absolute;
    top: 40%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.video-block .infobox .fa {
    height: 82px;
    width: 82px;
    background: #FC363B;
    border-radius: 54px;
    font-size: 35px;
    color: #fff;
    padding-top: 23px;
    padding-left: 7px;
    text-align: center;
    transition: all 0.4s;

}
/***********************************
chart feature pages
************************************/
.create-chart-bottom {
 background: linear-gradient(45deg, #5D707E, #357CA0) !important;
 color: #fff;
}

.create-chart-bottom h2 {
    color: #fff;
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin-bottom: 7px;
}
.create-chart-bottom p {
    color: #fff;
    margin-bottom: 30px;
}
/***********************************
footer learn more features
************************************/
.footer-callout-wrap {
    background-color: #689B9B;
    padding: 30px 0;
    border-top: 1px solid #eee;
  
}
.footer-callout {
    font-size: 1.385em;
    display: flex;
    align-items: center;
}
.footer-callout .theme-button {
       margin-left: 70px;
    width: 100%;
    text-align: center;
    font-size: 0.789em;
    padding: 15px 20px;
    color: #fff;
        text-decoration: none;
            font-weight: 700;
}
.footer-callout .theme-button:hover {
        margin-left: 70px;
    width: 100%;
    text-align: center;
    font-size: 0.789em;
    padding: 15px 20px;

    background: #72b5b5;
        text-decoration: none;

}
.footer-callout .theme-button {
    background: #82C1C1;
}
.footer-callout-content {
    font-size: 21px;
text-transform: uppercase;
    letter-spacing: .02rem;
    color: #fff;
    font-weight: 400;
        margin-top: 5px;
}
@media screen and (max-width: 1200px) 
{
.footer-callout-content {
    font-size: 18px;
text-transform: uppercase;
    letter-spacing: .02rem;
    color: #fff;
          margin-top: 5px;
}

}
@media screen and (max-width: 64em) {
.footer-callout-content {
    font-size: 16px;
text-transform: uppercase;
    letter-spacing: .02rem;
    color: #fff;
     margin-top: 7px;
}
.footer-callout .theme-button {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 0.689em;
    padding: 10px 20px;
    color: #fff;
        text-decoration: none;
            font-weight: 400;
}
.footer-callout .theme-button:hover {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 0.689em;
    padding: 10px 20px;
    color: #70d4f2;
    background: #fff;
        text-decoration: none;
            font-weight: 400;
}


}
/************************************
Responsive media queries
************************************
***********************************/
@media (min-width: 769px) and (max-width: 980px) {
	
    .ser-text {
    font-size: 20px;
    }
    .service-box, .feature-info, .orga-stru{
        margin-bottom: 30px;
    }
    .pricing-head .amount {
    font-size: 51px;
    }
    .price-table .pricing-head h4 {
    font-size: 18px;
    }
	
}
@media (min-width: 451px) and (max-width: 768px) {
		  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
    .ser-text {
    font-size: 20px;
    }
    .service-box, .feature-info{
        margin-bottom: 30px;
    }

    .pricing-head .amount {
    font-size: 51px;
    }
    .price-table .pricing-head h4 {
    font-size: 18px;
    }   
	.form-control {
    display: block;
    width: 100%;
	}

}
@media (min-width: 20px) and (max-width: 450px) {
    .text-dec {
    font-size: 20px;
    }
    .big-text {
    font-size: 30px;
    }
    .small-text {
    font-size: 14px;
    }
    .intro-para {
    font-size: 30px;
    }
    .header-section p{
        font-size: 14px;
    }
    .heading {
    margin-bottom: 20px;
    }
    .orga-stru i {
    font-size: 92px;
    }
    .orga-stru {
    padding: 5px 5px 15px 5px;
    width: 75px;
    margin-bottom: 20px;
    }
    .orga-stru h3 {
    font-size: 28px;
    }
    .orga-stru p {
    font-size: 13px;
    }
    h3.det-txt {
    font-size: 28px;
    }
    .cta-2-txt {
    font-size: 20px;
    }
    .service-box, .text-comment, .price-table{
        margin-bottom: 30px;
    }
    .contact-form-button{
        width: 40%;
    }
    .footer .social-links li {
    margin: 0 5px 25px;
    }
    .cta-2-form-submit-btn {
    font-size: 10px;
    }
    .cta-2-form input[type="email"] {
    padding: 13px 10px;
    font-size: 10px;
    min-width: 187px;
    }
    .modal-sm {
    width: 300px;
    }
    .login-box-body {
    padding: 15px 20px;
    }
    .navbar-default .navbar-brand{
        margin-left: 10px;
    }
    .navbar-default .navbar-nav > li > a{
        text-align: center;
    }
	.form-control {
    width: 100%;
	margin-left: 10px;
	}
	
	.dropdown-templates{
		text-align:center;
	}

#support-page-middle .form-control {
    width: 100%;
	margin-left: 0px;
	}
	.loginPage .loginContent .input-field label { 
		margin-left: 5px; 
	}
	.icon-login {
		margin-left: 0px;
	}
	.loginPage .loginContent .loginButton{
	width: 90%;
		margin-left: 10px;
		margin-right: 10px;
	}
	.loginPage .loginContent .loginButton:hover {
		width: 90%;
	}
	input#entryPoint {
		    width: 220px;
    margin-left: 10px;
		
	}
		.form-group-entrypoint {

    display: inline-block;
}

}

@media screen and (max-width: 64em) and (min-width: 300px){
.tutorial-boxes h4 {
    margin-left: 0px;
    font-weight: 700;
    margin-bottom: 0px;
    font-size: 16px;
    display: inline-block;
}
.tutorial-boxes .icon {
	width: 20%;
}
.tutorial-boxes p {
    font-size: 12px;
    margin-left: 50px;
    margin-bottom: 10px;
    line-height: 21px;
    height: 60%;
    padding: 10px;
}
.tutorial-boxes-btn {
display: none;
}
.tutorial-boxes {
  
    padding-top: 10px;
    padding-bottom: 5px;
}
		  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
	#mu-hero {
    padding-top: 30px;
        padding-bottom: 30px;
    }
    
	.mu-hero-left {
      position: relative;

  
    }
    .mu-hero-left h1 {
    color: #333;
    font-size: 1.5em;
    margin-bottom: 20px;  
    
    }
    .mu-hero-left p {
    color: #333;
    margin-bottom: 20px;
        font-size: 14px;
}
    #mu-hero img {
    width: 100%;
        margin-top: 45px;
   
    }
    .general-btn {
    font-weight: 400;
    background-color: #52bfa2;
    border: 2px solid #fff;
    border-radius: .2rem;
    color: #fff;
    font-size: 1em;
    padding: .4rem 2.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.form-left-border {
	    border-left: 0px solid;
}
.form-signup-email-box {
width: 100%;
display: inline-flex;

}
.topbar-container {

        height: 70px;
}
}
@media screen and (max-width: 63.9375em) {

.navbar-default {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 0px 0;
}


	
}
@media screen and (max-width: 779px) {
	.navbar-brand>img {
      padding-left: 10px;
}
	
	
}
@media screen and (max-width: 1200px) {

.mu-hero-left h1 {
    color: #333;
    font-size: 1.9em;
    margin-bottom: 15px;  
    }
.mu-hero-left p {
    color: #333;
    margin-bottom: 30px;
        font-size: 14px;
}
.vp-heading-title h2 {
    font-size: 1.5em;
    font-weight: 500;
        line-height: 2rem;
}
.online-diagram-examples-single p{
	font-weight: 400;
	
	
    min-height: 40px;
}
.online-diagram-examples-single {
    display: inline;
    float: left;
    text-align: center;
    width: 100%;
    background: #fff;
    padding: 0px 0px;
    margin: 0px 0 0px;
}
.feature-sub-image-left {
    display: inline;
    float: none;
   
}
.feature-sub-image-right {
    display: inline;
    float: none;
   
}
.features-center-img {
	
	display: block;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);
    box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.13);

}
}


@media (max-width: 575px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  	.topbar-container {

        height: 70px;
}
#login-section h3 {

    font-size: 20px;
}
}
.error-message {
    font-size: 12px !important;
    color: #C00000 !important;
}

div.starting-mask {
	position: fixed;
	left: 0; 
	top: 0; 
	width: 100% !important;
    height: 100% !important;
    z-index: 9999;
}
div.starting-mask div.mask-content {
    left: 0px !important;
    position: relative !important;
}
div.starting-mask div.mask-bg {
	background-color: #000000;
	opacity:0.8; filter:alpha(opacity=80);
	text-align: center;
	position: absolute;
	left: 0; top: 0; width: 100%; height: 100%;
}
div.starting-mask div.mask-img {
	width: 120px; height: 120px;
	margin: 0 auto;
	background: url('/images/loading-gif-transparent-4.gif') no-repeat;
	background-size: 120px 120px;
}
div.starting-mask p.mask-text {
	margin-top: 18px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
}

/***********************************
 pricing index
************************************/
.edition-tab {
    position: sticky;
    top: 0;
    z-index: 1;
}
.edition-tab td {
	background-color: white !important;
	position: sticky;
  	top: 0px;
  	z-index: 1;
  	border: none !important;
}
.edition-tab .stand-out-edition {
	height: 70px;
}
.edition-tab .edition-price {
	background: white;
	width: 17%;
}
.edition-tab .edition-price span {
	margin-top: 25px;
}
.subscribe-button-row {
	height: 35px;
	margin: 5px 0;
}
.eva-btn {
	display: inline-block;
	padding: .3rem 1rem !important;
}
.sticky-header .eva-btn, .sticky-header .subscribe-button-row {
	display: none;
}

#current-edition, #evaluation {
	margin-top: 20px;
	color: #333;
}
#current-edition h3 { 
	font-size: 1.58rem;
	font-weight: 400; 
}
#evaluation p {
    font-weight: 400;
    font-size: .9375rem;
    padding-top: 10px;
    padding-bottom: 10px;
	color: #666666;
}
.subscription-show-price {
	display: inline !important;
    padding: .9375rem 1.25rem;
    text-align: center;
    font-weight: 500;
    font-size: 2rem;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
span.subscription-show-price { 
	padding: 0px 0px; 
}
.subscription-show-price p {
    color: #333333;
    font-weight: 300;
    font-size: 0.9375rem;
    text-align: right;
    padding: 0px 10px;
    text-align: right;
}
span.single-show-price p { 
	padding: 0px 0px !important; 
}
.single-show-price p {
    font-weight: 300;
    font-size: 0.9375rem;
    text-align: left;
    padding: 0px 10px;
}
.single-show-price p#p1 { 
	margin-top: 10px;
}
.single-show-price p#p2 { 
	margin-top: 0px;
}
.menu_simple {
    width: 100%;
    background-color: #005555;
}
.menu_simple ul {
    margin: 0;
    padding: 0;
    float: left;
    margin-top: 10px;
}
.menu_simple ul li {
    display: inline;
    float: left; 
}
.menu_simple ul li a {
   	text-decoration: none;
    color: #45aaf2; 
    padding: 10.5px 11px;
}
.button.whatsnew-learn {
	border-radius: 40px;
	text-decoration: none;
    font-size: 1rem;
	padding: .75rem 1.125rem;
}
.button.whatsnew-learn {
	background-color: #45aaf2;
	border: 2px solid #ffffff;
	color: #ffffff;
}
.button.whatsnew-learn:hover {
	background-color: #ffffff;
	border: 2px solid #45aaf2;
	color: #45aaf2;
}
.show-update-button {
	display: inline-block;
 	padding: .75rem 1.125rem;
    text-align: left;
    color: #333;
    font-weight: 400;
    font-size: 1rem;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    line-height: 1.5rem;
 	
}
.show-update-button:hover {
    font-size: 1rem !important;
     padding: 0.75rem 1.125rem !important;
 }
 .button.support-team {
	border-radius: 40px;
	background-color: #ffffff !important;
    border: 0px solid #ffffff;
	color: #45aaf2;
    font-size: 1rem;
    padding: .75rem 1.125rem;
    text-decoration: none;
}
.button.support-team:hover {
	border: 0px solid #45aaf2;
	color: #45aaf2;
    font-size: 1rem;
    padding: .75rem 1.125rem;
}
.eva-btn.show-eva-button, 
.eva-btn.show-update-button {
	border: none;
}
.edition-top {
	vertical-align: bottom;
}
.stand-out-tab {
	display: block;
	width: 100%;
	color: #fff;
	border-radius: 3px 3px 0 0;
	font-weight: 600;
	font-size: 14px;
	padding: 10px 0;
}
.stand-out-required, .stand-out-suggested {
	background-color: #16c172;
}
.stand-out-current {
	background-color: #1C2541;
}
.stand-out-edition td {
	border: none !important;
	padding: 0px !important;
}
.close-btn {
	float: right;
    font-size: 25px;
    cursor: pointer;
}
.close-iframe-btn {
	display: none;
}
/***********************************
 contact-us index
************************************/
.contact-box {
	text-align: left;
   margin-left: auto;
	margin-right: auto;
	width: max-content;
}
.contact-box .list-contact-email li,
.contact-box .list-contact-contact li,
.contact-box .list-contact-address li {
	font-size: 15px;
}
.list-contact-email li,
.list-contact-contact li,
.list-contact-address li {
    position: relative;
	padding-left: 30px;
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 400;

}
.list-contact-email li::before,
.list-contact-contact li::before,
.list-contact-address li::before {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0px;
    top: 4px;
    color: #737C85;
    display: inline-block;
    width: 18px;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.list-contact-email li::before{
    content: "\f0e0";
}
.list-contact-contact li.mobile::before {
	content: "\f10b";
	font-size: 20px;
}
.list-contact-contact li.fax::before {
	content: "\f1ac";
}
.list-contact-address li::before{
    content: "\f3c5";
	font-size: 15px;
}
.contact-description {
	padding-bottom: 10px;
}
.contact-description p.description {
	font-weight: 400;
	font-size: 1em;
	margin-bottom: 5px;
}
.contact-form .required-star {
	color: red;
}

/***********************************
 Custom Content
************************************/
#custom-content ul, .transcript .card-body ul {
	list-style: disc;
    list-style-position: outside;
    padding: 0 0 0 20px;
}
#custom-content ul li {
margin-bottom: 5px;
}
#custom-content ol, .transcript .card-body ol {
	list-style: decimal;
    list-style-position: outside;
    padding: 0 0 0 15px;
}
#custom-content ol li{
margin-bottom: 5px;
}
#custom-content h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: #656565;
}
#custom-content h3 {
font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: #656565;
    margin-top: 15px;
    padding-bottom: 5px;
}
#custom-content p strong {
    color: #7b7b7b;
}
.custom-content p, .transcript .card-body p {
	padding-bottom: 10px;
}
.custom-content li p, .transcript .card-body li p {
	padding: 0;
}
/***********************************
bigger menu
************************************/

 .dropdown-menu-large {

  padding: 10px 0px;
  min-width: 642px;
  right: auto !important;
  left: 0 !important;
}
 .dropdown-menu-products {

    padding: 20px 0px;
    min-width: 850px;
    right: auto !important;
    left: -130px !important;
 }
 .feature-promo-block {
     border-left: 1px solid #c6c6c6;
 }
 .feature-promo-menu-item {
 margin-bottom: 20px;
 }
 .feature-promo-menu-image {
     border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
 }
 .dropdown-menu-products-list {
 margin-top: 0px !important;
width: 100%;
display: inline-block;
 }
 .product-no-top-padding {
 padding-top: 0px !important;
     padding-right: 10px;
 }
  .dropdown-menu-products-list.product-menu-left-items {
   display: inline-block;
  flex-wrap: nowrap;
  align-items: center;
 }
 
.dropdown-menu-products-list-column-count {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
.dropdown-menu-products-list-column-count-1 {
display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 10px;
}
.dropdown-menu-products-list-column-count-2 {
display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
      margin-bottom: 15px;
}
@media (max-width: 991px) {
	
	.dropdown-menu-products-list-column-count {

  grid-template-columns: repeat(2, 1fr);

}
}
.hr-margin {
	margin-top: 10px;
	margin-bottom: 10px;
}
.dropdown-menu-products-list li {
    padding-top: 10px;

float: left;

}

.product-list-title {
	width: 100%;
}
 .dropdown-menu-products-list-sub {
 margin-top: 5px;
width: 100%;
display: inline-block;
 }
.dropdown-menu-products-list-sub li{
    padding-top: 7px;
    padding-bottom: 7px;
}

.features-extended-list li{
	margin-top: 10px;
	margin-bottom: 7px;
}
#header-fluid .dropdown-menu-large {

  padding: 7px 0px;
  min-width: 650px;
  right: auto !important;
  left: 0 !important;
  transform: translate(-40%, 0) !important
}
@media only screen and (max-width: 992px) {
	 .dropdown-menu-products {

    left: 0px !important;
 }
}
@media (max-width:767px){
	#header-fluid .dropdown-menu-large {
	  transform: translate(0%, 0) !important
}

}

 .dropdown-menu-large.features-extended-menu {

  padding: 10px 0px;
  min-width: 442px;
  right: auto !important;
  left: 0 !important;
}
.dropdown-menu-large.features-extended-menu > li > ul > li > a {
  display: block;
  padding: 3px 5px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large.features-extended-menu > li ul > li > a:hover,
.dropdown-menu-large.features-extended-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
/* 
#charts-header-fluid .dropdown-menu-large {

  padding: 7px 0px;
  min-width: 500px;
      right: auto !important;
    left: 0 !important;
}
#illustrations-index .dropdown-menu-large {

  padding: 7px 0px;
  min-width: 510px;
      right: auto !important;
    left: 0 !important;
}
#infocharts-index .dropdown-menu-large {

  padding: 7px 0px;
  min-width: 510px;
      right: auto !important;
    left: 0 !important;
} */
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}

.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 5px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 14px;
  font-weight: 700;
  padding-left: 7px;
}

@media (max-width: 1030px){
	#header-fluid .dropdown-menu-large {
	  min-width: 550px;
	}
}

@media (max-width: 850px){
	#header-fluid .dropdown-menu-large {
	  min-width: 500px;
	}
	.logo-product-title2 {
    font-size: 12px;
    margin-right: 10px;
}
@keyframes product-menu-slide1 {
  0%
{
    transform: translate(0, 0);
    opacity: 0;
  }


    100% {
    transform: translate(70px, 0);
    opacity: 1;
  }
}
}

@media (max-width: 1199px) {
  .dropdown-menu-products {
 left: -160px !important;
    min-width: 760px;
}
}
@media (max-width: 768px) {
	  .dropdown-menu-products {
    left: 0px !important;
        min-width: 120px;
}
.product-dropdown-menu {
    width: 85%;
}
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }

}
element.style {
    display: block;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.navbar-nav > li > #explainer-menu-solutions.dropdown-menu {
min-width: 235px;
	right: 0;
	left: 0;
}
.navbar-nav > li > #explainer-menu-create.dropdown-menu {
right: -400px;
	-webkit-column-count: 3;  /* Chrome/Opera, Safari */
-moz-column-count: 3; /* Mozilla Firefox */
column-count: 3;
}
.navbar-nav > li > #smartboard-menu-create.dropdown-menu {
right: -250px;
	-webkit-column-count: 2;  /* Chrome/Opera, Safari */
-moz-column-count: 2; /* Mozilla Firefox */
column-count: 2;
}
#smartboard-menu-create.dropdown-menu>li>a {
	width: 210px;
}
#explainer-menu-create.dropdown-menu>li>a {
	width: 270px;
}
@media (max-width: 768px) {
	#explainer-menu-create.dropdown-menu>li>a {
	width: 180px;
}
}
.navbar-nav > li > #menu-solutions.dropdown-menu {
	right: 0;
	left: 0;
}
.navbar-nav > li > #lang-switcher.dropdown-menu {
	right: 0;
	left: auto;
}
	/** infochart @media (max-width: 1140px) {
	  .dropdown-menu-large {
        min-width: 300px;
  }
  **/
 @media (max-width: 1140px) {
	  .dropdown-menu-large {
        min-width: 598px;
  }
  .badge-new {
  font-size: 10px;
  }
  .logo-product-title {
  font-size: 12px;
  }
  .bottom-new-badge {
      left: 30px;
    position: relative;
  }
	
}
 @media (max-width: 1199px){
#charts-index .navbar-default .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 10px 4px;
    padding: 10px 11px;
    font-size: 16px;
}
#header-fluid .navbar-default .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 10px 8px;
    padding: 10px 11px;
    font-size: 16px;
} 
}
 #header-fluid .navbar-default .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 10px 8px;
    padding: 10px 11px;
    font-size: 16px;
}
/* #infocharts-index .navbar-default .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 10px 8px;
    padding: 10px 11px;
    font-size: 16px;
} */
.smartboard-product-menu {
	display: inline-flex;
    align-items: center;
}
.smartboard-product-logo {
width: 240px;
}
.smartboard-product-menu-group {
	
}
/***********************************
sub features pages
************************************/
#sub-features-pages h2{
    font-size: 34px;
    font-weight: 700;
    text-align: left;
    letter-spacing: -1px;

}

@media (max-width:1199px){
	#sub-features-pages h2{
		text-align:center;
	}
	
	#photo-book-steps-feature .col-lg-5.col-xs-12{
		text-align:center;
	}
}

.sub-features-pages-cta-title{
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -1px;
    text-transform: capitalize;

}
.sub-features-pages-cta-desc{
    font-size: 18px;
    font-weight: 500;
    text-align: center;
   letter-spacing: -0.2px;
    text-transform: capitalize;
    color: #747474;
margin-top: 10px;
margin-bottom: 25px;
}
.infochart-index-header-bg {
    position: relative;
    padding: 50px 0px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-image:url(/images/infoart/charts/header-bg.png);
}
.illustrations-index-header-bg {
    position: relative;
    padding: 50px 0px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-image:url(/images/illustrations/header-bg.png);
}
.photo-with-effect-index-header-bg {
    position: relative;
    padding: 50px 0px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-image:url(/images/infoart/photo-effects/effects-header-bg.png);
}
.sub-features-bg {
    position: relative;
    padding: 160px 0px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-image:url(/images/infoart/charts/header-bg.png);
}
.sub-features-image-layer {
	background-image:url(/images/infoart/charts/index/index-chart-header.png);
	
}
.sub-features-image-layer-collages {
	background-image:url(/images/infoart/collage/top-header.png);
	
}
.sub-features-image-layer-photo-book {
    background-image: url(/images/infoart/photo-books/photo-book-top-header.png);
}
.sub-features-image-layer-flip-book {
    background-image: url(/images/flipbooks/index-header.png);
}
.sub-features-bg .sub-features-image-layer, 
.sub-features-bg .sub-features-image-layer-collages, 
.sub-features-bg .sub-features-image-layer-photo-book,
.sub-features-bg .sub-features-image-layer-flip-book {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    left: 50%;
    height: 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.sub-features-content {
	
	}
	
	
.sub-features-content h1 {
	letter-spacing: -0.5px;
	    font-size: 42px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 15px;
}
.sub-features-btn, .sub-features-btn:visited, .sub-features-btn:active {
    font-weight: 700 !important;
    background-color: #4cd0e5;
    border-radius: .2rem;
    color: #fff;
border: 0px solid;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(76, 208, 229,.3);
    margin-right: 10px;
}
.sub-features-btn-lg {
	    padding: 13px 25px !important;
    font-size: 18px;
    letter-spacing: -.5px;
    margin-top: 20px;
}

.sub-features-btn:hover, .sub-features-btn:focus {
    background-color: #41bcd0;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
}
.header-wrap {
    padding: 10rem 0 10rem;
    background: url(/images/infoart/charts/shapes.png);
    background-repeat: no-repeat;
    background-position: center;
}
.shape-bottom {
    background: url(/images/infoart/charts/bottom-wave.png);
    background-repeat: no-repeat;
    background-position: bottom;
	
}
/***********************************
sub features  screen slider  pages
************************************/
/*
  Responsive CSS MacBook Retina Mockup by Henri Peetsmann
  https://codepen.io/henripeetsmann/
*/
#mockup-slider i {
	color: #ff5f7c;
}
#mockup-slider h3 {
	
	font-size: 24px;
    color: #2e5b96;
    font-weight: 700;
    text-align: left;
    letter-spacing: -1px;
    text-transform: capitalize;
}
.mockups {
  margin: 0;
  padding: 5vw;
}


#mockup-slider-titles h1 {
  font-family: sans-serif;
  text-align: center;
  color: #fff;
  font-size: 2.5em;
  margin-top: 0;
}

.controls {
  text-align: center;
  padding: 2em;
}
.controls a {
  color: #fff;
  background-color: #ccc;
  text-decoration: none;
  font-family: sans-serif;
  padding: .5em 1em;
  display: inline-block;
  border: 2px solid #ccc;
  border-radius: 500px;
  transition: .2s ease-in-out all;
}
.controls a:hover {
  background-color: #16A085;
  color: #fff;
  border-color: #fff;
}

/* CODE BY HENRI PEETSMANN */
.css-mb {
  max-width: 1200px;
  /* Set the desired maximum width of the macbook */
  min-width: 50px;
  /* Set the desired minimum width of the macbook */
  margin: 0 auto;
  /* Align mockup to center */
}

.css-mb div {
  box-sizing: border-box !important;
  /* Just in case */
}

/* Center the display */
.css-mb .mb-display-position {
  width: 80%;
  margin: 0 auto;
}

/* The display */
.css-mb .mb-display {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 65.9442%;
  background: #373435;
  -webkit-border-top-left-radius: 3.5% 5.3075%;
  -moz-border-radius-topleft: 3.5% 5.3075%;
  border-top-left-radius: 3.5% 5.3075%;
  -webkit-border-top-right-radius: 3.5% 5.3075%;
  -moz-border-radius-toptight: 3.5% 5.3075%;
  border-top-right-radius: 3.5% 5.3075%;
}

/* Webcam */
/* Browser may not render a perfect circle */
.css-mb .mb-display:before {
  content: '';
  display: block;
  position: absolute;
  top: 3%;
  left: 50%;
  width: 1%;
  height: 1.5164%;
  margin-left: -0.5%;
  border-radius: 50%;
  background: #525252;
}

/* Glare */
/* Browser may not render the top and right offset evenly */
.css-mb .mb-display:after {
  content: '';
  display: none;
  position: absolute;
  right: 0.4%;
  top: 0.64%;
  width: 62.5%;
  height: 100%;
  background: none;
  /* Hide the gradient on older browsers */
  background: -moz-linear-gradient(55deg, rgba(0, 0, 0, 0) 61%, rgba(255, 255, 255, 0.05) 61%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(36deg, rgba(0, 0, 0, 0) 61%, rgba(255, 255, 255, 0.05) 61%);
  /* Chrome10+ and Safari5.1+ compute the degree differently */
  background: -o-linear-gradient(55deg, rgba(0, 0, 0, 0) 61%, rgba(255, 255, 255, 0.05) 61%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(55deg, rgba(0, 0, 0, 0) 61%, rgba(255, 255, 255, 0.05) 61%);
  /* IE10+ */
  background: linear-gradient(55deg, rgba(0, 0, 0, 0) 61%, rgba(255, 255, 255, 0.05) 61%);
  -webkit-border-top-right-radius: 5.3075%;
  -moz-border-radius-toptight: 5.3075%;
  border-top-right-radius: 5.3075%;
}

/* Only show glare, if the class is applied */
.css-mb.with-glare .mb-display:after {
  display: block;
}

/* Position the screen and give make it the right size, ratio 16:10 */
.css-mb .mb-screen-position {
  position: absolute;
  top: 6.5%;
  width: 93.2%;
  left: 3.4%;
  height: 0;
  margin: 0;
  padding-bottom: 58.25%;
  /* Ratio */
}

/* Give parent (this element) a "height", so that child elements can use height: 100%;*/
.css-mb .mb-screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #fff;
  /* bg color if content is not big enough, or rendering is off */
}

/* Image on the screen */
.css-mb .mb-screen img {
  max-width: 100%;
  height: auto;
}

/* Iframe on the screen */
.css-mb .mb-screen iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Macbook body */
.css-mb .mb-body {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 2.3%;
  background: #e6e7e8;
}

/* The groove */
.css-mb .mb-body:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 14.0740%;
  height: 0;
  padding-bottom: 1.4814%;
  margin-left: -7.037%;
  background: #a9abae;
  -webkit-border-bottom-left-radius: 7.0370% 50%;
  -moz-border-radius-bottomleft: 7.0370% 50%;
  border-bottom-left-radius: 7.0370% 50%;
  -webkit-border-bottom-right-radius: 7.0370% 50%;
  -moz-border-radius-bottomtight: 7.0370% 50%;
  border-bottom-right-radius: 7.0370% 50%;
}

/* Macbook bottom */
.css-mb .mb-bottom-cover {
  width: 100%;
  height: 0;
  padding-bottom: 0.7407%;
  background: #a9abae;
  -webkit-border-bottom-left-radius: 12% 600%;
  -moz-border-radius-bottomleft: 12% 600%;
  border-bottom-left-radius: 12% 600%;
  -webkit-border-bottom-right-radius: 12% 600%;
  -moz-border-radius-bottomtight: 12% 600%;
  border-bottom-right-radius: 12% 600%;
}
@media only screen and (max-width: 994px) {
	.sub-feature-screen-slider {
	margin-top: 20px;
	}
	
}
.template-menu-top .top-category-count {
	margin-left: 3px;
    background: #e089cd;
    vertical-align: text-top;
}
.template-menu-top .diagram-count {
	background: #4cd0e5;
}
.template-count {
	background: #6a8fb3;
}
.template-menu-top .template-count, .template-page-title .template-count {
	margin-left: 5px;
}
.template-menu-top .category-title, #templates-gallery .category-title {
	text-align: left;
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}
.template-menu-top .sub-category-title {
    font-size: 16px;
}
.collage-sub-features .collage-sub-box{
    background: #FFF;
    border-radius: 10px; 
    padding: 40px 10px;
    margin: 20px 0px;
    transition: all 0.5s ease-out;
}
.collage-sub-features h3{
    font-weight: 600;
    letter-spacing: -0.8px;
}
.collage-sub-features .collage-sub-box:hover{
   box-shadow: 0 0 6px #4183D7;
}

.collage-sub-features .collage-sub-box .collage-sub-box-text{
    margin:10px 0px;
    font-size: 15px;
    line-height: 24px;
}

.collage-sub-features .collage-sub-box .box-btn a{
    text-decoration: none;
    color: #4183D7;
    font-size: 16px;
}

/***********************************
Photo Book index
************************************/

.photo-book-edit-templates-box .box{
    background: #FFF;
    border-radius: 10px; 
    padding: 40px 10px;
    margin: 20px 0px;
    cursor: pointer;
    transition: all 0.5s ease-out;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09);
}

.photo-book-edit-templates-box .box:hover{
   box-shadow: 0 0 6px #EF6F6C;
}

.photo-book-edit-templates-box .box .box-text{
    margin:20px 0px;
    font-size: 15px;
    line-height: 30px;
}
.photo-book-edit-templates-box .box .box-title{
margin-top: 10px;
}

.photo-book-edit-templates-box .box .box-btn a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;

}
.photo-book-edit-templates-box .box .box-btn a:hover{
    text-decoration: none;
    color: #EF6F6C;
}
.photo-book-edit-templates-box .box .box-btn {
    background: #EF6F6C;
    border-radius: 40px;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
        border: 2px solid #fff;
      transition: all 0.5s ease-out;
   }
   .photo-book-edit-templates-box .box .box-btn:hover {
    background: #fff;
color: #EF6F6C;
        border: 2px solid #EF6F6C;
   }
.photo-book-edit-templates-box .bottom-desc {
width: 80%;    
margin-left: auto; 
margin-right: auto;
line-height: 34px;
margin-bottom: 20px;
}

#photo-book-steps-feature .feature-one__wrapper .shape2 {
    position: absolute;
    top: -150px;
    left: -130px;
    z-index: -1;
}

#photo-book-steps-feature .feature-one__wrapper .shape3 {
    position: absolute;
    left: -275px;
    bottom: 30px;
    z-index: -1;
}

#photo-book-steps-feature .feature-one__img {
    position: relative;
    display: block;
    width: 680px;
    width: 100%;
    margin-top: 80px;

}

#photo-book-steps-feature .feature-one__img img {
    width: 100%;
}

#photo-book-steps-feature .feature-one__right {
    position: relative;
    display: block;
}

#photo-book-steps-feature .feature-one__right-list {
    position: relative;
    display: block;
}

#photo-book-steps-feature .feature-one__right-list-item {
    position: relative;
    display: block;
    padding: 22px 20px 22px;
    margin-bottom: 50px;
    max-width: 500px;
    width: 100%;
    z-index: 1;
        margin-left: 50px;
}

#photo-book-steps-feature .feature-one__right-list-item .shape4 {
    position: absolute;
    top: -143px;
    left: -20px;
    z-index: -1;
}

#photo-book-steps-feature .feature-one__right-list-item .shape5 {
    position: absolute;
    top: -140px;
    right: 0;
    z-index: -1;
}

#photo-book-steps-feature .feature-one__right-list-item.step-left-spacing {
    position: relative;
    display: block;
    margin-left: 90px;
}

#photo-book-steps-feature .feature-one__right-list-item:last-child {
    margin-bottom: 0;
}

#photo-book-steps-feature .feature-one__right-list-item-inner {
    position: relative;
    display: block;
}

#photo-book-steps-feature .feature-one__right-list-item.bg1 {
    background: #d8e2dc;
}

#photo-book-steps-feature .feature-one__right-list-item.bg2 {
    background: #ffe5d9;
}

#photo-book-steps-feature .feature-one__right-list-item.bg3 {
    background: #ffcad4;
}

#photo-book-steps-feature .feature-one__right-list-item .icon {
    position: absolute;
    top: 8px;
    left: 0;
    width: 48px;
    height: 48px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;

}
#photo-book-steps-feature .feature-one__right-list-item .icon i {
font-size: 24px;
    line-height: 45px;

}

#photo-book-steps-feature .feature-one__right-list-item .icon span::before {
    font-size: 50px;
    line-height: 75px;
}

#photo-book-steps-feature .feature-one__right-list-item .step-text {
    position: relative;
    display: block;
    padding-left: 105px;
}

#photo-book-steps-feature .feature-one__right-list-item .step-text h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 19px;
}

#photo-book-steps-feature .feature-one__right-list-item .step-text p {}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
#photo-book-steps-feature .feature-one__img {
    width: auto;
    margin-left: 0px;
    text-align: center;
}
#photo-book-steps-feature .feature-one__img img {
    width: auto;
}
#photo-book-steps-feature .feature-one__right {
    margin-top: 70px;
}
#photo-book-steps-feature .feature-one__right-list-item {
    margin: 0 auto 30px;
}
#photo-book-steps-feature .feature-one__right-list-item.step-left-spacing {
    margin-left: auto;
}
#photo-book-steps-feature .feature-one__wrapper .shape3 {
    display: none;
}
}
@media only screen and (max-width: 767px) {
	
#photo-book-steps-feature .feature-one__img {
    width: auto;
    margin-top: 20px;
    margin-left: 0px;
    text-align: center;
}
#photo-book-steps-feature .feature-one__img img {
    width: 100%;
}
#photo-book-steps-feature .feature-one__right {
    margin-top: 70px;
}
#photo-book-steps-feature .feature-one__right-list-item {
    margin: 0 auto 30px;
}
#photo-book-steps-feature .feature-one__right-list-item.step-left-spacing {
    margin-left: auto;
}
#photo-book-steps-feature .feature-one__wrapper .shape3 {
    display: none;
}
#photo-book-steps-feature .feature-one__right-list-item .icon {
    position: relative;
    top: 0px;
    margin: 0 auto 30px;
}
#photo-book-steps-feature .feature-one__right-list-item .step-text {
    padding-left: 0px;
}
#photo-book-steps-feature .feature-one__right-list-item .step-text p br{
    display: none;
}
#photo-book-steps-feature .feature-one__right-list-item-inner {
    text-align: center;
}
#photo-book-steps-feature .feature-one__right-list-item .step-text h3 {
    font-size: 22px;
}
#photo-book-steps-feature .feature-one__right-list-item .shape5{
    display: none;
}
#photo-book-steps-feature .feature-one__right-list-item .shape4{
    display: none;
}

	
	
}
.photo-book-footer-section {
    padding: 100px 0;
    background: #1080f2 url(/images/infoart/photo-books/bottom-footer-fixed.png) no-repeat;
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* #main-index-header .dropdown-templates-menu{
	transform: translateX(-40%);
} */

.dropdown-templates-menu{
padding: 15px;
    position: absolute;
    top:100%;
	margin: 0;
	list-style: none;
	-ms-box-orient: horizontal;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	visibility: hidden;
	list-style:none;
    background-color: #fff;
    background-clip: padding-box;
    border:1px solid rgba(0,0,0,.15);
    border-radius:4px;
    box-shadow:0 6px 12px rgb(0 0 0 / 18%);
    z-index:1000;
    font-size:14px;
    text-align:left;
    transform: translateX(-50%);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	flex-basis:auto;
	display:flex;
	line-height:1.5em;
}

.templates-menu-category .caret{
	display:none;
}

.templates-menu-category{
	padding-top:0.5%;
	padding-bottom:0.5%;
	width:16.6%;
	/* width:20%; */
	min-width:16.6%;
}

.img-container{
	padding:0px;
	text-align:left;
	width:50%;
}

.two-row .templates-menu-category{
	width:100%;
}

.two-row{
	width:16.6%;
	/* width:20%; */
	min-width:16.6%;
}

.two-row .img-container{
	width:30%;
	float:left;
}

.two-row .headerContainer{
	width:70%;
	float:right;
	font-size:14px;
}

.two-row .templates-menu-category .subTemplateItems{
	margin-top:40px;
}

.two-row .subTemplateItems{
	padding-left:5px;
}

.templates-menu-category-header{
	font-weight:bold;
	color:#4e585c;
	display:block;
	font-size:16px;
}

.items{
	white-space:nowrap;
	padding-left:5%;
}

.templates-menu-category a{
	color:#717f86;
}

.subTemplateItems li:hover{
	text-decoration: none;
	background-color: #f5f5f5;
	border-radius:5px;
}

/* .templates-menu-category a:hover{
	text-decoration: none;
	background-color: #f5f5f5;
} */

.templates-menu-category li{
	padding-top:2.5%;
	padding-bottom:2.5%;
}

.template-seeAll{
	font-size:12px;
}

.headerContainer{
	margin-top:5px;
	margin-bottom:5px;
}

@media (max-width:991px){
	#navbar-collapse-1 .navbar-nav{
		padding-top:5px;
	}
	
	#mainNav .container{
		padding-left:10px;
		padding-right:10px;
	}
	
	/* #main-index-header .dropdown-templates-menu{
		transform: translateX(-21.5%);
	} */
}

 @media (max-width:1100px){
 .templates-menu-category-header{
 		font-size:15px;
 	}
 
	.dropdown-templates-menu{
		font-size:13px;
	}
	
	
	.two-row .headerContainer{
		font-size:15px;
	}
 }

 @media (max-width:990px){
 	.templates-menu-category-header{
 		font-size:13px;
 	}
 
	.dropdown-templates-menu{
		font-size:12px;
	}
	
	
	.two-row .headerContainer{
		font-size:13px;
	}
}

@media (max-width:899px){
	.dropdown-templates-menu{
		/* font-size:13px; */
	}
	
	/* #main-index-header .dropdown-templates-menu{
		transform: translateX(-23%);
	} */
}

@media (max-width:799px){
	.dropdown-templates-menu{
		 font-size:12px;
	}
	
	/* #main-index-header .dropdown-templates-menu{
		transform: translateX(-22%);
	} */
}

@media (max-width:767px){
	#main-index-header .dropdown-templates{
		margin:15px 0px;
	}
	
	.dropdown-templates-menu{
		float:none;
		background-color: #f8fcff;
		transform: none;
		display:block;
		padding:10px;
	}
	
	.dropdown-templates .dropdown-toggle{
		display:inline;
	}
	
	#main-index-header .dropdown-templates-menu{
		transform: none;
	}
	
	.img-container{
		display:none;
	}
	
	.templates-menu-category-header{
		display:inline-block;
	}
	
	.templates-menu-category{
		position:relative;
		display:block;
		font-size:16px;
		letter-spacing: -.02rem;
		width:100%;
	}
	
	.templates-menu-category li{
		padding-top:1%;
		padding-bottom:1%;
	}
	
	.subTemplateItems a:hover{
		background-color:#f5f5f5;
	}
	
	.subTemplateItems{
		display:none;
	}
	
	
	.two-row .headerContainer{
		font-size:16px;
		float:left;
		width:100%;
		padding-bottom:5px;
	}
	
	.two-row {
		width:100%;
	}
	
	.templates-menu-category .caret{
		display:inline-block;
	}
	
	.template-seeAll{
		font-size:16px;
	}
}

@media (max-width:450px){
	.templates-menu-category{
		text-align:center;
	}
}


/***********************************
Flipbook index
************************************/

.flip-book-edit-templates-box .box{
    background: #FFF;
    border-radius: 10px; 
    padding: 40px 10px;
    margin: 20px 0px;
    cursor: pointer;
    transition: all 0.5s ease-out;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09);
}

.keybenefits-flipbook .content {
    text-align: center;
        min-height: 260px;
            margin-bottom: 10px;
    padding: 15px;
    background: #fefefe;
    border-radius: 15px;
    transition: all .3s ease;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 3%);
}


.keybenefits-flipbook .content:hover {
    background: #415678;
    transition: all .3s ease;
}

.keybenefits-flipbook .content:hover i {
    color: #fff;
}

.keybenefits-flipbook .content h5 {
font-size: 20px;
font-weight: 700;
}

.keybenefits-flipbook .content:hover h5 {
    color: #fff;
}
.keybenefits-flipbook .content p {
	padding-bottom: 20px;
	font-size: 14px;
}

.keybenefits-flipbook .content:hover p {
    color: #fff;
}

.keybenefits-flipbook .content .serv-icon {
    position: relative;
    display: inline-block;
}

.keybenefits-flipbook .content i {
    font-size: 48px;
    color: #415678;
        margin-bottom: 10px;
    margin-top: 10px;
}

.keybenefits-flipbook .content .clone-icon i {
    position: absolute;
    top: 0;
    left: 15px;
    right: 0;
    opacity: 0;
    transition: all .3s ease;
}

.keybenefits-flipbook .content h5 {
    margin-bottom: 10px;
}

.keybenefits-flipbook .content:hover .clone-icon i {
    position: absolute;
    top: 7px;
    left: -12px;
    right: 0;
    opacity: 0.2;
}
.section-eight{
position: relative;}

	.sec-eight-text-area{text-align: center;padding: 100px 0 40px;}
	.sec-eight-text-area img{padding: 2vh 0;}
	.sec-eight-text-area h1{padding: 2vh 0 3vh 0;color: #434C57;
    line-height: 1.3;
    font-size: 40px;
        letter-spacing: -0.3px;
    font-weight: 600;
    padding-bottom: 30px;}
	.sec-eight-text-area p{padding: 2vh 0;font-size: 14px;line-height: 1.6;color: #434C57;}
	.section-eight .container-pe-quote {position: absolute;height: 100%;top: 0px;z-index: 1;}
	.section-eight .container-pe-quote.left {left: 0px;}
	.section-eight .container-pe-quote.right {right: 0px;}
	.section-eight .container-pe-quote .pp-quote {
	    cursor: pointer;
	    position: absolute;
	    border-radius: 100%;
	    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	    animation-name: floating;
	    -webkit-animation-name: floating;
	    animation-iteration-count: infinite;
	    -webkit-animation-iteration-count: infinite;
	    -webkit-animation-timing-function: linear;
	    animation-timing-function: linear;
	    -webkit-transform-origin: 50% 1px;
	    -moz-transform-origin: 50% 1px;
	    -ms-transform-origin: 50% 1px;
	    -o-transform-origin: 50% 1px;
	    transform-origin: 50% 1px;
	    opacity: 0;
	    -webkit-transition: all 2s ease;
	    -moz-transition: all 2s ease;
	    -ms-transition: all 2s ease;
	    -o-transition: all 2s ease;
	    transition: all 2s ease;
	}
	.container-pe-quote .pp-quote img {
	    overflow: hidden;
	    border-radius: 100%;
	    height: 100%;
	    width: 100%;	    
	    position: relative;
	    z-index: 1;
	}
	.section-eight .container-pe-quote p {
	text-align: center;
	    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
	}
	.section-eight .container-pe-quote .pp-quote:after {
	    content: '';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    height: calc(100% + 5px);
	    width: calc(100% + 5px);
	    border-radius: 100%;
	    background-color: #7fb3e4;
	    -webkit-transform: translate(-50%, -50%) scale(0.9);
	    -moz-transform: translate(-50%, -50%) scale(0.9);
	    -ms-transform: translate(-50%, -50%) scale(0.9);
	    -o-transform: translate(-50%, -50%) scale(0.9);
	    transform: translate(-50%, -50%) scale(0.9);
	    -webkit-transition: all .25s ease;
	    -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	    -o-transition: all .25s ease;
	    transition: all .25s ease;
	}
	.container-pe-quote .pp-quote:hover:after, .container-pe-quote .pp-quote.active:after {
	    -webkit-transform: translate(-50%, -50%) scale(1);
	    -moz-transform: translate(-50%, -50%) scale(1);
	    -ms-transform: translate(-50%, -50%) scale(1);
	    -o-transform: translate(-50%, -50%) scale(1);
	    transform: translate(-50%, -50%) scale(1);
	}
	.section-eight .container-pe-quote .li-quote-1 {
	    height: 104px;
	    width: 104px;
	    left: 250px;
	    top: 95px;
	    animation-duration: 10s;
	    -webkit-animation-duration: 10s;
	    -webkit-transition-delay: 0.6s;
	    transition-delay: 0.6s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-2 {
	    height: 63px;
	    width: 63px;
	    left: 130px;
	    top: 170px;
	    animation-duration: 12s;
	    -webkit-animation-duration: 12s;
	    -webkit-transition-delay: 0s;
	    transition-delay: 0s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-3 {
	    height: 64px;
	    width: 64px;
    left: -270px;
    top: 260px;
	    animation-duration: 6s;
	    -webkit-animation-duration: 6s;
	    -webkit-transition-delay: 0.2s;
	    transition-delay: 0.2s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-4 {
	    height: 73px;
	    width: 73px;
	    right: 290px;
	    top: 110px;
	    animation-duration: 5s;
	    -webkit-animation-duration: 5s;
	    -webkit-transition-delay: 0.7s;
	    transition-delay: 0.7s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-5 {
	    height: 73px;
	    width: 73px;
	    left: 230px;
	   
	    top: 270px;
	    animation-duration: 8s;
	    -webkit-animation-duration: 8s;
	    -webkit-transition-delay: 0.4s;
	    transition-delay: 0.4s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-6 {
	    height: 45px;
	    width: 45px;
	    right: 108px;
	    top: 170px;
	    animation-duration: 7s;
	    -webkit-animation-duration: 7s;
	    -webkit-transition-delay: 0.2s;
	    transition-delay: 0.2s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-7 {
	    height: 48px;
	    width: 48px;
	    right: 40px;
	    top: 414px;
	    animation-duration: 7s;
	    -webkit-animation-duration: 7s;
	    -webkit-transition-delay: 0.3s;
	    transition-delay: 0.3s;
	    opacity: 1;
	}
	.section-eight .container-pe-quote .li-quote-8 {
	    height: 63px;
	    width: 63px;
	    left: 20px;
	    top: 250px;
	    animation-duration: 5s;
	    -webkit-animation-duration: 5s;
	    -webkit-transition-delay: 0s;
	    transition-delay: 0s;
	    opacity: 1;
	}


@media (max-width: 992px) {
	.section-eight .container-pe-quote .li-quote-1 {

	    left: 120px;

	}
		.section-eight .container-pe-quote .li-quote-2 {

	    top: 250px;

	}
	.section-eight .container-pe-quote .li-quote-3 {

		left: -200px;

	}
			.section-eight .container-pe-quote .li-quote-4 {

right: 110px;

	}
		.section-eight .container-pe-quote .li-quote-5 {

	   left: 80px;
    top: 352px;

	}
	
}
@keyframes floating{

	0% {
	    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    transform: rotate(0deg) translate(-10px) rotate(0deg);
	}
	100% {
	    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    transform: rotate(360deg) translate(-10px) rotate(-360deg);
	}

}
@-webkit-keyframes floating{

	0% {
	    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
	    transform: rotate(0deg) translate(-10px) rotate(0deg);
	}
	100% {
	    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
	    transform: rotate(360deg) translate(-10px) rotate(-360deg);
	}

}

.section-eight .container-quote {
    position: relative;
    width: 100%;
    margin-top: 10px;
    height: 135px;
    -webkit-perspective: 10000px;
    -moz-perspective: 10000px;
    -ms-perspective: 10000px;
    perspective: 10000px;
}
.section-eight .container-quote .quote {
    max-width: 520px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    cursor: pointer;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
}
	.section-eight .container-quote .quote.hide-bottom {
	    opacity: 0;
	    -webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	    -moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	    -ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	    -o-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	    transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	}
	.section-eight .container-quote .quote.hide-top {
	    opacity: 0;
	    -webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	    -moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	    -ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	    -o-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	    transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	}
	.section-eight .container-quote .quote.show {
	    opacity: 1;
	    -webkit-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	    -moz-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	    -ms-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	    -o-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	    transform: translateX(-50%) translateY(0%) rotateX(0deg);
	}


	.section-eight .container-dp-name {
	    position: relative;
	    width: 100%;
	    margin-top: 10px;
	    height: 225px;
	    -webkit-perspective: 10000px;
	    -moz-perspective: 10000px;
	    -ms-perspective: 10000px;
		perspective: 10000px;text-align: center;
	}
	.section-eight .container-dp-name .box-dpname {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0px;
	    left: 0;
	    cursor: pointer;
	    text-align: center;
	    -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	    -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	    -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	    transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	}
	.section-eight .container-dp-name .box-dpname.hide-dp-bottom {
	    opacity: 0;
	    -webkit-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	    -moz-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	    -ms-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	    -o-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	    transform: translateX(0%) translateY(100%) rotateX(-70deg);
	}
	.section-eight .container-dp-name .box-dpname.hide-dp-top {
	    opacity: 0;
	    -webkit-transform: translateX(0%) translateY(-100%) rotateX(70deg);
	    -moz-transform: translateX(0%) translateY(-100%) rotateX(70deg);
	    -ms-transform: translateX(0%) translateY(-100%) rotateX(70deg);
	    -o-transform: translateX(0%) translateY(-100%) rotateX(70deg);
	    transform: translateX(0%) translateY(-100%) rotateX(70deg);
	}
	.section-eight .container-dp-name .box-dpname.look {
	    opacity: 1;
	    -webkit-transform: translateX(0%) translateY(0%) rotateX(0deg);
	    -moz-transform: translateX(0%) translateY(0%) rotateX(0deg);
	    -ms-transform: translateX(0%) translateY(0%) rotateX(0deg);
	    -o-transform: translateX(0%) translateY(0%) rotateX(0deg);
	    transform: translateX(0%) translateY(0%) rotateX(0deg);
	}

@media screen and (max-width:767px){
  .sec-eight-text-area{    padding: 10px 0 10px 0;}

  
  .section-eight .container-pe-quote.right{
  	top:-530px;  	position: absolute;

  	width:40%;
  }
  
  .section-eight .container-pe-quote.left{
  	width:60%;
  }
  
  .section-eight .container-pe-quote{
  	position: relative;
  	height: 200px;
  	top: 0px;
  	z-index: 1;
  	margin: -70px 0 0;
  	padding: 0px 20px;
  }
  
  	.section-eight .container-pe-quote .li-quote-1{
  		left: 10%;
  		top: 70px;
  	}
  
	.section-eight .container-pe-quote .li-quote-2 {
	    left: 48%;
	    top: 100px;
	}
	.section-eight .container-pe-quote .li-quote-3 {
		top: 100px;
		left: 10%;
		
	}
	.section-eight .container-pe-quote .li-quote-4 {
		top: 90px;
		right:20%;
	}
	.section-eight .container-pe-quote .li-quote-5 {
		top:90px;
		left: 75%;
	}
}

@media (max-width: 480px){
	.section-eight .container-pe-quote .li-quote-3{
		top:-30%;
		left:30% !important;
	}
	
	.section-eight .container-pe-quote .li-quote-2{
		left: 10% !important;
	}
}

@media screen and (max-width:480px){
  .section-eight{position: relative;}
	.section-eight .bottom-ani-cs{    position: absolute;top: 150px;right: 16px;}	
	.section-eight .container-pe-quote .li-quote-2 {left: 10% ;top: 270px;}
	.section-eight .container-pe-quote .li-quote-6 { right: 100px;top: 179px;}
	.section-eight .container-pe-quote .li-quote-8 {height: 43px;width: 43px;left: 0px;top: 220px;}
	.section-eight .container-pe-quote .li-quote-3{top:-30%;left:30%;}
	.section-eight .container-quote{height: 205px;overflow: hidden;overflow-y: auto;}
	.sec-eight-text-area{padding: 10px 0 100px 0;}
}
.flip-book-footer-section {
    padding: 100px 0;
    background: #1080f2 url(/images/flipbooks/footer-bg.png) no-repeat;
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#flip-book-steps-feature .feature-one__right-list-item.bg1 {
    background: #fde2e4;
}
#flip-book-steps-feature .feature-one__right-list-item.bg2 {
    background: #e2ece9;
}

#flip-book-steps-feature .feature-one__right-list-item.bg3 {
    background: #bee1e6;
}

#flip-book-steps-feature .feature-one__right {
	/* float: right; */
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
#flip-book-steps-feature .feature-one__right {
   float: none;
}
}
.flipbook-features-small-item {
  display: block;
  background: #FFFFFF;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 26px;
  text-align: center;
transition: all 0.3s ease;
  position: relative;
  margin-bottom: 30px;
}
.flipbook-features-small-item:hover {

background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(97,186,255,1) 0%, rgba(166,239,253,1) 90.1% );


}
.flipbook-features-small-item:focus, .flipbook-features-small-item:hover {
text-decoration: none;
}
.flipbook-features-small-item .icon {
  width: 50px;
  height: 50px;
  line-height: 58px;
  margin: auto;
  position: relative;
  margin-bottom: 30px;
  background: #E8F7FF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 32px;
transition: all 0.3s ease;

  
}
.flipbook-features-small-item .icon i {
  font-size: 24px;
  color: #2890C8;
  
}


.flipbook-features-small-item:hover .fa-magic:before,
.flipbook-features-small-item:hover .fa-swatchbook:before,
.flipbook-features-small-item:hover .fa-photo-video:before{
  content:"\f144";
  color: #f1777f;
  opacity:1;
  
}


.flipbook-features-small-item .features-title {
  font-weight: 600;
  font-size: 24px;
  color: #3B566E;
  letter-spacing: -0.2px;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
transition: all 0.3s ease;
}
.flipbook-features-small-item p {
  font-weight: 400;
  font-size: 14px;
  color: #6F8BA4;
  line-height: 26px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.flipbook-features-small-item a {
  float: right;
  position: relative;
  z-index: 2;
}


.flipbook-features-small-item a span {
  font-weight: 700;
  font-size: 12px;
  color: #2890C8;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-right: 10px;
}
.flipbook-features-small-item a i {
  color: #2890C8;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  float: left;
}
.flipbook-home-feature {
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: -40px;
  z-index: 9;
}
.converter-hot-feature {
	margin-left: 5px;
	background: #ff9999;
	border-radius: 6px;
	padding:0px 4px;
	font-size:12px;
	color:white;
	font-weight:600;
	vertical-align: middle;
}

#secondaryMenu {
	position:fixed;
	z-index:999;
	background:#41bcd0;
	width:100%;

}
	
.secondNavContainer{
		display: flex;
	padding: 3.5px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 1em;
    float: right;
}
	
.secondNavContainer .nav{
	margin: 7px 0px 5px 0px;
}

.secondNavContainer li{
	margin: 0px 5px;
}

.secondNavContainer li a.active{
	/* background: #8AC4FF;
    border-radius: 4px;
    color: #fff; */
   	font-weight: bold;
}
.secondNavContainer li a:hover{
/* 	background: #8AC4FF;
    border-radius: 4px;
    color: #fff; */
}
.secondNavContainer li a{
	margin:0px;
	padding:5px 15px;
	color: #717f86;
}

/* .secondNavContainer li a:active{
border-bottom: 5px solid #fff;
} */
.secondNavSubItem {

    color: #41BCD0;
}
.secondNavSubItem a{
color: #41BCD0;
}
.iconContainer{
	display:none;
	position:relative;
}

@media (max-width:767px){
	.secondNavContainer{
	font-size:14px;
		padding: 0px 0px;
	}
	.openIcon{
		display:block;
		font-size:20px;
		padding:10px 28px;
	}
	
	#secondaryMenu{
		max-height:400px;
		top:110px;
	}
	
.secondNavContainer li a {

    padding: 5px 6px;
    font-size: 12px;
}
	
	.secondNavContainer li{
		margin:5px 0px;
	}
	
	.iconContainer{
		display:flex;
		position:fixed;
		z-index:999;
		width:100%;
		background:#FFFFFF;
		border-bottom: 1px solid #e7e7e7
	}
	
	.openIcon{
		width:100%;
		text-align:right;
	}
}

.templateToolTip{
	height:50px;
	width:200px;
	padding:0px 5px;
	text-align:center;
	font-size:12px;
	white-space:normal;
	background:rgba(0,0,0,0.8);
	box-shadow:0 3px 0 rgb(0 0 0 / 70%);
	display:block;
	font-family:'Open Sans', 'Helvetica', 'Arial', sans-serif;
	z-index:1;
	color:#ffffff;
	border-radius:3px;
	visibility:hidden;
	position:absolute;
	transform: translate(120px, -40px);
}

/* flipbook pdf converter */
@media (max-width:1199px){
	.three-features-content .fbox-img{
		text-align:center;
	}
	
	.convert-flipbook-wrapper .col-lg-12.col-md-6{
		width:100%;
	}
	
	.how-to-convert .features-list{
		-webkit-padding-start: 0px;
	}

}

@media (max-width:991px) and (min-width:767px){
	.how-to-convert .features-list{
		-webkit-padding-start: 0px;
	}
	
	.flipbook-convert{
		padding-right:0px;
		padding-left:0px;
	}
}
.article-content-btn {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	display:inline-block;
    font-weight: 700 !important;
    background-color: #4cd0e5;
    border-radius: 0.2rem;
    color: #fff;
    border: 0px solid;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgb(76 208 229 / 30%);
}
.article-content-btn:hover{
    background-color: #41bcd0;
    cursor: pointer;
    text-decoration: none;
        color: #fff;
}
.attention-tips-note
{
background-color: #f0f7fb;
    border: solid 1px #bbe0f9!important;
    border-radius: 6px;
    line-height: 18px;
    display: inline-block;
    padding: 15px 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    position: relative;
        color: #5b91b5;
        margin-bottom: 30px;
}
.attention-tips-note:hover, .attention-tips-note:focus
{
	    text-decoration: none;
        color: #5b91b5;
}
.convert-pdf-h3 {
	font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #c13889;
}


.mfp-wrap .mfp-iframe-holder .mfp-content{
	max-width:95%;
	height:100%;
}

.bookshelf-row{
	display:none;
}

.bookshelf{
	transition:all 1s;
}

.bookshelf{
    display: flex;
    justify-content: center;
}

.bookshelf .shelf{
	width:600px;
	height:440px;
}

.section-padding .bookshelf .shelf{
	width:530px;
}

.bookshelf .shelf .row-1{
	position:relative;
	width:100%;
	height:137px;
}

.bookshelf .shelf .row-2, .bookshelf .shelf .row-3{
    position:relative;
    margin-top:50px;
    width:100%;
    height:137px;
}

.bookshelf .bookshelf-base{
	background:url("/images/flipbooks/shelfR.png");
	background-size:100%;
	background-repeat: no-repeat;
	width:100%;
	height:50px;
	position:relative;
}

/* .bookshelf .shelf .row-1:after {
	background:url("/images/flipbooks/shelfR.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-position:bottom left;
	width:100%;
	height:210px;
	display:block;
	content:"";
}

.bookshelf .shelf .row-2:after {
  background:url("/images/flipbooks/shelfR.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-position:bottom left;
	width:100%;
	height:245px;
	display:block;
	content:"";
} */
/* .bookshelf .shelf .row-3{
    position:relative;
    margin-top:0px;
    width:100%;
    height:173px;
} */
/* .bookshelf .shelf .row-3:after {
  background:url("/images/flipbooks/shelfR.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-position:bottom left;
	width:100%;
	height:216px;
	display:block;
	content:"";
} */


.bookshelf .shelf .row-4{
    position:relative;
    margin-top:50px;
    width:100%;
    height:173px;
}
.bookshelf .shelf .row-4:after {
  background:url("/images/flipbooks/shelfR.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-position:bottom left;
	width:100%;
	height:216px;
	display:block;
	content:"";
}

.bookshelf .shelf .loc1{
	position:relative;
	bottom:0;
	width:80%;
    left: 24%;
    height:100%;
}


.bookshelf .shelf .loc{
	position:relative;
	bottom:0;
	width:85%;
    left: 15%;
    height:100%;
}


.bookshelf .shelf .loc1 > div{
	width:calc(80% / 2);
    height:100%;
    background-size: contain;
	float:left;
}

.bookshelf .shelf .loc > div{
	width:calc(85% / 3);
    height:100%;
    background-size: contain;
	float:left;
}
@media only screen and (max-width: 500px) {
	.bookshelf .shelf .loc1{

    width: 90%;
    left: 16%;

}
}
.bookshelf .sample,
.bookshelf-row .sample{
	margin:auto;
	position: relative;
	z-index:1;
	box-shadow:2px 2px 5px rgba(0,0,0,0.6);
	transition:transform 0.5s;
	transform:translate(0, 0);
}

.sample:hover{
	z-index:2;
	cursor: pointer;;
	background-color:white;
	    transform: translateY(-15px);
}

.bookshelf .book1,
.bookshelf-row .book1{
	background-image:url("/images/flipbooks/book-demo/book-example1.png");

    width:109px;
	height:147px;
}

.bookshelf .book2,
.bookshelf-row .book2{
background-image:url("/images/flipbooks/book-demo/book-example7.png");
    background-size: 109px 147px;
    width:109px;
	height:147px;
}

.bookshelf .book3,
.bookshelf-row .book3{
	background-image:url("/images/flipbooks/book-demo/book-example3.png");
    background-size: 109px 147px;
    width:109px;
	height:147px;
}

.bookshelf .book4,
.bookshelf-row .book4{
background-image:url("/images/flipbooks/book-demo/book-example4.png");
    background-size: 109px 147px;
    width:109px;
	height:147px;

}
.bookshelf .book5,
.bookshelf-row .book5{
background-image:url("/images/flipbooks/book-demo/book-example5.png");
    background-size: 109px 147px;
    width:109px;
	height:147px;
}

.bookshelf .book6,
.bookshelf-row .book6{
background-image:url("/images/flipbooks/book-demo/book-example8.png");
    background-size: 109px 147px;
    width:109px;
	height:147px;
}
@media (max-width: 992px) {
	.bookshelf{
	margin-top:50px;
}
	
}
.flipbooks-demo-section-book {
 width:109px;
	height:147px;
  position: relative;
  text-align: center;
 
}

.flipbooks-demo-section-book-cover {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background: #111;
  background-size: cover;
  border-radius: 3px;
  box-shadow: inset 4px 1px 3px #ffffff60, inset 0 -1px 2px #00000080;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}



.flipbooks-demo-section-book .flipbooks-demo-section-book-cover {
  background-size: 100% 100%;
}

.flipbooks-demo-section-effect {
  width: 20px;
  height: 100%;
  margin-left: -2px;
  border-left: 1px solid #00000010;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  transition: all 0.5s ease;
}

.flipbooks-demo-section-light {
  width: 90%;
  height: 100%;
  position: absolute;
  border-radius: 3px;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 100%
  );
  top: 0;
  right: 0;
  opacity: 0.1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.flipbooks-demo-section-book:hover {
  cursor: pointer;
}

.flipbooks-demo-section-book:hover .flipbooks-demo-section-book-cover {
  transform: perspective(2000px) rotateY(-30deg);
  -webkit-transform: perspective(2000px) rotateY(-30deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  box-shadow: inset 4px 1px 3px #ffffff60, inset 0 -1px 2px #00000080,
    10px 0px 10px -5px #00000030;
}

.flipbooks-demo-section-book:hover .flipbooks-demo-section-effect {
  width: 40px;
  /** margin-left:13px;
  opacity: 0.5; **/
}

.flipbooks-demo-section-book:hover .flipbooks-demo-section-light {
  opacity: 1;
  width: 70%;
}

.flipbooks-demo-section-book-inside {
  width:109px;
  height: 147px;
  position: relative;
  top: 2%;
  border: 1px solid #b7b7b7;
  border-radius: 3px;
  background: white;
  box-shadow: 10px 40px 40px -10px #00000030, inset -2px 0 0 #b7b7b7,
    inset -3px 0 0 #dbdbdb, inset -4px 0 0 white, inset -5px 0 0 #dbdbdb,
    inset -6px 0 0 white, inset -7px 0 0 #dbdbdb, inset -8px 0 0 white,
    inset -9px 0 0 #dbdbdb;
}

@media (max-width:767px){
	.bookshelf-container{
		margin-top:60px;		
	}
}

#create-any-flipbook .centered{
	float:none;
	margin-left:auto;
	margin-right:auto;
}

#create-any-flipbook #templates .splide{
	padding-top:0;
	padding-bottom:0;
}

#create-any-flipbook #templates .spilde .splide__track{
	padding:0.5px;
	padding:0;
}

#create-any-flipbook #templates .splide__list{
	display:flex;
	align-items:start;
}

#create-any-flipbook #templates .splide .templates-slide{
	margin-right:20px;
}

#create-any-flipbook #templates .templates-slide > .item, #create-any-flipbook #templates .splide .templates-slide > .item > .infoart-template-item{
	padding:0;
}

#create-any-flipbook #templates .overlay-img-btn{
	max-width:100%;
}

#create-any-flipbook #templates .item{
	display:inline-block;
	width: 100%;
	text-align: center;
	padding:7px;
}

#create-any-flipbook #templates .infoart-templates-item{
	border-radius :4px;
	overflow:hidden;
	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));
	transition:filter .25s ease-in-out;
	cursor:pointer;
}

#create-any-flipbook #templates img{
	width:100%;
}

#create-any-flipbook #templates img .related-templates-masonry-content{
	max-width:100%;
	width:100%;
	height:auto;
}

#create-any-flipbook #templates .related-templates-masonry-content{
	margin-top:-4px;
	margin-bottom:-5px;
	border-radius:4px;
	overflow:hidden;
}

#create-any-flipbook #templates .edition-tag{
	position:absolute;
	top:0;
	left:0;
	margin:2px;
	color:#fff;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
}

#create-any-flipbook #templates .template-caption-front{
	display:block;
}

#create-any-flipbook #templates .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;
}

#create-any-flipbook #templates .template-button-set{
	display:flex;
	top:0;
	right:0;
	position:absolute;
	transition:0.3s;
	opacity:0;
	transform:translateY(-50px);
}

#create-any-flipbook #templates .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;
	outline:none;
}

#create-any-flipbook #templates .preview-btn, .use-btn{
	color:#ffffff !important;
	transition: background-color .1s ease-in-out;
}

#create-any-flipbook #templates .infoart.splide .infoart-templates-item{
	width:200px;
}

#create-any-flipbook #templates .flipbook.splide .splide__slide {
    height: 320px !important;
}

#create-any-flipbook #templates .photoBook.splide .splide__slide {
    height: 200px !important;
}

#create-any-flipbook #templates .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;
}

#create-any-flipbook #templates .infoart-templates-item:hover .template-button-set{
	-webkit-transform:translateY(16px);
	opacity:1;
}
/* overlay style */
.flipbookIndex .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);
}
.flipbookIndex #infoart-template-overlay .center-img {
	width: 100%;
}
.flipbookIndex #infoart-template-overlay .template-col-content-width {
	padding-left: 0;
}
.flipbookIndex #infoart-template-overlay .container-no-padding {
	padding: 0;
}

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

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

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

@media only screen and (max-width: 768px) {
	.flipbookIndex .infoart-overlay-button {
		padding-left: .2rem;
		right: 0;
	}
}
@media only screen and (max-width: 600px) {
    .flipbookIndex .infoart-overlay-container, .preview-template-container, .preview-template, .template-main-content {
		margin: 0 !important;
	    padding: 0 !important;
	    border-radius: 0 !important;
	}
	.flipbookIndex .preview-template-content {
		padding: 1rem !important;
	}
	.flipbookIndex .infoart-overlay-button {
		width: 10% !important;
		right: 0;
	}
	.flipbookIndex .close-overlay {
		padding: .5rem !important;
		transform: scale(1.3, 1.3);
	}
	.flipbookIndex .template-name-title {
		padding-top: 2rem;
    	font-weight: bold;
	}
	.flipbookIndex .custom-content {
	    font-size: 1.2rem !important;
	}
}
.flipbookIndex .infoart-overlay-content {
	position: relative;
	display: inline-block;
	width: 100%;
}
.flipbookIndex .infoart-overlay-button {
	position: fixed;
	display: inline-block;
	width: 5%;
	top: 0px;
	float: right;
}
.flipbookIndex .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);
}
.flipbookIndex .preview-template-content {
	padding: 1rem 1.5rem;
}
.flipbookIndex .close-overlay {
    
    padding-top: 2rem;
    z-index: 1;
}
.flipbookIndex .close-overlay-button {
	background: transparent;
    border: 0;
    padding: 0;
}
.flipbookIndex #preview-page .section-padding {
	padding-top: 1rem;
}
.flipbookIndex #preview-page .container {
	max-width: -webkit-fill-available;
	max-width: -moz-available;
}

.flipbookIndex #preview-page .other-themes{
	font-size:1.3rem;
	margin-bottom:10px;
	text-align:center;
	font-weight:500;
}

.flipbookIndex #preview-page .templates-page-gallery .related-templates-masonry-wrapper{
	padding:2rem;
}

.flipbookIndex #preview-page .infoart-templates-grid, .search-template-result {
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: repeat(6, [col-start] 16% [col-end]);
    grid-auto-rows: 180px;
}

@media only screen and (max-width: 1200px){
	.flipbookIndex #preview-page .infoart-templates-grid, .search-template-result {
	    grid-template-columns: repeat(5, [col-start] 19.5% [col-end]);
	}
}

@media only screen and (max-width: 992px){
	.flipbookIndex #preview-page .infoart-templates-grid, .search-template-result {
	    grid-template-columns: repeat(4, [col-start] 24.5% [col-end]);
	}
}

@media only screen and (max-width: 768px){
	.flipbookIndex #preview-page .infoart-templates-grid, .search-template-result {
	    grid-template-columns: repeat(3, [col-start] 33.3% [col-end]);
	}
}

@media only screen and (max-width: 600px){
	.flipbookIndex #preview-page .infoart-templates-grid, .search-template-result {
	    grid-template-columns: repeat(2, [col-start] 50% [col-end]);
	}
}

@media only screen and (max-width: 400px){
	.flipbookIndex #preview-page .infoart-templates-grid, .search-template-result {
	    grid-template-columns: repeat(1, [col-start] 100% [col-end]);
	}
}

.flipbookIndex #preview-page .item{
	text-align:center;
}

.flipbookIndex #preview-page img.related-templates-masonry-content{
	width: 100%;
    height: auto;
}

.flipbookIndex #preview-page .edition-tag{
	position: absolute;
    top: 0;
    left: 0;
    margin: 2px;
    color: #fff;
    font-size: 12px;
    /* font-weight: 600; */
    line-height: 18px;
    overflow: hidden;
}

.flipbookIndex #preview-page .template-caption-front {
    display: block;
}

.flipbookIndex #preview-page .related-templates-masonry-item, .related-templates-masonry-content {
    border-radius: 4px;
    overflow: hidden;
}

.flipbookIndex #preview-page .btn-white{
	background-color:#e089cd !important;
}

.flipbookIndex #preview-page .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;
}

.flipbookIndex #preview-page h1.template-name-title {
    font-size: 34px;
    line-height: 1.31818182em;
    letter-spacing: -0.2px;
    float: none;
    word-wrap: break-word;
    padding:20px 0;
}

.flipbookIndex #preview-page .custom-content {
    margin-top: 1rem;
}

.flipbookIndex #preview-page  .explore-all-btn {
	display: table;
	margin: auto;
	padding: 10px 25px;
	width: auto;
}

.flipbookIndex #preview-page .template-thumbnail{
	box-shadow: 0 0 10px 5px rgb(184 184 184 / 70%);
}

.flipbookIndex #preview-page #edit-template {
    margin-top: 20px;
    display: table;
}

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

.flipbookIndex #preview-page .specification {
    margin-top: 2rem;
}

.flipbookIndex #preview-page .spec-title {
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 20px;
    margin-left: 15px;
}

.flipbookIndex #preview-page .spec-category-title {
    display: block;
    margin-bottom: 1rem;
}

.flipbookIndex #preview-page .spec-sub-title {
    font-weight: bold;
    font-size: 1.2rem;
}

.flipbookIndex #preview-page .custom-text {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.flipbookIndex #preview-page .lead {
    line-height: 1.68421053em;
    font-weight: 400;
    color: #808080;
}

.flipbookIndex #preview-page .spec-category-title {
    display: block;
    margin-bottom: 1rem;
}

.flipbookIndex #preview-page .dominant-color .swatch {
    width: 3rem;
    height: 3rem;
}

.flipbookIndex #preview-page .swatch {
    display: inline-block;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.flipbookIndex #preview-page .swatches .swatch {
    width: 2.5rem;
    height: 2.5rem;
}

.flipbookIndex #preview-page .related-topic-templates ul li.related-tag-list {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    background: #6a8fb3;
    border-radius: 4px;
    cursor: pointer;
}

.flipbookIndex #preview-page .related-tag {
    display: inline-block;
    margin: 2px;
    padding-right: 8px;
    color: #fff;
    font-size: 14px;
}

.flipbookIndex #preview-page .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;
}

.flipbookIndex #preview-page .related-link-btn {
    padding: 0;
    background: none;
    border: none;
    font-size: 18px;
}

.flipbookIndex #preview-page .related-link-list {
    display: inline-block;
    margin: 0 10px;
    font-size: 18px;
    cursor: pointer;
}

.flipbookIndex #preview-page .section-padding {
    padding-top: 1rem;
}

.flipbookIndex #preview-page .section-grey-bg {
    background-color: #fafbfb;
}

.flipbookIndex #preview-page .transcript-title .transcript-btn {
    padding: 0;
    background: none;
    border: none;
    color: #666;
    font-weight: bold;
    font-size: 1.2rem;
}

.flipbookIndex #preview-page .transcript-title .transcript-btn:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    float: right;
    padding-left: 10px;
    font-size: 18px;
}

.flipbookIndex .preview-template-icon, .use-template-icon{
	padding:10px;
}
@media only screen and (max-width: 992px) {
	.flipbook-templates-tabs .tab-buttons {

    	font-size: 14px !important;
 
	}
	.flipbook-templates-tabs .tab-buttons .tab-btn {
		margin: 5px 0px !important;
    	padding: 0px 21px 10px !important;

	}
	.flipbook-templates-tabs .tab-buttons {

    	border-bottom: 0px solid #e0e0e0 !important; 

	}
		.index-features-section-item-flipbook-img {
	position: relative;
	top: 0px;
}
}

.mfp-close-btn, .flipbook-format-overlay-closeBtn{
	overflow:hidden;
	cursor:pointer;
	background:transparent;
	border:0;
	-webkit-appearance:none;
	display:block;
	outline:0;
	padding:0;
	z-index:1046;
	box-shadow:none;
	touch-action:manipulation;
	position:absolute;
	right:0;
	top:0;
	opacity:.65;
}

.mfp-close-btn{
	background-image:url("/images/flipbooks/overlay-close.svg");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height:25px;
    width:25px;
    top:-30px;
}

.flipbook-format-overlay-closeBtn{
	text-decoration:none;
	text-align:center;
	font-style:normal;
	font-family:Arial,Baskerville,monospace;
	color:#333;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:22px;
}

.mfp-close-btn,.flipbook-format-overlay-closeBtn:hover{
	opacity:1;
}

pdf-2-flipbook .template-spinner,bookshelf-overview .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);}
 }
 .do-more-with-vp {
	background-image: linear-gradient(to bottom, #d8e5ec 0%, #e2ebf0 100%);
}
.category-menu-frame {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.feature-tabs {
    display: table;
    list-style: none;
    -moz-padding-start: 0px;
    -webkit-padding-start: 0px;
    text-align: center;
}
.feature-tabs li {
    margin-bottom: 30px;

    background-color: rgb(251, 251, 251, 0.5);
    border-radius: 20px;
    margin: 12px;
    z-index: 999;
    cursor: pointer;
    display: inline-block;
    width: 170px;
    height: 170px;
    vertical-align: top;
 
}
.do-more-content {
	padding: 13px 9px 10px 9px;
	display: inline;
text-align: center;

}
.d-block.subtitle {
	    color: #545454;
    font-weight: 600;
    white-space: nowrap;
	    margin-left: auto;
    margin-right: auto;
    display: block;
}
.feature-tabs .thumb {
	margin-bottom: 10px;
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 767px) {
.feature-tabs li {
    margin-bottom: 30px;

    background-color: rgb(251, 251, 251, 0.5);
    border-radius: 20px;
    margin: 12px;
    z-index: 999;
    cursor: pointer;
    display: inline-block;
    width: 147px;
    height: 147px;
    vertical-align: top;
 
}
.feature-tabs .thumb {
    margin-bottom: 7px;
    width: 70px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
}

}

/***********************************
Dec 22 index
************************************/
.index-header h1 {
font-size: 40px;
    font-weight: 700;
    letter-spacing: -1.7px;
    line-height: 46px;
}
.index-banner-area {
    position: relative;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 100px;
}
.index-banner-area:before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 90%;
    position: absolute;
    background-image: url(/images/home/v3/banner-22.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.index-btn-row {
    display: inline-block;
}

.index-top-btn {
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #4cd0e5;
    border-radius: 4px;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
        min-width: 140px;
        text-align: center;
        height: 45px;
            box-shadow: 0 10px 30px rgb(76 208 229 / 30%);
}

.index-top-btn:hover {
    opacity: 0.8;
     color: #fff;
}

.index-feature-btn {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #4cd0e5;
    border-radius: 4px;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
        max-width: 150px;
        text-align: center;
        height: 45px;
        margin-right: 10px;
        margin-bottom: 15px;
            box-shadow: 0 10px 30px rgb(76 208 229 / 30%);
}

.index-feature-btn:hover {
    opacity: 0.8;
     color: #fff;
}
.index-top-whatsnew-btn {
font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.3px;
    white-space: normal;
    color: #848484; 
    padding: 12px 15px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
    
}

.index-top-whatsnew-btn:hover {
    opacity: 0.8;
     color: #848484;
}
.index-top-whatsnew-btn .whatsnew-icon {
  vertical-align: baseline;
}
.index-feature-icon {
  color: #213fcc;
}
.index-get-started-note {
font-size: 14px;
    color: #fff;
        margin-top: 7px;
}
.index-get-started-note-black {
font-size: 14px;
        margin-top: 7px;
}
.navbar-default-blue {
        background-color: #fff !important;
    transition: 0.3s;
    box-shadow: 0 2px 20px rgb(0 0 0 / 7%);
}
#main-index-22 .navbar-default-blue.affix-top {
	 background-color: #fff;
	 box-shadow: 0 0px 0px 0 rgb(0 0 0 / 9%) !important;
}

.navbar-default-blue .navbar-nav > li > a {
	color: #000;
	    font-size: 14px !important;
    font-weight: 600;
}
.navbar-default-blue .navbar-toggle {
    margin-right: 20px;
    margin-top: 15px;
}
.navbar-default .navbar-nav>li>a {
	color: #000;
	font-size: 14px;
	font-weight: 600;
}


#vp-index-slider .splide__arrows{
	display: none;
}
#vp-index-slider.splide{
	padding: 0px;
}
#vp-index-slider img {
		    margin-left: auto;
	    margin-right: auto;
	    -webkit-box-shadow: 0px 7px 6px -1px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 7px 6px -1px rgba(0,0,0,0.18);
box-shadow: 0px 7px 6px -1px rgba(0,0,0,0.18);
	margin-bottom: 20px;
}
#vp-index-slider .splide__pagination {
	bottom: -10px;
}
.vp-index-slider-caption {
margin-bottom: 10px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.vp-index-slider-caption h5{
    background: #acacac;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}

#carousel-index-top {
	float: right;
}

#carousel-index-top .carousel-caption{
	      background: rgba(0, 0, 0, 0.6);

    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
	
}
#carousel-index-top .carousel-caption h5{
color: #fff;
font-weight: 600;
font-size: 16px;
	text-shadow: 0 0px 0px rgb(0 0 0 / 0%);
}
#carousel-index-top img {
	    margin-left: auto;
	    margin-right: auto;
	    -webkit-box-shadow: 0px 7px 6px -1px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 7px 6px -1px rgba(0,0,0,0.18);
box-shadow: 0px 7px 6px -1px rgba(0,0,0,0.18);
}
#carousel-index-top .carousel-indicators {
	    margin-bottom: -115px;
}
@media only screen and (max-width: 767px) {
	#carousel-index-top .carousel-indicators {
	    margin-bottom: -30px;
}
	.index-banner-area {
    padding-bottom: 50px;
}
.index-feature-wave-bg-2-wrapper {
    padding-bottom: 50px !important;
}
.index-feature-wave-bg-1-wrapper {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}

.index_whatsnew_box_desc {
	width: 100% !important;
	font-size: 14px;

}
.index_whatsnew_box_title {
	font-size: 18px;
}
.index_whatsnew_box {
	height: 180px !important;
}
.more-feature-section-list li {
    flex-basis: 150px !important;
}
.more-feature-section h5 {
	font-size: 16px !important;
}

.more-feature-section .feature {
min-height: 150px !important;
    padding: 20px !important;
width: 150px !important;
}
.more-feature-section-list li {
	    height: 190px !important;
}
.index_whatsnew_wrapper {
	    padding-top: 20px !important;
	
}
.index-sign-up-cta {
	width: 100% !important;
	line-height: 28px;
}
}
#carousel-index-top .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #0fd8d0;
}
#carousel-index-top .carousel-indicators li {
	background-color: #d0d0d0;
}
.index-features-section-img {
  margin: 0px 0px 0px 45px;
}
.index-features-section-img img {
  border-radius: 45px 45px 45px 45px;
}
.index-features-section-item {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}
.index-features-section-item-flipbook-img {
	position: relative;
	top: -50px;
}
.index-features-section-item .index-features-section-icon img {
  height: 52px;
  width: 52px;
  max-width: unset;
}
.index-features-section-item .index-features-section-text {
  margin-left: 20px;

}
.index-features-section-item .index-features-section-text-title {
  font-size: 19px !important;
  line-height: 30px;
  font-weight: 700;
  color: #4B4B4C;
}
.index-features-section-item .index-features-section-text p {
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: #4B4B4C;
  margin: 0 0 0px;
}
.index-feature-subtitle {
    margin-bottom: 20px;
    line-height: 1;
    border-radius: 4px;
    color: #fff !important;
    font-size: 24px !important;
    background-image: linear-gradient(to right, #599dc6 10%, rgba(255,255,255, 0.2) 100%);
    letter-spacing: -0.75px !important;
    padding: 10px 1.5625rem;
    font-weight: 700 !important;
}
.index-features-top-title-wrapper {
	margin-top: 60px;
}
.index-feature-subtitle-underline {
width: 10%;
    height: 6px;
    margin-left: auto;
    border-radius: 10px;
    margin-right: auto;
    opacity: 1;
    margin-top: 7px;
    background-color: #4cd0e5;
}
.index-feature-wave-bg-1-wrapper{
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
}
.index-feature-wave-bg-1-wrapper:before{
	content:'';
	background:url(/images/home/v3/speed_bg.png) 50% 0 no-repeat;
	position:absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 800px;
    z-index: -1;
}
.index-feature-wave-bg-2-wrapper{
	position:relative;
	padding-top:0px;
	padding-bottom:100px;
}
.index-feature-wave-bg-2-wrapper:before{
	content:'';
	background:url(/images/home/v3/ff1.png) 50% 0 repeat-y;
	position:absolute;
	top:-10px;
	left:0;
	width:100%;
	height:1038px;
	z-index:-1;
	background-repeat:no-repeat;
}
.index_whatsnew_wrapper{
	text-align:center;
	padding-top:60px;
	position:relative;
	overflow:hidden;
}
.index_whatsnew_wrapper:before{
content: '';
    background: url(/images/home/v3/whatsnew.png) 50% 0 repeat-y;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 771px;
    z-index: -1;
    background-repeat: no-repeat;
}
.index-features-whatsnew-box-wrapper {
	display: inline-block;
	margin-top: 60px;
}
.more-feature-section .feature {
    width: 225px;
    height: auto;
    padding: 35px 30px 30px 30px;
    min-height: 180px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 10px;
    background: #ffffff;
}
.more-feature-section img {
	width: 64px;
	height: 64px;
}
.more-feature-section h5 {
	font-size: 18px;
	font-weight: 600;
	    line-height: 24px;
	        margin-top: 15px;
}
.more-feature-section-list {
	    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}
.more-feature-section-list li {
    flex-basis: 220px;
      box-shadow: 0 0px 20px rgb(0 0 0 / 7%);
    text-align: center;
    height: 200px;

}
.whatsnew-section-list {
	    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}
.whatsnew-section-list li {
    flex-basis: 300px;
      box-shadow: 0 0px 20px rgb(0 0 0 / 7%);
    text-align: center;

}
.index-bottom-whatsnew-btn {
font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.3px;
    white-space: normal;
    color: #848484; 
    padding: 12px 15px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
    
}
.index_whatsnew_box {
    background: #fff;
    height: 230px;
        border-radius: 20px;
    padding: 20px;
    box-shadow: 0 0px 20px rgb(0 0 0 / 7%);
        display: table-cell;
    vertical-align: middle;
}
.index_whatsnew_box_title {
	color: #4B4B4C;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 20px;
}
.index_whatsnew_box_desc {
	    width: 75%;
    margin-left: auto;
    margin-right: auto;
    color: #4B4B4C;
}
.index_production_box_title {
	color: #4B4B4C;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 20px;
}
.index_production_box_desc {
	    width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 26px
}
.index_production_box_img {
	width:120px;
	    margin-bottom: 20px;
}
.index-sign-up-cta {
    width: 80%;
}

.index-sign-up-cta-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;

    margin: 20px auto 20px;
}
.index-sign-up-cta h2 {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #fff;
}
.index-sign-up-cta p {
    font-size: 21px;
    letter-spacing: -0.5px;
    color: #fff;
}

.instant-demos-wrapper {
	display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 20px 0 20px;
}
.instant-demos-desc{
	padding: 10px;
	height: 70px;
}
.pdf-instant-demos {
    display: flex;
    flex-wrap: inherit;
    justify-content: left;
    gap: 5px;
}
.online-pdf-editor-index-demo {
	display: flex;
}
.online-pdf-editor-index-demo.vertical {
	display: block;
}
.pdf-instant-demos img{
	margin-top: 20px;
}
@media (max-width:1199px) {
    .online-pdf-editor-index-demo.vertical {
        display: flex;
    }
}
@media (max-width:767px) { 
.online-pdf-editor-index-demo {
	display: block;
}
.pdf-instant-demos {
	display: block;
margin-bottom: 15px;
}
#office-suite-tab .pdf-instant-demos li, #pdf-editing-tab .pdf-instant-demos li, #flipping-tab .pdf-instant-demos li, #design-tab .pdf-instant-demos li{
margin-bottom: 20px;
   
}
	}
#office-suite-tab .pdf-instant-demos li{
     flex-basis: 240px;
     padding-bottom: 20px;
    margin-left: auto;
   
}
#office-suite-tab .pdf-instant-demos {

    gap: 20px;
}
#pdf-editing-tab .pdf-instant-demos li{
     flex-basis: 240px;
     padding-bottom: 20px;
    margin-left: auto;
   
}
#pdf-editing-tab .pdf-instant-demos {

    gap: 20px;
}
#flipping-tab .pdf-instant-demos {

    gap: 20px;
}
#flipping-tab .pdf-instant-demos li{
     flex-basis: 199px;
     padding-bottom: 20px;
    margin-left: auto;
   
}
#design-tab .pdf-instant-demos {

    gap: 20px;
}
#design-tab .pdf-instant-demos li{
     flex-basis: 199px;
     padding-bottom: 20px;
    margin-left: auto;
   
}
#diagramming-tab .pdf-instant-demos {

    gap: 20px;
}
#diagramming-tab .pdf-instant-demos li{
     flex-basis: 199px;
     padding-bottom: 20px;
    margin-left: auto;
   
}
.pdf-instant-demos li{
     flex-basis: 250px;
     padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -webkit-box-shadow: 0px 7px 6px -1px rgb(0 0 0 / 18%);
    -moz-box-shadow: 0px 7px 6px -1px rgba(0,0,0,0.18);
    box-shadow: 0px 1px 6px -1px rgb(0 0 0 / 18%);
}
/** .pdf-instant-demos li img{
	height: 150px;
} **/
.pdf-instant-demos h5{
	    font-weight: 700;
}
.index-bottom-cta-section {
background-color: #f6d365;
background-image: linear-gradient(120deg,#fda085  0%,  #f6d365 100%);

}
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static;
}
.megamenu .container {
  position: relative;
}
.megamenu .dropdown-menu {
  left: auto;
}
.megamenu .megamenu-content {
  padding: 15px;
}
.megamenu .megamenu-content h3{
  margin-top: 0;
  color: #428bca;
  font-size: 18px;
}
.megamenu .dropdown.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0;

    margin-left: auto;
    margin-right: auto;
}
.megamenu .product-megamenu-desc {
	font-size: 14px;
    color: #666;
    margin-left: 31px;
    margin-top: 3px;
    line-height: 21px;
    white-space: normal;
    width: 90%;
   
}
.megamenu .ae-product-menu-desc {
	font-size: 13px;
	font-weight: 500;
}
.megamenu .ae-product-menu-link {
	color: #333;
	font-weight: 600;

}
.ae-menu {
	margin-left: 5px;
}
.megamenu .logo-product-title {
    font-weight: 700;
    color: #4B4B4C;
}
.megamenu .top-product-title {
	font-size: 14px;
	white-space: nowrap;
	font-weight: 600;
    margin-bottom: 7px;
    display: inline-block;
}
.megamenu .top-product-title-sub {
		font-size: 12px;
	white-space: nowrap;
	font-weight: 600;
	font-style: italic;
}
@media (max-width: 768px) {
	.pdf-demo-btn-area {
	display:inherit !important;
	}
	.index-features-section-item-flipbook-img {
	position: relative;
	top: 0px;
}
#our-apps-section .col-lg-2 {
	width: inherit !important;
}

}
@media (max-width: 850px) {
	.megamenu .dropdown.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0;
    height: auto;

    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
}
	
}
#our-apps-section .col-lg-2 {
	width: 19.7%;
}

.our-apps-main
{
	width:100%;
	height:auto;
	background:#fff;
	text-align:center;
	border-radius:10px;
	overflow:hidden;
	position:relative;
	transition:0.5s;
	margin-bottom:28px;
	box-shadow: 0 5px 10px rgb(167 182 194 / 30%);
}

.our-app-span-plus {
	display: block;
        text-align: center;
    margin-bottom: 20px;
    font-size: 32px;
}
.our-apps-main img
{

	margin-bottom:10px;

}

.our-apps-main h3
{
	font-size:15px;
	font-weight:700;
}

.our-apps-main p
{
	margin-bottom:0;
}

.app-front
{
    width: 167px;
    height: 210px;
	position:relative;
	z-index:10;
	background:#fff;
	padding:15px;
	bottom:0px;
	transition: all 0.5s ease;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 1199px) {
.app-front
{

	height:210px;

}
}
/***********************************
Dec 22 doc editor
************************************/
.doc-editor-section-bg {
    background-image: url(/images/document-editor/top-blue-bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 100px 0 0;
    position: relative;
    top: -70px;
}
.navbar-default-transparent {
        background-color: #fff !important;
    transition: 0.3s;
    box-shadow: 0 2px 20px rgb(0 0 0 / 7%);
}
.document-editor-index-subtitle-desc {
	text-align: center;
	width: 80%;
	    margin-top: 20px;
	    margin-left: auto;
    margin-right: auto;
}
.doc-editor-btn-row {
    display: inline-block;
}

.doc-editor-top-btn {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #0195ff;
    border-radius: 4px;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
        min-width: 150px;
        text-align: center;
        height: 45px;
            box-shadow: 0 10px 30px rgb(76 208 229 / 30%);
}

.doc-editor-top-btn:hover {
    opacity: 0.8;
     color: #fff;
}
.doc-editor-left-feature-section {
        background: url(/images/document-editor/blue-wave.png) center top / cover;
}
.doc-editor-feature-subtitle {
    margin-bottom: 10px;
    line-height: 1;
    font-size: 24px !important;
    letter-spacing: -0.75px !important;
    font-weight: 700 !important;
}
.doc-editor-left-feature-section-pink {
        background: url(/images/document-editor/blue-wave-1.png) center top / cover;
}
.doc-editor-left-cta-section {

background-color: #2f2e51;
background-image: linear-gradient(180deg, #2f2e51 0%, #33466b 100%);

}
.doc-editor-left-cta {
    width: 80%;
}

.doc-editor-left-cta-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
color: #fff;
    margin: 20px auto 20px;
}
.doc-editor-left-cta h2 {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}
.doc-editor-left-cta p {
    font-size: 21px;
    letter-spacing: -0.5px;
}
.doc-editor-cta-btn {
font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #e8aa32;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
    min-width: 150px;
    text-align: center;
    height: 45px;
    box-shadow: 0 10px 30px rgb(76 208 229 / 30%);
}

.doc-editor-cta-btn:hover {
    opacity: 0.8;
     color: #fff !important;
}

/***********************************
Dec 22 presentation software
************************************/
.presentation-software-section-bg {
    background-image: url(/images/presentation-software/banner-bg1.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 100px 0 0;
    position: relative;
    top: -70px;
}

.navbar-default-transparent {
        background-color: #fff !important;
    transition: 0.3s;
    box-shadow: 0 2px 20px rgb(0 0 0 / 7%);
}
.presentation-software-index-subtitle-desc {
	text-align: center;
	width: 80%;
	    margin-top: 20px;
	    margin-left: auto;
    margin-right: auto;
}
.presentation-software-btn-row {
    display: inline-block;
}

.presentation-software-top-btn {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #0195ff;
    border-radius: 4px;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
        min-width: 150px;
        text-align: center;
        height: 45px;
            box-shadow: 0 10px 30px rgb(76 208 229 / 30%);
}

.presentation-software-top-btn:hover {
    opacity: 0.8;
     color: #fff;
}
.presentation-software-left-feature-section {
        background: url(/images/presentation-software/pattern-7.png) center top / cover;
}
.presentation-software-feature-subtitle {
    margin-bottom: 10px;
    line-height: 1;
    font-size: 24px !important;
    letter-spacing: -0.75px !important;
    font-weight: 700 !important;
}
.presentation-software-left-feature-section-pink {
        background: url(/images/presentation-software/shap-10.png) center top / cover;
}
.presentation-software-left-cta-section {

background-color: #583770;
background-image: linear-gradient(180deg, #583770 0%, #6a4c85 100%);

}
.presentation-software-left-cta {
    width: 80%;
}

.presentation-software-left-cta-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
color: #fff;
    margin: 20px auto 20px;
}
.presentation-software-left-cta h2 {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}
.presentation-software-left-cta p {
    font-size: 21px;
    letter-spacing: -0.5px;
}
.presentation-software-cta-btn {
font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #e8aa32;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
    min-width: 150px;
    text-align: center;
    height: 45px;
    box-shadow: 0 10px 30px rgb(76 208 229 / 30%);
}

.presentation-software-cta-btn:hover {
    opacity: 0.8;
     color: #fff !important;
}

/***********************************
jan 23 spreadsheet editor
************************************/
.spreadsheet-editor-section-bg {
    background-image: url(/images/spreadsheet-editor/banner-bg1.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 100px 0 0;
    position: relative;
    top: -70px;
}

.navbar-default-transparent {
        background-color: #fff !important;
    transition: 0.3s;
    box-shadow: 0 2px 20px rgb(0 0 0 / 7%);
}
.spreadsheet-editor-index-subtitle-desc {
	text-align: center;
	width: 80%;
	    margin-top: 20px;
	    margin-left: auto;
    margin-right: auto;
}
.spreadsheet-editor-btn-row {
    display: inline-block;
}

.spreadsheet-editor-top-btn {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #0195ff;
    border-radius: 4px;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
        min-width: 150px;
        text-align: center;
        height: 45px;
            box-shadow: 0 10px 30px rgb(76 208 229 / 30%);
}

.spreadsheet-editor-top-btn:hover {
    opacity: 0.8;
     color: #fff;
}
.spreadsheet-editor-left-feature-section {
        background: url(/images/spreadsheet-editor/pattern-7.png) center top / cover;
}
.spreadsheet-editor-feature-subtitle {
    margin-bottom: 10px;
    line-height: 1;
    font-size: 24px !important;
    letter-spacing: -0.75px !important;
    font-weight: 700 !important;
}
.spreadsheet-editor-left-feature-section-pink {
        background: url(/images/spreadsheet-editor/shap-10.png) center top / cover;
}
.spreadsheet-editor-left-cta-section {

background-color: #583770;
background-image: linear-gradient(180deg, #506b9d 0%, #7795cd 100%);

}
.spreadsheet-editor-left-cta {
    width: 80%;
}

.spreadsheet-editor-left-cta-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
color: #fff;
    margin: 20px auto 20px;
}
.spreadsheet-editor-left-cta h2 {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}
.spreadsheet-editor-left-cta p {
    font-size: 21px;
    letter-spacing: -0.5px;
}
.spreadsheet-editor-cta-btn {
font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #e8aa32;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
    min-width: 150px;
    text-align: center;
    height: 45px;
    box-shadow: 0 10px 30px rgb(76 208 229 / 30%);
}

.spreadsheet-editor-cta-btn:hover {
    opacity: 0.8;
     color: #fff !important;
}

/***********************************
Online Office
************************************/
.online-office-bg {
background-color: #FAF9F5;
    background-image: url(/images/online-office/bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 40px;
    position: relative;
    top: -70px;
}
#learn-more-office-suite .card-body {
	height: 90px;
}
#learn-more-office-suite h4 {
	font-weight: 600;
	    font-size: 16px;
	        margin-top: 7px;
}
#online-office-comparsion-table i {
	    display: table;
    margin-left: auto;
    margin-right: auto;
        line-height: 21px;
}
#online-office-comparsion-table .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th{
    border-top: 0px solid #ddd;
    padding: 1.4rem 1.4rem;
    font-size: 15px;
    font-weight: 600;
}
#online-office-comparsion-table .table>thead>tr>td, .table>thead>tr>th  {
	color: #202020;
	letter-spacing: 0.02rem;
	font-size: 16px;
}
#online-office-comparsion-table .td-bg {
	background: rgb(231 247 230 / 51%);
}
#online-office-comparsion-table h2 {
	    position: relative;
    font-size: 38px;
    color: #4B4B4C;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.9px;
    padding-bottom: 7px;
}
#online-office-comparsion-table a, a:hover, a:focus {
	color: #666666;
	    text-decoration: underline;
}
.checkmark-online-office {
color: #12A44D;
}
.crossmark-online-office {
color: #f3a7b3;
}
#learn-more-office-suite .img-event{
	border-bottom: 1px solid #f1f1f1;
	    padding: 10px;
}
#learn-more-office-suite .feature-title {
font-size: 12px;
    font-weight: 600;
    color: #666feb;
}

#learn-more-office-suite  .thumbnail {
	padding: 0px;
	    border-radius: 8px;
	        box-shadow: 0px 5px 10px -1px rgb(0 0 0 / 5%);
}
#learn-more-office-suite a:hover {
	text-decoration: none;
}
#learn-more-office-suite h2 {
	    position: relative;
    font-size: 38px;
    color: #4B4B4C;
    font-weight: 700;
    text-align: center;
    letter-spacing: -.9px;
    padding-bottom: 7px;
}
/***********************************
Powerpoint Web Viewer
************************************/
.powerpoint-web-viewer-section-bg {
    background-image: url(/images/powerpoint-web-viewer/top-red-bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 100px 0 0;
    position: relative;
    top: -70px;
        background-size: cover;
}
#powerpoint-web-viewer-index .subtitle-style{
	    font-weight: 600;
    margin-bottom: 7px;
    color: #6b75d5;
    letter-spacing: -0.3px;
}
/***********************************
lazy load image
************************************/
.no-js-hide {
	display: none;
}
img:not([src]).lozad {
  visibility: hidden;
  display: inline-block;
}

.second-column-logo {
	margin-bottom: 0px;

}
/***********************************
Animated Explainer
************************************/
.animated-explainer-section-bg {
    background-image: url(/images/animated-explainer/index/home13-bg1.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #fef4ea;
    position: relative;
    top: -70px;
        background-size: cover;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    padding: 116px 15px 20px;

}
.animated-explainer-index-bg-1 {
	background-image: url(/images/animated-explainer/index/bg1.webp);
    background-position: 65px 120px;
    background-repeat: no-repeat;
    background-size: 80% auto;
}
.animated-explainer-index-bg-2 {
    background-image: url(/images/animated-explainer/index/bg2.jpeg);
    background-position: 62% 7%;
    background-repeat: no-repeat;
    background-size: 95% auto;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin-top: 0;
    margin-bottom: 0;
    padding: 120px 15px;
}
.animated-explainer-index-bg-3 {
    background-image: url(/images/animated-explainer/index/bg3.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 34% auto;
        transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 15px 110px;
}
.animated-explainer-index-bg-4 {
    background-image: url(/images/animated-explainer/index/bg4.webp);
    background-position: center 94%;
    background-repeat: no-repeat;
    background-size: 69% auto;
    overflow: hidden;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}
.animated-explainer-index-card-body {
	padding: 30px 20px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 15px 50px 0px rgba(157, 157, 157, 0.08);
    box-shadow: 0px 15px 50px 0px rgba(157, 157, 157, 0.08);
    text-align: center;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-bottom: 30px;
        height: 380px;
}
.animated-explainer-maker-icon-card-body {
	padding: 30px 20px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 15px 50px 0px rgba(157, 157, 157, 0.08);
    box-shadow: 0px 15px 50px 0px rgba(157, 157, 157, 0.08);
    text-align: center;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-bottom: 30px;
        height: 250px;
            border-radius: 10px;
    border: 1px solid #e9e9e9;
}
.animated-explainer_box_img {
    margin-bottom: 10px;
}
.single_about {
    text-align: center;
    margin-bottom: 30px;
}
.single_about_icon {
    max-width: 80px;
    margin: 0 auto;
    margin-bottom: 20px;
        z-index: 9;
    position: relative;
}
.single_about.about_line:after {
    position: absolute;
    content: "";
    height: 100px;
    width: 100%;
    background: url(/images/animated-explainer/index/how-to-line.png) no-repeat;
    top: 20px;
    left: 70%;
}

.single_about.about_line.about_line2:after {
    transform: rotate(180deg);
    left: 30%;
    top: -23%;
}
@media screen and (max-width: 991px) {
.index_production_box_desc {
	font-size: 14px;
}


}
@media screen and (max-width: 767px) {
	.single_about.about_line:after {
  display:none;
}
	.animated-explainer-index-card-body {
	height: 280px;
	}
}
.animated-explainer-how-to-block {
	padding-top: 60px;
	padding-bottom: 30px;
}
.animated-explainer-how-to-title {
	    font-size: 18px !important;
    font-weight: 700;
    letter-spacing: -0.9px;
}

.product-menu-no-hover {
	padding: 0px 0px !important;
}


.animated-explainer-left-cta-section {

background-color: #eba750;
background-image: linear-gradient(180deg, #eeb239 0%, #ffd477 100%);

}
.animated-explainer-top-btn {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #f5567e;
    border-radius: 4px;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
        min-width: 150px;
        text-align: center;
        height: 45px;
            box-shadow: 0 10px 30px rgb(201 39 18 / 30%);
}

.animated-explainer-top-btn:hover {
    opacity: 0.8;
     color: #fff;
}
.anifuzion-learn-more-top-btn {
    font-weight: 700;
    margin-left: 10px;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #f5567e;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
        min-width: 150px;
        text-align: center;
        height: 45px;
            box-shadow: 0 10px 30px rgb(201 39 18 / 30%);
}

.anifuzion-learn-more-top-btn:hover {
    opacity: 0.8;
     color: #c9254d;
}
.explainer-learn-more-reg-btn {
	font-weight: 700;
	display: inline-block;
	margin-top: 10px;
	color: #545454;
}
.explainer-cta-btn-row {
	margin-top: 30px;
}
.animated-explainer-cta-btn {
font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #f5567e;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
    min-width: 150px;
    text-align: center;
    height: 45px;
    box-shadow: 0 10px 30px rgb(201 39 18 / 30%);
}

.animated-explainer-cta-btn:hover {
    opacity: 0.8;
     color: #fff !important;
}

.try-new-ae-inner.bg-gradient-color {

     background-image: linear-gradient(-20deg, #ddd6f3 0%, #faaca8 100%, #faaca8 100%);
         border-radius: 20px;
         height: 330px;
}
.try-new-sb-inner.bg-gradient-color {
  border-radius: 20px;  border: 3px solid #88a3c0;

         height: 300px;
        background-image: url(/images/smart-board/board-various-bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
}
.try-new-sb {
	margin-top: 20px;
}
.try-new-sb h2 {
    position: relative;
    font-size: 34px;
    color: #5b5b5b;
    line-height: 44px;
    font-weight: 700;
    text-align: left;
    letter-spacing: -.9px;
    padding-bottom: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.try-new-ae-inner {
    padding-left: 60px;
}
}
.try-new-ae {
    padding: 20px;
    position: relative;
    top: 10px;
    margin-left: 30px;
}
.align-items-center {
    align-items: center!important;
}
.try-new-ae-inner.bg-gradient-color .app-download-image {
   top: -30px;
    position: relative;
}
.try-new-ae h2 {
position: relative;
    font-size: 34px;
    color: #2f2f63 ;
    line-height: 44px;
    font-weight: 700;
    text-align: left;
    letter-spacing: -.9px;
    padding-bottom: 7px;
}
.try-new-ae p {
position: relative;
    font-size: 15px;
    color: #65433b ;

}

.try-new-ae .sub-title {
	    padding-bottom: 5px;
    margin-top: 20px;
    color: #fff;
    font-weight: 600;
}
.try-new-ae-btn {
	cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #7548f2;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
    min-width: 140px;
    text-align: center;
    height: 45px;
    box-shadow: 0 10px 30px rgb(136 76 229 / 30%);
}
.try-new-ae-btn:hover, .try-new-ae-btn:focus {
	  color: #fff;
	  opacity: 0.9;
	
}

.try-new-sb-btn {
	cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #f8aa1e;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
    min-width: 140px;
    text-align: center;
    height: 45px;
    box-shadow: 0 10px 30px rgb(229 176 76 / 30%);
}
.try-new-sb-btn:hover {
	  color: #fff;
	  opacity: 0.9;
	
}
.try-new-ae-height {
	height: 320px;
}
@media (max-width: 992px) {
.try-new-ae-height {
	height: 100% !important;
}	
}
@media (max-width: 1199px) {
.try-new-ae-height {
	height: 200px;
}	
.try-new-ae-inner.bg-gradient-color .app-download-image {
   top: -20px;
    position: relative;
}
.try-new-ae {
	padding: 0px;
}
}
.waviy {
  position: relative;
  -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
  font-size: 16px;
      display: inline-block;
    background: #e6ed2d;
    padding: 1px 5px 1px 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.waviy span {
  position: relative;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  animation: waviy 1s infinite;
  animation-delay: calc(.1s * var(--i));
      color: #302f8e;
    font-weight: 700;
}
@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}
/* language mobile settings */
.lang-de .navbar-nav > li > #explainer-menu-solutions.dropdown-menu {
	    min-width: 270px;
	
}
.lang-pl .navbar-nav > li > #explainer-menu-solutions.dropdown-menu {
	    min-width: 330px;
	
}
.lang-es .navbar-nav > li > #explainer-menu-solutions.dropdown-menu {
	    min-width: 320px;
	
}
.explore-self-hosting-flipbook {
border-radius: 20px;
    background-image: linear-gradient( 109.6deg, rgba(61,131,97,1) 11.2%, rgb(68 223 192) 91.1% );
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;

}
.explore-self-hosting-flipbook h2 {
	text-align: left !important;
	line-height: 1.15em;
    font-weight: 700;
    letter-spacing: -0.5px;
	color: #fff;
	padding-bottom: 5px;
	font-size: 34px;
}

.explore-self-hosting-flipbook p {
	color: #fff;
	text-align: left;
}
.explore-tools-buttons {
    color: #3b566e !important;
    font-weight: 700 !important;
    margin-left: 5px;
    color: #212529;
    background-color: #f5f8fb;
}
.header-menu-img {
    background-image: url('/images/home/menu/ae-banner3.png');
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
    /* padding-top: 60px; */
    background-size: cover;
        float: none !important;
            margin-bottom: 20px;
            width: 100%;
            height: 300px;
}
.header-menu-img-sb {
    background-image: url('/images/home/menu/sb-banner1.png');
    background-position: left;
    background-repeat: no-repeat;
    position: relative;
    /* padding-top: 60px; */
    background-size: cover;
        float: none !important;
        padding-bottom: 10px;
}
.header-menu-text { 
    position: relative;
    top: 0;
    text-align: left;
    left: 8px;
    line-height: 18px;
    margin-top: 10px;
}
.header-menu-content {
    margin-left: 13px;
    display: inline-block;
    position: relative;
    top: 0px;
    background: white;
    padding: 10px;
    width: 40%;
border-radius: 6px;
}
.header-menu-text a {
	font-size: 12px;
	    color: #666;
}
.header-menu-text p {
	font-size: 12px;
	    color: #666;
}
@media (max-width: 992px) {
	.header-menu-content {
	width: 60%;
	}
	
}

.ribbon {
  position: relative;
  float: right;
  margin-bottom: 30px;
    z-index: 1; 
     background-size: cover;
  text-transform: uppercase;
  color: white;
}
.ribbon:nth-child(even) {
  margin-right: 4%;
}
@media (max-width: 500px) {
  .ribbon {
    width: 100%;
  }
  .ribbon:nth-child(even) {
    margin-right: 0%;
  }
}
.ribbon1 {
  position: absolute;
  top: -6.1px;
  right: 10px;
}
.ribbon1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 53px solid transparent;
  border-right: 53px solid transparent;
  border-top: 10px solid #F8463F;
}
.ribbon1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #F8463F;
  font-size: 14px;
  line-height: 1;
  padding: 11px 8px 4px;
  border-top-right-radius: 8px;
  width: 105px;
      font-weight: 700;
}
.ribbon1 span:before, .ribbon1 span:after {
  position: absolute;
  content: "";
}
.ribbon1 span:before {
 height: 6px;
 width: 6px;
 left: -6px;
 top: 0;
 background: #F8463F;
}
.ribbon1 span:after {
 height: 6px;
 width: 8px;
 left: -8px;
 top: 0;
 border-radius: 8px 8px 0 0;
 background: #C02031;
}
.flipbook-learn-more-fliplify {
	    margin-top: 10px;
    display: inline-block;
    color: #333;
}
.fliplify-what-is-section {
	    display: flex;
    justify-content: space-around;
	
}


#menu-explore-products a{
color: #4B4B4C;
}
#menu-explore-products .product-tool-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 5px 10px;
}
#menu-explore-products .product-tool-list li {
flex-basis: 300px;
padding:10px;
}
#menu-explore-products .product-tool-list li:hover {
background: #f9fbff;
border-radius:10px;
}
#menu-explore-products .tab-vertical {
display: flex;
}
#menu-explore-products  .tab-vertical .nav-tabs > li, #menu-explore-products .nav-pills > li {
display: inline-block;
}
#menu-explore-products  .tab-vertical li.nav-item.selected-tab {
background: #f2f5fd;
}
#menu-explore-products  .tab-vertical .nav>li>a:focus, #menu-explore-products .nav>li>a:hover {
background: #f2f5fd;
border-radius: 60px !important;
}
#menu-explore-products  .tab-vertical .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 0px;
    border-bottom: 0;
 
}

#menu-explore-products  .tab-vertical .nav.nav-tabs .nav-item {
    margin-bottom: 6px;
}
#menu-explore-products .tab-vertical li.nav-item.selected-tab a {
background: #f2f5fd !important;
border-radius: 60px;
border: 1px solid transparent;
}

#menu-explore-products .tab-vertical .nav-tabs .nav-link a {
background: red;
}
#menu-explore-products .tab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: 10px 20px;
    color: #71748d;
    white-space: nowrap;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

#menu-explore-products .tab-vertical .nav-tabs .nav-link.active {
    color: #5969ff;
    background-color: #f2f5fd !important;
    border-color: transparent !important;
}

#menu-explore-products .tab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 4px ;
    border-top-right-radius: 0px ;
}

#menu-explore-products .tab-vertical .tab-content {
    overflow: auto;
    border-radius: 20px;
    padding: 20px;
    top: 0px;
    background: #f2f5fd;
    margin-left: 0px;
    width: 100%;
    padding-left: 50px;
}

#menu-explore-products .tab-vertical .tab-content .tab-pane-p {
    display: none;
    overflow-y: auto;
}

#menu-explore-products .tab-vertical .tab-content .tab-pane-p.active-tab {
    display: inline;
} 

#menu-explore-products .tab-vertical .nav.nav-tabs .nav-item {
border-radius: 60px;
    display: block;
    text-align: left;
    margin-right: 20px;
    font-weight: 600;
}

#menu-explore-products .tool-explore-wrap {
    display:flex;
    align-items: flex-start;
}
#menu-explore-products .tool-explore img {
	max-width: inherit;
}
#menu-explore-products .tool-explore {
    margin-right:15px;
    font-size:32px;
}
#menu-explore-products .tool-title-explore .title {
font-size: 18px;
font-weight: 600;
    letter-spacing: 0rem;
    text-align: left;
}
#menu-explore-products .tool-title-explore .desc {
font-size: 12px;
line-height: 21px;
}
@media (max-width: 1199px) {
#menu-explore-products .product-tool-list li {
flex-basis: 275px;
}
}

@media (max-width: 991px) {
#menu-explore-products .product-tool-list li {
flex-basis: 220px;
}
#menu-explore-products .tab-vertical .tab-content {
	    padding-left: 20px;
}
}
@media (max-width: 850px) {
#menu-explore-products .product-tool-list li {
flex-basis: 255px;
}
}
.our-tool-boxes {
	display: flex;
    gap: 20px;
    max-width: 100%;
    justify-content: center;
    order: 5;
    flex-wrap: wrap;
    flex-direction: row;
}

#menu-explore-products .tab-content img {
	   width: inherit;
}
	
		.ai-tools-bg-gradient-color {
	background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);

	border-radius: 20px;
	
	}
	.try-new-ai {
	margin-top: 20px;
	}
	.try-new-ai .sub-title {
	color: #ffffff;
	font-weight: 600;
	}
	.try-new-ai h2 {
	color: #ffffff;
	font-size: 36px;
font-weight: 700;
    line-height: 41px;
	}
	.try-new-ai p {
	color: #ffffff;
	
	}
	
	.try-new-ai-btn {
	cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: inline-block;
    white-space: normal;
    color: #fff;
    background-color: #7548F1;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease;
    border: 0px solid;
    min-width: 140px;
    text-align: center;
    height: 45px;
    box-shadow: 0 10px 30px rgb(229 176 76 / 30%);
}
.try-new-ai-btn:hover {
	  color: #fff;
	  opacity: 0.9;
	
}
.try-ai-img {
	    margin-left: 20px;
	    margin-top:10px;
	    margin-bottom: 10px;

}
.try-new-ai-content {
	padding: 20px;
}