/* Minification failed. Returning unminified contents.
(3364,74): run-time error CSS1030: Expected identifier, found '#control-content'
(3364,159): run-time error CSS1031: Expected selector, found ')'
(3364,159): run-time error CSS1025: Expected comma or open brace, found ')'
(8518,47): run-time error CSS1030: Expected identifier, found '#menu-item'
(8518,57): run-time error CSS1031: Expected selector, found ')'
(8518,57): run-time error CSS1025: Expected comma or open brace, found ')'
(9564,154): run-time error CSS1030: Expected identifier, found '#control-content'
(9564,239): run-time error CSS1031: Expected selector, found ')'
(9564,239): run-time error CSS1025: Expected comma or open brace, found ')'
(12285,66): run-time error CSS1030: Expected identifier, found '#overview-section-live-demo'
(12285,93): run-time error CSS1031: Expected selector, found ')'
(12285,93): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@charset "UTF-8";
/********************************** Common  Colors ************************************/
/* Note: 
    1. Before adding color codes, please check whether the color code already present or not.
    2. Add the color codes in their series and arrange it alphabetically
    3. Follow the below naming conventions to add color code

          Color code        Color Variable
        ----------------------------------------
            #ABABAB     -   $color_AB
            #ABCABC     -   $color_ABC
            #ABCDEF     -   $color_ABCDEF
*/
/***************************** Color values by color code ********************************/
/***************************** Color values by color names ********************************/
/********************************** Common  Colors ************************************/
/********************************** Common  Colors ************************************/
#master-breadcrumb #breadcrumb {
  height: 70px;
}
#master-breadcrumb #breadcrumb .content-small {
  float: left;
  font-size: 14px;
  margin: 17px 7px 21px 0;
  text-transform: uppercase;
}
#master-breadcrumb #breadcrumb .bread-crumb-separator {
  float: left;
  margin: 21px 0px 21px 0;
  background: url("//cdn.syncfusion.com/content/images/home/new-seperator.png") no-repeat;
}
#master-breadcrumb #breadcrumb .bread-crumb-separator img {
  visibility: hidden;
}
#master-breadcrumb #breadcrumb .bread-crumb a {
  outline: medium none;
  text-decoration: none;
  color: #111;
}
#master-breadcrumb #breadcrumb .bread-crumb-last {
  cursor: default;
  font-weight: 600;
}

@media (min-width: 1820px) {
  #master-breadcrumb #breadcrumb {
    height: 85px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 20px 9px 16px 0;
    font-size: 16px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 25px 3px 16px 0;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #master-breadcrumb #breadcrumb {
    height: 65px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 15px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 18px 0px 15px 0;
  }
}
@media (max-width: 767px) {
  #master-breadcrumb #breadcrumb {
    height: 50px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 13px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 16px 0px 15px 0;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator, #master-breadcrumb #breadcrumb .bread-crumb {
    display: none;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator:nth-last-child(2) {
    display: block;
  }
  #master-breadcrumb #breadcrumb .bread-crumb:nth-last-child(3) {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #master-breadcrumb #breadcrumb {
    height: 65px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 15px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 21px 0px 15px 0;
  }
}
/* Font sizes declaration */
/* Font family declaration */
body {
  color: #111;
  font-family: proxima-nova, sans-serif;
}

a {
  color: #0073DC;
  text-decoration: none;
}

a:hover {
  color: #0450C2;
  text-decoration: none;
  cursor: pointer;
}

.btn-custom {
  color: #237AC1;
  border: 1px solid #237AC1;
  outline: none !important;
}

.btn-custom:hover {
  background-color: #237AC1;
  color: #fff;
}

.btn-custom:focus {
  color: #237AC1;
  background-color: #fff;
}

.btn-custom:active {
  color: #fff;
  background-color: #006DB7;
}

#menu-wrapper {
  font-size: 14px;
  font-weight: normal;
}

.bold {
  font-weight: 600;
}

.smaller {
  font-size: 10px;
}

.small {
  font-size: 12px;
}

.error {
  font-size: 13px;
}

.normal {
  font-size: 14px;
}

.medium {
  font-size: 16px;
}

.regular {
  font-size: 18px;
}

.big {
  font-size: 20px;
}

.bigger {
  font-size: 24px;
}

.ultra-big {
  font-size: 40px;
}

p {
  line-height: 25px;
}

@media (max-width: 1279px) and (min-width: 768px) {
  body {
    font-size: 13px;
  }
  .smaller {
    font-size: 9px;
  }
  .small {
    font-size: 11px;
  }
  .medium {
    font-size: 14px;
  }
  .regular {
    font-size: 16px;
  }
  .big {
    font-size: 18px;
  }
  .bigger {
    font-size: 22px;
  }
  .ultra-big {
    font-size: 32px;
  }
  h1, .h1 {
    font-size: 30px !important;
  }
  h2, .h2 {
    font-size: 26px !important;
  }
  h3, .h3 {
    font-size: 20px !important;
  }
  h4, .h4 {
    font-size: 16px !important;
  }
  h5, .h5 {
    font-size: 13px !important;
  }
  h6, .h6 {
    font-size: 11px !important;
  }
  p {
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 11px;
  }
  .smaller {
    font-size: 8px;
  }
  .small {
    font-size: 10px;
  }
  .medium {
    font-size: 12px;
  }
  .regular {
    font-size: 14px;
  }
  .big {
    font-size: 16px;
  }
  .bigger {
    font-size: 20px;
  }
  .ultra-big {
    font-size: 28px;
  }
  h1, .h1 {
    font-size: 26px !important;
  }
  h2, .h2 {
    font-size: 22px !important;
  }
  h3, .h3 {
    font-size: 18px !important;
  }
  h4, .h4 {
    font-size: 14px !important;
  }
  h5, .h5 {
    font-size: 12px !important;
  }
  h6, .h6 {
    font-size: 10px !important;
  }
  p {
    line-height: 20px;
  }
}
.bg-lazy {
  background-image: none !important;
  background-color: #F1F1FA !important;
}

#g2-widget, .g2-widget-review {
  padding: 35px 0px;
}
#g2-widget #g2-heading, .g2-widget-review #g2-heading {
  font-weight: 700;
  color: #000000;
  margin: 0 30px 30px 30px;
  text-align: center;
}
#g2-widget .g2-subheading, .g2-widget-review .g2-subheading {
  font-size: 16px;
  color: #475569;
  text-align: center;
  line-height: 27px;
  margin: 0 30px 30px 30px;
}
#g2-widget .heading, .g2-widget-review .heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
  margin-top: 8px;
}
#g2-widget .description, .g2-widget-review .description {
  font-size: 14px;
  line-height: 24px;
  margin: 8px 0px 100px 0px;
  color: #000000;
}
#g2-widget .cards, .g2-widget-review .cards {
  background: #F0FFF9;
  border: 1px solid rgba(46, 225, 158, 0.5);
  box-shadow: 0px 8px 12px rgba(28, 60, 60, 0.12), 2px 10px 18px rgba(42, 92, 92, 0.12);
  border-radius: 24px;
  padding: 24px 30px;
  margin: 0px 20px 30px 20px;
  position: relative;
}
#g2-widget .g2-rating-img, .g2-widget-review .g2-rating-img {
  width: 110px;
  margin: 0px 0px 0px -1px;
}
#g2-widget .name, .g2-widget-review .name {
  color: #0F172A;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  margin: 5px 0px 0px 14px;
}
#g2-widget .designation, .g2-widget-review .designation {
  color: #38475E;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
#g2-widget .doubleqoutes, .g2-widget-review .doubleqoutes {
  padding-bottom: 3px;
}
#g2-widget .carousel-cell, .g2-widget-review .carousel-cell {
  width: 50%;
  margin-right: 10px;
  border-radius: 5px;
}
#g2-widget .carousel.is-expanded, .g2-widget-review .carousel.is-expanded {
  width: 100%;
}
#g2-widget .g2-profile-image, .g2-widget-review .g2-profile-image {
  display: inline-flex;
  min-width: 70px;
}
#g2-widget .g2-profile-image img, .g2-widget-review .g2-profile-image img {
  width: 70px;
  height: 70px;
  border-radius: 35px;
}
#g2-widget .carousel, .g2-widget-review .carousel {
  margin: 0px 16px 0px 6px;
}
#g2-widget .app-logo, .g2-widget-review .app-logo {
  width: 242px;
  height: 49px;
}
#g2-widget .flickity-page-dots, .g2-widget-review .flickity-page-dots {
  bottom: -56px;
  margin-left: 7px;
}
#g2-widget .flickity-page-dots .dot, .g2-widget-review .flickity-page-dots .dot {
  margin: 0 2px;
  background: #000000;
}
#g2-widget #g2-rating, .g2-widget-review #g2-rating {
  font-weight: 800;
  color: #000000;
  margin: 45px 30px 30px;
  text-align: center;
}
#g2-widget .app-ratings, .g2-widget-review .app-ratings {
  background: #d0fae5;
  border: 0.75px solid #a8ddc2;
  border-radius: 38.5927px;
  width: 56.14px;
  height: 23.12px;
  color: #075A40;
  font-weight: 700;
  text-align: center;
  padding: 1px;
  margin-left: 8px;
  font-size: 14px;
}
#g2-widget .star-rating, .g2-widget-review .star-rating {
  height: 17.12px;
  width: 104px;
  background-size: contain;
}
#g2-widget .reviews-count, .g2-widget-review .reviews-count {
  padding: 11px;
  font-weight: 600;
  color: #666666;
}
#g2-widget .app-ratings-link, .g2-widget-review .app-ratings-link {
  color: #006AFF;
  font-weight: 600;
}
#g2-widget .app-ratings-link:hover, .g2-widget-review .app-ratings-link:hover {
  color: #0450C2 !important;
  cursor: pointer;
}
#g2-widget a::after, .g2-widget-review a::after {
  content: "→";
}
#g2-widget .g2-author-section, .g2-widget-review .g2-author-section {
  display: flex;
  position: absolute;
  left: 30px;
  bottom: 30px;
}

.common-reviews .description {
  margin: 8px 0px 100px 0px !important;
}

.common-reviews .name {
  margin-left: 0px !important;
}

.app-logos-section {
  margin: 40px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 760px) and (max-width: 991px) {
  #g2-widget .app-ratings, .g2-widget-review .app-ratings {
    width: 50.14px;
    height: 18.12px;
    margin-left: 5px;
    font-size: 12px;
    padding: 1px;
  }
  #g2-widget .app-logos-section, .g2-widget-review .app-logos-section {
    margin: 40px 4px;
  }
  #g2-widget .star-rating, .g2-widget-review .star-rating {
    height: 16.12px;
    width: 100px;
  }
  #g2-widget .app-ratings-link, .g2-widget-review .app-ratings-link {
    font-size: 12px;
  }
  #g2-widget .reviews-count, .g2-widget-review .reviews-count {
    font-size: 12px;
  }
  #g2-widget .app-logo, .g2-widget-review .app-logo {
    height: 46px !important;
  }
}
@media (max-width: 527px) {
  #g2-widget .cards, .g2-widget-review .cards {
    margin: 0px 15px 30px;
  }
}
@media (max-width: 280px) {
  #g2-widget .g2-author-section, .g2-widget-review .g2-author-section {
    margin-left: 8px;
  }
  #g2-widget .cards, .g2-widget-review .cards {
    padding: 24px 20px;
  }
  #g2-widget .name, .g2-widget-review .name {
    font-size: 11px;
  }
  #g2-widget .app-logos-section, .g2-widget-review .app-logos-section {
    margin: 40px 6px;
  }
  #g2-widget .g2-author-section, .g2-widget-review .g2-author-section {
    left: 12px;
  }
  #g2-widget .g2-rating-img, .g2-widget-review .g2-rating-img {
    width: 89px;
  }
}
@media (max-width: 767px) {
  #g2-widget .carousel-cell, .g2-widget-review .carousel-cell {
    width: 100%;
  }
  #g2-widget .carousel, .g2-widget-review .carousel {
    margin: 0 !important;
  }
  #g2-widget .app-ratings, .g2-widget-review .app-ratings {
    width: 57.14px;
    height: 20px;
    font-size: 12px;
    padding: 2px;
  }
  #g2-widget .star-rating, .g2-widget-review .star-rating {
    height: 16.12px;
    width: 100px;
  }
  .common-reviews .cards {
    margin: 0px 20px 45px 20px !important;
  }
}/*# sourceMappingURL=G2RewardSectionV2.css.map */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #FFFFFF; background-color: #FFFFFF; }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

@charset "UTF-8";
/********************************** Common  Colors ************************************/
/********************************** Common  Colors ************************************/
/********************************** Common  Colors ************************************/
#master-breadcrumb #breadcrumb {
  height: 70px;
}
#master-breadcrumb #breadcrumb .content-small {
  float: left;
  font-size: 14px;
  margin: 17px 7px 21px 0;
  text-transform: uppercase;
}
#master-breadcrumb #breadcrumb .bread-crumb-separator {
  float: left;
  margin: 21px 0px 21px 0;
  background: url("//cdn.syncfusion.com/content/images/home/new-seperator.png") no-repeat;
}
#master-breadcrumb #breadcrumb .bread-crumb-separator img {
  visibility: hidden;
}
#master-breadcrumb #breadcrumb .bread-crumb a {
  outline: medium none;
  text-decoration: none;
  color: #111;
}
#master-breadcrumb #breadcrumb .bread-crumb-last {
  cursor: default;
  font-weight: 600;
  color: #050505;
}

@media (min-width: 1820px) {
  #master-breadcrumb #breadcrumb {
    height: 85px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 20px 9px 16px 0;
    font-size: 16px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 25px 3px 16px 0;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #master-breadcrumb #breadcrumb {
    height: 65px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 15px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 18px 0px 15px 0;
  }
}
@media (max-width: 767px) {
  #master-breadcrumb #breadcrumb {
    height: 50px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 13px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 16px 0px 15px 0;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator, #master-breadcrumb #breadcrumb .bread-crumb {
    display: none;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator:nth-last-child(2) {
    display: block;
  }
  #master-breadcrumb #breadcrumb .bread-crumb:nth-last-child(3) {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #master-breadcrumb #breadcrumb {
    height: 65px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 15px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 21px 0px 15px 0;
  }
}
/* Font sizes declaration */
/* Font family declaration */
body {
  color: #111;
  font-family: proxima-nova, sans-serif;
}

a {
  color: #0073DC;
  text-decoration: none;
}

a:hover {
  color: #0450C2;
  text-decoration: none;
  cursor: pointer;
}

.btn-custom {
  color: #237AC1;
  border: 1px solid #237AC1;
  outline: none !important;
}

.btn-custom:hover {
  background-color: #237AC1;
  color: #fff;
}

.btn-custom:focus {
  color: #237AC1;
  background-color: #fff;
}

.btn-custom:active {
  color: #fff;
  background-color: #006DB7;
}

#menu-wrapper {
  font-size: 14px;
  font-weight: normal;
}

.bold {
  font-weight: 600;
}

.smaller {
  font-size: 10px;
}

.small {
  font-size: 12px;
}

.error {
  font-size: 13px;
}

.normal {
  font-size: 14px;
}

.medium {
  font-size: 16px;
}

.regular {
  font-size: 18px;
}

.big {
  font-size: 20px;
}

.bigger {
  font-size: 24px;
}

.ultra-big {
  font-size: 40px;
}

p {
  line-height: 25px;
}

@media (max-width: 1279px) and (min-width: 768px) {
  body {
    font-size: 13px;
  }
  .smaller {
    font-size: 9px;
  }
  .small {
    font-size: 11px;
  }
  .medium {
    font-size: 14px;
  }
  .regular {
    font-size: 16px;
  }
  .big {
    font-size: 18px;
  }
  .bigger {
    font-size: 22px;
  }
  .ultra-big {
    font-size: 32px;
  }
  h1, .h1 {
    font-size: 30px !important;
  }
  h2, .h2 {
    font-size: 26px !important;
  }
  h3, .h3 {
    font-size: 20px !important;
  }
  h4, .h4 {
    font-size: 16px !important;
  }
  h5, .h5 {
    font-size: 13px !important;
  }
  h6, .h6 {
    font-size: 11px !important;
  }
  p {
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 11px;
  }
  .smaller {
    font-size: 8px;
  }
  .small {
    font-size: 10px;
  }
  .medium {
    font-size: 12px;
  }
  .regular {
    font-size: 14px;
  }
  .big {
    font-size: 16px;
  }
  .bigger {
    font-size: 20px;
  }
  .ultra-big {
    font-size: 28px;
  }
  h1, .h1 {
    font-size: 26px !important;
  }
  h2, .h2 {
    font-size: 22px !important;
  }
  h3, .h3 {
    font-size: 18px !important;
  }
  h4, .h4 {
    font-size: 14px !important;
  }
  h5, .h5 {
    font-size: 12px !important;
  }
  h6, .h6 {
    font-size: 10px !important;
  }
  p {
    line-height: 20px;
  }
}
.bg-lazy {
  background-image: none !important;
  background-color: #F1F1FA !important;
}

/*========== Information Message for Retired products =============== */
#retired-product-information-message {
  display: none;
  position: absolute;
  opacity: 0.95;
  width: 100%;
  z-index: 999;
  background-color: #FFF7D7;
  border-bottom: 1px solid #eada96;
}
@media (max-width: 767px) {
  #retired-product-information-message .container {
    padding-right: 50px;
  }
}
#retired-product-information-message .common-message {
  float: none;
  margin: auto;
  text-align: center;
  line-height: 26px;
  padding: 15px 0px;
}
@media (max-width: 1279px) and (min-width: 768px) {
  #retired-product-information-message .common-message .medium {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  #retired-product-information-message .common-message {
    line-height: inherit;
  }
}
#retired-product-information-message .information_close_icon {
  width: 70px;
  float: right;
  padding: 34px 30px;
  margin-top: -83px;
  cursor: pointer !important;
}
@media (max-width: 1199px) {
  #retired-product-information-message .information_close_icon {
    padding: 30px 30px;
    margin-top: -75px;
  }
}
@media (max-width: 767px) {
  #retired-product-information-message .information_close_icon {
    padding: 27px 20px;
    margin-top: -63px;
    width: 50px;
  }
}
@media (max-width: 718px) {
  #retired-product-information-message .information_close_icon {
    padding: 26px 20px;
    margin-top: -63px;
    width: 50px;
  }
}
@media (max-width: 484px) {
  #retired-product-information-message .information_close_icon {
    padding: 43px 20px;
    margin-top: -97px;
    width: 50px;
  }
}
#retired-product-information-message .information_close_icon:hover, #retired-product-information-message .information_close_icon:focus {
  background-color: #fcefbb;
}

/*========== End Information Message =============== */
/********************************** Common  Colors ************************************/
/* Note: 
    1. Before adding color codes, please check whether the color code already present or not.
    2. Add the color codes in their series and arrange it alphabetically
    3. Follow the below naming conventions to add color code

          Color code        Color Variable
        ----------------------------------------
            #ABABAB     -   $color_AB
            #ABCABC     -   $color_ABC
            #ABCDEF     -   $color_ABCDEF
*/
/***************************** Color values by color code ********************************/
/***************************** Color values by color names ********************************/
/********************************** Common  Colors ************************************/
/********************************** Common  Colors ************************************/
#master-breadcrumb #breadcrumb {
  height: 70px;
}
#master-breadcrumb #breadcrumb .content-small {
  float: left;
  font-size: 14px;
  margin: 17px 7px 21px 0;
  text-transform: uppercase;
}
#master-breadcrumb #breadcrumb .bread-crumb-separator {
  float: left;
  margin: 21px 0px 21px 0;
  background: url("//cdn.syncfusion.com/content/images/home/new-seperator.png") no-repeat;
}
#master-breadcrumb #breadcrumb .bread-crumb-separator img {
  visibility: hidden;
}
#master-breadcrumb #breadcrumb .bread-crumb a {
  outline: medium none;
  text-decoration: none;
  color: #111;
}
#master-breadcrumb #breadcrumb .bread-crumb-last {
  cursor: default;
  font-weight: 600;
  color: #050505;
}

@media (min-width: 1820px) {
  #master-breadcrumb #breadcrumb {
    height: 85px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 20px 9px 16px 0;
    font-size: 16px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 25px 3px 16px 0;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #master-breadcrumb #breadcrumb {
    height: 65px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 15px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 18px 0px 15px 0;
  }
}
@media (max-width: 767px) {
  #master-breadcrumb #breadcrumb {
    height: 50px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 13px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 16px 0px 15px 0;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator, #master-breadcrumb #breadcrumb .bread-crumb {
    display: none;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator:nth-last-child(2) {
    display: block;
  }
  #master-breadcrumb #breadcrumb .bread-crumb:nth-last-child(3) {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #master-breadcrumb #breadcrumb {
    height: 65px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 15px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 21px 0px 15px 0;
  }
}
/* Font sizes declaration */
/* Font family declaration */
body {
  color: #111;
  font-family: proxima-nova, sans-serif;
}

a {
  color: #0073DC;
  text-decoration: none;
}

a:hover {
  color: #0450C2;
  text-decoration: none;
  cursor: pointer;
}

.btn-custom {
  color: #237AC1;
  border: 1px solid #237AC1;
  outline: none !important;
}

.btn-custom:hover {
  background-color: #237AC1;
  color: #fff;
}

.btn-custom:focus {
  color: #237AC1;
  background-color: #fff;
}

.btn-custom:active {
  color: #fff;
  background-color: #006DB7;
}

#menu-wrapper {
  font-size: 14px;
  font-weight: normal;
}

.bold {
  font-weight: 600;
}

.smaller {
  font-size: 10px;
}

.small {
  font-size: 12px;
}

.error {
  font-size: 13px;
}

.normal {
  font-size: 14px;
}

.medium {
  font-size: 16px;
}

.regular {
  font-size: 18px;
}

.big {
  font-size: 20px;
}

.bigger {
  font-size: 24px;
}

.ultra-big {
  font-size: 40px;
}

p {
  line-height: 25px;
}

@media (max-width: 1279px) and (min-width: 768px) {
  body {
    font-size: 13px;
  }
  .smaller {
    font-size: 9px;
  }
  .small {
    font-size: 11px;
  }
  .medium {
    font-size: 14px;
  }
  .regular {
    font-size: 16px;
  }
  .big {
    font-size: 18px;
  }
  .bigger {
    font-size: 22px;
  }
  .ultra-big {
    font-size: 32px;
  }
  h1, .h1 {
    font-size: 30px !important;
  }
  h2, .h2 {
    font-size: 26px !important;
  }
  h3, .h3 {
    font-size: 20px !important;
  }
  h4, .h4 {
    font-size: 16px !important;
  }
  h5, .h5 {
    font-size: 13px !important;
  }
  h6, .h6 {
    font-size: 11px !important;
  }
  p {
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 11px;
  }
  .smaller {
    font-size: 8px;
  }
  .small {
    font-size: 10px;
  }
  .medium {
    font-size: 12px;
  }
  .regular {
    font-size: 14px;
  }
  .big {
    font-size: 16px;
  }
  .bigger {
    font-size: 20px;
  }
  .ultra-big {
    font-size: 28px;
  }
  h1, .h1 {
    font-size: 26px !important;
  }
  h2, .h2 {
    font-size: 22px !important;
  }
  h3, .h3 {
    font-size: 18px !important;
  }
  h4, .h4 {
    font-size: 14px !important;
  }
  h5, .h5 {
    font-size: 12px !important;
  }
  h6, .h6 {
    font-size: 10px !important;
  }
  p {
    line-height: 20px;
  }
}
.bg-lazy {
  background-image: none !important;
  background-color: #F1F1FA !important;
}

#g2-widget, .g2-widget-review {
  padding: 35px 0px;
}
#g2-widget #g2-heading, .g2-widget-review #g2-heading {
  font-weight: 700;
  color: #000000;
  margin: 0 30px 30px 30px;
  text-align: center;
}
#g2-widget .g2-subheading, .g2-widget-review .g2-subheading {
  font-size: 16px;
  color: #475569;
  text-align: center;
  line-height: 27px;
  margin: 0 30px 30px 30px;
}
#g2-widget .heading, .g2-widget-review .heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000000;
  margin-top: 8px;
}
#g2-widget .description, .g2-widget-review .description {
  font-size: 14px;
  line-height: 24px;
  margin: 8px 0px 100px 0px;
  color: #000000;
}
#g2-widget .cards, .g2-widget-review .cards {
  background: #F0FFF9;
  border: 1px solid rgba(46, 225, 158, 0.5);
  box-shadow: 0px 8px 12px rgba(28, 60, 60, 0.12), 2px 10px 18px rgba(42, 92, 92, 0.12);
  border-radius: 24px;
  padding: 24px 30px;
  margin: 0px 20px 30px 20px;
  position: relative;
}
#g2-widget .g2-rating-img, .g2-widget-review .g2-rating-img {
  width: 110px;
  margin: 0px 0px 0px -1px;
}
#g2-widget .name, .g2-widget-review .name {
  color: #0F172A;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  margin: 5px 0px 0px 14px;
}
#g2-widget .designation, .g2-widget-review .designation {
  color: #38475E;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
#g2-widget .doubleqoutes, .g2-widget-review .doubleqoutes {
  padding-bottom: 3px;
}
#g2-widget .carousel-cell, .g2-widget-review .carousel-cell {
  width: 50%;
  margin-right: 10px;
  border-radius: 5px;
}
#g2-widget .carousel.is-expanded, .g2-widget-review .carousel.is-expanded {
  width: 100%;
}
#g2-widget .g2-profile-image, .g2-widget-review .g2-profile-image {
  display: inline-flex;
  min-width: 70px;
}
#g2-widget .g2-profile-image img, .g2-widget-review .g2-profile-image img {
  width: 70px;
  height: 70px;
  border-radius: 35px;
}
#g2-widget .carousel, .g2-widget-review .carousel {
  margin: 0px 16px 0px 6px;
}
#g2-widget .app-logo, .g2-widget-review .app-logo {
  width: 242px;
  height: 49px;
}
#g2-widget .flickity-page-dots, .g2-widget-review .flickity-page-dots {
  bottom: -56px;
  margin-left: 7px;
}
#g2-widget .flickity-page-dots .dot, .g2-widget-review .flickity-page-dots .dot {
  margin: 0 2px;
  background: #000000;
}
#g2-widget #g2-rating, .g2-widget-review #g2-rating {
  font-weight: 800;
  color: #000000;
  margin: 45px 30px 30px;
  text-align: center;
}
#g2-widget .app-ratings, .g2-widget-review .app-ratings {
  background: #d0fae5;
  border: 0.75px solid #a8ddc2;
  border-radius: 38.5927px;
  width: 56.14px;
  height: 23.12px;
  color: #075a40;
  font-weight: 700;
  text-align: center;
  padding: 1px;
  margin-left: 8px;
  font-size: 14px;
}
#g2-widget .star-rating, .g2-widget-review .star-rating {
  height: 17.12px;
  width: 104px;
  background-size: contain;
}
#g2-widget .reviews-count, .g2-widget-review .reviews-count {
  padding: 11px;
  font-weight: 600;
  color: #666666;
}
#g2-widget .app-ratings-link, .g2-widget-review .app-ratings-link {
  color: #006AFF;
  font-weight: 600;
}
#g2-widget .app-ratings-link:hover, .g2-widget-review .app-ratings-link:hover {
  color: #0450C2 !important;
  cursor: pointer;
}
#g2-widget a::after, .g2-widget-review a::after {
  content: "→";
}
#g2-widget .g2-author-section, .g2-widget-review .g2-author-section {
  display: flex;
  position: absolute;
  left: 30px;
  bottom: 30px;
}

.common-reviews .description {
  margin: 8px 0px 100px 0px !important;
}

.common-reviews .name {
  margin-left: 0px !important;
}

.app-logos-section {
  margin: 40px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 760px) and (max-width: 991px) {
  #g2-widget .app-ratings, .g2-widget-review .app-ratings {
    width: 50.14px;
    height: 18.12px;
    margin-left: 5px;
    font-size: 12px;
    padding: 1px;
  }
  #g2-widget .app-logos-section, .g2-widget-review .app-logos-section {
    margin: 40px 4px;
  }
  #g2-widget .star-rating, .g2-widget-review .star-rating {
    height: 16.12px;
    width: 100px;
  }
  #g2-widget .app-ratings-link, .g2-widget-review .app-ratings-link {
    font-size: 12px;
  }
  #g2-widget .reviews-count, .g2-widget-review .reviews-count {
    font-size: 12px;
  }
  #g2-widget .app-logo, .g2-widget-review .app-logo {
    height: 46px !important;
  }
}
@media (max-width: 527px) {
  #g2-widget .cards, .g2-widget-review .cards {
    margin: 0px 15px 30px;
  }
}
@media (max-width: 280px) {
  #g2-widget .g2-author-section, .g2-widget-review .g2-author-section {
    margin-left: 8px;
  }
  #g2-widget .cards, .g2-widget-review .cards {
    padding: 24px 20px;
  }
  #g2-widget .name, .g2-widget-review .name {
    font-size: 11px;
  }
  #g2-widget .app-logos-section, .g2-widget-review .app-logos-section {
    margin: 40px 6px;
  }
  #g2-widget .g2-author-section, .g2-widget-review .g2-author-section {
    left: 12px;
  }
  #g2-widget .g2-rating-img, .g2-widget-review .g2-rating-img {
    width: 89px;
  }
}
@media (max-width: 767px) {
  #g2-widget .carousel-cell, .g2-widget-review .carousel-cell {
    width: 100%;
  }
  #g2-widget .carousel, .g2-widget-review .carousel {
    margin: 0 !important;
  }
  #g2-widget .app-ratings, .g2-widget-review .app-ratings {
    width: 57.14px;
    height: 20px;
    font-size: 12px;
    padding: 2px;
  }
  #g2-widget .star-rating, .g2-widget-review .star-rating {
    height: 16.12px;
    width: 100px;
  }
  .common-reviews .cards {
    margin: 0px 20px 45px 20px !important;
  }
}
.carousel-caption {
  display: none !important;
}

.fixed-navbar {
  background-color: #fff;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.carousel-right-icon, .carousel-left-icon {
  display: none;
}

#control-navigation {
  padding-left: 9px;
}

#current-control-details {
  margin-left: 5px;
}

.selected {
  color: #006DB7 !important;
  border-left: 3px solid #006DB7;
  padding-left: 15px !important;
}

a, a:hover, a:active, a:focus, .btn, .btn:focus, .btn:active {
  outline: none !important;
  text-decoration: none;
}

.static-navbar {
  border-bottom: 1px solid #f3f3f3;
  box-shadow: 0 5px 10px -12px;
  margin-bottom: 60px;
  padding-bottom: 0px;
  padding-top: 5px;
}
.static-navbar .disabled {
  pointer-events: none;
  cursor: default;
}
.static-navbar .left-panel {
  padding-left: 0px;
  padding-top: 14px;
  display: block;
}
.static-navbar .right-panel {
  padding-top: 5px;
}
.static-navbar .right-panel ul {
  float: right;
}
.static-navbar .right-panel ul li {
  margin-left: 10px;
}
.static-navbar .arrow-image {
  background: rgba(0, 0, 0, 0) url("//cdn.syncfusion.com/content/images/common/common-icons-03.png") no-repeat scroll -219px -58px;
  height: 10px;
  width: 15px;
}
.static-navbar ul {
  padding-left: 0px;
}
.static-navbar ul li {
  display: inline-block !important;
  list-style-type: none;
}

#control-content img {
  max-width: 100%;
}
#control-content hr {
  margin: 0 0 0 -20px;
  border: medium none;
  border-top: 1px solid #CCCCCC;
}
#control-content hr:last-child {
  border-top: none !important;
}
#control-content .multi-column-conent-container .text-center {
  padding-top: 0px !important;
}
#control-content .multi-column-conent-container .text-left {
  padding-top: 0px;
}
#control-content .multi-column-conent-container .text-left h2 {
  margin-top: 0px;
  margin-bottom: 35px;
}
#control-content .multi-column-conent-container .multi-col-contents {
  padding-left: 0px;
  padding-right: 0px;
}
#control-content .multi-column-conent-container .multi-col-contents h3 {
  font-size: 22px;
  font-weight: 600;
}
#control-content .multi-column-conent-container .multi-col-contents .three-col-content {
  padding-right: 40px;
}
#control-content .multi-column-conent-container .multi-col-contents .three-col-content img, #control-content .multi-column-conent-container .multi-col-contents .three-col-content object {
  margin: 0px;
  padding-top: 30px;
}
#control-content .multi-column-conent-container .multi-col-contents .three-col-content h3 {
  margin-bottom: 25px;
}
#control-content .multi-column-conent-container .multi-col-contents .two-col-content {
  padding-left: 0px;
  padding-right: 40px;
}
#control-content .multi-column-conent-container .multi-col-contents .two-col-content .slide {
  width: auto;
  display: inline-block;
}
#control-content .multi-column-conent-container .multi-col-contents .two-col-content img, #control-content .multi-column-conent-container .multi-col-contents .two-col-content object {
  padding-top: 0;
}
#control-content .multi-column-conent-container .multi-col-contents .two-col-content h3 {
  margin-bottom: 25px;
}
#control-content .one-col-carousel .ft-column-header {
  padding-top: 0px;
}
#control-content .one-col-carousel .slide {
  margin-top: 30px;
  margin-bottom: 30px;
}
#control-content .one-col-carousel .slide .carousel-indicators {
  bottom: -50px;
}
#control-content .one-col-carousel .slide .carousel-indicators li {
  background-color: #CCCCCC;
}
#control-content .one-col-carousel .slide .carousel-indicators .active {
  background-color: #999999;
}
#control-content .two-col-carousel .slide {
  margin-bottom: 30px;
}
#control-content .two-col-carousel .slide .carousel-indicators {
  bottom: -50px;
}
#control-content .two-col-carousel .slide .carousel-indicators li {
  background-color: #CCCCCC;
}
#control-content .two-col-carousel .slide .carousel-indicators .active {
  background-color: #999999;
}
#control-content .ft-one-column .text-center {
  padding-top: 0px !important;
}
#control-content .ft-one-column .col-lg-6 img, #control-content .ft-one-column .col-lg-4 img, #control-content .ft-one-column .col-lg-5 img,
#control-content .ft-one-column .col-lg-6 object, #control-content .ft-one-column .col-lg-4 object, #control-content .ft-one-column .col-lg-5 object {
  padding-top: 0px !important;
}
#control-content .ft-one-column .ft-column-header {
  margin-top: -20px;
  padding-top: 0px;
}
#control-content .ft-one-column .ft-column-header h2 {
  padding-top: 0px;
}
#control-content .ft-one-column .ft-two-column:nth-of-type(2) {
  padding-top: 0px !important;
}
#control-content .ft-two-column ul {
  margin-bottom: 25px;
}
#control-content .ft-two-column div:first-child, #control-content .two-col-carousel div:first-child {
  padding-left: 0px;
  padding-right: 40px;
}
#control-content .ft-two-column div:last-child, #control-content .two-col-carousel div:last-child {
  padding-left: 0px;
  padding-right: 15px;
}
#control-content .ft-two-column .carousel .carousel-inner div:first-child, #control-content .two-col-carousel .carousel .carousel-inner div:first-child {
  padding-right: 0px;
}
#control-content .ft-two-column .carousel .carousel-inner div:last-child, #control-content .two-col-carousel .carousel .carousel-inner div:last-child {
  padding-right: 0px;
}
#control-content .ft-two-column .col-lg-8 p img, #control-content .two-col-carousel .col-lg-8 p img,
#control-content .ft-two-column .col-lg-8 p object, #control-content .two-col-carousel .col-lg-8 p object {
  padding-top: 0px;
}
#control-content .ft-two-column .col-lg-4 h2, #control-content .two-col-carousel .col-lg-4 h2 {
  margin-top: 0px;
}
#control-content .one-col-carousel, #control-content .two-col-carousel {
  margin-bottom: 50px;
}
#control-content .ft-column-header {
  padding-top: 45px;
}
#control-content .ft-column-header h2 {
  margin-top: 0px;
  margin-bottom: 35px;
}
#control-content table {
  width: 100%;
  margin-bottom: 35px;
  border: 1px solid #CCCCCC;
}
#control-content table tr {
  border-collapse: collapse;
  border-bottom: 1px dotted #CCCCCC;
}
#control-content table tr:last-child {
  border-bottom: 0px solid #CCCCCC;
}
#control-content table tr:nth-child(2) th:first-child {
  text-align: center;
  width: unset;
}
#control-content table th {
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  text-align: center;
}
#control-content table th:first-child {
  text-align: left;
  width: 50%;
}
#control-content table td {
  padding: 10px;
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
}
#control-content table td:first-child {
  text-align: left;
  width: 50%;
}
#control-content .row {
  padding-right: 25px;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 25px;
}
#control-content .row iframe {
  width: 100%;
  height: 500px;
  border: 0px solid white;
}
#control-content .row:first-child {
  padding-top: 0px;
}
#control-content .row .slide {
  margin-bottom: 30px;
}
#control-content .row .slide .carousel-indicators {
  bottom: -50px;
}
#control-content .row .slide .carousel-indicators li {
  background-color: #CCCCCC;
}
#control-content .row .slide .carousel-indicators .active {
  background-color: #999999;
}
#control-content .row p img, #control-content .row object {
  padding-top: 25px;
}
#control-content .row ul li img, #control-content .row ul li object {
  padding-top: 25px;
}
#control-content .row .row {
  padding-left: 15px;
  padding-top: -35px;
}
#control-content .row .row:first-child {
  padding-left: 15px;
}
#control-content .row .row:last-child {
  padding-right: 15px;
}
#control-content .row h3, #control-content .row h2, #control-content .row h1 {
  margin-top: 0px;
  margin-bottom: 25px;
}
#control-content .row .heading-section {
  font-size: 24px;
}
@media (max-width: 1279px) and (min-width: 768px) {
  #control-content .row .heading-section {
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  #control-content .row .heading-section {
    font-size: 18px !important;
  }
}
#control-content .row p {
  margin-bottom: 25px;
}
#control-content .row li {
  margin-bottom: 15px;
}
#control-content .row .col-lg-6:first-child, #control-content .row .col-md-6:first-child {
  padding-left: 0px !important;
}
#control-content .row .col-lg-6 h4, #control-content .row .col-md-4 h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}
#control-content .row .col-lg-6 .carousel .carousel-inner div:first-child, #control-content .row .col-md-4 .carousel .carousel-inner div:first-child {
  padding-right: 0px;
}
#control-content .row .col-lg-6 .carousel .carousel-inner div:last-child, #control-content .row .col-md-4 .carousel .carousel-inner div:last-child {
  padding-right: 0px;
}
#control-content .row .col-lg-4 {
  padding-left: 0px;
  padding-right: 30px;
}
#control-content .row .col-lg-4 h2 {
  margin-top: 0px;
}
#control-content .row .col-lg-4 h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}
#control-content .row img, #control-content .row object {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
#control-content .row ul {
  margin-left: -25px;
  margin-top: 20px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.25px;
}
#control-content .row ul li {
  margin-bottom: 9px;
  padding-left: 8px;
}
#control-content .row .btn a {
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  margin-left: -12px;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  background-color: #1ea6d6;
}

#ControlPageNavigationLink, #FeaturePageNavigationLink {
  margin-bottom: 66px;
}
#ControlPageNavigationLink .arrow-element, #FeaturePageNavigationLink .arrow-element {
  font-size: 24px;
}
#ControlPageNavigationLink .arrow-element a::before, #FeaturePageNavigationLink .arrow-element a::before {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: bolder;
  font-variant: normal;
  text-transform: none;
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #0057FF;
  position: absolute;
  top: 3px;
  margin-left: -20px;
  display: inline-block;
  font-size: 17px;
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-property: all;
  font-family: icomoon !important;
  font-variant: normal;
}
@media (max-width: 767px) {
  #ControlPageNavigationLink .arrow-element a::before, #FeaturePageNavigationLink .arrow-element a::before {
    top: 8px;
    margin-left: -15px;
    display: inline-block;
    font-size: 14px;
  }
}
#ControlPageNavigationLink .arrow-element a:hover::before, #FeaturePageNavigationLink .arrow-element a:hover::before {
  color: #ffffff;
}
@media (max-width: 767px) {
  #ControlPageNavigationLink .arrow-element a:hover::before, #FeaturePageNavigationLink .arrow-element a:hover::before {
    top: 8px;
  }
}
#ControlPageNavigationLink .arrow-element .actual-control-name, #FeaturePageNavigationLink .arrow-element .actual-control-name {
  color: #0057FF;
  font-size: 18px;
  font-weight: 600;
  transition-delay: 0s;
  transition-duration: 0.4s;
  transition-property: all;
  padding: 12px 36px 12px 54px;
  border-width: 2px;
  border-style: solid;
  border-color: initial;
  -o-border-image: initial;
     border-image: initial;
  border-radius: 40px;
}
#ControlPageNavigationLink .arrow-element .actual-control-name:hover, #FeaturePageNavigationLink .arrow-element .actual-control-name:hover {
  color: #ffffff;
  border: 2px solid #0073DC;
  background-color: #0073DC;
}
@media (max-width: 767px) {
  #ControlPageNavigationLink .arrow-element .actual-control-name, #FeaturePageNavigationLink .arrow-element .actual-control-name {
    font-size: 12px;
    padding: 8px 12px 8px 30px;
  }
}

#control-list h2, #control-list h3, #control-list h4, #control-list h5 {
  color: #1a1a1a;
}
#control-list p, #control-list li {
  color: #111;
}
#control-list li {
  list-style-type: none;
  margin-bottom: 8px;
}
#control-list li a {
  color: #111;
  margin-left: -40px;
  padding-left: 18px;
  display: block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#control-list li a:hover {
  color: #237AC1;
  border-left: 3px solid #237AC1;
  padding-left: 15px !important;
}
#control-list #search-category {
  width: 100%;
}
#control-list #search-category #searchText {
  font-size: 12px;
}
#control-list #control-category {
  min-height: 50px;
  max-height: 300px;
  margin-left: -10px;
  padding-top: 15px;
}
#control-list #control-category h4 {
  padding-left: 16px;
}
#control-list #control-category .no-result {
  text-align: center;
}
#control-list h4, #control-list #control-category-list {
  display: block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#control-list #control-category-list {
  margin-bottom: 20px;
}
#control-list #control-category-list .disabled:hover {
  color: #111 !important;
  cursor: default;
  border-left: 0px solid #111 !important;
  padding-left: 18px !important;
}
#control-list #control-category-list .disabled:focus {
  text-decoration: none;
}
#control-list #control-category-list .disabled {
  pointer-events: none;
  cursor: default;
}
#control-list .title-subheadings {
  min-height: 0px;
  max-height: 200px;
  margin-left: -15px;
}

@media (min-width: 1820px) {
  .static-navbar {
    margin-bottom: 75px;
  }
  #control-content .multi-column-conent-container .text-center {
    padding-top: 0px !important;
  }
  #control-content .multi-column-conent-container .multi-col-contents .three-col-content {
    padding-right: 75px;
  }
  #control-content .multi-column-conent-container .multi-col-contents .two-col-content {
    padding-right: 75px;
  }
  #control-content .one-col-carousel .slide {
    margin-top: 60px;
    margin-bottom: 30px;
  }
  #control-content .one-col-carousel .slide .carousel-inner {
    padding-right: 0px;
  }
  #control-content .two-col-carousel .slide .carousel-inner {
    padding-right: 0px;
  }
  #control-content .one-col-carousel, #control-content .two-col-carousel {
    margin-bottom: 70px;
  }
  #control-content .ft-two-column div:first-child, #control-content .two-col-carousel div:first-child {
    padding-left: 0px;
    padding-right: 60px;
  }
  #control-content .ft-two-column div:last-child, #control-content .two-col-carousel div:last-child {
    padding-left: 0px;
    padding-right: 35px;
  }
  #control-content .ft-two-column ul {
    margin-bottom: 45px;
  }
  #control-content .ft-column-header {
    padding-top: 60px;
  }
  #control-content .ft-column-header h2 {
    margin-top: 0px;
    margin-bottom: 45px;
  }
  #control-content .row {
    padding-bottom: 35px;
    padding-top: 60px;
  }
  #control-content .row h3, #control-content .row h2, #control-content .row p, #control-content .row h1 {
    margin-bottom: 35px;
  }
  #control-content .row:first-child {
    padding-top: 0px;
  }
  #control-content .row:first-child img, #control-content .row:first-child object {
    margin: 0px 0 0px !important;
  }
  #control-content .row:first-child .col-lg-4, #control-content .row:first-child .col-md-4, #control-content .row:first-child .col-sm-4 {
    padding-left: 0px;
  }
  #control-content .row:first-child .col-lg-4 h4, #control-content .row:first-child .col-md-4 h4, #control-content .row:first-child .col-sm-4 h4 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  #control-content .row h1 {
    font-size: 40px;
  }
  #control-content .row h2 {
    font-size: 36px;
  }
  #control-content .row p, #control-content .row li {
    font-size: 16px;
  }
  #control-content .row .col-lg-4, #control-content .row .col-md-4, #control-content .row .col-sm-4 {
    padding-left: 0px;
  }
  #control-content .row .col-lg-4 h4, #control-content .row .col-md-4 h4, #control-content .row .col-sm-4 h4 {
    margin-top: 0px;
    margin-bottom: 25px;
  }
  #control-content .row .col-lg-4 img, #control-content .row .col-md-4 img, #control-content .row .col-sm-4 img,
  #control-content .row .col-lg-4 object, #control-content .row .col-md-4 object, #control-content .row .col-sm-4 object {
    margin: 0px;
    margin-top: 60px;
    margin-bottom: 35px;
  }
  #control-list .title-subheadings {
    max-height: 400px;
  }
  #control-list #control-category {
    max-height: 400px;
  }
  #control-list #search-category {
    width: 100%;
  }
  #control-list #search-category #search-box {
    font-size: 14px;
  }
  #control-list li a {
    width: 200px;
  }
  #control-list h4, #control-list #control-category-list {
    width: 200px;
  }
}
@media (max-width: 1279px) and (min-width: 1024px) {
  #control-navigation {
    padding-left: 10px;
  }
  .static-navbar {
    margin-bottom: 35px;
  }
  .static-navbar .left-panel {
    display: block;
  }
  #control-content {
    margin-bottom: 35px;
  }
  #control-content .multi-column-conent-container .text-center {
    padding-top: 0px !important;
  }
  #control-content .multi-column-conent-container .multi-col-contents .three-col-content {
    padding-right: 35px;
  }
  #control-content .multi-column-conent-container .multi-col-contents .two-col-content {
    padding-right: 35px;
  }
  #control-content .one-col-carousel, #control-content .two-col-carousel {
    margin-bottom: 35px;
  }
  #control-content .ft-two-column div:first-child, #control-content .two-col-carousel div:first-child {
    padding-left: 0px;
    padding-right: 30px;
  }
  #control-content .ft-two-column div:last-child, #control-content .two-col-carousel div:last-child {
    padding-left: 0px;
    padding-right: 10px !important;
  }
  #control-content .ft-column-header {
    padding-top: 35px;
  }
  #control-content .ft-column-header h2 {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  #control-content .ft-two-column ul {
    margin-bottom: 30px;
  }
  #control-content .row {
    padding-bottom: 5px;
    padding-top: 35px;
  }
  #control-content .row h3, #control-content .row h2, #control-content .row p, #control-content .row h1 {
    margin-bottom: 30px;
  }
  #control-content .row .col-lg-4 img, #control-content .row .col-md-4 img, #control-content .row .col-sm-4 img,
  #control-content .row .col-lg-4 object, #control-content .row .col-md-4 object, #control-content .row .col-sm-4 object {
    margin: 0px;
  }
  #control-list li a {
    width: 110px;
  }
  #control-list #search-category #search-box {
    font-size: 10px;
  }
  #control-list #control-category h4, #control-list #control-category #control-category-list {
    width: 110px;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  #control-navigation {
    padding-left: 10px;
  }
  .static-navbar {
    margin-bottom: 35px;
  }
  .static-navbar .left-panel {
    display: block;
  }
  #control-content {
    margin-bottom: 35px;
    padding-left: 0px !important;
  }
  #control-content .multi-column-conent-container .text-center {
    padding-top: 0px !important;
  }
  #control-content .multi-column-conent-container .text-left h2 {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  #control-content .one-col-carousel, #control-content .two-col-carousel {
    margin-bottom: 35px;
  }
  #control-content .two-col-carousel .col-lg-6:last-child {
    margin-bottom: 30px;
  }
  #control-content .ft-column-header {
    padding-top: 35px;
  }
  #control-content .ft-column-header h2 {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  #control-content .ft-two-column ul {
    margin-bottom: 30px;
  }
  #control-content .row {
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 5px;
    padding-top: 35px;
  }
  #control-content .row h3, #control-content .row h2, #control-content .row p, #control-content .row h1 {
    margin-bottom: 30px;
  }
  #control-content .row li img, #control-content .row li object {
    margin-left: -8px;
  }
  #control-content .col-lg-6:first-child, #control-content .col-md-6:first-child {
    padding-bottom: 25px;
  }
   @media (max-width: 1023px) and (min-width: 768px) {
        #control-content .col-lg-6:first-child:not(.featuretour-markdown #control-content .supporting-frameworks-browsers .multi-col-contents .two-col-content),
        #control-content .col-md-6:first-child:not(.featuretour-markdown #control-content .supporting-frameworks-browsers .multi-col-contents .two-col-content) {
            margin-right: -15px !important;
        }
    }
  #control-content .col-lg-6:last-child, #control-content .col-md-6:last-child {
    padding-left: 0px !important;
  }
  #control-content .col-lg-4 img, #control-content .col-md-4 img, #control-content .col-sm-4 img, 
  #control-content .col-lg-4 object, #control-content .col-md-4 object, #control-content .col-sm-4 object {
    margin: 0px;
  }
  #control-list li a {
    width: 80px;
  }
  #control-list #control-category h4, #control-list #control-category #control-category-list {
    width: 80px;
  }
}
@media (max-width: 767px) {
  #control-navigation {
    display: none;
    border-left: 0px solid #CCCCCC;
  }
  .static-navbar {
    margin-bottom: 25px;
  }
  .static-navbar .left-panel {
    display: none;
  }
  .static-navbar .right-panel {
    text-align: center;
  }
  .static-navbar .right-panel ul {
    float: none;
  }
  .static-navbar .right-panel li {
    margin: auto;
  }
  .static-navbar .right-panel li:first-child {
    padding-bottom: 10px;
  }
  #control-content {
    border-left: 0px solid #CCCCCC;
    margin-bottom: 25px;
  }
  #control-content .two-col-carousel .col-lg-6 {
    padding-top: 0px;
  }
  #control-content .ft-two-column .col-lg-6, #control-content .ft-two-column .col-lg-5 {
    padding-top: 0px;
  }
  #control-content .one-col-carousel, #control-content .two-col-carousel {
    margin-bottom: 25px;
  }
  #control-content .ft-column-header {
    padding-top: 25px;
  }
  #control-content .ft-column-header h2 {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  #control-content .ft-two-column ul {
    margin-bottom: 20px;
  }
  #control-content .row {
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 5px;
    padding-top: 25px;
  }
  #control-content .row li img, #control-content .row li object {
    margin-left: -8px;
  }
  #control-content .row h3, #control-content .row h2, #control-content .row p, #control-content .row h1 {
    margin-bottom: 20px;
  }
  #control-content .col-lg-6:first-child, #control-content .col-md-6:first-child {
    padding-right: 0px !important;
    padding-bottom: 25px;
    padding-top: 0px;
  }
  #control-content .col-lg-6:last-child, #control-content .col-md-6:last-child {
    padding-left: 0px !important;
  }
  #control-content .col-lg-6, #control-content .col-md-6 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #control-content .col-lg-4, #control-content .col-md-4 {
    padding-right: 0px !important;
    padding-bottom: 25px;
  }
  #control-content .col-lg-4:last-child, #control-content .col-md-4:last-child {
    padding-bottom: 0px;
  }
}
.background-img, .background-img-leftside {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}
.background-img p, .background-img-leftside p {
  margin-bottom: 0px;
}
.background-img img, .background-img-leftside img {
  display: block;
  margin: auto;
  max-width: none;
}

#banner-content {
  background-color: #0777D3;
  color: #fff;
  position: relative;
  overflow: hidden;
  visibility: hidden;
}
#banner-content .container .background-img-left {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}
#banner-content .container .background-img-left p {
  margin-bottom: 0px;
}
#banner-content .container .background-img-left img {
  display: block;
  margin: auto;
  max-width: none;
}
#banner-content .ft-two-column {
  margin-top: 30px;
  padding-bottom: 15px;
}
#banner-content .ft-two-column .col-lg-6, #banner-content .ft-two-column .col-lg-5 {
  z-index: 1;
  color: #1a1a1a;
  height: 500px;
  padding-top: 15px;
  padding-left: 0px;
}
#banner-content .ft-two-column .col-lg-6 .btn, #banner-content .ft-two-column .col-lg-5 .btn {
  border: 1px solid #1c1c1c;
  margin-top: 20px;
  background-color: transparent;
}
#banner-content .ft-two-column .col-lg-6 .btn a, #banner-content .ft-two-column .col-lg-5 .btn a {
  color: #1c1c1c;
}
#banner-content .ft-two-column .col-lg-6 .btn:hover, #banner-content .ft-two-column .col-lg-5 .btn:hover {
  background-color: #1c1c1c;
  color: #fff;
}
#banner-content .ft-two-column .col-lg-6 .btn:hover a, #banner-content .ft-two-column .col-lg-5 .btn:hover a {
  color: #fff;
}
#banner-content .ft-two-column .col-lg-6 .community-licenses, #banner-content .ft-two-column .col-lg-5 .community-licenses {
  background-image: url("//cdn.syncfusion.com/content/images/FT/FTControl/Banner/CL.png");
  background-position: -1px -2px;
  background-repeat: no-repeat;
  height: 83px;
  margin-top: 35px;
  padding-top: 18px;
  background-size: 15%;
}
#banner-content .ft-two-column .col-lg-6 .community-licenses a, #banner-content .ft-two-column .col-lg-5 .community-licenses a {
  color: #1a1a1a;
  padding-left: 85px;
  pointer-events: none;
  cursor: default;
}
#banner-content .ft-two-column .col-lg-6 .community-licenses a strong, #banner-content .ft-two-column .col-lg-5 .community-licenses a strong {
  color: #E3464D !important;
  pointer-events: initial;
  cursor: pointer;
  font-weight: 500;
}
#banner-content .ft-two-column .col-lg-6 .community-licenses a strong:hover, #banner-content .ft-two-column .col-lg-5 .community-licenses a strong:hover {
  text-decoration: underline;
}
#banner-content .ft-two-column .col-lg-8 {
  text-align: center;
}
#banner-content .ft-two-column .col-lg-8 img {
  max-width: 100%;
}
#banner-content .ft-two-column .btn {
  border: 1px solid #fff;
  margin-top: 20px;
}
#banner-content .ft-two-column .btn a {
  color: #fff;
}
#banner-content .ft-two-column .btn:hover {
  background-color: #fff;
}
#banner-content .ft-two-column .btn:hover a {
  color: rgb(60, 46, 118);
}
#banner-content h1 {
  margin-bottom: 25px;
}
#banner-content p {
  line-height: 30px;
}

#banner-contact-section {
  background-color: #05599E;
  color: #fff;
}
#banner-contact-section .multi-column-conent-container .two-col-content {
  margin-bottom: 5px;
}
#banner-contact-section .multi-column-conent-container .two-col-content p {
  margin-bottom: 0px;
  line-height: 22px;
}
#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(1) {
  height: 55px !important;
  margin-top: 15px;
  padding-top: 5px;
  text-align: right;
  border-right: 1px solid #0777D3;
}
#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(1) .contact-header {
  color: #FFFF00;
}
#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(1) .contact-info {
  font-weight: bold;
}
#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) {
  height: 70px !important;
  margin-top: 10px;
}
#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) .customer-info {
  color: #FFFF00;
  font-weight: bold;
}
#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) .quote {
  padding-right: 180px;
}
#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) .quote a {
  color: #FFFF00;
}
#banner-contact-section .multi-column-conent-container .win-phone-contact:nth-of-type(1) {
  height: 63px !important;
}
#banner-contact-section .multi-column-conent-container .win-phone-contact:nth-of-type(2) {
  height: 92px !important;
}

@media (max-width: 1399px) and (min-width: 1300px) {
  .background-img {
    left: -32%;
  }
  .img-left {
    left: -23%;
  }
  .pdf-img {
    left: -30%;
  }
  .large-img {
    left: -34%;
  }
  .img-right {
    left: -17%;
  }
  .background-img-leftside {
    left: -7%;
  }
  .rightside-img {
    left: -38%;
  }
  #banner-content .container .background-img-left {
    left: -8%;
  }
}
@media (max-width: 1299px) and (min-width: 1260px) {
  .background-img {
    left: -42%;
  }
  .img-left {
    left: -32%;
  }
  .pdf-img {
    left: -37%;
  }
  .large-img {
    left: -40%;
  }
  .img-right {
    left: -21%;
  }
  .background-img-leftside {
    left: -10%;
  }
  .rightside-img {
    left: -48%;
  }
  #banner-content .container .background-img-left {
    left: -8%;
  }
}
@media (max-width: 1600px) and (min-width: 1400px) {
  .background-img {
    left: -23%;
  }
  .img-left {
    left: -18%;
  }
}
@media (max-width: 1279px) and (min-width: 1260px) {
  .quote {
    padding-right: 208px !important;
  }
}
@media (max-width: 1800px) and (min-width: 1601px) {
  .background-img {
    left: -6%;
  }
}
@media (max-width: 1260px) and (min-width: 1100px) {
  .img-left {
    left: -38% !important;
  }
  .pdf-img {
    left: -42%;
  }
}
@media (max-width: 1260px) and (min-width: 1024px) {
  .background-img {
    left: -45%;
  }
  .background-img-leftside {
    left: -26%;
  }
  .img-right {
    left: -38%;
  }
  .large-img {
    left: -55%;
  }
  .img-left {
    left: -45%;
  }
  #banner-content .ft-two-column .col-lg-6, #banner-content .ft-two-column .col-lg-5 {
    height: 420px;
    padding-top: 0px;
  }
  #banner-content .ft-two-column .col-lg-6 .community-licenses, #banner-content .ft-two-column .col-lg-5 .community-licenses {
    padding-top: 13px;
    background-size: 17%;
    padding-top: 18px;
  }
  #banner-content .ft-two-column .col-lg-6 .community-licenses a, #banner-content .ft-two-column .col-lg-5 .community-licenses a {
    padding-left: 75px;
  }
  #banner-content p {
    line-height: 24px;
  }
  #banner-content .container .background-img-left {
    left: -25%;
  }
  #banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) .quote {
    padding-right: 110px;
    line-height: 17px;
  }
}
@media (max-width: 1023px) {
  .background-img {
    left: 0%;
  }
  .background-img img {
    display: block !important;
  }
  #banner-content .ft-two-column .col-lg-8 img {
    display: none !important;
  }
  #banner-content .ft-two-column .btn {
    margin-top: 10px;
  }
  #banner-content h1 {
    margin-bottom: 15px;
  }
  #banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(1) {
    text-align: center;
    border-right: 0px solid;
  }
  #banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) {
    display: none;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .background-img-leftside {
    left: -103%;
  }
  #banner-content .ft-two-column .col-lg-6, #banner-content .ft-two-column .col-lg-5 {
    height: 350px;
  }
  #banner-content .ft-two-column .col-lg-6 .community-licenses, #banner-content .ft-two-column .col-lg-5 .community-licenses {
    background-size: 10%;
    padding-top: 20px;
  }
  #banner-content .ft-two-column .col-lg-6 .community-licenses a, #banner-content .ft-two-column .col-lg-5 .community-licenses a {
    padding-left: 85px;
  }
  #banner-content p {
    line-height: 24px;
  }
  #banner-content .container .background-img-left {
    left: -94%;
  }
  #banner-content .container .img-right {
    left: -87%;
  }
}
@media (max-width: 990px) and (min-width: 916px) {
  #banner-content .container .img-right {
    left: -93% !important;
  }
}
@media (max-width: 915px) and (min-width: 851px) {
  #banner-content .container .img-right {
    left: -109% !important;
  }
}
@media (max-width: 850px) and (min-width: 768px) {
  #banner-content .container .img-right {
    left: -125% !important;
  }
}
@media (max-width: 767px) {
  .background-img-leftside {
    left: -165%;
  }
  #banner-content {
    height: 475px;
  }
  #banner-content .ft-two-column .col-lg-6, #banner-content .ft-two-column .col-lg-5 {
    height: 340px;
    padding-left: 15px;
  }
  #banner-content .ft-two-column .col-lg-6 .community-licenses, #banner-content .ft-two-column .col-lg-5 .community-licenses {
    padding-top: 10px;
    background-size: 10%;
  }
  #banner-content .ft-two-column .col-lg-6 .community-licenses a, #banner-content .ft-two-column .col-lg-5 .community-licenses a {
    padding-left: 65px;
  }
  #banner-content p {
    line-height: 20px;
  }
  #banner-content .container .background-img-left {
    left: -125%;
  }
  #banner-content .container .img-right {
    left: -148%;
  }
}
@media (max-width: 560px) and (min-width: 361px) {
  #banner-content .container .background-img-left {
    left: -190%;
  }
}
@media (max-width: 650px) and (min-width: 501px) {
  #banner-content .container .img-right {
    left: -191% !important;
  }
}
@media (max-width: 500px) and (min-width: 361px) {
  #banner-content .container .img-right {
    left: -265% !important;
  }
}
@media (max-width: 360px) {
  .background-img-leftside {
    left: -255%;
  }
  .img-right {
    left: -300% !important;
  }
  #banner-content .ft-two-column .col-lg-6, #banner-content .ft-two-column .col-lg-5 {
    height: 400px;
  }
  #banner-content .ft-two-column .col-lg-6 .community-licenses, #banner-content .ft-two-column .col-lg-5 .community-licenses {
    background-size: 15%;
  }
  #banner-content .ft-two-column .col-lg-6 .community-licenses a, #banner-content .ft-two-column .col-lg-5 .community-licenses a {
    padding-left: 55px !important;
  }
  #banner-content .container .background-img-left {
    left: -215%;
  }
}
#sales-section {
  color: #1a1a1a;
  background-color: #FFAB40;
}
#sales-section .ft-two-column .col-lg-6:nth-of-type(1), #sales-section .ft-two-column .col-lg-5:nth-of-type(1) {
  padding-top: 50px;
  padding-bottom: 25px;
}
#sales-section .ft-two-column .col-lg-6:nth-of-type(1) p, #sales-section .ft-two-column .col-lg-5:nth-of-type(1) p {
  text-align: right;
}
#sales-section .ft-two-column .col-lg-6:nth-of-type(1) img, #sales-section .ft-two-column .col-lg-5:nth-of-type(1) img,
#sales-section .ft-two-column .col-lg-6:nth-of-type(1) object, #sales-section .ft-two-column .col-lg-5:nth-of-type(1) object {
  width: 100%;
}
#sales-section .ft-two-column .col-lg-6:nth-of-type(2), #sales-section .ft-two-column .col-lg-5:nth-of-type(2) {
  padding-top: 50px;
  padding-right: 140px;
}
#sales-section .ft-two-column .col-lg-6:nth-of-type(2) .btn, #sales-section .ft-two-column .col-lg-5:nth-of-type(2) .btn {
  border: 1px solid #1a1a1a;
  margin-top: 20px;
}
#sales-section .ft-two-column .col-lg-6:nth-of-type(2) .btn a, #sales-section .ft-two-column .col-lg-5:nth-of-type(2) .btn a {
  color: #111;
  font-weight: 600;
}
#sales-section .ft-two-column .col-lg-6:nth-of-type(2) .btn:hover, #sales-section .ft-two-column .col-lg-5:nth-of-type(2) .btn:hover {
  background-color: #111;
}
#sales-section .ft-two-column .col-lg-6:nth-of-type(2) .btn:hover a, #sales-section .ft-two-column .col-lg-5:nth-of-type(2) .btn:hover a {
  color: #FFAB40;
}

@media (max-width: 1023px) {
  #sales-section .ft-two-column .col-lg-6:nth-of-type(1), #sales-section .ft-two-column .col-lg-5:nth-of-type(1) {
    display: none;
  }
  #sales-section .ft-two-column .col-lg-6:nth-of-type(2), #sales-section .ft-two-column .col-lg-5:nth-of-type(2) {
    padding-top: 20px;
    padding-right: 140px;
    padding-bottom: 20px;
  }
  #sales-section .ft-two-column .col-lg-6:nth-of-type(2) .btn, #sales-section .ft-two-column .col-lg-5:nth-of-type(2) .btn {
    margin-top: 10px;
  }
}
@media (max-width: 1023px) {
  #awards-customer .e-rotator-wrap {
    margin: auto !important;
  }
}
.control-pricing {
  background-color: white !important;
}

#price-section, #pricing-section {
  padding-bottom: 50px !important;
  background-color: #f3f3f3;
  padding-top: 50px !important;
}
#price-section h2, #pricing-section h2 {
  margin-bottom: 20px !important;
}
#price-section h2, #price-section p, #pricing-section h2, #pricing-section p {
  text-align: center;
  font-weight: 700;
}
#price-section p, #pricing-section p {
  font-size: 20px;
}
#price-section .pricing, #pricing-section .pricing {
  background-color: #f3f3f3;
  color: #008000;
  border-radius: 50px;
  padding: 12px 17px;
  border: 1px solid #008000;
  margin-left: 43%;
}
#price-section .pricing strong, #pricing-section .pricing strong {
  font-size: 26px;
  font-weight: 700;
}
#price-section .pricing:hover, #pricing-section .pricing:hover {
  background-color: #008000;
  color: #fff;
}
#price-section ul, #pricing-section ul {
  border: 1px solid #CCCCCC;
  line-height: 28px !important;
  padding: 20px 45px;
  width: 55%;
  margin: auto !important;
}
#price-section ul li, #pricing-section ul li {
  background-image: url("//cdn.syncfusion.com/content/images/FT/FTControl/XlsIO+landing+page+Final-10.png");
  background-position: 0 8px;
  background-size: 3%;
  background-repeat: no-repeat;
  list-style: outside none none;
  padding-left: 32px !important;
  padding-top: 0px;
}

.un-limited-lic {
  margin-top: -50px;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 1820px) {
  #price-section p, #pricing-section p {
    font-size: 20px !important;
    margin-bottom: 30px !important;
  }
  #price-section ul, #pricing-section ul {
    width: 63%;
  }
}
@media (max-width: 1279px) {
  #price-section h2, #pricing-section h2 {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  #price-section .pricing, #pricing-section .pricing {
    margin-left: 38%;
  }
  #price-section ul, #pricing-section ul {
    padding: 20px 22px;
    width: 77%;
  }
  #price-section ul li, #pricing-section ul li {
    background-position: 0 6px;
    background-size: 4%;
  }
}
@media (max-width: 1279px) and (min-width: 1024px) {
  #price-section .pricing, #pricing-section .pricing {
    margin-left: 41%;
  }
  #price-section ul, #pricing-section ul {
    padding: 20px 30px;
    width: 61%;
  }
}
@media (max-width: 767px) {
  #price-section .pricing, #pricing-section .pricing {
    padding: 5px 13px;
    margin-left: 36%;
  }
  #price-section ul, #pricing-section ul {
    padding: 15px;
    width: 100%;
    line-height: 22px !important;
  }
  #price-section ul li, #pricing-section ul li {
    background-position: 0 9px;
    background-size: 3% auto;
    padding-left: 27px !important;
    padding-top: 5px;
  }
}
@media (max-width: 360px) {
  #price-section .pricing, #pricing-section .pricing {
    margin-left: 23%;
  }
  #price-section ul li, #pricing-section ul li {
    background-size: 5% auto;
  }
}
#controls-list {
  padding: 85px 0px 70px 0px;
}
@media (max-width: 1023px) {
  #controls-list {
    padding: 50px 0 30px 0px;
  }
}
#controls-list .text-center h1 {
  font-size: 33px;
  font-weight: lighter;
  margin-bottom: 50px;
  color: #7f7f7f;
}
@media (max-width: 1023px) {
  #controls-list .text-center h1 {
    margin-bottom: 40px;
  }
}
#controls-list .text-center h5 {
  font-size: 19px !important;
  font-weight: 600;
  margin-bottom: 40px;
  color: #333333;
}
#controls-list .popular-controls-list {
  text-align: center;
}
#controls-list .popular-controls-list .grid-image, #controls-list .popular-controls-list .chart-image, #controls-list .popular-controls-list .gantt-image, #controls-list .popular-controls-list .diagramming-image {
  border-right: 1px solid #d8d8d8;
}
#controls-list .popular-controls-list .control-link {
  padding: 0 25px;
  display: inline-block;
}
@media (max-width: 767px) {
  #controls-list .popular-controls-list .control-link {
    padding: 0 30px;
    margin-bottom: 15px;
  }
}
@media (max-width: 400px) {
  #controls-list .popular-controls-list .control-link {
    padding: 0 11px !important;
  }
}
#controls-list .popular-controls-list .control-link span {
  font-size: 2em;
  float: left;
  line-height: 25px;
}
@media (max-width: 1200px) {
  #controls-list .popular-controls-list .control-link span {
    line-height: 22px;
  }
}
#controls-list .popular-controls-list .control-link a {
  font-size: 16px;
  padding-left: 10px;
  font-family: "open sans";
  font-weight: 600;
  color: #2384e4;
}
@media (max-width: 1200px) {
  #controls-list .popular-controls-list .control-link a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  #controls-list .popular-controls-list .control-link a {
    font-size: 12px;
  }
}
#controls-list .popular-controls-list .control-link a:hover {
  color: #237ac1;
}

.lightswitchSilverlight {
  margin-top: -18px;
}

.lightswitchhtml .container {
  border-bottom: 1px dashed white;
}

#control-headinng-section h3 {
  font-size: 33px !important;
}

#ft-controllist {
  text-align: center;
  padding: 0;
  padding-bottom: 70px;
}
#ft-controllist #more-controls {
  display: none;
}
#ft-controllist #control-items {
  margin-left: 5%;
}
#ft-controllist #ft-control-platform .sub-heading {
  font-size: 1.5em !important;
  font-weight: 600;
  margin-bottom: 30px;
  color: #333333;
  font-family: "open sans";
  margin-left: -5%;
}
#ft-controllist #ft-control-platform .section-list {
  line-height: 2.2em;
  text-align: left;
  margin-bottom: 20px;
  width: 200px !important;
  overflow-x: hidden;
}
#ft-controllist #ft-control-platform .section-list .badge-preview {
  background-color: #fff7c6;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  padding: 4px 7px;
  border-radius: 8px;
  top: -2px;
  position: relative !important;
}
#ft-controllist #ft-control-platform .section-list .content-heading {
  color: #1a1a1a;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  padding-bottom: 0px;
  width: 100%;
  text-decoration: none;
  margin-bottom: 10px;
  font-size: 16px;
}
#ft-controllist #ft-control-platform .section-list ul {
  width: 100%;
  margin-bottom: 8.5px;
}
#ft-controllist #ft-control-platform .section-list ul li {
  width: -moz-max-content !important;
  width: max-content !important;
  list-style: none;
  width: 200px !important;
  word-break: break-word;
  line-height: 22px;
}
#ft-controllist #ft-control-platform .section-list ul li a, #ft-controllist #ft-control-platform .section-list ul li span {
  color: #0057ff;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  z-index: 1;
  position: relative;
  cursor: pointer;
}
#ft-controllist #ft-control-platform .section-list ul li a:hover, #ft-controllist #ft-control-platform .section-list ul li span:hover {
  color: #0450C2;
}

@media (min-width: 768px) {
  #ft-controllist #ft-control-platform .section-list .badge-preview {
    font-size: 11px;
  }
}
@media (max-width: 1279px) {
  #ft-controllist .container #control-items {
    margin-bottom: 11px;
    margin-top: 0px;
    margin-left: 0%;
  }
  #ft-controllist .container .Vstudio {
    margin-bottom: 35px;
  }
  #ft-controllist .container .Vstudio .vshr {
    display: inline-flex;
    width: 28%;
  }
}
@media (max-width: 1279px) and (min-width: 992px) {
  #ft-controllist #ft-control-platform .section-list ul li {
    width: -moz-max-content;
    width: max-content;
  }
  #ft-controllist .row .content-heading {
    width: 54%;
  }

}
@media (max-width: 1024px) and (min-width: 768px) {
  .row.masonry {
    margin-left: 0;
  }
  #ft-controllist .container .Vstudio {
    margin-bottom: 35px;
  }
  #ft-controllist .container .Vstudio .vshr {
    display: inline-flex;
    width: 25%;
  }
}
@media (max-width: 992px) {
  #ft-controllist {
    padding-bottom: 0px;
  }
  #ft-controllist #ft-control-platform .section-list ul li {
    width: -moz-max-content;
    width: max-content;
    padding-top: 4px !important;
  }
  #ft-controllist .row .content-heading {
    width: 150%;
  }
  #ft-controllist .row .list-items {
    width: -moz-max-content;
    width: max-content;
  }
}
@media (max-width: 767px) and (min-width: 320px) {
  #ft-controllist {
    overflow: hidden;
  }
  #ft-controllist .sub-heading {
    margin-left: -12px;
    font-weight: bold;
  }
  #ft-controllist #more-controls {
    display: block;
    margin: 40% auto 25px;
  }
  #ft-controllist .badge-preview {
    font-size: 9px !important;
  }
  #ft-controllist .container {
    margin-bottom: 68px;
    padding-top: 0px;
  }
  #ft-controllist .container .row .content-heading {
    width: 100%;
  }
  #ft-controllist .container .row .section-list {
    width: 100%;
    padding-left: 18px;
    padding-bottom: 0;
  }
  #ft-controllist .container .row h3 {
    line-height: 18px;
  }
  #ft-controllist .container .row .list-items {
    padding-left: 0px;
  }
  #ft-controllist .container .Vstudio {
    margin: 7px 0 -50px;
    padding-top: 0;
  }
  #ft-controllist .container .Vstudio img {
    width: 30px;
  }
  #ft-controllist .container .Vstudio .vstudio-text.big {
    padding-left: 20px;
  }
  #ft-controllist .container .Vstudio .vshr {
    display: none;
    width: 25%;
  }
  #ft-controllist .container #control-items {
    margin-top: 5%;
  }
}
#link-section {
  padding-left: 0;
  padding-right: 0;
}

.chart-navigation-bar .mCustomScrollBox {
  outline: none !important;
}
.chart-navigation-bar .mCSB_dragger_bar {
  margin-right: -2px !important;
}
.chart-navigation-bar .static-navbar {
  border-bottom: none !important;
  margin-bottom: 5px !important;
  box-shadow: none !important;
}
.chart-navigation-bar .static-navbar:focus {
  outline: none !important;
  border: none !important;
}
.chart-navigation-bar .static-navbar .mCustomScrollBox {
  outline: none !important;
}
.chart-navigation-bar .static-navbar li {
  padding-bottom: 5px;
  list-style: none;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 92%;
}
.chart-navigation-bar .static-navbar li .selected {
  color: #0073DC !important;
  border-left: none !important;
  padding-left: 0 !important;
  width: auto;
  white-space: nowrap;
}
.chart-navigation-bar .static-navbar li a {
  color: #1a1a1a;
  width: auto;
  font-weight: 600;
  white-space: nowrap;
}
.chart-navigation-bar .static-navbar li a:hover {
  color: #0073DC !important;
}

.chart-fixed-menu-top {
  background-color: #fff;
  left: auto;
  position: fixed;
  top: 90px;
  z-index: 1;
}

.chart-top-menu {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

.chart-fixed-bottom {
  position: absolute;
  width: 100%;
}

.chart-types-navigation {
  height: 350px;
}
.chart-types-navigation .content-heading {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 14px;
  letter-spacing: -0.2px;
  cursor: pointer;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.chart-types-navigation .content-heading span {
  white-space: nowrap;
}
.chart-types-navigation li {
  list-style: none;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 95%;
}
.chart-types-navigation .charttype {
  font-size: 16px;
  color: #1a1a1a;
  letter-spacing: -0.18px;
  line-height: 24px;
  white-space: nowrap;
  cursor: pointer;
  padding-right: 25px;
}
.chart-types-navigation .charttype:hover {
  color: #0073DC;
}
.chart-types-navigation .charttype-selected {
  color: #0073DC;
  white-space: nowrap;
  border-right: 1px solid #0073DC;
}
.chart-types-navigation .category-type {
  padding-right: 25px;
}
.chart-types-navigation .category-selected {
  border-right: 1px solid #0073DC;
}
.chart-types-navigation .mCSB_scrollTools {
  margin-right: -8px !important;
}

.panel-body {
  border: none !important;
  box-shadow: none !important;
  padding: 0;
}

.panel-default {
  border: none !important;
  box-shadow: none !important;
}
.panel-default .panel-heading {
  background-color: #fff;
  border: none !important;
  padding: 0 !important;
}

@media (max-width: 767px) {
  #link-section {
    display: none;
  }
}
@media (max-width: 1200px) and (min-width: 820px) {
  #ft-controllist #ft-control-platform .section-list, #ft-controllist #ft-control-platform .section-list ul li, #ft-controllist #ft-control-platform .section-list ul {
    width: 170px !important;
  }
}
h2.FTControlDesktopNoCreditCard, h2.FTControlMobileNoCreditCard, h2.NoCreditCardDesktopFTControl, h2.NoCreditCardMobileFTControl {
  font-family: Open Sans;
  font-size: 13px !important;
  font-style: italic;
  font-weight: 400 !important;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: start;
  color: #64748B;
  margin: -20px 0px 10px 8px;
}

#control-banner-content h2.FTControlDesktopNoCreditCard, #control-banner-content h2.FTControlMobileNoCreditCard, #control-banner-content h2.NoCreditCardDesktopFTControl, #control-banner-content h2.NoCreditCardMobileFTControl {
  font-family: Open Sans;
  font-size: 13px !important;
  font-style: italic;
  font-weight: 400 !important;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: start;
  color: #fff;
  margin: -22px 0px 20px 0px;
}
@media (max-width: 1260px) {
  #control-banner-content h2.FTControlDesktopNoCreditCard, #control-banner-content h2.FTControlMobileNoCreditCard, #control-banner-content h2.NoCreditCardDesktopFTControl, #control-banner-content h2.NoCreditCardMobileFTControl {
    margin: 72px 0px 10px 0px;
  }
}
@media (max-width: 768px) {
  #control-banner-content h2.FTControlDesktopNoCreditCard, #control-banner-content h2.FTControlMobileNoCreditCard, #control-banner-content h2.NoCreditCardDesktopFTControl, #control-banner-content h2.NoCreditCardMobileFTControl {
    margin: 72px 0px 10px 18px;
  }
}
#control-banner-content h2.NoCreditCardMobile-FlutterPdf,
#control-banner-content h2.NoCreditCardDesktop-FlutterPdf {
  font-family: Open Sans;
  font-size: 13px !important;
  font-style: italic;
  font-weight: 400 !important;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: start;
  color: #fff;
  margin: -25px 0px 20px 3px;
}
@media (max-width: 1260px) {
  #control-banner-content h2.NoCreditCardMobile-FlutterPdf,
  #control-banner-content h2.NoCreditCardDesktop-FlutterPdf {
    margin: 70px 0px 10px 3px;
  }
}
@media (max-width: 768px) {
  #control-banner-content h2.NoCreditCardMobile-FlutterPdf,
  #control-banner-content h2.NoCreditCardDesktop-FlutterPdf {
    margin: 70px 0px 10px 25px;
  }
}

#NocreditDesktopContent {
  display: block;
}
@media (max-width: 350px) {
  #NocreditDesktopContent {
    display: none;
  }
}
@media (max-width: 420px) {
  #NocreditDesktopContent {
    margin: -10px 0px 10px 5px;
  }
}
@media (max-width: 1260px) and (min-width: 421px) {
  #NocreditDesktopContent {
    margin: 5px 0px 10px 3px;
  }
}

#NocreditMobileContent {
  display: none;
}
@media (max-width: 350px) {
  #NocreditMobileContent {
    margin: 75px 0px 15px 3px;
    display: block;
  }
}

@media (max-width: 1260px) {
  #whitebackground #download-now-button,
  #control-banner-content #download-now-button,
  #whitebackground #view-demos-now-button,
  #control-banner-content #view-demos-now-button {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 350px) {
  #whitebackground #view-demos-now-button,
  #control-banner-content #view-demos-now-button {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 992px) and (min-width: 769px) {
  #whitebackground #download-now-button,
  #whitebackground #buy-now-button {
    padding: 9px 21px !important;
  }
}
@media (max-width: 420px) and (min-width: 350px) {
  #whitebackground #buy-now-button {
    margin-left: 1em !important;
  }
}
@media (max-width: 350px) {
  #whitebackground #buy-now-button {
    margin-left: 0px;
  }
}

@media (max-width: 768px) {
  #control-banner-content #download-now-button, #control-banner-content #view-demos-now-button {
    margin-left: 1em !important;
  }
}

.animatedBannerImage .right-section-animated-image {
  width: 600px;
  height: 500px;
}

@media (max-width: 768px) {
  .animatedBannerImage .right-section-animated-image {
    display: none;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .animatedBannerImage .right-section-animated-image {
    width: 500px;
    height: 500px;
  }
}
#control-banner-content.video-banner .right-section-image {
  margin-top: 70px;
}
#control-banner-content.video-banner #download-now-button {
  border: 1px solid #fff !important;
}
#control-banner-content.video-banner #download-now-button:hover {
  opacity: 0.8 !important;
  color: #1a1a1a;
  background-color: #fff !important;
  border: 1px solid #fff !important;
}
#control-banner-content.video-banner #buy-now-button {
  color: #fff !important;
  border: 1px solid #fff !important;
  background: none !important;
}
#control-banner-content.video-banner #buy-now-button:hover {
  opacity: 1 !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #fff !important;
}
#control-banner-content.video-banner #overviewVideo {
  color: #fff;
}

@media (max-width: 850px) {
  #control-banner-content.video-banner .right-section-image {
    display: none;
  }
}
@media (max-width: 1260px) and (min-width: 780px) {
  #control-banner-content.video-banner h2#NocreditDesktopContent {
    margin: 5px 0 10px 8px !important;
  }
}
@media (max-width: 768px) {
  #control-banner-content.video-banner h2#NocreditDesktopContent {
    margin: 5px 0 10px 0;
  }
  #control-banner-content.video-banner .supported-frameworks {
    margin-left: -15px;
  }
}
@media (max-width: 480px) {
  #control-banner-content.video-banner {
    background-size: auto;
  }
}
@media (max-width: 420px) {
  #control-banner-content.video-banner h2#NocreditDesktopContent {
    margin: -10px 0 10px 5px !important;
  }
  #control-banner-content.video-banner #buy-now-button {
    margin-left: 16px;
    padding: 9px;
  }
}
@media (max-width: 350px) {
  #control-banner-content.video-banner h2#NocreditMobileContent {
    margin: 75px 0px 15px 3px !important;
    display: block;
  }
  #control-banner-content.video-banner #buy-now-button {
    margin-left: 0px;
  }
}/*# sourceMappingURL=FTControl.css.map */
/* Resource Center Section Style Start*/
#resourceCenterSection {
    padding: 86px 0 15px 0;
    background-image: none !important;
    border-radius: 10px;
}

    #resourceCenterSection #resource-center .link_text {
        font-weight: 600;
        margin-right: -0.5px;
        vertical-align: 15%;
        font-size: 16px;
        line-height: 24px;
        color: #0057ff;
    }

    #resourceCenterSection #resource-center .Explore-link .explore_link__text {
        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        color: #0057ff;
        vertical-align: 21%;
        padding-right: 5px;
    }

    #resourceCenterSection #resource-center .post-tile .post-tile-content a .sf-icon-arrow-right:before {
        font-size: 16px;
    }

    #resourceCenterSection #resource-center .Explore-link .sf-icon-arrow-right:before {
        font-size: 20px;
    }

    #resourceCenterSection #resource-center .link_text:hover, #resourceCenterSection #resource-center .Explore-link .explore_link__text:hover {
        color: #0050eb;
    }

    #resourceCenterSection #resource-center .resource-center-heading {
        color: #0f172a;
        font-weight: 700;
        margin: 0px 76px 32px 76px;
        font-size: 33px;
        line-height: 50px;
    }

    #resourceCenterSection #resource-center .resourcePostSection {
        padding: 20px 16px;
    }

    #resourceCenterSection #resource-center .post-tile {
        background-size: cover !important;
        background-color: #ffffff !important;
        width: 100%;
        overflow: hidden;
        border: 1px solid #D1E0FF;
        border-radius: 23px;
        flex-direction: column;
        transition: all 0.2s ease-out;
        will-change: transform;
    }

    #resourceCenterSection #resource-center .post-tile:hover {
        transform: translateY(-10px);

    }

    #resourceCenterSection #resource-center .post-tile img {
        width: 100%;
        opacity: 1;
        margin-bottom: 0px;
        height: 100%;
    }

    #resourceCenterSection #resource-center .post-tile .first-image {
        position: relative;
        top: 0;
        left: 0;
    }

    #resourceCenterSection #resource-center .post-tile .post-tile-content {
        bottom: 0px;
        padding: 32px 24px;
        opacity: 1;
        transition: opacity 0.5s;
        display: flex;
        flex-direction: column;
    }

        #resourceCenterSection #resource-center .post-tile .post-tile-content a {
            color: #0057ff !important;
            margin-top: auto;
        }

            #resourceCenterSection #resource-center .post-tile .post-tile-content a:hover {
                color: #0050eb !important;
            }

        #resourceCenterSection #resource-center .post-tile .post-tile-content hr {
            width: 20%;
            margin: 10px auto 20px;
            display: inline-block;
        }

        #resourceCenterSection #resource-center .post-tile .post-tile-content .description {
            color: #1E293B;
            margin-bottom: 40px;
            line-height: 28px;
            font-weight: 600;
            font-size: 18px !important;
            margin-top: 0px;
            letter-spacing: 0.5%;
            min-height: 84px;
        }

    #resourceCenterSection #resource-center .sub-heading {
        font-family: Open Sans;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        margin-bottom: 36px;
        color: #475569;
        padding: 0px 30px;
    }

    #resourceCenterSection #resource-center .Explore-link {
        text-align: center;
        display: block;
        margin-top: 18px;
    }

@media (min-width: 1025px) {
    #resourceCenterSection #resource-center .resource-center-segment {
        margin-right: 25px;
        margin-left: 25px;
    }
}

@media (max-width: 1199px) {
    #resourceCenterSection #resource-center .link_text {
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    #resourceCenterSection #resource-center .resource-center-segment {
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media (max-width: 1279px) {

    #resourceCenterSection #resource-center .resource-center-heading {
        font-size: 30px !important;
    }
}

@media (max-width: 1200px) {
    #resourceCenterSection #resource-center .resource-center-heading {
        font-size: 30px;
    }
}

@media (max-width: 992px) {

    #resourceCenterSection #resource-center .post-tile .post-tile-content .description {
        min-height: 80px;
    }

    #resourceCenterSection #resource-center .resourcePostSection {
        padding: 20px;
    }
}

@media (max-width: 767px) {

    #resourceCenterSection #resource-center .resource-center-heading {
        font-size: 22px !important;
        line-height: 34px;
        margin-bottom: 16px;
        margin-left: 1em;
        margin-right: 1em;
    }

    #resourceCenterSection #resource-center .sub-heading {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 22px;
        margin-left: 1em;
        margin-right: 1em;
    }

    #resourceCenterSection #resource-center .resourcePostSection {
        padding: 10px 10px 30px 10px;
    }

    #resourceCenterSection #resource-center .Explore-link {
        margin-top: 30px;
    }

    #resourceCenterSection {
        padding: 64px 0 20px 0;
    }

        #resourceCenterSection #resource-center .post-tile .post-tile-content .description {
            font-size: 16px !important;
            line-height: 24px !important;
        }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #resourceCenterSection {
        padding: 80px 0 0 0;
    }

        #resourceCenterSection #resource-center .resourcePostSection {
            padding: 20px 10px;
        }

        #resourceCenterSection #resource-center .resource-center-heading {
            margin-left: 20px;
            margin-right: 20px;
        }

        #resourceCenterSection #resource-center .post-tile .post-tile-content .description {
            font-size: 16px !important;
            line-height: 24px !important;
        }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
    #resourceCenterSection #resource-center .sub-heading {
        font-size: 18px;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    #resourceCenterSection #resource-center .post-tile {
        width: 60%;
        margin: auto;
    }
}

@media (min-width: 487px) and (max-width: 539px) {
    #resourceCenterSection #resource-center .post-tile {
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 486px) {
    #resourceCenterSection #resource-center .post-tile {
        width: 90%;
        margin: auto;
    }
}

@media (max-width: 1024px) {
    #resourceCenterSection #resource-center .post-tile .post-tile-content .description {
        margin-bottom: 20px;
        line-height: 21px;
    }
}

@media (max-width: 500px) {

    #resourceCenterSection #resource-center .resource-center-heading br {
        display: none !important;
    }
}

@media (max-width: 360px) {

    #resourceCenterSection #resource-center .post-tile .second-image {
        left: 93px !important;
    }
}

#resourceCenterSection #resource-center a {
    text-decoration: none !important;
    color: #0057ff !important;
    margin-top: auto;
}

    #resourceCenterSection #resource-center a:hover {
        color: #0050eb !important;
    }   

@media (max-width: 1023px) and (min-width: 768px) {
  #control-content .col-lg-6:first-child:not(.featuretour-markdown) #control-content .supporting-frameworks-browsers .multi-col-contents .two-col-content {
    margin-right: -15px !important;
  }
  #control-content .col-md-6:first-child:not(.featuretour-markdown) #control-content .supporting-frameworks-browsers .multi-col-contents .two-col-content {
    margin-right: -15px !important;
  }
}
.supporting-frameworks-and-browsers #control-content {
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

@media (min-width: 1200px) {
    .supporting-frameworks-and-browsers #control-content {
        justify-content: center;
        width: 1140px !important;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .supporting-frameworks-and-browsers #control-content {
        justify-content: center;
        width: 1014px !important;
    }
}

.featuretour-markdown .supporting-frameworks-browsers .two-col-content p, .supporting-frameworks p {
    margin: 0 !important;
}

img.PlaceholderFT {
    object-fit: cover;
}

/* Resource Center Section Style End */
@charset "UTF-8";
/********************************** Common  Colors ************************************/
/* Note: 
    1. Before adding color codes, please check whether the color code already present or not.
    2. Add the color codes in their series and arrange it alphabetically
    3. Follow the below naming conventions to add color code

          Color code        Color Variable
        ----------------------------------------
            #ABABAB     -   $color_AB
            #ABCABC     -   $color_ABC
            #ABCDEF     -   $color_ABCDEF
*/
/***************************** Color values by color code ********************************/
/***************************** Color values by color names ********************************/
/********************************** Common  Colors ************************************/
/********************************** Common  Colors ************************************/
#master-breadcrumb #breadcrumb {
  height: 70px;
}
#master-breadcrumb #breadcrumb .content-small {
  float: left;
  font-size: 14px;
  margin: 17px 7px 21px 0;
  text-transform: uppercase;
}
#master-breadcrumb #breadcrumb .bread-crumb-separator {
  float: left;
  margin: 21px 0px 21px 0;
  background: url("//cdn.syncfusion.com/content/images/home/new-seperator.png") no-repeat;
}
#master-breadcrumb #breadcrumb .bread-crumb-separator img {
  visibility: hidden;
}
#master-breadcrumb #breadcrumb .bread-crumb a {
  outline: medium none;
  text-decoration: none;
  color: #111;
}
#master-breadcrumb #breadcrumb .bread-crumb-last {
  cursor: default;
  font-weight: 600;
  color: #050505;
}

@media (min-width: 1820px) {
  #master-breadcrumb #breadcrumb {
    height: 85px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 20px 9px 16px 0;
    font-size: 16px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 25px 3px 16px 0;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #master-breadcrumb #breadcrumb {
    height: 65px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 15px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 18px 0px 15px 0;
  }
}
@media (max-width: 767px) {
  #master-breadcrumb #breadcrumb {
    height: 50px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 13px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 16px 0px 15px 0;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator, #master-breadcrumb #breadcrumb .bread-crumb {
    display: none;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator:nth-last-child(2) {
    display: block;
  }
  #master-breadcrumb #breadcrumb .bread-crumb:nth-last-child(3) {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #master-breadcrumb #breadcrumb {
    height: 65px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 15px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 21px 0px 15px 0;
  }
}
/* Font sizes declaration */
/* Font family declaration */
body {
  color: #111;
  font-family: proxima-nova, sans-serif;
}

a {
  color: #0073DC;
  text-decoration: none;
}

a:hover {
  color: #0450C2;
  text-decoration: none;
  cursor: pointer;
}

.btn-custom {
  color: #237AC1;
  border: 1px solid #237AC1;
  outline: none !important;
}

.btn-custom:hover {
  background-color: #237AC1;
  color: #fff;
}

.btn-custom:focus {
  color: #237AC1;
  background-color: #fff;
}

.btn-custom:active {
  color: #fff;
  background-color: #006DB7;
}

#menu-wrapper {
  font-size: 14px;
  font-weight: normal;
}

.bold {
  font-weight: 600;
}

.smaller {
  font-size: 10px;
}

.small {
  font-size: 12px;
}

.error {
  font-size: 13px;
}

.normal {
  font-size: 14px;
}

.medium {
  font-size: 16px;
}

.regular {
  font-size: 18px;
}

.big {
  font-size: 20px;
}

.bigger {
  font-size: 24px;
}

.ultra-big {
  font-size: 40px;
}

p {
  line-height: 25px;
}

@media (max-width: 1279px) and (min-width: 768px) {
  body {
    font-size: 13px;
  }
  .smaller {
    font-size: 9px;
  }
  .small {
    font-size: 11px;
  }
  .medium {
    font-size: 14px;
  }
  .regular {
    font-size: 16px;
  }
  .big {
    font-size: 18px;
  }
  .bigger {
    font-size: 22px;
  }
  .ultra-big {
    font-size: 32px;
  }
  h1, .h1 {
    font-size: 30px !important;
  }
  h2, .h2 {
    font-size: 26px !important;
  }
  h3, .h3 {
    font-size: 20px !important;
  }
  h4, .h4 {
    font-size: 16px !important;
  }
  h5, .h5 {
    font-size: 13px !important;
  }
  h6, .h6 {
    font-size: 11px !important;
  }
  p {
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 11px;
  }
  .smaller {
    font-size: 8px;
  }
  .small {
    font-size: 10px;
  }
  .medium {
    font-size: 12px;
  }
  .regular {
    font-size: 14px;
  }
  .big {
    font-size: 16px;
  }
  .bigger {
    font-size: 20px;
  }
  .ultra-big {
    font-size: 28px;
  }
  h1, .h1 {
    font-size: 26px !important;
  }
  h2, .h2 {
    font-size: 22px !important;
  }
  h3, .h3 {
    font-size: 18px !important;
  }
  h4, .h4 {
    font-size: 14px !important;
  }
  h5, .h5 {
    font-size: 12px !important;
  }
  h6, .h6 {
    font-size: 10px !important;
  }
  p {
    line-height: 20px;
  }
}
.bg-lazy {
  background-image: none !important;
  background-color: #F1F1FA !important;
}

/*! -- Stack Pricing -- */
#featuretour-markdown #control-content .ft-one-column .video_link, #featuretour-markdown #control-content .ft-two-column .video_link {
  border-radius: 4px;
  position: relative;
  margin: auto;
  text-align: center;
  background-color: #F6F6F6;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#featuretour-markdown #control-content .ft-one-column .video-frame, #featuretour-markdown #control-content .ft-two-column .video-frame {
  margin: auto;
}
#featuretour-markdown #control-content .ft-one-column .video-playiconalignment, #featuretour-markdown #control-content .ft-two-column .video-playiconalignment {
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  box-shadow: 0 2px 10px 0 #000000;
  border-radius: 100px;
  background-color: white;
  width: 91px;
  height: 91px;
  margin: auto;
}
#featuretour-markdown #control-content .ft-one-column .video-playiconalignment:hover, #featuretour-markdown #control-content .ft-two-column .video-playiconalignment:hover {
  box-shadow: 0 1px 39px 0 #000000;
}
#featuretour-markdown #control-content .ft-one-column .video_link {
  height: 450px;
  width: 800px;
}
#featuretour-markdown #control-content .ft-one-column .video-frame {
  height: 450px;
  width: 800px;
}
#featuretour-markdown #control-content .ft-one-column .video-playiconalignment {
  left: 45%;
}
#featuretour-markdown #control-content .ft-two-column .video_link {
  height: 300px;
}
#featuretour-markdown #control-content .ft-two-column .video-frame {
  height: 300px;
}
#featuretour-markdown #control-content .ft-two-column .video-playiconalignment {
  margin-left: -20px !important;
  margin: auto;
}

@media (max-width: 1279px) {
  #featuretour-markdown #control-content .ft-one-column .video_link, #featuretour-markdown #control-content .ft-two-column .video_link {
    margin-bottom: 30px;
  }
  #featuretour-markdown #control-content .ft-one-column .video-frame, #featuretour-markdown #control-content .ft-two-column .video-frame {
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  #featuretour-markdown #control-content .ft-one-column .video_link {
    width: 635px;
    height: 335px;
  }
  #featuretour-markdown #control-content .ft-one-column .video-frame {
    width: 635px;
    height: 335px;
  }
  #featuretour-markdown #control-content .ft-one-column .video-playiconalignment {
    left: 42%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  #featuretour-markdown #control-content .ft-two-column .video_link {
    width: 635px;
    height: 335px;
  }
  #featuretour-markdown #control-content .ft-two-column .video-frame {
    width: 635px;
    height: 335px;
  }
  #featuretour-markdown #control-content .ft-two-column .video-playiconalignment {
    left: 42%;
  }
}
@media (max-width: 767px) and (min-width: 501px) {
  #featuretour-markdown #control-content .ft-one-column .video_link {
    width: 400px;
    height: 200px;
  }
  #featuretour-markdown #control-content .ft-one-column .video-frame {
    width: 400px;
    height: 200px;
  }
  #featuretour-markdown #control-content .ft-one-column .video-playiconalignment {
    left: 42%;
    width: 70px;
    height: 70px;
  }
  #featuretour-markdown #control-content .ft-two-column .video_link {
    width: 400px;
    height: 200px;
  }
  #featuretour-markdown #control-content .ft-two-column .video-frame {
    width: 400px;
    height: 200px;
  }
  #featuretour-markdown #control-content .ft-two-column .video-playiconalignment {
    left: 46%;
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 500px) {
  #featuretour-markdown #control-content .ft-one-column .video_link {
    width: 250px;
    height: 150px;
  }
  #featuretour-markdown #control-content .ft-one-column .video-frame {
    width: 250px;
    height: 150px;
  }
  #featuretour-markdown #control-content .ft-one-column .video-playiconalignment {
    left: 42%;
    width: 50px;
    height: 50px;
  }
  #featuretour-markdown #control-content .ft-two-column .video_link {
    width: 250px;
    height: 150px;
  }
  #featuretour-markdown #control-content .ft-two-column .video-frame {
    width: 250px;
    height: 150px;
  }
  #featuretour-markdown #control-content .ft-two-column .video-playiconalignment {
    left: 46%;
    width: 50px;
    height: 50px;
  }
}
/********************************** Common  Colors ************************************/
/*! -- Stack Pricing -- */
html {
  font-size: 87.5%;
}

@media all and (max-width: 768px) {
  html {
    font-size: 81.25%;
  }
}
body {
  font-size: 1em;
  line-height: 1.42857143;
  -webkit-font-smoothing: antialiased;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  color: #666666;
  font-weight: 400;
}

.imagebg:not(.image--light) h1,
.imagebg:not(.image--light) h2,
.imagebg:not(.image--light) h3,
.imagebg:not(.image--light) h4,
.imagebg:not(.image--light) h5,
.imagebg:not(.image--light) h6,
.imagebg:not(.image--light) p,
.imagebg:not(.image--light) ul,
.imagebg:not(.image--light) blockquote {
  color: #fff;
}

p + a:not(.btn) {
  font-size: 0.85714286em;
  line-height: 2.16666667em;
}

a {
  color: #4a90e2;
}

ul:not([class*=menu]) li > a {
  font-weight: normal;
}

ul:not([class*=menu]) li > a:hover {
  text-decoration: none;
}

span.h1:not(.inline-block),
span.h2:not(.inline-block),
span.h3:not(.inline-block),
span.h4:not(.inline-block),
span.h5:not(.inline-block),
span.h6:not(.inline-block) {
  display: block;
}

[class*=imagebg]:not(.image--light) p {
  opacity: 0.9;
}

.height-100,
.height-90,
.height-80,
.height-70,
.height-60,
.height-50,
.height-40,
.height-30,
.height-20,
.height-10 {
  height: auto;
  padding: 4em 0;
}

@media all and (max-width: 767px) {
  .height-100,
.height-90,
.height-80,
.height-70,
.height-60,
.height-50,
.height-40,
.height-30,
.height-20,
.height-10 {
    height: auto;
    padding: 4em 0;
  }
}
@media all and (min-height: 600px) and (min-width: 767px) {
  .height-10 {
    height: 10vh;
  }
  .height-20 {
    height: 20vh;
  }
  .height-30 {
    height: 30vh;
  }
  .height-40 {
    height: 40vh;
  }
  .height-50 {
    height: 50vh;
  }
  .height-60 {
    height: 60vh;
  }
  .height-70 {
    height: 70vh;
  }
  .height-90 {
    height: 90vh;
  }
  .height-100 {
    height: 100vh;
  }
}
.lead {
  font-weight: 400;
  color: #808080;
}

.lead:not(:last-child) {
  margin-bottom: 1.3684210526em;
}

.lead + .btn:last-child {
  margin-top: 0.92857143em;
}

p.lead img {
  max-height: 1.68421053em;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a {
  margin: 0;
  padding: 0;
}

h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 300;
  font-variant-ligatures: common-ligatures;
  margin-top: 0;
  margin-bottom: 0;
}

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.68421053em;
}

h5,
.h5 {
  font-size: 1em;
  line-height: 1.85714286em;
}

h6,
.h6 {
  font-size: 0.85714286em;
  line-height: 2.16666667em;
}

.lead {
  font-size: 1.35714286em;
  line-height: 1.68421053em;
}

@media all and (max-width: 767px) {
  h1,
.h1 {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
  }
  h2,
.h2 {
    font-size: 1.78571429em;
    line-height: 1.5em;
  }
  h3,
.h3 {
    font-size: 1.35714286em;
    line-height: 1.85714286em;
  }
  .lead {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
  }
}
p,
ul,
ol,
pre,
table,
blockquote {
  margin-bottom: 0.85714286em;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

h1,
.h1 {
  letter-spacing: -0.01em;
}

h1:not(:last-child),
.h1:not(:last-child) {
  margin-bottom: 0.5909090909em;
}

h2,
.h2 {
  margin-bottom: 0.7878787879em;
}

h3,
.h3 {
  margin-bottom: 1.04em;
}

h3 strong,
.h3 strong {
  font-weight: 400;
}

blockquote {
  font-family: "Merriweather", serif;
  font-style: italic;
  font-weight: 300;
}

blockquote:not(:last-child) {
  margin-bottom: 1.04em;
}

blockquote > p {
  font-size: 1em !important;
}

h4,
.h4 {
  margin-bottom: 1.3684210526em;
  font-weight: 400;
}

h4.inline-block + .h4.inline-block:not(.typed-text),
.h4.inline-block + .h4.inline-block:not(.typed-text) {
  margin-left: 0.6842105263em;
}

h5,
.h5 {
  font-weight: 600;
}

h6,
.h6 {
  font-weight: 700;
}

h6:not(:last-child),
.h6:not(:last-child) {
  margin-bottom: 2.1666666667em;
}

h6.type--uppercase,
.h6.type--uppercase {
  letter-spacing: 1px;
  margin-right: -1px;
}

img {
  max-width: 100%;
  margin-bottom: 1.85714286em;
}

img:last-child {
  margin-bottom: 0;
}

section {
  padding-top: 6em;
  padding-bottom: 5em;
}

section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs) + section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.border--bottom):not(.space--xxs) {
  padding-top: 0;
}

section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + footer:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom) {
  padding-top: 0;
}

section.border--bottom:not([data-gradient-bg]) {
  border-bottom: 1px solid #ececec;
}

section.unpad {
  overflow: hidden;
}

section.text-center div[class*=col-]:first-child:last-child {
  margin: 0 auto;
  float: none;
}

@media all and (max-width: 767px) {
  section {
    padding: 3.57142857em 0;
  }
}
.back-to-top {
  position: fixed;
  width: 3.71428571em;
  height: 3.71428571em;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  right: 1.85714286em;
  bottom: 3.71428571em;
  padding-top: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  z-index: 99;
  border: 1px solid #ececec;
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
}
.back-to-top i {
  color: #252525;
}
.back-to-top .active:hover {
  transform: translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}

.back-to-top:not(.active) {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  -webkit-transform: translate3d(0, 20px, 0);
  pointer-events: none;
}

.btn--primary,
.btn--primary:visited {
  background: #4a90e2;
  border-color: #4a90e2;
}
.btn--primary .btn__text,
.btn--primary:visited .btn__text {
  color: #fff;
}
.btn--primary i,
.btn--primary:visited i {
  color: #fff;
}

.btn--primary:hover {
  background: #609de6;
}

.btn--primary:active {
  background: #3483de;
}

.btn--primary-2,
.btn--primary-2:visited {
  background: #465773;
  border-color: #465773;
}

.btn--primary-2 .btn__text,
.btn--primary-2:visited .btn__text {
  color: #fff;
}

.btn--primary-2:hover {
  background: #506383;
}

.btn--primary-2:active {
  background: #3c4b63;
}

.btn--sm {
  padding-top: 0.30952381em;
  padding-bottom: 0.30952381em;
  padding-right: 1.85714286em;
  padding-left: 1.85714286em;
}

.btn .btn--sm + .btn--sm {
  margin-left: 0.92857143em;
}

.type--uppercase {
  text-transform: uppercase;
}

.btn.type--uppercase {
  letter-spacing: 0.5px;
}

.boxed {
  position: relative;
  overflow: hidden;
  padding: 1.85714286em;
  margin-bottom: 30px;
  border-radius: 6px;
}

.boxed.boxed--lg {
  padding: 2.78571429em;
}

.boxed.boxed--border {
  border: 1px solid #ececec;
}

.boxed > div[class*=col-]:first-child:not(.boxed) {
  padding-left: 0;
}

.boxed > div[class*=col-]:last-child:not(.boxed) {
  padding-right: 0;
}

@media all and (max-width: 767px) {
  .boxed {
    padding: 1.23809524em;
    margin-bottom: 15px;
  }
  .boxed div[class*=col-]:not(.boxed) {
    padding: 0;
  }
  .boxed.boxed--lg {
    padding: 1.23809524em;
  }
  .boxed:last-child {
    margin-bottom: 15px;
  }
}
.icon--lg {
  font-size: 5.57142857em;
}

.icon:not(.block) {
  display: inline-block;
}

.feature-3 img {
  margin-bottom: 0.1666666667em;
}

@media all and (min-width: 768px) {
  .mt--3 {
    margin-top: 5.57142857em;
  }
}
@media all and (max-width: 990px) {
  .mt--3 {
    margin-top: 2.78571429em;
  }
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'stack-interface';
    src: url('../font/stack-interface.svg?34857618#stack-interface') format('svg');
  }
}
*/
[class^=stack-]:before, [class*=" stack-"]:before {
  font-family: "stack-interface";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v20/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvo.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v20/u-4n0qyriQwlOrhSvowK_l521wRZWMf8.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdcs.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhv.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0d.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhv.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhv.woff) format("woff");
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nrpPmMW7T3WCII-UZW2GGCw.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nqAAODQ6hKuKTT6yBk7tJss.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nhLwFvNxpkIoVzlXSkPSYkA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nk4GofcKVZz6wtzX_QUIqsI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwIFvxabc8-Ua_u_bDyl2V6ao.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwII_1JgVyIQZ7vlaYT5eo8zo.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwIJpID8tihKRMKfpfDQ5OzSE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwIHM1hBkL4m68a-ReB_y0NYc.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
#recent-activities-section {
  padding: 0px 1.5% 80px 1.5%;
}
#recent-activities-section h2 {
  margin-bottom: 0px;
  padding: 50px 0px 15px 0px;
  font-weight: 700;
  font-size: 33px;
  color: #1A1A1A;
  letter-spacing: 0;
  text-align: center;
}
#recent-activities-section .description {
  color: #1A1A1A;
  font-size: 15px;
  color: #1a1a1a;
  letter-spacing: 0.43px;
  text-align: center;
  line-height: 24px;
  margin-bottom: 0px;
  padding-left: 1.5%;
  padding-right: 1.5%;
  font-weight: 500;
}
#recent-activities-section .tile {
  padding-top: 40px;
}
#recent-activities-section .tile .topic {
  width: 100%;
}
#recent-activities-section .tile .topic h3 {
  font-weight: 600;
  padding-left: 10px;
  font-size: 14px !important;
  line-height: 26px;
  -webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%);
}
#recent-activities-section .blog-topic {
  color: #9d5000;
}
#recent-activities-section .blog-topic h3 {
  background-color: rgba(255, 132, 0, 0.2);
  width: 75px;
}
#recent-activities-section .videos-topic {
  color: #7e3ec3;
}
#recent-activities-section .videos-topic h3 {
  background-color: rgba(165, 83, 255, 0.2);
  width: 85px;
}
#recent-activities-section .topic-heading {
  font-size: 19px;
  color: #0254FF;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 600;
  padding-bottom: 7px;
  padding-top: 15px;
}
#recent-activities-section .topic-heading a {
  color: #0057ff;
}
#recent-activities-section .topic-heading a:hover {
  color: #0450c2;
  text-decoration: underline;
}
#recent-activities-section .topic-heading a:focus {
  color: unset;
}
#recent-activities-section .topic-heading a:active {
  color: unset;
}
#recent-activities-section .published-date {
  font-size: 14px;
  color: #8D97B4;
  font-weight: 500;
}

@media (min-width: 617px) and (max-width: 1199px) {
  #recent-activities-section h2 {
    font-size: 33px !important;
    padding: 50px 10% 15px 10% !important;
  }
  #recent-activities-section .topic h3 {
    font-size: 14px !important;
  }
}
@media (max-width: 617px) {
  #recent-activities-section {
    padding: 0px 8% 80px 8% !important;
  }
  #recent-activities-section h2 {
    font-size: 24px !important;
    padding: 50px 8% 15px 8% !important;
  }
  #recent-activities-section .topic h3 {
    font-size: 14px !important;
  }
  #recent-activities-section .topic-heading {
    font-size: 17px !important;
  }
}
html {
  font-size: 87.5%;
}

@media all and (max-width: 768px) {
  html {
    font-size: 81.25%;
  }
}
body {
  font-size: 1em;
  line-height: 1.42857143;
  -webkit-font-smoothing: antialiased;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  color: #666666;
  font-weight: 400;
}

.imagebg:not(.image--light) h1,
.imagebg:not(.image--light) h2,
.imagebg:not(.image--light) h3,
.imagebg:not(.image--light) h4,
.imagebg:not(.image--light) h5,
.imagebg:not(.image--light) h6,
.imagebg:not(.image--light) p,
.imagebg:not(.image--light) ul,
.imagebg:not(.image--light) blockquote {
  color: #fff;
}

p + a:not(.btn) {
  font-size: 0.85714286em;
  line-height: 2.16666667em;
}

a {
  color: #4a90e2;
}

ul:not([class*=menu]) li > a {
  font-weight: normal;
}

ul:not([class*=menu]) li > a:hover {
  text-decoration: none;
}

span.h1:not(.inline-block),
span.h2:not(.inline-block),
span.h3:not(.inline-block),
span.h4:not(.inline-block),
span.h5:not(.inline-block),
span.h6:not(.inline-block) {
  display: block;
}

[class*=imagebg]:not(.image--light) p {
  opacity: 0.9;
}

.height-100,
.height-90,
.height-80,
.height-70,
.height-60,
.height-50,
.height-40,
.height-30,
.height-20,
.height-10 {
  height: auto;
  padding: 4em 0;
}

@media all and (max-width: 767px) {
  .height-100,
  .height-90,
  .height-80,
  .height-70,
  .height-60,
  .height-50,
  .height-40,
  .height-30,
  .height-20,
  .height-10 {
    height: auto;
    padding: 4em 0;
  }
}
@media all and (min-height: 600px) and (min-width: 767px) {
  .height-10 {
    height: 10vh;
  }
  .height-20 {
    height: 20vh;
  }
  .height-30 {
    height: 30vh;
  }
  .height-40 {
    height: 40vh;
  }
  .height-50 {
    height: 50vh;
  }
  .height-60 {
    height: 60vh;
  }
  .height-70 {
    height: 70vh;
  }
  .height-90 {
    height: 90vh;
  }
  .height-100 {
    height: 100vh;
  }
}
.lead {
  font-weight: 400;
  color: #808080;
}

.lead:not(:last-child) {
  margin-bottom: 1.3684210526em;
}

.lead + .btn:last-child {
  margin-top: 0.92857143em;
}

p.lead img {
  max-height: 1.68421053em;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a {
  margin: 0;
  padding: 0;
}

h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 300;
  font-variant-ligatures: common-ligatures;
  margin-top: 0;
  margin-bottom: 0;
}

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.68421053em;
}

h5,
.h5 {
  font-size: 1em;
  line-height: 1.85714286em;
}

h6,
.h6 {
  font-size: 0.85714286em;
  line-height: 2.16666667em;
}

.lead {
  font-size: 1.35714286em;
  line-height: 1.68421053em;
}

@media all and (max-width: 767px) {
  h1,
.h1 {
    font-size: 2.35714286em;
    line-height: 1.36363636em;
  }
  h2,
.h2 {
    font-size: 1.78571429em;
    line-height: 1.5em;
  }
  h3,
.h3 {
    font-size: 1.35714286em;
    line-height: 1.85714286em;
  }
  .lead {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
  }
}
p,
ul,
ol,
pre,
table,
blockquote {
  margin-bottom: 0.85714286em;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

h1,
.h1 {
  letter-spacing: -0.01em;
}

h1:not(:last-child),
.h1:not(:last-child) {
  margin-bottom: 0.5909090909em;
}

h2,
.h2 {
  margin-bottom: 0.7878787879em;
}

h3,
.h3 {
  margin-bottom: 1.04em;
}

h3 strong,
.h3 strong {
  font-weight: 400;
}

blockquote {
  font-family: "Merriweather", serif;
  font-style: italic;
  font-weight: 300;
}

blockquote:not(:last-child) {
  margin-bottom: 1.04em;
}

blockquote > p {
  font-size: 1em !important;
}

h4,
.h4 {
  margin-bottom: 1.3684210526em;
  font-weight: 400;
}

h4.inline-block + .h4.inline-block:not(.typed-text),
.h4.inline-block + .h4.inline-block:not(.typed-text) {
  margin-left: 0.6842105263em;
}

h5,
.h5 {
  font-weight: 600;
}

h6,
.h6 {
  font-weight: 700;
}

h6:not(:last-child),
.h6:not(:last-child) {
  margin-bottom: 2.1666666667em;
}

h6.type--uppercase,
.h6.type--uppercase {
  letter-spacing: 1px;
  margin-right: -1px;
}

img {
  max-width: 100%;
  margin-bottom: 1.85714286em;
}

img:last-child {
  margin-bottom: 0;
}

section {
  padding-top: 6em;
  padding-bottom: 5em;
}

section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs) + section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.border--bottom):not(.space--xxs) {
  padding-top: 0;
}

section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + footer:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom) {
  padding-top: 0;
}

section.border--bottom:not([data-gradient-bg]) {
  border-bottom: 1px solid #ececec;
}

section.unpad {
  overflow: hidden;
}

section.text-center div[class*=col-]:first-child:last-child {
  margin: 0 auto;
  float: none;
}

@media all and (max-width: 767px) {
  section {
    padding: 3.57142857em 0;
  }
}
.back-to-top {
  position: fixed;
  width: 3.71428571em;
  height: 3.71428571em;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  right: 1.85714286em;
  bottom: 3.71428571em;
  padding-top: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  z-index: 99;
  border: 1px solid #ececec;
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
}
.back-to-top i {
  color: #252525;
}
.back-to-top .active:hover {
  transform: translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}

.back-to-top:not(.active) {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  -webkit-transform: translate3d(0, 20px, 0);
  pointer-events: none;
}

.btn--primary,
.btn--primary:visited {
  background: #4a90e2;
  border-color: #4a90e2;
}
.btn--primary .btn__text,
.btn--primary:visited .btn__text {
  color: #fff;
}
.btn--primary i,
.btn--primary:visited i {
  color: #fff;
}

.btn--primary:hover {
  background: #609de6;
}

.btn--primary:active {
  background: #3483de;
}

.btn--primary-2,
.btn--primary-2:visited {
  background: #465773;
  border-color: #465773;
}

.btn--primary-2 .btn__text,
.btn--primary-2:visited .btn__text {
  color: #fff;
}

.btn--primary-2:hover {
  background: #506383;
}

.btn--primary-2:active {
  background: #3c4b63;
}

.btn--sm {
  padding-top: 0.30952381em;
  padding-bottom: 0.30952381em;
  padding-right: 1.85714286em;
  padding-left: 1.85714286em;
}

.btn .btn--sm + .btn--sm {
  margin-left: 0.92857143em;
}

.type--uppercase {
  text-transform: uppercase;
}

.btn.type--uppercase {
  letter-spacing: 0.5px;
}

.boxed {
  position: relative;
  overflow: hidden;
  padding: 1.85714286em;
  margin-bottom: 30px;
  border-radius: 6px;
}

.boxed.boxed--lg {
  padding: 2.78571429em;
}

.boxed.boxed--border {
  border: 1px solid #ececec;
}

.boxed > div[class*=col-]:first-child:not(.boxed) {
  padding-left: 0;
}

.boxed > div[class*=col-]:last-child:not(.boxed) {
  padding-right: 0;
}

@media all and (max-width: 767px) {
  .boxed {
    padding: 1.23809524em;
    margin-bottom: 15px;
  }
  .boxed div[class*=col-]:not(.boxed) {
    padding: 0;
  }
  .boxed.boxed--lg {
    padding: 1.23809524em;
  }
  .boxed:last-child {
    margin-bottom: 15px;
  }
}
.icon--lg {
  font-size: 5.57142857em;
}

.icon:not(.block) {
  display: inline-block;
}

.feature-3 img {
  margin-bottom: 0.1666666667em;
}

@media all and (min-width: 768px) {
  .mt--3 {
    margin-top: 5.57142857em;
  }
}
@media all and (max-width: 990px) {
  .mt--3 {
    margin-top: 2.78571429em;
  }
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'stack-interface';
    src: url('../font/stack-interface.svg?34857618#stack-interface') format('svg');
  }
}
*/
[class^=stack-]:before, [class*=" stack-"]:before {
  font-family: "stack-interface";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v20/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvo.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v20/u-4n0qyriQwlOrhSvowK_l521wRZWMf8.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdcs.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhv.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0d.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhv.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhv.woff) format("woff");
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nrpPmMW7T3WCII-UZW2GGCw.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nqAAODQ6hKuKTT6yBk7tJss.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nhLwFvNxpkIoVzlXSkPSYkA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nk4GofcKVZz6wtzX_QUIqsI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwIFvxabc8-Ua_u_bDyl2V6ao.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwII_1JgVyIQZ7vlaYT5eo8zo.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwIJpID8tihKRMKfpfDQ5OzSE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwIHM1hBkL4m68a-ReB_y0NYc.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}
.tabs {
  display: inline-block;
  border: 1px solid #ECECEC;
  border-radius: 6px;
  margin-bottom: 1.85714286em;
}
.tabs li:not(.active) {
  opacity: 0.5;
}
.tabs li:not(:last-child) {
  border-right: 1px solid #ECECEC;
}
.tabs li {
  -webkit-transition: 0.3s ease;
  padding: 0.92857143em 1.85714286em;
  display: inline-block;
}
.tabs .tab__title {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
}
.tabs li.active .tab__title {
  color: #4a90e2;
}
.tabs li:hover {
  opacity: 1;
  cursor: pointer;
}
.tabs li:first-child .tab__title:not(.btn) {
  padding-left: 0;
}
.tabs .tab__title:not(.btn) {
  padding-right: 0px;
}

.tabs > li {
  display: inline-block;
  opacity: 0.5;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tabs-container[data-content-align=left] .tabs-content {
  text-align: left;
  position: relative;
  margin-top: 1em;
}

.tabs-content > li:not(.active) .tab__content {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 0;
  pointer-events: none;
  animation: fadeOutRight 0.5s ease forwards;
  -webkit-animation: fadeOutRight 0.5s ease forwards;
}

.tabs-content > li.active {
  animation: fadeInLeft 0.5s ease forwards;
  -webkit-animation: fadeInLeft 0.5s ease forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.tabs-content {
  position: relative;
}

/*! -- Stack Animations -- */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-font-smoothing: antialiased;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-font-smoothing: antialiased;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
    -webkit-transform: translate3d(0, -100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-font-smoothing: antialiased;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
    -webkit-transform: translate3d(0, -100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-font-smoothing: antialiased;
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -50px, 0);
    -webkit-font-smoothing: antialiased;
  }
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -50px, 0);
    -webkit-font-smoothing: antialiased;
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
    -webkit-transform: translate3d(50px, 0, 0);
    -webkit-font-smoothing: antialiased;
  }
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
    -webkit-transform: translate3d(50px, 0, 0);
    -webkit-font-smoothing: antialiased;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-font-smoothing: antialiased;
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-font-smoothing: antialiased;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(2);
    -webkit-transform: scale(2);
  }
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(2);
    -webkit-transform: scale(2);
  }
}
@keyframes kenBurns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes kenBurns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.carousel-caption {
  display: none !important;
}

.ft-demo-link-wrapper {
  display: none;
}

#control-content .row ul {
  margin-left: 20px;
}

#overlay-stripe-content {
  background-color: #FFE6A1;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  position: absolute;
  padding: 20px;
  z-index: 1;
  width: 100%;
  display: none;
}
@media (max-width: 767px) {
  #overlay-stripe-content {
    padding: 20px 15px;
  }
}
#overlay-stripe-content .description {
  color: #1A1A1A;
  letter-spacing: 0.32px;
  display: inline;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
  font-weight: 600;
}
@media (max-width: 1200px) {
  #overlay-stripe-content .description {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  #overlay-stripe-content .description {
    display: block;
    margin-bottom: 12px;
  }
}
#overlay-stripe-content p.btn {
  display: inline;
  margin-left: 2%;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 6px 0;
}
#overlay-stripe-content p.btn a {
  line-height: 20px;
  color: #1A1A1A;
  font-weight: bold;
  padding: 6px 18px;
  letter-spacing: 0.3px;
  font-size: 13px;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  #overlay-stripe-content p.btn a {
    font-size: 12px;
  }
}
#overlay-stripe-content p.btn:hover {
  opacity: 0.85;
}
@media (max-width: 991px) {
  #overlay-stripe-content p.btn {
    margin-left: 0;
  }
}
#overlay-stripe-content svg {
  float: right;
  cursor: pointer;
  margin-top: 2px;
  color: #1A1A1A;
}
#overlay-stripe-content svg:hover {
  opacity: 0.85;
}
#overlay-stripe-content svg path {
  fill: #1A1A1A;
}
@media (max-width: 991px) {
  #overlay-stripe-content svg {
    margin-top: -5px;
    width: 16px;
    height: 15px;
  }
}

#control-content .list-unstyled {
  margin-left: 0px !important;
}
#control-content .list-unstyled li {
  padding-left: 0px !important;
  line-height: 15px !important;
}
#control-content .list-unstyled li a {
  color: #0057FF !important;
}
#control-content .list-unstyled li a:hover {
  color: #0450C2 !important;
}
#control-content .list-unstyled li a:after {
  content: " →";
}
#control-content .ft-one-column #code-snippet-1, #control-content .ft-one-column #code-snippet-2, #control-content .ft-one-column #code-snippet-3, #control-content .ft-one-column #code-snippet-4 {
  border: none;
  width: auto;
}
@media (max-width: 1279px) {
  #control-content .ft-one-column #code-snippet-1, #control-content .ft-one-column #code-snippet-2, #control-content .ft-one-column #code-snippet-3, #control-content .ft-one-column #code-snippet-4 {
    width: 100%;
  }
}
#control-content .ft-one-column #code-snippet-1 .nav-tabs, #control-content .ft-one-column #code-snippet-2 .nav-tabs, #control-content .ft-one-column #code-snippet-3 .nav-tabs, #control-content .ft-one-column #code-snippet-4 .nav-tabs {
  border: none !important;
}
#control-content .ft-one-column #code-snippet-1 ul, #control-content .ft-one-column #code-snippet-2 ul, #control-content .ft-one-column #code-snippet-3 ul, #control-content .ft-one-column #code-snippet-4 ul {
  margin-left: 0px;
  text-transform: uppercase;
}
#control-content .ft-one-column #code-snippet-1 ul .active a, #control-content .ft-one-column #code-snippet-2 ul .active a, #control-content .ft-one-column #code-snippet-3 ul .active a, #control-content .ft-one-column #code-snippet-4 ul .active a {
  color: #0073DC;
  font-weight: bold;
  border: none;
  border-bottom: 2px solid #0073DC !important;
}
#control-content .ft-one-column #code-snippet-1 ul li, #control-content .ft-one-column #code-snippet-2 ul li, #control-content .ft-one-column #code-snippet-3 ul li, #control-content .ft-one-column #code-snippet-4 ul li {
  border: none !important;
  padding: 0 0.857143em;
  padding-left: 0;
  margin-bottom: -1px !important;
}
#control-content .ft-one-column #code-snippet-1 ul li a, #control-content .ft-one-column #code-snippet-2 ul li a, #control-content .ft-one-column #code-snippet-3 ul li a, #control-content .ft-one-column #code-snippet-4 ul li a {
  color: #1A1A1A;
  font-weight: normal;
  border: none;
  padding: 0;
  margin-right: 22px;
}
#control-content .ft-one-column #code-snippet-1 ul li a:hover, #control-content .ft-one-column #code-snippet-2 ul li a:hover, #control-content .ft-one-column #code-snippet-3 ul li a:hover, #control-content .ft-one-column #code-snippet-4 ul li a:hover {
  color: #0073DC;
  background-color: #FFFFFF;
  border: none;
}
#control-content .ft-one-column #code-snippet-1 ul li:nth-child(2), #control-content .ft-one-column #code-snippet-1 ul li:nth-child(3), #control-content .ft-one-column #code-snippet-1 ul li:nth-child(4), #control-content .ft-one-column #code-snippet-2 ul li:nth-child(2), #control-content .ft-one-column #code-snippet-2 ul li:nth-child(3), #control-content .ft-one-column #code-snippet-2 ul li:nth-child(4), #control-content .ft-one-column #code-snippet-3 ul li:nth-child(2), #control-content .ft-one-column #code-snippet-3 ul li:nth-child(3), #control-content .ft-one-column #code-snippet-3 ul li:nth-child(4), #control-content .ft-one-column #code-snippet-4 ul li:nth-child(2), #control-content .ft-one-column #code-snippet-4 ul li:nth-child(3), #control-content .ft-one-column #code-snippet-4 ul li:nth-child(4) {
  padding: 0 0.857143em;
}
#control-content .ft-one-column #code-snippet-1 ul li:nth-child(2) a, #control-content .ft-one-column #code-snippet-1 ul li:nth-child(3) a, #control-content .ft-one-column #code-snippet-1 ul li:nth-child(4) a, #control-content .ft-one-column #code-snippet-2 ul li:nth-child(2) a, #control-content .ft-one-column #code-snippet-2 ul li:nth-child(3) a, #control-content .ft-one-column #code-snippet-2 ul li:nth-child(4) a, #control-content .ft-one-column #code-snippet-3 ul li:nth-child(2) a, #control-content .ft-one-column #code-snippet-3 ul li:nth-child(3) a, #control-content .ft-one-column #code-snippet-3 ul li:nth-child(4) a, #control-content .ft-one-column #code-snippet-4 ul li:nth-child(2) a, #control-content .ft-one-column #code-snippet-4 ul li:nth-child(3) a, #control-content .ft-one-column #code-snippet-4 ul li:nth-child(4) a {
  margin-left: -32px;
}
#control-content .ft-one-column li[role=presentation] {
  list-style: none;
  text-transform: uppercase;
  border: none;
  font-size: 16px;
  padding: 0;
  margin-bottom: -4px;
  display: table;
  font-weight: bold;
}
#control-content .ft-one-column li[role=presentation] a {
  color: #0073DC !important;
  cursor: default;
}
#control-content .ft-one-column li[role=presentation] a:hover {
  color: #0073DC !important;
}
#control-content .ft-one-column .tab-pane .highlight {
  border: 1px solid #CCCCCC;
  margin-top: 20px;
  background-color: #002451;
  width: auto;
}
@media (max-width: 1279px) {
  #control-content .ft-one-column .tab-pane .highlight {
    width: 100%;
  }
}
#control-content .ft-one-column .tab-pane .highlight .prettyprint {
  border: none;
  padding-left: 30px;
  padding-right: 15px;
  padding-top: 42px;
  padding-bottom: 40px;
  background-color: #002451;
  margin-bottom: 0px;
  -moz-tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
          hyphens: none;
  position: relative;
}
@media (max-width: 1024px) {
  #control-content .ft-one-column .tab-pane .highlight .prettyprint {
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
  }
}
#control-content .ft-one-column .tab-pane .highlight .prettyprint .copy-button {
  font-family: "Open Sans";
  cursor: pointer;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 15px;
  color: #FFFFFF;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
}
#control-content .ft-one-column .tab-pane .highlight .prettyprint .copy-button:focus {
  outline: none;
}
#control-content .ft-one-column .tab-pane .highlight .prettyprint .copy-button span {
  color: #FFFFFF !important;
}
#control-content .ft-one-column .tab-pane .highlight .prettyprint .copy-button .icon-copy-to-clipboard {
  margin-right: 5px;
  float: left;
  margin-top: 3px;
}
@-moz-document url-prefix() {
  #control-content .ft-one-column .tab-pane .highlight .prettyprint .copy-button .icon-copy-to-clipboard {
    margin-right: 5px;
    float: left;
    margin-top: 3px;
  }
}
#control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums {
  word-wrap: normal !important;
  max-height: 292px;
  scrollbar-color: #405268 transparent;
  scrollbar-width: thin;
}
@media (max-width: 1024px) {
  #control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums {
    overflow: auto;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums {
    overflow: auto;
  }
}
@media (min-width: 1024px) {
  #control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums {
    white-space: pre-wrap;
    overflow: hidden;
  }
  #control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums:hover {
    overflow-y: auto;
    overflow-x: hidden;
  }
}
#control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums li .copy-button {
  font-family: "Open Sans";
  cursor: pointer;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 15px;
  color: #FFFFFF;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
}
#control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums li .copy-button:focus {
  outline: none;
}
#control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums li .copy-button span {
  color: #FFFFFF !important;
}

@media (min-width: 1820px) {
  #featuretour-markdown .container, .static-navbar .container {
    width: 1170px !important;
  }
}
@media (max-width: 400px) {
  .flutter-banner-icons {
    text-align: center;
  }
}
.flutter-banner-icons .support-content {
  margin-top: 30px;
  font-size: 13px;
  color: #000;
  letter-spacing: 1px;
  margin-bottom: 6px;
  line-height: 19px;
  font-weight: 600;
  font-family: "open sans" !important;
}
.flutter-banner-icons .apple-store-icon {
  margin: 0px 5px 5px -6px;
  width: 70px;
}
.flutter-banner-icons .android-store-icon {
  margin: 0px 5px 5px 0px;
  width: 70px;
}
.flutter-banner-icons .web-beta-icon {
  margin: 0px 5px 5px 0px;
  width: 70px;
}

.support-link {
  padding: 20px 20px;
}

#strip-segment.aspnetmvc-js2-banner, #strip-segment.aspnetcore-js2-banner, #strip-segment.javascript-UI-banner, #strip-segment.angular-js2-banner, #strip-segment.react-js2-banner {
  height: 70px;
}
#strip-segment.aspnetmvc-js2-banner .strip-opacity, #strip-segment.aspnetcore-js2-banner .strip-opacity, #strip-segment.javascript-UI-banner .strip-opacity, #strip-segment.angular-js2-banner .strip-opacity, #strip-segment.react-js2-banner .strip-opacity {
  background-color: rgba(0, 0, 0, 0.2);
  height: 70px;
}
#strip-segment.aspnetmvc-js2-banner #framework-strip, #strip-segment.aspnetcore-js2-banner #framework-strip, #strip-segment.javascript-UI-banner #framework-strip, #strip-segment.angular-js2-banner #framework-strip, #strip-segment.react-js2-banner #framework-strip {
  text-align: center;
}
#strip-segment.aspnetmvc-js2-banner #framework-content, #strip-segment.aspnetcore-js2-banner #framework-content, #strip-segment.javascript-UI-banner #framework-content, #strip-segment.angular-js2-banner #framework-content, #strip-segment.react-js2-banner #framework-content {
  display: inline-block;
  vertical-align: top;
  margin-right: 7px;
}
#strip-segment.aspnetmvc-js2-banner #framework-platforms, #strip-segment.aspnetcore-js2-banner #framework-platforms, #strip-segment.javascript-UI-banner #framework-platforms, #strip-segment.angular-js2-banner #framework-platforms, #strip-segment.react-js2-banner #framework-platforms {
  display: inline-block;
}
#strip-segment.aspnetmvc-js2-banner .content, #strip-segment.aspnetcore-js2-banner .content, #strip-segment.javascript-UI-banner .content, #strip-segment.angular-js2-banner .content, #strip-segment.react-js2-banner .content {
  text-align: right;
}
#strip-segment.aspnetmvc-js2-banner .content .support-content, #strip-segment.aspnetcore-js2-banner .content .support-content, #strip-segment.javascript-UI-banner .content .support-content, #strip-segment.angular-js2-banner .content .support-content, #strip-segment.react-js2-banner .content .support-content {
  font-size: 16px;
  font-weight: 600;
  width: 138px;
  display: inline-block;
  margin-top: 13px;
  line-height: 19px;
  padding-right: 21px;
  border-right: 1px solid #FFFFFF;
  color: #FFFFFF;
}
#strip-segment.aspnetmvc-js2-banner .framework .framework-items, #strip-segment.aspnetcore-js2-banner .framework .framework-items, #strip-segment.javascript-UI-banner .framework .framework-items, #strip-segment.angular-js2-banner .framework .framework-items, #strip-segment.react-js2-banner .framework .framework-items {
  display: inline-block;
  text-align: center;
  margin-right: 0px;
}
#strip-segment.aspnetmvc-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items #framework-hover, #strip-segment.angular-js2-banner .framework .framework-items #framework-hover, #strip-segment.react-js2-banner .framework .framework-items #framework-hover {
  width: 75px;
  padding-top: 5px;
}
#strip-segment.aspnetmvc-js2-banner .framework .framework-items:hover #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items:hover #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items:hover #framework-hover, #strip-segment.angular-js2-banner .framework .framework-items:hover #framework-hover, #strip-segment.react-js2-banner .framework .framework-items:hover #framework-hover {
  background: rgba(0, 0, 0, 0.2);
}
#strip-segment.aspnetmvc-js2-banner .framework img, #strip-segment.aspnetcore-js2-banner .framework img, #strip-segment.javascript-UI-banner .framework img, #strip-segment.angular-js2-banner .framework img, #strip-segment.react-js2-banner .framework img {
  margin-bottom: -4px;
}
#strip-segment.aspnetmvc-js2-banner .framework .framework-name, #strip-segment.aspnetcore-js2-banner .framework .framework-name, #strip-segment.javascript-UI-banner .framework .framework-name, #strip-segment.angular-js2-banner .framework .framework-name, #strip-segment.react-js2-banner .framework .framework-name {
  color: #FFFFFF;
}

@media (max-width: 460px) and (min-width: 390px) {
  #strip-segment.aspnetmvc-js2-banner, #strip-segment.aspnetcore-js2-banner, #strip-segment.javascript-UI-banner, #strip-segment.angular-js2-banner, #strip-segment.react-js2-banner {
    height: 55px;
  }
  #strip-segment.aspnetmvc-js2-banner .strip-opacity, #strip-segment.aspnetcore-js2-banner .strip-opacity, #strip-segment.javascript-UI-banner .strip-opacity, #strip-segment.angular-js2-banner .strip-opacity, #strip-segment.react-js2-banner .strip-opacity {
    height: 55px;
  }
  #strip-segment.aspnetmvc-js2-banner .content, #strip-segment.aspnetcore-js2-banner .content, #strip-segment.javascript-UI-banner .content, #strip-segment.angular-js2-banner .content, #strip-segment.react-js2-banner .content {
    padding-left: 0px;
  }
  #strip-segment.aspnetmvc-js2-banner .content .support-content, #strip-segment.aspnetcore-js2-banner .content .support-content, #strip-segment.javascript-UI-banner .content .support-content, #strip-segment.angular-js2-banner .content .support-content, #strip-segment.react-js2-banner .content .support-content {
    font-size: 12px;
    width: 105px;
    line-height: 16px;
    padding-right: 15px;
  }
  #strip-segment.aspnetmvc-js2-banner .framework, #strip-segment.aspnetcore-js2-banner .framework, #strip-segment.javascript-UI-banner .framework, #strip-segment.angular-js2-banner .framework, #strip-segment.react-js2-banner .framework {
    padding-right: 0px;
    padding-left: 0px;
  }
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items, #strip-segment.aspnetcore-js2-banner .framework .framework-items, #strip-segment.javascript-UI-banner .framework .framework-items, #strip-segment.angular-js2-banner .framework .framework-items, #strip-segment.react-js2-banner .framework .framework-items {
    margin-right: 0px;
  }
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items #framework-hover, #strip-segment.angular-js2-banner .framework .framework-items #framework-hover, #strip-segment.react-js2-banner .framework .framework-items #framework-hover {
    width: 45px;
    height: 55px;
    top: 1px !important;
    padding-top: 8px;
  }
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items h6, #strip-segment.aspnetcore-js2-banner .framework .framework-items h6, #strip-segment.javascript-UI-banner .framework .framework-items h6, #strip-segment.angular-js2-banner .framework .framework-items h6, #strip-segment.react-js2-banner .framework .framework-items h6 {
    font-size: 8px !important;
  }
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items img, #strip-segment.aspnetcore-js2-banner .framework .framework-items img, #strip-segment.javascript-UI-banner .framework .framework-items img, #strip-segment.angular-js2-banner .framework .framework-items img, #strip-segment.react-js2-banner .framework .framework-items img {
    max-width: 52%;
  }
}
@media (max-width: 389px) {
  #strip-segment.aspnetmvc-js2-banner, #strip-segment.aspnetcore-js2-banner, #strip-segment.javascript-UI-banner, #strip-segment.angular-js2-banner, #strip-segment.react-js2-banner {
    height: 55px;
  }
  #strip-segment.aspnetmvc-js2-banner .strip-opacity, #strip-segment.aspnetcore-js2-banner .strip-opacity, #strip-segment.javascript-UI-banner .strip-opacity, #strip-segment.angular-js2-banner .strip-opacity, #strip-segment.react-js2-banner .strip-opacity {
    height: 55px;
  }
  #strip-segment.aspnetmvc-js2-banner #framework-content, #strip-segment.aspnetcore-js2-banner #framework-content, #strip-segment.javascript-UI-banner #framework-content, #strip-segment.angular-js2-banner #framework-content, #strip-segment.react-js2-banner #framework-content {
    margin-right: 5px;
  }
  #strip-segment.aspnetmvc-js2-banner .content, #strip-segment.aspnetcore-js2-banner .content, #strip-segment.javascript-UI-banner .content, #strip-segment.angular-js2-banner .content, #strip-segment.react-js2-banner .content {
    padding-left: 0px;
  }
  #strip-segment.aspnetmvc-js2-banner .content .support-content, #strip-segment.aspnetcore-js2-banner .content .support-content, #strip-segment.javascript-UI-banner .content .support-content, #strip-segment.angular-js2-banner .content .support-content, #strip-segment.react-js2-banner .content .support-content {
    font-size: 10px;
    width: 85px;
    line-height: 14px;
    padding-right: 10px;
  }
  #strip-segment.aspnetmvc-js2-banner .framework, #strip-segment.aspnetcore-js2-banner .framework, #strip-segment.javascript-UI-banner .framework, #strip-segment.angular-js2-banner .framework, #strip-segment.react-js2-banner .framework {
    padding-right: 0px;
    padding-left: 0px;
  }
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items, #strip-segment.aspnetcore-js2-banner .framework .framework-items, #strip-segment.javascript-UI-banner .framework .framework-items, #strip-segment.angular-js2-banner .framework .framework-items, #strip-segment.react-js2-banner .framework .framework-items {
    margin-right: 0px;
  }
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items #framework-hover, #strip-segment.angular-js2-banner .framework .framework-items #framework-hover, #strip-segment.react-js2-banner .framework .framework-items #framework-hover {
    width: 45px;
    height: 55px;
    padding-top: 8px;
    top: 1px !important;
  }
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items h6, #strip-segment.aspnetcore-js2-banner .framework .framework-items h6, #strip-segment.javascript-UI-banner .framework .framework-items h6, #strip-segment.angular-js2-banner .framework .framework-items h6, #strip-segment.react-js2-banner .framework .framework-items h6 {
    font-size: 8px !important;
  }
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items img, #strip-segment.aspnetcore-js2-banner .framework .framework-items img, #strip-segment.javascript-UI-banner .framework .framework-items img, #strip-segment.angular-js2-banner .framework .framework-items img, #strip-segment.react-js2-banner .framework .framework-items img {
    width: 52%;
  }
}
@media (max-width: 767px) and (min-width: 461px) {
  #strip-segment.aspnetmvc-js2-banner .content, #strip-segment.aspnetcore-js2-banner .content, #strip-segment.javascript-UI-banner .content, #strip-segment.angular-js2-banner .content, #strip-segment.react-js2-banner .content {
    padding-left: 0px;
  }
  #strip-segment.aspnetmvc-js2-banner .content .support-content, #strip-segment.aspnetcore-js2-banner .content .support-content, #strip-segment.javascript-UI-banner .content .support-content, #strip-segment.angular-js2-banner .content .support-content, #strip-segment.react-js2-banner .content .support-content {
    font-size: 14px;
    width: 138px;
    line-height: 20px;
  }
  #strip-segment.aspnetmvc-js2-banner .framework, #strip-segment.aspnetcore-js2-banner .framework, #strip-segment.javascript-UI-banner .framework, #strip-segment.angular-js2-banner .framework, #strip-segment.react-js2-banner .framework {
    padding-right: 0px;
    padding-left: 0px;
  }
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items, #strip-segment.aspnetcore-js2-banner .framework .framework-items, #strip-segment.javascript-UI-banner .framework .framework-items, #strip-segment.angular-js2-banner .framework .framework-items, #strip-segment.react-js2-banner .framework .framework-items {
    margin-right: 0px;
  }
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items #framework-hover, #strip-segment.angular-js2-banner .framework .framework-items #framework-hover, #strip-segment.react-js2-banner .framework .framework-items #framework-hover {
    width: 60px;
    height: 70px;
    top: 1px !important;
  }
}
@media (max-width: 1279px) {
  #strip-segment.aspnetmvc-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items #framework-hover, #strip-segment.angular-js2-banner .framework .framework-items #framework-hover, #strip-segment.react-js2-banner .framework .framework-items #framework-hover {
    top: 2px;
    position: relative;
  }
}
#supported-frameworks-strip-segment.supported-frameworks.standard-banner-section {
  display: inline-block;
  float: none !important;
  margin-top: 1em;
}

@media (max-width: 1920px) {
  #control-banner-content.has-supported-frameworks, #whitebackground.has-supported-frameworks {
    height: 270px;
    background-size: 100% 100%;
  }
  #control-banner-content.has-supported-frameworks .banner-sub-heading, #whitebackground.has-supported-frameworks .banner-sub-heading {
    margin-bottom: 15px;
    margin-top: 35px;
  }
}
@media (max-width: 2560px) {
  #control-banner-content.has-supported-frameworks .banner-sub-heading, #whitebackground.has-supported-frameworks .banner-sub-heading {
    margin-top: 35px;
    margin-bottom: 15px;
  }
}
@media (min-width: 2561px) {
  #control-banner-content.has-supported-frameworks .banner-sub-heading, #whitebackground.has-supported-frameworks .banner-sub-heading {
    margin-top: 90px !important;
    margin-bottom: 30px;
  }
}
@media (max-width: 420px) {
  #control-banner-content.has-supported-frameworks, #whitebackground.has-supported-frameworks {
    height: auto;
    background-size: 100% 100%;
  }
}
@media (max-width: 480px) {
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform {
    margin-left: 0;
  }
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework img {
    height: 26px !important;
  }
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-hover {
    padding: 4px 5px 4px 2px !important;
  }
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework framework-items:last-child:hover .framework-hover {
    border-radius: 0 5px 5px 0 !important;
  }
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-items:first-child .framework-hover {
    padding: 4px 5px 4px 10px !important;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform #framework-content {
    max-width: 75px !important;
    font-size: 8px !important;
    height: 34px !important;
    padding: 6px 8px !important;
  }
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework img {
    height: 32px !important;
  }
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-hover {
    padding: 0 3px 2px 3px !important;
  }
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-items:last-child:hover .framework-hover {
    border-radius: 0 5px 5px 0 !important;
  }
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-items:first-child .framework-hover {
    padding: 0 3px 2px 5px !important;
  }
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-name {
    font-size: 9px !important;
  }
}
@media (min-width: 1258px) {
  #supported-frameworks-strip-segment.supported-frameWorks-four-platform {
    float: left;
    margin-top: -5px;
    margin-bottom: 30px;
  }
  #supported-frameworks-strip-segment.supported-frameworks-three-platform {
    margin-bottom: 30px;
  }
}
#supported-frameworks-strip-segment.supported-frameworks.essential-js2 {
  margin-right: 20px;
  padding-bottom: 30px;
}

@media (max-width: 1260px) {
  #supported-frameworks-strip-segment.supported-frameworks.essential-js2 {
    padding-bottom: 0px !important;
  }
}
#supported-frameworks-strip-segment.supported-frameworks #mobile-strip-section {
  display: none;
}
#supported-frameworks-strip-segment.supported-frameworks .strip-opacity {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
#supported-frameworks-strip-segment.supported-frameworks #framework-strip {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
#supported-frameworks-strip-segment.supported-frameworks #framework-content {
  font-size: 10px;
  letter-spacing: 0.61px;
  text-align: left;
  max-width: 90px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  padding: 4px 8px;
  height: 36px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px 0 0 5px;
}
#supported-frameworks-strip-segment.supported-frameworks #framework-platforms {
  float: right;
}
#supported-frameworks-strip-segment.supported-frameworks .content {
  text-align: right;
}
#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items {
  display: inline-block;
  text-align: center;
  margin-right: 0px;
  height: 36px;
  float: left;
}
#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items .framework-hover {
  padding: 0 3px;
}
#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:hover .framework-hover {
  background: rgba(0, 0, 0, 0.2);
}
#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:last-child .framework-hover {
  padding: 0 8px 0 3px;
}
#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:last-child:hover .framework-hover {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 5px 5px 0;
}
#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:first-child .framework-hover {
  padding: 0 5px 0 5px;
}
#supported-frameworks-strip-segment.supported-frameworks .framework img {
  margin: 0px;
  display: inline-block;
  height: 36px;
  width: 26px;
}
#supported-frameworks-strip-segment.supported-frameworks .framework .framework-name {
  color: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
}
@media (max-width: 1279px) and (min-width: 768px) {
  #supported-frameworks-strip-segment.supported-frameworks .framework .framework-name {
    font-size: 11px !important;
  }
}
@media (max-width: 767px) {
  #supported-frameworks-strip-segment.supported-frameworks .framework .framework-name {
    font-size: 10px !important;
  }
}

#supported-frameworks-strip-segment.supported-frameworks.vue #framework-content {
  max-width: 89px;
}

#supported-frameworks-strip-segment.supported-frameworks.standard-banner-section.essential-js2 {
  margin-top: 0;
}

@media (min-width: 2561px) {
  #supported-frameworks-strip-segment.supported-frameworks #mobile-strip-section {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
  }
  #supported-frameworks-strip-segment.supported-frameworks {
    clear: both;
    float: none;
  }
  #supported-frameworks-strip-segment.supported-frameworks .strip-opacity {
    float: left;
    background: transparent;
  }
  #supported-frameworks-strip-segment.supported-frameworks #framework-content {
    display: none;
  }
  #supported-frameworks-strip-segment.supported-frameworks .framework .framework-name {
    font-size: 12px;
    display: block;
  }
  #supported-frameworks-strip-segment.supported-frameworks .framework .framework-items .framework-hover {
    padding: 5px 5px 2px 5px !important;
    min-width: 75px;
  }
  #supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:first-child .framework-hover {
    padding: 0 10px 0 15px;
  }
  #supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:last-child .framework-hover {
    padding: 0 15px 0 10px;
  }
}
#control-static-menu {
  height: auto;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px #E5E5E5;
  color: #FFFFFF;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: -1px;
  z-index: 2;
  margin-bottom: 3em;
}
#control-static-menu .control-heading-section .bread-crumb {
  text-align: left;
  position: relative;
  padding-top: 17px;
  font-size: 16px;
  margin-bottom: 0.85714286em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
#control-static-menu .control-heading-section .bread-crumb .platform, #control-static-menu .control-heading-section .bread-crumb .feature-control-name {
  color: #0057FF;
  font-weight: 700;
}
#control-static-menu .control-heading-section .bread-crumb .platform:hover, #control-static-menu .control-heading-section .bread-crumb .feature-control-name:hover {
  color: #0450c2;
}
#control-static-menu .control-heading-section .bread-crumb #static-control-name, #control-static-menu .control-heading-section .bread-crumb #feature-content-name {
  color: black;
}
#control-static-menu .control-heading-section .bread-crumb .seaprator {
  border-right: 1px solid black;
  padding-left: 8px;
  margin-right: 12px;
}
#control-static-menu #navigation-link, #control-static-menu #mobile-navigation-link {
  text-align: center;
}
#control-static-menu #navigation-link span, #control-static-menu #mobile-navigation-link span {
  color: #0057FF;
  font-weight: 700;
  cursor: pointer;
  vertical-align: middle;
}
#control-static-menu #navigation-link span:hover, #control-static-menu #mobile-navigation-link span:hover {
  color: #0450C2;
}
#control-static-menu #navigation-link .syncfusionlayout-down-arow, #control-static-menu #mobile-navigation-link .syncfusionlayout-down-arow {
  font-size: 16px;
  font-weight: 400;
}
#control-static-menu #navigation-link {
  padding-top: 17px;
}
#control-static-menu #mobile-navigation-link {
  padding-bottom: 10px;
}
#control-static-menu .right-panel ul {
  float: right;
  padding-top: 15px;
  margin-bottom: 0px !important;
}
#control-static-menu .right-panel ul li {
  display: inline-block;
  margin-bottom: 10px;
}
#control-static-menu .right-panel ul li a {
  padding: 8px 16px;
  font-weight: 600;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  border: 1px solid #0057FF;
  background-color: transparent;
  color: #0057FF;
  font-size: 12px;
  border-radius: 4px;
  margin-left: 16px;
}
#control-static-menu .right-panel ul li a .btn__text {
  font-weight: 600;
}
#control-static-menu .right-panel ul li a:hover {
  background-color: #E0ECFF;
}
#control-static-menu .right-panel ul li #try-now-button, #control-static-menu .right-panel ul li #try-now-button-static {
  color: #FFFFFF;
  background: #0057FF;
  border-color: #0057FF;
}
#control-static-menu .right-panel ul li #try-now-button:hover, #control-static-menu .right-panel ul li #try-now-button-static:hover {
  opacity: 0.8;
  color: #FFFFFF;
}
@media (max-width: 1023px) {
  #control-static-menu .right-panel ul li:has(#menu-item) {
    display: block;
    margin-bottom: 0;
  }
}

.popular-banner {
  height: auto;
  background-size: 1920px 450px;
  min-height: 450px;
}
.popular-banner #download-now-button, .popular-banner #view-demos-now-button {
  margin-bottom: 25px;
}

.standard-banner {
  height: 250px;
  color: white !important;
  text-align: center;
  background-size: 1920px 250px;
}

.banner-gradient {
  background-size: 1920px auto;
}

.desc-list-template .banner-heading {
  margin-top: 45px;
  line-height: 40px;
  font-size: 30px;
}
.desc-list-template .banner-descrip {
  margin-bottom: 15px;
}
.desc-list-template ul {
  margin-bottom: 25px;
  line-height: 24px;
  font-size: 14px;
}

.desc-template .banner-heading, .list-template .banner-heading {
  margin-top: 45px;
  line-height: 45px;
  font-size: 32px;
}
.desc-template .banner-descrip, .list-template .banner-descrip {
  margin-bottom: 25px;
}
.desc-template ul, .list-template ul {
  margin-bottom: 30px;
  font-size: 16px;
}
.desc-template ul li, .list-template ul li {
  margin-bottom: 10px;
  line-height: 24px;
}
.desc-template ul li a, .list-template ul li a {
  color: #FFF533;
}
.desc-template ul li a:hover, .list-template ul li a:hover {
  text-decoration: underline;
}

#whitebackground #view-demos-now-button {
  color: #0487FF !important;
  border-color: #0487FF !important;
  border-width: 2px !important;
}

#control-banner-content, #whitebackground {
  background-color: #0450C2;
  color: #FFFFFF;
  background-position: 45% 100%;
  background-repeat: no-repeat;
}
#control-banner-content .col-lg-6, #whitebackground .col-lg-6 {
  width: 45%;
}
#control-banner-content .banner-heading, #whitebackground .banner-heading {
  font-weight: 700;
  margin-bottom: 15px;
}
#control-banner-content .banner-sub-heading, #whitebackground .banner-sub-heading {
  margin-top: 50px;
}
#control-banner-content .banner-inner-heading, #whitebackground .banner-inner-heading {
  font-size: 26px;
  font-weight: 300;
  line-height: 2.5em;
}
#control-banner-content .banner-main-heading, #whitebackground .banner-main-heading {
  font-weight: 700;
  font-size: 36px;
}
#control-banner-content .banner-descrip, #whitebackground .banner-descrip {
  font-size: 16px;
}
#control-banner-content ul, #whitebackground ul {
  margin-left: 15px;
}
#control-banner-content #download-now-button, #whitebackground #download-now-button {
  padding: 4px 26px;
  font-weight: 600;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  border: 2px solid #fff;
  background-color: white;
  color: black;
  font-size: 16px;
}
#control-banner-content #download-now-button .btn__text, #whitebackground #download-now-button .btn__text {
  font-weight: 700;
}
#control-banner-content #download-now-button:hover, #whitebackground #download-now-button:hover {
  opacity: 0.8;
  color: black;
}
#control-banner-content #dot-net-support-section .vs-icon-container, #whitebackground #dot-net-support-section .vs-icon-container {
  width: 35px;
  height: 35px;
  color: #FFFFFF;
  background: #FFFFFF;
  padding: 8px;
  border-radius: 50%;
  position: absolute;
  margin-top: -8px;
}
#control-banner-content #dot-net-support-section .vs-icon-container .vs-image-container, #whitebackground #dot-net-support-section .vs-icon-container .vs-image-container {
  margin-top: -2px;
}
#control-banner-content #dot-net-support-section .dot-net-support-text, #whitebackground #dot-net-support-section .dot-net-support-text {
  padding-bottom: 40px;
  padding-left: 45px;
}
#control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {
  width: 35px;
  height: 35px;
  color: #FFFFFF;
  background: #FFFFFF;
  padding: 8px;
  border-radius: 50%;
  position: absolute;
  margin-top: 7px;
  margin-left: 37.5%;
}
#control-banner-content #no-banner-dot-net-support-section .vs-icon-container .vs-image-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container .vs-image-container {
  margin-top: -2px;
}
#control-banner-content #no-banner-dot-net-support-section .dot-net-support-text, #whitebackground #no-banner-dot-net-support-section .dot-net-support-text {
  padding-bottom: 30px;
  padding-left: 30px;
  padding-top: 15px;
}
#control-banner-content #view-demos-now-button, #whitebackground #view-demos-now-button {
  font-weight: 600;
  opacity: 1;
  border-radius: 6px;
  color: #FFFFFF;
  padding: 7px 18px;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  margin-left: 15px;
}
#control-banner-content #view-demos-now-button:hover, #whitebackground #view-demos-now-button:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

#whitebackground {
  background-color: transparent !important;
  color: #000000 !important;
  overflow-x: hidden;
}
#whitebackground .right-section-image {
  margin-top: 45px;
  margin-left: 0;
  width: 900px;
  height: 500px;
  max-width: inherit;
}
#whitebackground #download-now-button {
  border: 2px solid #0073DC;
  background-color: #0073DC;
  color: white;
}
#whitebackground #download-now-button:hover {
  background-color: #0D98FF !important;
  color: white !important;
  border: 2px solid #0D98FF !important;
}

@media (min-width: 1920px) {
  #whitebackground .right-section-image {
    margin-top: 135px;
  }
}
#strip-segment {
  margin-bottom: 25px;
}
@media (max-width: 480px) {
  #strip-segment {
    margin-top: 40px;
  }
}
#strip-segment #framework-content {
  margin-bottom: 0.2em;
}
#strip-segment #framework-content .support-content {
  font-size: 13px;
  color: #000000;
  letter-spacing: 1px;
  line-height: 19px;
  font-weight: 600;
}
@media (max-width: 1025px) {
  #strip-segment #framework-content .support-content {
    font-size: 12px;
  }
}
#strip-segment #framework-platforms .framework-items {
  display: inline-block;
  width: 15%;
  max-width: 75px;
  border-radius: 2px;
}
@media (max-width: 420px) {
  #strip-segment #framework-platforms .framework-items {
    width: 20%;
  }
}
#strip-segment #framework-platforms .framework-items .framework-hover {
  text-align: center;
  padding: 5px;
}
#strip-segment #framework-platforms .framework-items .framework-hover img {
  margin-bottom: 0px;
}
#strip-segment #framework-platforms .framework-items .framework-hover .framework-name {
  line-height: 16px;
  font-size: 12px;
  color: #0f0f0f;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
  display: block;
}
@media (max-width: 1279px) and (min-width: 768px) {
  #strip-segment #framework-platforms .framework-items .framework-hover .framework-name {
    font-size: 11px !important;
  }
}
@media (max-width: 767px) {
  #strip-segment #framework-platforms .framework-items .framework-hover .framework-name {
    font-size: 10px !important;
  }
}
#strip-segment #framework-platforms .framework-items:hover {
  background: rgba(0, 0, 0, 0.06);
}
#strip-segment #framework-platforms .framework-items:hover .framework-name {
  font-weight: 500;
}
#strip-segment #framework-platforms .framework-items:last-child {
  margin-right: 0px;
}

@media (max-width: 1920px) and (min-width: 1820px) {
  .popular-banner {
    min-height: 400px;
    background-position: 0% 100%;
  }
}
@media (max-width: 2560px) and (min-width: 1921px) {
  .popular-banner {
    min-height: 550px;
    background-size: 2560px auto;
    background-position: 0% 100%;
  }
  .standard-banner {
    height: 350px;
    background-size: 2560px 350px;
  }
  .banner-gradient {
    background-size: 2560px auto;
  }
}
@media (min-width: 2561px) {
  .popular-banner {
    min-height: 800px;
    background-size: 3840px auto;
    background-position: 0% 100%;
  }
  .standard-banner {
    height: 500px;
    background-size: 3840px 500px;
  }
}
@media (min-width: 1921px) {
  .desc-template .banner-heading, .list-template .banner-heading {
    margin-top: 90px;
    line-height: 60px;
    font-size: 40px;
  }
  .desc-template ul, .list-template ul {
    font-size: 18px;
  }
  .desc-template ul li, .list-template ul li {
    line-height: 28px;
  }
  #control-banner-content .banner-sub-heading, #whitebackground .banner-sub-heading {
    margin-top: 85px;
  }
  #control-banner-content .banner-inner-heading, #whitebackground .banner-inner-heading {
    font-size: 36px;
  }
  #control-banner-content .banner-main-heading, #whitebackground .banner-main-heading {
    font-size: 60px;
  }
}
@media (min-width: 2561px) {
  .desc-template .banner-heading, .list-template .banner-heading {
    margin-top: 120px !important;
  }
  #control-banner-content .banner-sub-heading, #whitebackground .banner-sub-heading {
    margin-top: 120px !important;
  }
}
@media (max-width: 1200px) and (min-width: 990px) {
  .desc-template .banner-heading, .list-template .banner-heading, .desc-list-template .banner-heading {
    line-height: 36px;
    font-size: 24px !important;
  }
  .desc-template ul, .list-template ul, .desc-list-template ul {
    font-size: 14px;
  }
  .desc-template ul li, .list-template ul li, .desc-list-template ul li {
    margin-bottom: 5px;
    line-height: 22px;
  }
}
@media (max-width: 992px) {
  .desc-template {
    height: 300px !important;
  }
  .desc-template .banner-heading, .list-template .banner-heading, .desc-list-template .banner-heading {
    line-height: 34px;
  }
  #control-banner-content {
    background-position: 0% !important;
  }
  #control-banner-content .col-lg-6 {
    width: 100%;
  }
  #whitebackground {
    background-position: 0% !important;
  }
  #whitebackground .right-section-image {
    margin-top: 120px;
  }
}
@media (max-width: 768px) {
  #whitebackground .col-lg-6 {
    width: 100% !important;
  }
  #whitebackground .right-section-image {
    display: none;
  }
  #single-fold-platform-banner #strip-segment #framework-content .support-content {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  #control-banner-content .banner-inner-heading {
    font-size: 18px;
  }
  #control-banner-content .banner-main-heading {
    font-size: 26px;
  }
}
@media (max-width: 767px) and (max-width: 1279px) and (min-width: 768px) {
  #control-banner-content .banner-main-heading #control-banner-content .banner-inner-heading, #control-banner-content .banner-main-heading #whitebackground .banner-inner-heading {
    font-size: 20px;
  }
  #control-banner-content .banner-main-heading #control-banner-content .banner-main-heading, #control-banner-content .banner-main-heading #whitebackground .banner-main-heading {
    font-size: 30px;
  }
}
#static-footer {
  background: #F1F1F1;
  padding-top: 20px;
  padding-bottom: 20px;
}
#static-footer .title-element {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 600;
}
#static-footer #previous-link {
  padding-left: 0px;
}
#static-footer #previous-link .arrow-element {
  display: inline;
  padding-right: 5px;
}
#static-footer #previous-link .arrow-element a {
  color: #333;
  font-weight: 700;
  font-size: 12px;
}
#static-footer #previous-link .arrow-element a:hover {
  opacity: 0.5;
}
#static-footer #previous-link .content {
  display: inline;
  font-size: 18px;
  font-weight: 700;
}
#static-footer #previous-link .content #prev-element {
  display: inline;
}
#static-footer #previous-link .content #prev-element a {
  color: #333;
}
#static-footer #previous-link .content #prev-element a:hover {
  opacity: 0.5;
}
#static-footer #next-link {
  text-align: right;
  padding-right: 0px;
}
#static-footer #next-link .arrow-element {
  display: inline;
  padding-left: 5px;
}
#static-footer #next-link .arrow-element a {
  color: #333;
  font-weight: 700;
  font-size: 12px;
}
#static-footer #next-link .arrow-element a:hover {
  opacity: 0.5;
}
#static-footer #next-link .content {
  display: inline;
  font-size: 18px;
  font-weight: 700;
}
#static-footer #next-link .content #next-element {
  display: inline;
}
#static-footer #next-link .content #next-element a {
  color: #333;
}
#static-footer #next-link .content #next-element a:hover {
  opacity: 0.5;
}

@media (max-width: 766px) {
  #static-footer .title-element {
    font-size: 14px;
  }
  #static-footer #previous-link .arrow-element a {
    font-size: 10px;
  }
  #static-footer #previous-link .content {
    font-size: 14px;
  }
  #static-footer #next-link .arrow-element a {
    font-size: 10px;
  }
  #static-footer #next-link .content {
    font-size: 14px;
  }
}
#download-free-trial {
  height: 160px;
  background-color: #1B205E;
  opacity: 0.9;
  background-image: url("https://cdn.syncfusion.com/content/images/FT/common/freetrial_bg.png");
  background-attachment: fixed;
  background-size: 100% 100%;
  padding: 65px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#download-free-trial h3 {
  color: white;
  font-size: 24px;
  margin-bottom: 0px;
  line-height: 28px;
  font-weight: 600;
  text-align: center;
}
#download-free-trial h3 a {
  padding: 7px 15px !important;
  color: black;
  background-color: #FFD018;
  border: 1px solid #FFD018;
  font-weight: 700;
  border-radius: 5px;
  font-size: 14px;
  margin-left: 0px !important;
  text-transform: uppercase;
}
#download-free-trial h3 a:hover {
  background-color: #E1BD00;
}
#download-free-trial h3 a:active {
  background-color: #E1AF00;
}
@media (max-width: 1200px) {
  #download-free-trial {
    height: auto;
    background-position: center center;
  }
  #download-free-trial h3 span {
    display: inline-block;
  }
  #download-free-trial h3 a {
    padding: 9px 20px;
    font-size: 14px;
    display: inline-block;
    margin: 20px 0 0 6px;
  }
}

#technical-support .container .row .platform-heading-text {
  font-size: 33px;
  display: block;
  margin: 80px 0px 40px 0px;
  font-weight: bold;
  color: #262E48;
}
#technical-support .container .row .category-container {
  padding: 0px 40px 80px 40px;
  display: flex;
  justify-content: center;
}
#technical-support .container .row .category-columns {
  text-align: left;
  border-left: 1px solid lightgray;
  margin-bottom: 20px;
  min-height: 150px;
}
#technical-support .container .row .category-columns .category-heading-text {
  display: block;
  padding-bottom: 25px;
  font-weight: bold;
  font-size: 19px;
  color: #262E48;
}
#technical-support .container .row .category-columns .support-link-section {
  display: block;
  padding-bottom: 20px;
  font-size: 16px;
  color: #0254FF;
}
#technical-support .container .row .category-columns .support-link-section .link-item-title {
  font-weight: 600;
  position: relative;
  top: 4px;
  left: 12px;
}
#technical-support .container .row .category-columns .support-link-section .link-item-title :hover {
  color: #0058C8;
}
#technical-support .container .row .category-additional-column {
  text-align: left;
  margin-top: 52px;
}
#technical-support .container .row .category-additional-column .support-link-section {
  display: block;
  padding-bottom: 20px;
  font-size: 16px;
  color: #0254FF;
}
#technical-support .container .row .category-additional-column .support-link-section .link-item-title {
  font-weight: 600;
  position: relative;
  top: 4px;
  left: 12px;
}
#technical-support .container .row .category-additional-column .support-link-section .link-item-title :hover {
  color: #0058C8;
}
#technical-support .support-link-section img {
  width: 25px;
  height: 25px;
  margin-bottom: 0px;
}

.category-columns:first-of-type {
  border-left: 0px !important;
}

@media (max-width: 768px) {
  #technical-support .container .row .category-container {
    padding-left: 44px !important;
    display: block;
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  #technical-support .container .row .category-columns {
    width: 20%;
  }
  #technical-support .container .row .category-additional-column {
    width: 20%;
  }
}
@media (max-width: 767px) {
  #technical-support .container .row .category-columns {
    border-left: 0px !important;
    min-height: auto;
  }
  #technical-support .container .row .category-columns:first-of-type {
    margin-bottom: 0px;
  }
  #technical-support .container .row .category-additional-column {
    min-height: auto;
    margin-bottom: 20px;
    margin-top: 0px;
  }
  #technical-support .container .row .platform-heading-text {
    font-size: 24px;
    margin-top: 40px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .category-columns:nth-child(4) {
    border-left: 0px !important;
    margin-top: 20px;
  }
  .category-columns:nth-child(5) {
    margin-top: 20px;
  }
  #technical-support .container .row .category-container {
    display: grid;
    grid-template-columns: 240px 240px 240px;
  }
  #technical-support .container .row .category-columns {
    width: 220px;
  }
  #technical-support .container .row .category-additional-column {
    width: 220px;
  }
}
#quote-section {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #0072C6;
}
#quote-section .quote {
  color: #FFFFFF;
  padding-left: 18%;
  padding-right: 18%;
  font-weight: 600;
  text-align: center;
  font-size: 24px;
  margin-bottom: 38px;
}
#quote-section img {
  margin: auto;
}

@media (min-width: 1820px) {
  #quote-section .quote {
    padding-left: 26%;
    padding-right: 26%;
  }
}
@media (max-width: 1279px) and (min-width: 768px) {
  #quote-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  #quote-section .quote {
    color: #FFFFFF;
    padding-left: 14%;
    padding-right: 14%;
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  #quote-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #quote-section .quote {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 16px !important;
  }
}
#control-heading-section {
  padding-top: 50px;
  background-color: #f7f7f7;
}
#control-heading-section h3 {
  text-align: center;
  font-weight: 700;
  font-size: 33px;
  color: #1A1A1A;
}

#ft-controllist .container {
  border: 0px solid white !important;
}

#ft-control-list {
  text-align: center;
}
#ft-control-list .most-downlods-note {
  font-style: italic;
  color: #333;
}
#ft-control-list .most-downlods-note .most-downlod-icon::before {
  content: url(https://cdn.syncfusion.com/content/images/FT/Xamarin/v2/most-downloaded.svg);
  margin-right: 4px;
}
#ft-control-list .most-downlods-note .most-downlod-icon {
  position: relative;
  top: 3px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
    #ft-control-list #ft-control-platform .sub-heading {
        font-size: 1.5em !important;
        font-weight: 600;
        margin-bottom: 30px;
        color: #1a1a1a;
        font-family: "open sans";
    }
#ft-control-list #ft-control-platform .most-downlod-icon::before {
  content: url(https://cdn.syncfusion.com/content/images/FT/Xamarin/v2/most-downloaded.svg);
}
#ft-control-list #ft-control-platform .most-downlod-icon {
  position: relative;
  top: 2px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 359px) {
  #ft-control-list #ft-control-platform .tabs-container {
    padding: 0px 5px;
  }
}
#ft-control-list #ft-control-platform .tabs-container .tabs li:not(:last-child) {
  border-right: 1.5px solid #ececec;
}
#ft-control-list #ft-control-platform .tabs-container .tabs .active {
  opacity: 1;
}
@media (max-width: 767px) {
  #ft-control-list #ft-control-platform .tabs-container .tabs li {
    padding: 10px;
  }
}
@media (max-width: 359px) {
  #ft-control-list #ft-control-platform .tabs-container .tabs li .h5 {
    font-size: 11px !important;
  }
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content {
  margin-left: 5%;
}
@media (max-width: 767px) {
  #ft-control-list #ft-control-platform .tabs-container .tabs-content {
    margin-left: 5%;
    text-align: left;
  }
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content .section-list {
  margin-bottom: 20px !important;
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content li {
  list-style: none;
  line-height: 2.2em;
  opacity: 0;
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content .content-heading, #ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content .platform_names {
    color: #1a1a1a;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 0px;
    width: 100%;
    text-decoration: none;
    margin-bottom: 5px;
}
@media (max-width: 1023px) {
  #ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content .content-heading {
    font-size: 1em;
  }
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content a {
  color: #2384e4;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
@media (max-width: 1023px) {
  #ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content a {
    font-size: 1em;
  }
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content a:hover {
  color: #237AC1;
}

#ft-control-platform .sub-heading {
  font-size: 3.2em;
  font-weight: bold;
  margin-bottom: 1em;
  color: #1a1a1a;
}
@media (max-width: 359px) {
  #ft-control-platform .tabs-container {
    padding: 0px 5px;
  }
}
#ft-control-platform .tabs-container .tabs {
  border: 1px solid #cacaca;
  border-radius: 6px;
}
#ft-control-platform .tabs-container .tabs li:not(:last-child) {
  border-right: 1px solid #ececec;
}
#ft-control-platform .tabs-container .tabs .active {
  opacity: 1;
  background: #ebf7ff;
}
#ft-control-platform .tabs-container .tabs .active .tab__title .h5, #ft-control-platform .tabs-container .tabs .active .tab__title .h5:hover {
  color: #0057FF;
}
#ft-control-platform .tabs-container .tabs li {
  opacity: 1;
  padding: 0.92857143em 2em;
}
#ft-control-platform .tabs-container .tabs li .tab__title .h5 {
  font-size: 1.2em;
  font-weight: 600;
  color: #1a1a1a;
}
#ft-control-platform .tabs-container .tabs li .tab__title .h5:hover {
  color: #0073dc;
}
@media (max-width: 767px) {
  #ft-control-platform .tabs-container .tabs li {
    padding: 10px;
  }
}
@media (max-width: 359px) {
  #ft-control-platform .tabs-container .tabs li .h5 {
    font-size: 11px !important;
  }
}
#ft-control-platform .tabs-container .tabs li:first-child {
  border-radius: 6px 0 0 6px;
}
#ft-control-platform .tabs-container .tabs li:last-child {
  border-radius: 0 6px 6px 0;
}
#ft-control-platform .tabs-container .tabs-content {
  margin-left: 5%;
}
#ft-control-platform .tabs-container .tabs-content .section-list {
  margin-bottom: 20px !important;
}
@media (max-width: 767px) {
  #ft-control-platform .tabs-container .tabs-content {
    margin-left: 0px;
    text-align: center;
  }
}
#ft-control-platform .tabs-container .tabs-content li {
  list-style: none;
  line-height: 2.2em;
  opacity: 0;
}
#ft-control-platform .tabs-container .tabs-content li .tab__content {
  line-height: 2.2em;
}
#ft-control-platform .tabs-container .tabs-content li .tab__content .content-heading, #ft-control-platform .tabs-container .tabs-content li .tab__content .platform_names {
  color: #1a1a1a;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  padding-bottom: 0px;
  width: 100%;
  text-decoration: none;
  margin-bottom: 10px;
  font-size: 16px;
}
#ft-control-platform .tabs-container .tabs-content li .tab__content a {
  color: #0073DC;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
}
#ft-control-platform .tabs-container .tabs-content li .tab__content a:hover {
  color: #0450C2;
}

#control-heading-section {
  padding: 70px 0;
}
@media (max-width: 1023px) {
  #control-heading-section {
    padding: 50px 0;
  }
}
#control-heading-section .text-center h1 {
  font-size: 33px;
  font-weight: lighter;
  margin-bottom: 50px;
  color: #252525;
}
@media (max-width: 1023px) {
  #control-heading-section .text-center h1 {
    margin-bottom: 40px;
  }
}
#control-heading-section .text-center h5 {
  font-size: 19px !important;
  font-weight: 600;
  margin-bottom: 40px;
  color: #333333;
}
#control-heading-section .popular-controls-list {
  margin: 0 22%;
}
@media (min-width: 992px) and (max-width: 1200px) {
  #control-heading-section .popular-controls-list {
    margin: 0 20%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #control-heading-section .popular-controls-list {
    margin: 0 9%;
  }
}
@media (min-width: 540px) and (max-width: 767px) {
  #control-heading-section .popular-controls-list {
    margin: 0 11%;
  }
}
@media (max-width: 539px) {
  #control-heading-section .popular-controls-list {
    margin: 0 1%;
  }
}
@media (max-width: 767px) {
  #control-heading-section .popular-controls-list .list-image {
    margin: 15px 0;
  }
}
#control-heading-section .popular-controls-list .grid-image, #control-heading-section .popular-controls-list .chart-image, #control-heading-section .popular-controls-list .excel-image {
  border-right: 1px solid #d8d8d8;
}
#control-heading-section .popular-controls-list .control-link {
  padding: 0 25px;
  display: inline-block;
}
@media (max-width: 767px) {
  #control-heading-section .popular-controls-list .control-link {
    padding: 0 30px;
  }
}
@media (max-width: 400px) {
  #control-heading-section .popular-controls-list .control-link {
    padding: 0 11px !important;
  }
}
#control-heading-section .popular-controls-list .control-link span {
  font-size: 2em;
  float: left;
  line-height: 25px;
}
@media (max-width: 1200px) {
  #control-heading-section .popular-controls-list .control-link span {
    line-height: 22px;
  }
}
#control-heading-section .popular-controls-list .control-link a {
  font-size: 16px;
  padding-left: 10px;
  color: #252525;
}
@media (max-width: 1200px) {
  #control-heading-section .popular-controls-list .control-link a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  #control-heading-section .popular-controls-list .control-link a {
    font-size: 12px;
  }
}
#control-heading-section .popular-controls-list .control-link a:hover {
  color: #4A90E2;
}

@media (max-width: 1279px) {
  #ft-control-list {
    padding-bottom: 10px;
  }
}
#featuretour-markdown {
  color: #1A1A1A;
}
#featuretour-markdown .other-controls .text-center {
  text-align: left !important;
}
#featuretour-markdown .file-format-control .ft-column-header.text-center {
  padding-bottom: 30px;
}
#featuretour-markdown #control-content .ft-one-column.more-information {
  text-align: center;
}
#featuretour-markdown #control-content .ft-one-column.more-information p {
  margin-bottom: 20px !important;
}
#featuretour-markdown #control-content .ft-one-column.more-information a {
  border-right: 1px solid black;
  padding-right: 10px;
  margin-right: 10px;
}
#featuretour-markdown #control-content .ft-one-column.more-information a:last-child {
  border-right: 1px solid white;
}
#featuretour-markdown #control-content .ft-column-header {
  padding-top: 0;
}
#featuretour-markdown #control-content .carousel-caption {
  display: none;
}
#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .section-padding {
  margin-bottom: 34px !important;
}
#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .multi-col-padding {
  margin-bottom: 45px !important;
}
#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .multi-col-contents .img-padding {
  padding: 0 !important;
}
#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .multi-col-contents .two-col-content:not(.featuretour-markdown #control-content .supporting-frameworks-browsers .multi-col-contents .two-col-content), #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content {
   padding-right: 50px !important;
}
#featuretour-markdown #control-content .row:first-child img, #featuretour-markdown #control-content .row:first-child object {
  margin: auto !important;
}
#featuretour-markdown #control-content .shadow-effect {
  box-shadow: 0 10px 25px 0.1px #dadce0;
  border-radius: 10px;
  border: 1px solid #CBD5E1;
}
#featuretour-markdown #control-content .gif-padding {
  padding: 15px !important;
}
#featuretour-markdown #control-content .code-padding {
  padding: 0 20px 20px 20px !important;
}
#featuretour-markdown #control-content .row h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 14px;
}
#featuretour-markdown #control-content .row .overview {
  text-align: center;
  font-size: 33px !important;
}
#featuretour-markdown #control-content .row .why-choose-header {
  color: #1a1a1a;
  letter-spacing: 0;
  margin-bottom: 2em;
  font-weight: 700;
}
#featuretour-markdown #control-content .row .why-choose-sub-header {
  font-size: 18px;
  color: #1a1a1a;
  letter-spacing: 0.1px;
  text-align: left;
  line-height: 25px;
  font-weight: 700;
}
#featuretour-markdown #control-content .row .first-col {
  padding-left: 15px !important;
}
#featuretour-markdown #control-content .row .why-choose-content {
  font-size: 15px;
}
#featuretour-markdown #control-content .row .first-col-padding {
  padding-left: 15px !important;
}
#featuretour-markdown #control-content .row .link-padding {
  margin-bottom: 30px;
}
#featuretour-markdown #control-content .row .code-padding {
  padding: 0 20px 20px 20px !important;
}
#featuretour-markdown #control-content .row .heading-section {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 14px;
  letter-spacing: 0px;
  line-height: 1.36363636em;
}
@media (max-width: 1279px) and (min-width: 768px) {
  #featuretour-markdown #control-content .row .heading-section {
    font-size: 26px !important;
  }
}
@media (max-width: 767px) {
  #featuretour-markdown #control-content .row .heading-section {
    font-size: 22px !important;
    line-height: 1.5em;
  }
}
#featuretour-markdown #control-content .row p {
  font-weight: 500;
  line-height: 26px;
  font-size: 16px;
}
#featuretour-markdown #control-content .row p a {
  font-weight: 600;
  color: #0073DC !important;
}
#featuretour-markdown #control-content .row p a:hover {
  color: #0450C2 !important;
}
#featuretour-markdown #control-content .row ul li {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 26px;
}
#featuretour-markdown #control-content .row ul li a {
  line-height: 26px;
  color: #0057ff;
  font-weight:600;
}
#featuretour-markdown #control-content .row ul li a:hover {
  color: #0450c2 !important;
}
#featuretour-markdown #control-content .row ul li p {
  margin-bottom: 0px;
}
#featuretour-markdown #control-content .row code {
  font-size: 16px;
  color: #1A1A1A;
  background-color: #FFFFFF;
  font-weight: 700;
  font-family: inherit;
}
#featuretour-markdown #control-content .row iframe {
  width: 100%;
  height: 500px;
  border: 0px solid white;
}
#featuretour-markdown #control-content .row .carousel-control {
  background-image: none !important;
}
#featuretour-markdown #control-content .row .carousel-control .glyphicon-chevron-right, #featuretour-markdown #control-content .row .carousel-control .glyphicon-chevron-left {
  color: black !important;
}
#featuretour-markdown #control-content .multi-column-conent-container > p {
  margin-bottom: 30px;
}
#featuretour-markdown #control-content .ft-column-header p {
  margin-bottom: 30px;
}
#featuretour-markdown #control-content .multi-column-conent-container .two-col-content h3, #featuretour-markdown #control-content .multi-column-conent-container .three-col-content h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 14px;
}
#featuretour-markdown #control-content .multi-column-conent-container .two-col-content iframe, #featuretour-markdown #control-content .multi-column-conent-container .three-col-content iframe {
  margin-top: 10px;
}
#featuretour-markdown #control-content .multi-column-conent-container .two-col-content > p:first-child, #featuretour-markdown #control-content .multi-column-conent-container .three-col-content > p:first-child {
  margin-bottom: 14px;
}
#featuretour-markdown #control-content .multi-column-conent-container .two-col-content > p:last-child, #featuretour-markdown #control-content .multi-column-conent-container .three-col-content > p:last-child {
  margin-bottom: 30px;
}
#featuretour-markdown #control-content .ft-two-column img, #featuretour-markdown #control-content .ft-two-column object {
  padding-top: 0px;
  margin: 0px;
}
#featuretour-markdown #control-content .ft-one-column img, #featuretour-markdown #control-content .ft-one-column object {
  margin: auto;
}

#featuretour-markdown #control-content .multi-col-contents img, #featuretour-markdown #control-content .multi-col-contents object {
  margin: 0px;
}
#featuretour-markdown #control-content .two-col-in-multi-col .two-col-content {
  margin-bottom: 30px;
}
#featuretour-markdown #control-content .two-col-in-multi-col .two-col-content img, #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content object {
  padding-top: 0px;
}
#featuretour-markdown #control-content .two-col-in-multi-col .two-col-content iframe {
  margin-top: 0px;
}
#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content {
  padding-right: 15px;
}

@media (max-width: 1023px) {
  #featuretour-markdown #control-content {
    border-right: 0px solid #FFFFFF !important;
  }
  #featuretour-markdown #control-content .row h2 {
    margin-bottom: 10px;
  }
  #featuretour-markdown #control-content .row p {
    font-size: 14px;
    line-height: 25px;
  }
  #featuretour-markdown #control-content .row ul {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #featuretour-markdown #control-content .row ul li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  #featuretour-markdown #control-content .row code {
    font-size: 14px;
  }
  #featuretour-markdown #control-content .col-lg-4, #featuretour-markdown #control-content .col-md-4 {
    padding-bottom: 0px;
  }
  #featuretour-markdown #control-content .col-lg-6, #featuretour-markdown #control-content .col-md-6 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #featuretour-markdown #control-content .col-lg-6:first-child, #featuretour-markdown #control-content .col-md-6:first-child {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content {
    margin-bottom: 0px;
  }
  #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content iframe {
    margin-bottom: 10px;
  }
  #featuretour-markdown #control-content .multi-column-conent-container .multi-col-padding {
    margin-bottom: 45px !important;
  }
  #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content h3, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content h3 {
    margin-bottom: 5px;
  }
  #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content img, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content img,
  #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content object, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content object {
    padding-top: 20px;
  }
  #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content iframe, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content iframe {
    margin-top: 20px;
  }
  #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content img, #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content object {
    padding-top: 0px;
  }
  #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content iframe {
    margin-top: 0px;
  }
  #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content {
    padding-right: 15px !important;
  }
}
.back-to-top {
  margin: 0 6px 65px 0;
}

.swaychat-chat-widget .swaychat-chatbox-container.swaychat-minimize-window {
  margin: 0px 0 20px 0;
}

@media (min-width: 641px) and (max-width: 767px) {
  .swaychat-chat-widget .swaychat-chatbox-container.swaychat-minimize-window {
    margin: 0px 0 47px 0;
  }
  .back-to-top {
    margin: 0 6px 90px 0;
  }
}
@media only screen and (max-width: 640px) {
  .swaychat-chat-widget .swaychat-chatbox-container.swaychat-minimize-window {
    min-width: 70% !important;
    width: 70% !important;
    margin: 0px 65px 82px 8px !important;
  }
  .back-to-top {
    margin: 0 6px 50px 0;
  }
}
@media (max-width: 767px) {
  #control-banner-content.popular-banner, #whitebackground.popular-banner {
    height: auto;
    background-size: 2880px 600px;
  }
  #control-banner-content.popular-banner h1.banner-heading, #whitebackground.popular-banner h1.banner-heading {
    font-size: 24px !important;
  }
  #control-banner-content.popular-banner ul li, #whitebackground.popular-banner ul li {
    font-size: 14px !important;
  }
}
@media (max-width: 1260px) {
  #download-now-button, #view-demos-now-button {
    display: inline-block;
    display: block;
    max-width: 150px;
    margin-bottom: 1.5em !important;
    float: left;
  }
  #supported-frameworks-strip-segment {
    float: left !important;
    display: block;
    margin-bottom: 3em;
    clear: both;
  }
}
@media (max-width: 768px) {
  #download-now-button, #view-demos-now-button {
    margin-left: 1em !important;
  }
  #supported-frameworks-strip-segment {
    margin-left: 1em;
  }
}
@media (max-width: 768px) {
  #supported-frameworks-strip-segment #mobile-strip-section {
    display: block !important;
    font-size: 13px;
    margin-left: 5px;
    margin-bottom: 8px;
  }
  #supported-frameworks-strip-segment #framework-content {
    visibility: hidden;
    width: 0px;
    padding: 0 !important;
  }
}
@media (max-width: 480px) {
  #supported-frameworks-strip-segment #mobile-strip-section {
    display: block !important;
    font-size: 13px;
    margin-left: 15px;
    margin-bottom: 8px;
  }
  #supported-frameworks-strip-segment #framework-content {
    visibility: hidden;
    width: 0px;
    padding: 0 !important;
  }
  #supported-frameworks-strip-segment.supported-frameworks .strip-opacity {
    background-color: transparent;
    margin-left: 10px;
  }
  #supported-frameworks-strip-segment.supported-frameworks #framework-platforms .framework-hover {
    padding: 5px !important;
    min-width: 55px;
  }
  #supported-frameworks-strip-segment.supported-frameworks #framework-platforms .framework-hover .framework-name {
    display: block;
  }
}
#syncfusion-partners {
  padding: 10px 0;
  background: #f3f3f3;
}
#syncfusion-partners p {
  padding-top: 12px;
  font-size: 14px;
  color: #2C2C2C;
  letter-spacing: 0.7px;
  line-height: 16px;
  margin-bottom: 7px;
}
#syncfusion-partners img {
  padding-bottom: 0.5em;
  max-width: 80%;
}

@media (max-width: 767px) {
  #syncfusion-partners .container img {
    max-width: 250px;
  }
}
#company-list {
  padding: 20px 0;
  background: #f3f3f3;
  max-height: 152px;
}
@media (min-width: 1921px) {
  #company-list {
    padding: 20px 0;
    max-height: 400px;
  }
}
@media (max-width: 1820px) {
  #company-list {
    padding: 15px 0;
  }
}
#company-list h2 {
  padding-top: 12px;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0.49px;
  line-height: 19px;
  font-weight: 500;
  margin-bottom: 1em;
}
@media (min-width: 1921px) {
  #company-list h2 {
    margin-bottom: 1em;
  }
}
@media (max-width: 1820px) {
  #company-list h2 {
    display: none;
  }
}
@media (max-width: 480px) {
  #company-list h2 {
    display: block;
    line-height: 40px;
    margin-bottom: 10px;
  }
}
#company-list img {
  padding-bottom: 0.5em;
  width: 100%;
}
@media (max-width: 1820px) {
  #company-list img {
    padding-bottom: 0;
    max-width: 900px;
  }
}
@media (max-width: 480px) {
  #company-list img {
    width: 70% !important;
    max-width: 300px !important;
    margin-bottom: 1em;
  }
}

@media (max-width: 768px) {
  #company-list {
    padding-bottom: 0px;
    padding-top: 0px;
    max-height: none;
  }
  #company-list h2 {
    padding: 20px 10px 0px 10px;
    font-size: 20px !important;
  }
  #company-list img {
    max-width: 600px;
  }
}
#single-fold-horizontal-control-banner ul li {
  line-height: 27px !important;
  margin-bottom: 18px !important;
}
@media (max-width: 991px) {
  #single-fold-horizontal-control-banner ul li {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 992px) {
  #single-fold-horizontal-control-banner {
    background-size: auto auto !important;
    background-position: left top !important;
  }
}
@media (min-width: 1821px) and (max-width: 1950px) {
  #single-fold-horizontal-control-banner {
    background-size: auto 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1261px) {
  #single-fold-horizontal-control-banner {
    background-size: auto 80% !important;
    background-position: center top !important;
  }
}
@media (min-width: 1950px) {
  #single-fold-horizontal-control-banner {
    background-size: auto 100% !important;
  }
}

#single-fold-control-banner, #single-fold-horizontal-control-banner {
  background-color: transparent;
  color: #1A1A1A;
  background-size: auto 100%;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 3.5em 0 3.5em 0;
}
#single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {
  font-weight: 700;
  margin-bottom: 21px;
  letter-spacing: 0;
  line-height: 44px;
  font-size: 2.2em;
}
@media (max-width: 992px) {
  #single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {
    max-width: 500px;
  }
}
@media (max-width: 480px) {
  #single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {
    max-width: 320px;
  }
}
@media (max-width: 1279px) {
  #single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {
    font-size: 30px !important;
  }
}
@media (max-width: 480px) {
  #single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {
    font-size: 30px !important;
    line-height: 40px;
    max-width: 90%;
  }
}
@media (max-width: 420px) {
  #single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {
    font-size: 23px !important;
    line-height: 30px;
    max-width: 100%;
  }
}
@media (min-width: 1821px) {
  #single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {
    font-size: 40px;
    line-height: 53px;
    letter-spacing: 0.57px;
  }
}
#single-fold-control-banner .banner-sub-heading, #single-fold-horizontal-control-banner .banner-sub-heading {
  margin-top: 50px;
}
#single-fold-control-banner .banner-inner-heading, #single-fold-horizontal-control-banner .banner-inner-heading {
  font-size: 26px;
  font-weight: 300;
  line-height: 2.5em;
}
#single-fold-control-banner .banner-main-heading, #single-fold-horizontal-control-banner .banner-main-heading {
  font-weight: 700;
  font-size: 36px;
}
#single-fold-control-banner .banner-descrip, #single-fold-horizontal-control-banner .banner-descrip {
  font-size: 16px;
}
#single-fold-control-banner ul, #single-fold-horizontal-control-banner ul {
  margin-bottom: 2.5em;
  margin-left: -6px;
}
@media (min-width: 1821px) {
  #single-fold-control-banner ul, #single-fold-horizontal-control-banner ul {
    margin-bottom: 2.5em;
  }
}
@media (max-width: 480px) {
  #single-fold-control-banner ul, #single-fold-horizontal-control-banner ul {
    margin-left: 0px;
  }
}
#single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {
  font-size: 16px;
  color: #1A1A1A;
  letter-spacing: 0;
  display: flex;
  line-height: 34px;
  list-style: none;
}
@media (max-width: 1024px) {
  #single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {
    font-size: 16px !important;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  #single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {
    font-size: 16px !important;
    line-height: 36px;
  }
}
@media (max-width: 480px) {
  #single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {
    font-size: 18px !important;
    line-height: 24px;
    padding-bottom: 11px;
    position: relative;
    padding-left: 2em;
    text-indent: -2.4em;
  }
}
@media (max-width: 420px) {
  #single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {
    font-size: 16px !important;
    text-indent: -2.5em;
  }
}
@media (min-width: 1821px) {
  #single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {
    line-height: 47px;
    font-size: 20px;
  }
}
#single-fold-control-banner ul li::before, #single-fold-horizontal-control-banner ul li::before {
  content: url("https://cdn.syncfusion.com/content/images/FTControl/Angular/bullet.svg");
  position: relative;
  top: 8px;
  padding-right: 1em;
}
#single-fold-control-banner #download-now-button, #single-fold-horizontal-control-banner #download-now-button {
  padding: 9px 32px;
  text-transform: uppercase;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  background: #0073DC;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 16px;
  border: 2px solid #0073DC;
}
@media (min-width: 1821px) {
  #single-fold-control-banner #download-now-button, #single-fold-horizontal-control-banner #download-now-button {
    letter-spacing: 0.1px;
    padding: 10px 34px;
    font-size: 18px;
  }
}
@media (max-width: 1260px) {
  #single-fold-control-banner #download-now-button, #single-fold-horizontal-control-banner #download-now-button {
    display: inline-block;
    margin-bottom: 0 !important;
    margin-left: 0;
    max-width: 233px;
  }
}
@media (max-width: 420px) {
  #single-fold-control-banner #download-now-button, #single-fold-horizontal-control-banner #download-now-button {
    width: 100%;
    margin-bottom: 1em !important;
    display: block !important;
    max-width: 100%;
    margin: 0;
  }
}
#single-fold-control-banner #download-now-button .btn__text, #single-fold-horizontal-control-banner #download-now-button .btn__text {
  font-weight: 700;
}
#single-fold-control-banner #download-now-button:hover, #single-fold-horizontal-control-banner #download-now-button:hover {
  background-color: #0D98FF !important;
  border: 2px solid #0D98FF;
}
#single-fold-control-banner #buy-now-button, #single-fold-horizontal-control-banner #buy-now-button {
  padding: 9px 32px;
  text-transform: uppercase;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  border-radius: 6px;
  font-size: 16px;
  color: #0073DC;
  background: #FFFFFF !important;
  border: 2px solid #0073DC;
  margin-left: 1em;
}
@media (max-width: 420px) {
  #single-fold-control-banner #buy-now-button, #single-fold-horizontal-control-banner #buy-now-button {
    width: 100%;
    margin-bottom: 1em !important;
    margin-left: 0;
  }
}
@media (min-width: 1821px) {
  #single-fold-control-banner #buy-now-button, #single-fold-horizontal-control-banner #buy-now-button {
    letter-spacing: 0.1px;
    padding: 10px 34px;
    font-size: 18px;
  }
}
#single-fold-control-banner #buy-now-button .btn__text, #single-fold-horizontal-control-banner #buy-now-button .btn__text {
  font-weight: 700;
}
#single-fold-control-banner #buy-now-button:hover, #single-fold-horizontal-control-banner #buy-now-button:hover {
  border: 2px solid #0D98FF;
  color: #0D98FF;
}

@media (min-width: 1821px) and (max-width: 1950px) {
  #single-fold-control-banner {
    padding: 6em 0;
    background-size: auto 120%;
  }
}
@media (max-width: 1261px) {
  #single-fold-control-banner {
    background-size: auto 120% !important;
  }
}
@media (max-width: 991px) {
  #single-fold-control-banner {
    background-size: auto auto;
    background-position: left top;
  }
}
@media (min-width: 1950px) {
  #single-fold-control-banner {
    padding: 6em 0;
    background-size: auto auto;
  }
}
@media (max-width: 480px) {
  #single-fold-control-banner {
    padding: 3em 2em;
  }
}
@media (max-width: 420px) {
  #single-fold-control-banner {
    padding: 3em 1em;
  }
}

.get-package {
  padding: 9px 20px !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
  #single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {
    font-size: 30px !important;
    margin-bottom: 15px;
    margin-top: 20px;
    line-height: 37px;
  }
  #single-fold-control-banner ul, #single-fold-horizontal-control-banner ul {
    margin-bottom: 1.7em;
  }
  #single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {
    margin-bottom: 3px;
  }
}
@media (min-width: 1261px) and (max-width: 1820px) {
  #single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {
    font-size: 30px;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  #single-fold-control-banner ul, #single-fold-horizontal-control-banner ul {
    margin-bottom: 1em;
  }
}
iframe.lazy-iframe:not(.loaded) {
  background-image: url(https://cdn.syncfusion.com/content/images/FTControl/common/iframe-loader-v1.svg);
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: none !important;
  background-size: 48px;
}

#single-column-link-segment {
  background: #252532;
  padding: 4em 0 4em 0;
}
#single-column-link-segment h2 {
  font-size: 30px;
  color: #FFFFFF;
  letter-spacing: 0.16px;
  text-align: center;
  line-height: 44px;
  margin: 0 14%;
  font-weight: 500;
  margin-bottom: 1em;
}
@media (max-width: 492px) {
  #single-column-link-segment h2 {
    margin: 0 0 15px 0;
  }
}
#single-column-link-segment .download-now-button {
  font-weight: 600;
  font-size: 16px;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  background: #0073DC;
  border-radius: 6px;
  color: #FFFFFF;
  margin: 5px;
  padding: 10px 18px;
}
#single-column-link-segment .download-now-button:hover {
  background-color: #2384e4;
}
#single-column-link-segment .read-now-button {
  font-weight: 600;
  font-size: 16px;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  border-color: #FFFFFF;
  border-radius: 6px;
  color: #FFFFFF;
  margin: 20px;
  padding: 10px 24px;
}
#single-column-link-segment .read-now-button span:first-child {
  top: 2px;
}
#single-column-link-segment .read-now-button:hover {
  background-color: #FFFFFF;
}
#single-column-link-segment .read-now-button:hover .btn__text {
  color: #333;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  10% {
    opacity: 0.1;
  }
  20% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.6;
  }
  70% {
    opacity: 0.7;
  }
  90% {
    opacity: 0.8;
  }
  90% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  10% {
    opacity: 0.1;
  }
  20% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.6;
  }
  70% {
    opacity: 0.7;
  }
  90% {
    opacity: 0.8;
  }
  90% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.9;
  }
  20% {
    opacity: 0.8;
  }
  30% {
    opacity: 0.7;
  }
  40% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.4;
  }
  70% {
    opacity: 0.3;
  }
  90% {
    opacity: 0.2;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.9;
  }
  20% {
    opacity: 0.8;
  }
  30% {
    opacity: 0.7;
  }
  40% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.4;
  }
  70% {
    opacity: 0.3;
  }
  90% {
    opacity: 0.2;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

.animated {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.video-banner {
  overflow: hidden;
}
.video-banner .right-section-image {
  width: 900px;
  height: 500px;
  max-width: inherit;
  margin-left: 0 !important;
}
.video-banner #lottie, .video-banner #ripple {
  background-color: transparent;
  width: 165px;
  height: 165px;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
  position: absolute;
  top: 37.5%;
  left: 70%;
}
.video-banner #lottie svg, .video-banner #ripple svg {
  pointer-events: none;
}
.video-banner .modal.fade {
  opacity: 1;
  z-index: 100001;
  background: rgba(0, 0, 0, 0.5);
  top: 0px;
}
.video-banner .modal.fade .modal-dialog {
  transform: translate(0);
  margin-top: 30px !important;
}
.video-banner .modal-dialog {
  position: relative;
  display: table;
  overflow-y: hidden;
  overflow-x: hidden;
  width: 1100px;
  height: 620px;
}
.video-banner .banner-heading {
  font-size: 36px;
  line-height: 50px;
  margin-bottom: 30px !important;
}
.video-banner ul li {
  font-size: 18px;
  line-height: 31px;
}
.video-banner #framework-content .support-content {
  font-size: 16px;
}
.video-banner #download-now-button {
  display: inline-block;
  padding: 9px 32px !important;
  text-transform: uppercase;
  border-radius: 4.32px !important;
}
.video-banner #download-now-button:hover {
  background-color: #0487FF !important;
  border: 2px solid #0487FF !important;
  opacity: 1 !important;
}
.video-banner #buy-now-button {
  padding: 9px 32px;
  text-transform: uppercase;
  transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  border-radius: 6px;
  font-size: 16px;
  color: #0073DC;
  background: #FFFFFF !important;
  border: 2px solid #0073DC;
  margin-left: 1em;
  vertical-align: top;
}
@media (max-width: 420px) {
  .video-banner #buy-now-button {
    width: 100%;
    margin-bottom: 1em !important;
    margin-left: 0;
    max-width: 150px;
  }
}
@media (min-width: 1821px) {
  .video-banner #buy-now-button {
    letter-spacing: 0.1px;
    padding: 9px 32px;
    font-size: 16px;
  }
}
.video-banner #buy-now-button .btn__text {
  font-weight: 700;
}
.video-banner #buy-now-button:hover {
  border: 2px solid #0487FF;
  background: #0487FF !important;
  color: #FFFFFF;
}
@media (min-width: 1920px) {
  .video-banner .modal-dialog {
    width: 1522px;
    height: 857px;
  }
  .video-banner .banner-heading {
    font-size: 46px !important;
    line-height: 59px !important;
    margin-bottom: 40px !important;
  }
  .video-banner ul {
    margin-bottom: 40px !important;
  }
  .video-banner ul li {
    font-size: 18px !important;
    line-height: 31px !important;
  }
  .video-banner #framework-content .support-content {
    font-size: 16px !important;
  }
  .video-banner .right-section-image {
    margin-top: 125px !important;
  }
  .video-banner #lottie, .video-banner #ripple {
    left: 75%;
    top: 45%;
  }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  .video-banner .modal-dialog {
    width: 975px;
    height: 550px;
  }
  .video-banner .banner-heading {
    font-size: 33px !important;
    line-height: 42px !important;
  }
  .video-banner ul li {
    font-size: 14px !important;
    line-height: 26px !important;
  }
  .video-banner #framework-content .support-content {
    font-size: 12px !important;
    line-height: 14px !important;
  }
  .video-banner .right-section-image {
    margin-top: 35px !important;
  }
  .video-banner #lottie, .video-banner #ripple {
    left: 60%;
    top: 35%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .video-banner .modal-dialog {
    width: 764px;
    height: 432px;
  }
  .video-banner .banner-heading {
    font-size: 33px !important;
    line-height: 42px !important;
  }
  .video-banner ul li {
    font-size: 14px !important;
    line-height: 22px !important;
  }
  .video-banner #framework-content .support-content {
    font-size: 12px !important;
    line-height: 14px !important;
  }
  .video-banner #lottie, .video-banner #ripple {
    left: 55%;
    top: 40%;
  }
}
@media (min-width: 601px) and (max-width: 768px) {
  .video-banner .modal-dialog {
    width: 590px !important;
    height: 333px !important;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .video-banner .modal-dialog {
    width: 476px;
    height: 269px;
  }
  .video-banner .banner-heading {
    font-size: 33px !important;
    line-height: 42px !important;
  }
  .video-banner ul li {
    font-size: 14px !important;
    line-height: 22px !important;
  }
  .video-banner #framework-platforms {
    margin-left: 10px;
  }
  .video-banner #framework-content .support-content {
    font-size: 12px !important;
    line-height: 14px !important;
  }
  .video-banner #download-now-button {
    margin-left: 0 !important;
  }
  .video-banner #strip-segment {
    margin-left: -10px !important;
  }
}
@media (max-width: 480px) {
  .video-banner .modal-dialog {
    width: 400px;
    height: 226px;
  }
  .video-banner .banner-heading {
    font-size: 33px !important;
    line-height: 42px !important;
  }
  .video-banner ul li {
    font-size: 14px !important;
    line-height: 22px !important;
  }
  .video-banner #framework-platforms {
    margin-left: 10px;
  }
  .video-banner #framework-content .support-content {
    font-size: 12px !important;
    line-height: 14px !important;
  }
  .video-banner #download-now-button {
    margin-left: 0 !important;
  }
  .video-banner #strip-segment {
    margin-left: -10px !important;
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
    .modal.fade .modal-dialog {
        margin-top: 50px !important;
    }
 }
@media (max-width: 375px) {
  .video-banner .modal-dialog {
    width: 360px;
    height: 204px;
  }
}
@media (max-width: 320px) {
  .video-banner .modal-dialog {
    width: 310px;
    height: 175px;
  }
}
.video-banner .vertical-alignment-helper {
  display: flex;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.video-banner .vertical-align-center {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
  top: -40px;
}
.video-banner .modal-content {
  background-color: transparent !important;
  width: inherit;
  max-width: inherit;
  height: inherit;
  margin: 0 auto;
  pointer-events: all;
}
.video-banner .modal-body {
  padding: 0 !important;
  height: 100%;
  background: #000000;
}
.video-banner .close {
  opacity: 1 !important;
  margin-right: 20px;
  margin-top: 60px;
}
.video-banner .close:hover {
  opacity: 0.5 !important;
}
.video-banner #modalCloseIcon {
  width: 40px;
  height: 40px;
}
.video-banner #videoFrame {
  width: 100%;
  height: 100%;
}
.video-banner #overviewVideo {
  color: #0073DC;
  text-align: left;
  padding-bottom: 20px;
  display: none;
}
.video-banner #overviewVideo:hover {
  color: #0487FF;
  cursor: pointer;
}
.video-banner #overviewVideo span {
  text-decoration: underline;
  font-size: 16px;
  vertical-align: text-bottom;
  line-height: 40px;
}
@media (min-width: 769px) {
  .video-banner #overviewVideo {
    display: none;
  }
}
@media (max-width: 768px) and (min-width: 320px) {
  .video-banner #overviewVideo {
    display: table-cell;
  }
}
.video-banner #playImage {
  height: 32px;
  width: 32px;
  margin-right: 14px;
  display: inline-block;
  background-size: contain !important;
  background: url("https://cdn.syncfusion.com/content/images/FT/Banners/play-button.png");
}
.video-banner #playImage:hover {
  background: url("https://cdn.syncfusion.com/content/images/FT/Banners/play-button-hover.png");
}
.video-banner #hoverElement {
  height: 88px;
  width: 88px;
  position: absolute;
  top: 23%;
  left: 24%;
  z-index: 1;
  border-radius: 60px;
  background: transparent;
}
.video-banner #hoverElement:hover {
  cursor: pointer;
}

.modal-open .modal {
  overflow-y: hidden !important;
}

@media (max-width: 1260px) {
  #control-banner-content #dot-net-support-section {
    padding-top: 10px;
  }
  #whitebackground #dot-net-support-section {
    padding-top: 70px;
  }
}
@media (max-width: 1200px) {
  #control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {
    margin-left: 35%;
  }
}
@media (max-width: 991px) {
  #control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {
    margin-left: 30.5%;
  }
}
@media (max-width: 768px) {
  #control-banner-content #dot-net-support-section, #whitebackground #dot-net-support-section {
    padding-left: 17px;
  }
  #control-banner-content #dot-net-support-section .vs-icon-container .vs-image-container, #whitebackground #dot-net-support-section .vs-icon-container .vs-image-container {
    margin-top: -1px;
  }
  #control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {
    width: 30px;
    height: 30px;
    padding: 6px;
    position: absolute;
    margin-top: 7px;
    margin-left: 33.5%;
  }
  #control-banner-content #no-banner-dot-net-support-section .vs-icon-container .vs-image-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container .vs-image-container {
    margin-top: -1.5px;
  }
  #control-banner-content #no-banner-dot-net-support-section .dot-net-support-text, #whitebackground #no-banner-dot-net-support-section .dot-net-support-text {
    font-size: 12px;
    padding-left: 35px;
  }
}
@media (max-width: 700px) {
  #control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {
    margin-left: 30%;
  }
}
@media (max-width: 575px) {
  #control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {
    margin-left: 25%;
  }
}
@media (max-width: 460px) {
  #control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {
    margin-left: 21%;
  }
}
@media (max-width: 400px) {
  #control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {
    margin-left: 17%;
  }
}
@media (max-width: 350px) {
  #control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {
    margin-left: 12%;
  }
}
@media (max-width: 342px) {
  #control-banner-content #dot-net-support-section {
    padding-top: 60px;
  }
  #whitebackground #dot-net-support-section {
    padding-top: 128px;
  }
  #whitebackground #dot-net-support-section .dot-net-support-text {
    padding-bottom: 40px;
  }
  #whitebackground #dot-net-support-section.support-section-pt-resize {
    padding-top: 70px;
  }
}
@media (min-width: 1025px) {
  #control-content .highlight .prettyprint .linenums::-webkit-scrollbar {
    width: 8px;
  }
}
#control-content .highlight .prettyprint .linenums::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
#control-content .highlight .prettyprint .linenums::-webkit-scrollbar-thumb {
  background-color: #405268;
  border-radius: 6px;
}
#control-content .highlight .prettyprint .linenums::-webkit-scrollbar-corner {
  background-color: transparent;
}

.featuretour-markdown.themes-section {
  padding: 0em 0 0em 0;
}
.featuretour-markdown.themes-section .iframe-slider {
  margin-top: -26px;
}
.featuretour-markdown.themes-section .iframe-slider iframe, .featuretour-markdown.themes-section .iframe-slider imag {
  visibility: hidden;
  max-height: 0;
  width: 100%;
}
.featuretour-markdown.themes-section .iframe-slider iframe:first-child, .featuretour-markdown.themes-section .iframe-slider img:first-child {
  max-height: 750px;
  visibility: visible;
}
.featuretour-markdown.themes-section .iframe-slider:first-child {
  margin-top: 0px;
}
.featuretour-markdown.themes-section .mobile-accordion .accordion {
  min-height: unset !important;
}
.featuretour-markdown.themes-section .accordion {
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
}
.featuretour-markdown.themes-section .accordion .accordion__title.ui-state-active {
  color: #0073DC !important;
  border: none !important;
}
.featuretour-markdown.themes-section .accordion .accordion__title {
  opacity: 1;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  background: transparent;
  padding: 16px 0;
  font-weight: 700;
  font-size: 20px;
  color: #1A1A1A;
  border-bottom: 1px solid #DBDBDB !important;
  outline: none !important;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
}
.featuretour-markdown.themes-section .accordion .accordion__title:hover {
  color: #0073DC;
}
@media (max-width: 767px) {
  .featuretour-markdown.themes-section .accordion .accordion__title {
    padding: 1em 0;
  }
}
.featuretour-markdown.themes-section .accordion .accordion__title::before {
  display: none;
}
.featuretour-markdown.themes-section .accordion .accordion__title span {
  display: none;
}
.featuretour-markdown.themes-section .accordion .accordion__content {
  border: none;
  padding: 0;
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 1em;
}
.featuretour-markdown.themes-section .accordion .accordion__content .lead {
  padding: 0;
  font-size: 14px;
  color: #1a1a1a;
  font-weight: 600;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .featuretour-markdown.themes-section .accordion .accordion__content .lead {
    font-size: 14px;
  }
}
.featuretour-markdown.themes-section .accordion .accordion__content .block {
  display: block;
}
.featuretour-markdown.themes-section .accordion .accordion__title:nth-last-child(2) {
  border-bottom: none !important;
}
.featuretour-markdown.themes-section .accordion .accordion__content:last-child {
  border-bottom: none !important;
}
.featuretour-markdown.themes-section .accordion .active .accordion__title {
  color: #0073DC;
}
.featuretour-markdown.themes-section .accordion .active .accordion__content {
  max-height: 700px;
  border-bottom: 1px solid #DBDBDB;
}
.featuretour-markdown.themes-section .accordion .active .accordion__content iframe, .featuretour-markdown.themes-section .accordion .active .accordion__content img {
  display: block !important;
}
.featuretour-markdown.themes-section ul li {
  list-style: none;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #DBDBDB;
}
.featuretour-markdown.themes-section .row h2 {
  font-size: 33px;
  color: #1A1A1A;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 1.5em;
  font-weight: 700;
}
.featuretour-markdown.themes-section .chart-type-link {
  text-align: right;
  margin-top: 1em;
  margin-right: 6em;
}
.featuretour-markdown.themes-section .chart-type-link a {
  font-size: 18px;
}
.featuretour-markdown.themes-section .chart-type-link a::after {
  content: " →";
}
.featuretour-markdown.themes-section .chart-type-link.mobile-link {
  margin: 0 0 2em 1em !important;
}
@media (max-width: 767px) {
  .featuretour-markdown.themes-section {
    padding: 4em 0 3em 0;
  }
  .featuretour-markdown.themes-section h2 {
    font-size: 24px !important;
    margin-bottom: 5px !important;
  }
  .featuretour-markdown.themes-section .chart-type-link a {
    font-size: 14px;
  }
}

#featuretour-markdown #control-content .multi-col-contents {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .video-banner .close {
    margin-right: 15%;
  }
  .video-banner .modal-content{
      width:80%;
      height:80%;
      margin-top: 12px;
   }

}
@media (max-width: 767px) {
  .video-banner #modalCloseIcon {
    width: 25px;
    height: 25px;
  }
  .video-banner .close {
    margin-right: 2px;
  }
}
#lottie {
  background-image: url(https://cdn.syncfusion.com/content/images/FT/blue-hover-button.svg);
}

@media (min-width: 2559px) {
  .video-banner .close {
    margin-right: 24%;
  }
}
@media (max-width: 991px) {
  #ft-control-list #ft-control-platform .tabs-container .tabs-content .section-list .list-items.controldiv {
    width: unset !important;
  }
}
@media (max-width: 1200px) and (min-width: 820px) {
  #ft-control-list #ft-control-platform .tabs-container .tabs-content .section-list, #ft-control-list #ft-control-platform .tabs-container .tabs-content .list-items.controldiv, #ft-control-list #ft-control-platform .tabs-container .tabs-content .tab__content {
    width: 170px !important;
  }
}
.supporting-frameworks-and-browsers {
  background: #f8fafc;
}

.featuretour-markdown .supporting-frameworks-browsers {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  padding-left: 0px !important;
}
.featuretour-markdown .supporting-frameworks-browsers .two-col-content {
  box-sizing: border-box;
  width: 517px !important;
  height: auto !important;
  background: #fff;
  box-shadow: 0 0 10px rgba(226, 232, 240, 0.75), 0 10px 12px #e2e8f0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 24px;
  padding: 32px !important;
}
.featuretour-markdown .supporting-frameworks-browsers .two-col-content ul {
  margin: 10px -20px 0px 0 !important;
}
.featuretour-markdown .supporting-frameworks-browsers .two-col-content ul a {
  padding: 10px 0 0 60px !important;
  position: absolute;
  display: flex;
  align-items: center;
  width: 220px !important;
  height: 42px;
}
.featuretour-markdown .supporting-frameworks-browsers .two-col-content ul img, .featuretour-markdown .supporting-frameworks-browsers .two-col-content ul a object {
  position: absolute !important;
  padding: 0 !important;
  margin-top: 10px !important;
  margin-left: -7px !important;
  width: 50px;
  height: 50px;
}
.featuretour-markdown .supporting-frameworks-browsers .two-col-content li {
  width: 54px;
  height: 54px;
  display: inline-flex !important;
  margin: 24px 175px 0 0px !important;
}
.featuretour-markdown .supporting-frameworks-browsers .two-col-content li a {
  color: #0057ff;
}
.featuretour-markdown .supporting-frameworks-browsers .two-col-content li a:hover {
  color: #0450c2;
}
.featuretour-markdown .supporting-frameworks-browsers .two-col-content p img, .featuretour-markdown .supporting-frameworks-browsers .two-col-content p object {
  padding-top: 10px !important;
  height: 70%;
  width: 70%;
}
.featuretour-markdown .supporting-frameworks-browsers .two-col-content h2 {
  font-size: 24px !important;
}

@media (min-width: 1000px) and (max-width: 1200px) {
  .featuretour-markdown .supporting-frameworks-browsers {
    width: auto !important;
    margin-left: auto;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content {
    width: 432px !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content li {
    margin: 10px 162px 0 0px !important;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content p img, .featuretour-markdown .supporting-frameworks-browsers .two-col-content p object {
    padding: 60px 0 0 0 !important;
    width: 100%;
  }
}
@media (min-width: 550px) and (max-width: 1000px) {
  .featuretour-markdown .supporting-frameworks-browsers {
    width: auto !important;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content {
    width: 520px !important;
    height: auto !important;
    justify-content: center;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content li {
    margin: 15px 180px 10px -5px !important;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content p {
    margin: 0 14px 0 0px !important;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content p img, .featuretour-markdown .supporting-frameworks-browsers .two-col-content p object {
    width: 80%;
  }
}
@media (min-width: 300px) and (max-width: 550px) {
  .featuretour-markdown .supporting-frameworks-browsers {
    width: auto !important;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content {
    width: 310px !important;
    height: auto !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content li {
    margin: 5px 171px 0 0px !important;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content p {
    margin: 0px 14px 0px 0px !important;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content p img, .featuretour-markdown .supporting-frameworks-browsers .two-col-content p object {
    padding-bottom: 0px !important;
    width: 100%;
  }
  .featuretour-markdown .supporting-frameworks-browsers .two-col-content h2 {
    padding-right: 20px;
  }
}
#featuretour-markdown .code-snippet-tabs .nav-tabs .preview-button {
  float: right;
  background: #1A68FF;
  border: 1px solid #1A68FF;
  border-radius: 6px;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
}

#featuretour-markdown .code-snippet-tabs .nav-tabs .preview-button:hover {
  background: #0050EB;
}

.iframe-loader {
  height: 185px;
}

#_waiting-popup_ img {
  left: 549.333px !important;
}

#featuretour-markdown .code-snippet-tabs .nav-tabs .preview-button .run-preview-icon {
  display: inline;
  margin: -2px 8px 0px 0px !important;
}

#featuretour-markdown .iframe-preview-link {
  display: none;
}

#featuretour-markdown .code-snippet-tabs .tab-content .code-snippet-preview-section {
  display: none;
  justify-content: center;
  margin-top: 16px;
  flex-direction: column;
}

#featuretour-markdown .code-snippet-tabs .tab-content .code-snippet-preview-section .iframe-close-button {
  margin-left: 98%;
  margin-bottom: 16px;
}

@media (max-width: 280px) {
  #featuretour-markdown .code-snippet-tabs .nav-tabs .preview-button {
    margin: 11px 34px 3px -42px;
    font-size: 14px !important;
  }
}
@media (max-width: 320px) {
  #featuretour-markdown .code-snippet-tabs .nav-tabs .preview-button {
    font-size: 12px;
  }
}
#popular-controls-section {
  padding-top: 4em;
}
#popular-controls-section .circular-charts .link-section {
  margin: 5px 35px;
}
#popular-controls-section .link-section {
  margin: 20px auto;
}
#popular-controls-section .link-section a {
  display: inline-block;
  max-width: 75%;
  vertical-align: middle;
  font-size: 18px;
  color: #1A1A1A;
  letter-spacing: 0.1px;
}
#popular-controls-section .link-section a:hover {
  color: #0073DC;
}
#popular-controls-section .link-section img {
  display: inline-block;
  max-width: 25%;
  margin: 0px;
}
#popular-controls-section .popular-control-sub-heading {
  width: 80%;
  margin: 0 auto 1em;
  text-align: center;
}
#popular-controls-section .explore-controls {
  text-align: center;
}
#popular-controls-section .explore-controls a {
  font-size: 18px;
  color: #0073DC;
  letter-spacing: 0.1px;
  line-height: 33px;
}
#popular-controls-section .explore-controls a svg {
  display: inline-block;
  position: relative;
  top: 6px;
  margin-left: 2px;
}
#popular-controls-section h2 {
  font-size: 33px;
  color: #1A1A1A;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700;
  line-height: 44px;
  width: 55%;
  margin: 0 auto 1em;
}

@media (min-width: 480px) {
  #popular-controls-section .circular-chart-list {
    text-align: center;
  }
}
@media (max-width: 300px) {
  #popular-controls-section .circular-chart-list {
    margin-left: 0px;
  }
  .circular-charts .link-section {
    margin: 5px 10px;
  }
}
.live-demo-horizontal {
  padding-top: 50px;
  padding-bottom: 70px;
}
.live-demo-horizontal .live-demo-btns {
  text-align: center;
}
.live-demo-horizontal .live-demo-btns .demo-btn {
  background-color: #879099;
  margin: 5px 15px 5px 0;
  padding: 6px 22px;
  color: #fff;
  border-radius: 27.5px;
  opacity: 0.9;
}
.live-demo-horizontal .live-demo-btns .demo-btn:hover {
  background-color: #0698FF;
}
.live-demo-horizontal .live-demo-btns .active-btn {
  background-color: #0273DC;
}
.live-demo-horizontal .demo-section {
  margin-top: 40px;
  margin-bottom: 10px;
  perspective: 1200px;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-animation: scaleUp 0.7s ease both;
  animation: scaleUp 0.7s ease both;
}
.live-demo-horizontal .demo-section .demo-heading {
  font-weight: bold;
  color: #111;
}
.live-demo-horizontal .demo-section .demo-description {
  text-align: left;
}
.live-demo-horizontal .demo-section .list-unstyled a {
  color: #0057FF;
}
.live-demo-horizontal .demo-section .list-unstyled a:hover {
  color: #0450c2;
}
.live-demo-horizontal .demo-section .list-unstyled a:after {
  content: " →";
}
.live-demo-horizontal .control-content .row h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 14px;
  color: #111;
}
.live-demo-horizontal .control-content .row p {
  font-weight: 500;
  line-height: 26px;
  font-size: 16px;
  color: #111;
}
.live-demo-horizontal .control-content .row p a {
  font-weight: 600;
  color: #0073DC !important;
}

.live-demo-horizontal:nth-child(odd) {
  background-color: #fff;
}

.live-demo-horizontal:nth-child(even) {
  background-color: #F5F9FD;
}

.grayishwhite-bg {
  background-color: #f9f9f9;
}

@media (max-width: 1000px) {
  .live-demo-horizontal .demo-section .demo-heading {
    padding-top: 25px;
  }
}
#featuretour-markdown .code-snippet-tabs .nav-tabs .code-editor-link {
  color: #0057ff;
  padding: 6px 0px;
  float: right;
  font-weight: 600;
  text-transform: none;
  font-size: 14px;
  display: flex;
}

#featuretour-markdown .code-snippet-tabs .nav-tabs .code-editor-link:hover {
  color: #0450c2;
}

#featuretour-markdown .code-snippet-tabs .nav-tabs .code-editor-link .editor-icon {
  margin-right: 5px !important;
  display: inline-block;
  transform: scaleX(-1);
}

#featuretour-markdown #control-content #code-editor {
  display: none;
}

@media (max-width: 520px) {
  #control-content .ft-one-column #code-snippet-1 .nav-tabs {
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
  }
  #featuretour-markdown .code-snippet-tabs .nav-tabs .code-editor-link {
    margin: 10px 0 0 !important;
    display: block;
  }
  #control-content .ft-one-column #code-snippet-1 ul li {
    display: flex;
  }
  #control-content .ft-one-column #code-snippet-1 ul li:nth-child(2) a {
    margin: 10px 0px 0px -10px;
  }
}
/*static menu style*/
.control-static-menu {
  border: 1px solid #E1E9F7;
  background: #F4F8FF;
}

#control-static-menu #sub-menu ul {
  padding-top: 12px;
  margin-left: 49px;
}
#control-static-menu #sub-menu ul li a {
  margin-left: 13px;
  border-radius: 4px;
  border: 1px solid #0057FF;
  background: #0057FF;
  display: flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #FFFFFF !important;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.24px;
}
#control-static-menu #sub-menu ul li a:hover {
  background-color: #0050EB !important;
}
#control-static-menu #sub-menu ul li a:active {
  background-color: #0046CC !important;
}
#control-static-menu #sub-menu ul li #try-now-button {
  color: #0057FF !important;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.24px;
  border-radius: 4px;
  border: 1px solid #0057FF;
  background-color: transparent;
  display: inline-flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-left: 0px !important;
}
#control-static-menu #sub-menu ul li #try-now-button #try-now-button-static {
  color: #0057FF !important;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.24px;
  border-radius: 4px;
  border: 1px solid #0057FF;
  background-color: transparent;
  display: inline-flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-left: 0px !important;
}
#control-static-menu #sub-menu ul li #try-now-button:hover {
  color: #0057FF !important;
  border-radius: 4px;
  border: 1px solid #004DE0 !important;
  background-color: #E0ECFF !important;
}
#control-static-menu #sub-menu ul li #try-now-button-static:hover {
  color: #0057FF !important;
  border-radius: 4px;
  border: 1px solid #004DE0 !important;
  background-color: #E0ECFF !important;
}
#control-static-menu #sub-menu a#menu-item {
  margin-right: 28.5px;
  color: #1E293B !important;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  border: none;
  background: none;
  padding: 0;
  margin-left: 0;
}
#control-static-menu #sub-menu a#menu-item:hover {
  color: #0057FF !important;
  background: none !important;
}
#control-static-menu #sub-menu a#menu-item:active {
  color: #0046CC;
}
#control-static-menu .menu-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#control-static-menu .menu-toggle .icon-bar {
  background-color: #1E293B !important;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
#control-static-menu .menu-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media only screen and (max-width: 767px) {
  #control-static-menu #sub-menu ul li #try-now-button {
    width: 100% !important;
  }
  #control-static-menu #sub-menu ul li #try-now-button-static {
    width: 100% !important;
  }
  #control-static-menu #sub-menu ul li a {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1023px) {
  #control-static-menu .container {
    width: 100%;
  }
  #control-static-menu .menu-toggle {
    display: block !important;
    background-color: transparent !important;
  }
  #control-static-menu #sub-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    display: none;
  }
  #control-static-menu #sub-menu ul {
    margin-left: 0px !important;
    width: 100%;
  }
  #control-static-menu #sub-menu ul li #try-now-button {
    margin-top: 24px;
    margin-bottom: 6px;
  }
  #control-static-menu #sub-menu ul li #try-now-button-static {
    margin-top: 24px;
    margin-bottom: 6px;
  }
  #control-static-menu #sub-menu ul li a {
    margin-left: 0px;
    margin-bottom: 10px;
  }
  #control-static-menu #sub-menu ul li.hidden-xs {
    display: flex !important;
    padding: 0px 20px 0px 20px;
  }
  #control-static-menu #sub-menu a#menu-item {
    border-bottom: 1px solid #E1E9F7;
    background: #F4F8FF;
    width: 100%;
    float: left;
    padding: 10px 20px 10px 20px;
    justify-content: left;
  }
  #control-static-menu #menu.wrap {
    white-space: normal;
  }
  #control-static-menu #menu.nowrap {
    white-space: nowrap;
  }
  #control-static-menu .control-heading-section .bread-crumb {
    font-size: 14px;
    margin-left: 5px;
  }
}
@media only screen and (min-width: 1023px) {
  #control-static-menu .menu-toggle {
    display: none;
  }
  #control-static-menu #sub-menu {
    display: block !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  #control-static-menu #sub-menu a#menu-item {
    margin-right: 13px;
  }
  #control-static-menu #sub-menu ul {
    margin-left: 5px;
  }
  #control-static-menu #sub-menu ul li a {
    margin-left: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #control-static-menu #sub-menu ul li {
    justify-content: center;
  }
  #control-static-menu #sub-menu ul li #try-now-button {
    justify-content: center;
    width: 50%;
  }
  #control-static-menu #sub-menu ul li #try-now-button-static {
    justify-content: center;
    width: 50%;
  }
  #control-static-menu #sub-menu ul li a {
    width: 50%;
  }
}
@media (min-height: 500px) {
  #control-static-menu #sub-menu {
    max-height: calc(100vh - 70px);
    overflow: auto;
  }
}
.NoCreditCardContent {
  font-family: Open Sans;
  font-size: 13px !important;
  font-style: italic;
  font-weight: 400 !important;
  line-height: 22px;
  letter-spacing: 0em;
  color: #ffffff;
}

.download-button-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

@media only screen and (min-width: 1200px) {
  .download-button-info {
    margin-top: 30px;
    margin-left: 40px;
  }
}
.content-align {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1200px) {
  .content-align {
    display: flex;
    flex-direction: column;
  }
}
/*static menu style end*/
.animatedBannerImage .right-section-animated-image {
  width: 600px;
  height: 500px;
}

@media (max-width: 768px) {
  .animatedBannerImage .right-section-animated-image {
    display: none;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .animatedBannerImage .right-section-animated-image {
    width: 500px;
    height: 500px;
  }
}
@media (max-width: 1023px) and (min-width: 769px) {
  .video-banner .ft-video-banner-height #overviewVideo {
    display: block !important;
  }
}
@media (max-width: 320px) {
  #control-banner-content.popular-banner {
    background-size: cover !important;
  }
  #control-banner-content h2.NoCreditCardMobileFTControl {
    margin: 73px 0 10px 15px;
  }
}
#control-banner-content.video-banner .animatedBannerImage.ft-video-banner-height {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 55%;
}

@media (max-width: 1023px) {
  #control-banner-content.video-banner .animatedBannerImage .banner-image-segment {
    display: none !important;
  }
  #control-banner-content.video-banner .animatedBannerImage.ft-video-banner-height {
    height: auto !important;
  }
  .video-banner .ft-video-banner-height {
    height: auto !important;
  }
}

#control-banner-content.video-banner .banner-image-segment {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 500px;
}

#control-banner-content.video-banner .banner-image-segment #lottie {
  position: absolute;
  left: unset !important;
  top: unset !important;
}

#control-banner-content.video-banner .banner-image-segment .right-section-image {
  width: auto !important;
  height: auto !important;
  margin-top: 0px !important;
}

@media (max-width: 768px) and (min-width: 700px) {
  .animatedBannerImage .close {
    margin-right: 80px !important;
  }
}
@media (min-width: 601px) and (max-width: 768px) {
     .video-banner #modalCloseIcon {
     margin-right: 5px;
   }
}
#control-banner-content.video-banner #download-now-button:hover {
  opacity: 0.8 !important;
  color: #000;
  background-color: #fff !important;
  border: 1px solid #fff !important;
}

#control-banner-content.video-banner #download-now-button {
  border: 1px solid #fff !important;
}

#control-banner-content.video-banner #buy-now-button {
  color: #fff !important;
  border: 1px solid #fff !important;
  background: none !important;
}

#control-banner-content.video-banner #buy-now-button:hover {
  opacity: 1 !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #fff !important;
}

@media (max-width: 420px) {
  #control-banner-content.video-banner h2#NocreditDesktopContent {
    margin: -10px 0 10px 5px !important;
  }
  #control-banner-content.video-banner.list-template .banner-heading {
    margin-top: 21px !important;
  }
  #whitebackground.video-banner #buy-now-button,
  #control-banner-content.video-banner #buy-now-button {
    margin-left: 16px;
    padding: 9px;
  }
}
#control-banner-content.video-banner #overviewVideo {
  color: #fff;
}

@media (max-width: 320px) {
  .video-banner #buy-now-button {
    margin-left: 0 !important;
  }
}
@media (max-width: 768px) {
  #control-banner-content.video-banner h2#NocreditDesktopContent {
    margin: 5px 0 10px 0;
  }
}
@media (max-width: 1260px) and (min-width: 780px) {
  #control-banner-content.video-banner h2#NocreditDesktopContent {
    margin: 5px 0 10px 8px !important;
  }
}
@media (min-width: 1920px) {
  .video-banner .banner-heading {
    margin-top: 60px !important;
  }
  .ft-image-support h1 {
    margin-top: 46px !important;
  }
}
@media (max-width: 1024px) and (min-width: 992px) {
  .ft-image-support h1 {
    margin-top: 90px !important;
  }
}
@media (max-width: 768px) {
  #control-banner-content .ft-video-banner-height #dot-net-support-section {
    padding: 10px 0px 0px;
  }
  #control-banner-content .ft-video-banner-height #dot-net-support-section .dot-net-support-text {
    padding-bottom: 25px;
  }
}
@media (max-width: 992px) {
  .animatedBannerImage.ft-image-support {
    display: none;
  }
}
.align-animated-image {
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .align-animated-image object {
    width: auto !important;
    height: auto !important;
  }
}

.bannerButtons-freetrial-viewdemo .view-demo-dropdown {
  background-color: transparent;
  color: #0057FF;
  font-weight: 700;
}

.bannerButtons-freetrial-viewdemo .view-demo-dropdown svg {
  margin-left: 6px;
  margin-bottom: 2px;
}

.bannerButtons-freetrial-viewdemo .dropdown-toggle:focus {
  outline: 0;
}

.bannerButtons-freetrial-viewdemo .dropdown.open .view-demo-dropdown svg path,
.bannerButtons-freetrial-viewdemo .view-demo-dropdown:hover svg path {
  stroke: #FFFFFF;
}

.bannerButtons-freetrial-viewdemo .view-demo-dropdown:active {
  box-shadow: none;
}

bannerButtons-freetrial-viewdemo .view-demo-dropdown:focus-visible {
  outline: 0;
}

@media (max-width: 992px) and (min-width: 383px) {
  .bannerButtons-freetrial-viewdemo .dropdown-view-demo .view-demo-dropdown {
    font-size: 12px;
  }
  .bannerButtons-freetrial-viewdemo .view-demo-dropdown svg {
    width: 13px;
  }
  .bannerButtons-freetrial-viewdemo .dropdown-item {
    font-size: 12px;
    padding: 12.5px 15px;
  }
  .bannerButtons-freetrial-viewdemo .dropdown-item .export-icon {
    width: 12px;
    height: 12px;
    margin-left: 5px;
  }
}
@media (max-width: 340px) {
  .bannerButtons-freetrial-viewdemo .view-demo-dropdown {
    margin: 15px 0 0;
  }
  .bannerButtons-freetrial-viewdemo .dropdown-menu {
    left: 0;
  }
}
.bannerButtons-freetrial-viewdemo .dropdown-menu {
  width: -moz-max-content;
  width: max-content;
  min-width: unset;
  margin: 4px 0 0;
  left: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}

.bannerButtons-freetrial-viewdemo .dropdown-menu .export-icon {
  width: 14px;
  height: 14px;
  margin-left: 12px;
  margin-bottom: -2px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(https://cdn.syncfusion.com/content/images/FT/Blazor/export-icon.svg);
}

.dropdown-view-demo .dropdown-menu-alignment {
  margin-left: 7px;
}

@media (max-width: 1023px) and (min-width: 768px) {
  .dropdown-view-demo .dropdown-menu-alignment {
    margin-left: 11px;
  }
}
.bannerButtons-freetrial-viewdemo .dropdown-item {
  padding: 12.5px 25px 12.5px 20px;
  color: #334155;
  font-weight: 600;
  display: block;
}

.bannerButtons-freetrial-viewdemo .dropdown-item:hover {
  background-color: #F1F5F9;
}

@media (max-width: 383px) {
  .bannerButtons-freetrial-viewdemo .view-demo-dropdown {
    font-size: 10px;
  }
  .bannerButtons-freetrial-viewdemo .view-demo-dropdown svg {
    width: 10px;
    height: 6px;
  }
  .bannerButtons-freetrial-viewdemo .dropdown-item {
    font-size: 10px;
    padding: 12.5px 15px;
  }
  .bannerButtons-freetrial-viewdemo .dropdown-item .export-icon {
    width: 10px;
    height: 10px;
    margin-left: 5px;
  }
}
@media (max-width: 340px) {
  .Banner-button-wrapper {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .dropdown-view-demo .dropdown-menu-alignment {
    margin-left: 3px;
  }
}
.bannerButtons-freetrial-viewdemo .dropdown.open .view-demo-dropdown {
  background-color: #3278ff !important;
  color: #fff !important;
  border: 1.5px solid #3278ff;
}

#control-banner-content .excel-framework-view-demos-button:hover,
#control-banner-content .word-framework-view-demos-button:hover,
#control-banner-content .powerpoint-framework-view-demos-button:hover,
#control-banner-content .pdf-framework-view-demos-button:hover {
  background-color: #3278ff !important;
  color: #FFFFFF;
}

.animatedBannerImage .right-section-animated-image {
  width: 600px;
  height: 500px;
}

.supporting-frameworks-and-browsers #control-content {
  margin-bottom: 50px;
}

.featuretour-markdown #control-content .supporting-frameworks-browsers .multi-col-contents .two-col-content {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.featuretour-markdown #control-content .supporting-frameworks-browsers .multi-col-contents .two-col-content li {
  padding-left: 0px !important;
}

#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content:not(.featuretour-markdown) #control-content .supporting-frameworks-browsers .multi-col-contents .two-col-content {
  padding-right: 50px !important;
}
#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content {
  padding-right: 50px !important;
}

img.PlaceholderFT {
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .banner-section-mh-resize #view-demos-now-button {
    float: unset;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .popular-banner.banner-section-mh-resize {
    min-height: 400px;
  }
}
.video-banner .banner-live-demo-active {
  position: relative;
  display: inline-block;
}
.video-banner .banner-live-demo-active .banner-live-demo-button {
  position: absolute;
  top: calc(50% + 35px);
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(92.69deg, #5A42D4 -10.27%, #8447EF 99.52%);
  box-shadow: 0px 4px 16px 0px rgba(106, 63, 211, 0.30196);
  color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.video-banner .banner-live-demo-button .banner-live-demo-icon {
  position: relative;
  bottom: 1px;
  left: 5px;
}
.video-banner .banner-live-demo-button:hover, .video-banner .banner-live-demo-button:focus, .video-banner .banner-live-demo-button:active {
  background: linear-gradient(92.5deg, #5A42D4 1.6%, #733DD2 99.55%);
  color: #fff;
  box-shadow: 0px 0px 24px 0px rgba(106, 63, 211, 0.30196);
}

#featuretour-markdown #control-content .overview-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#featuretour-markdown #control-content .overview-header-row #control-overview-video-link {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #1273dc;
  text-decoration: none;
  border: none;
  background-color: #fff;
}
#featuretour-markdown #control-content .overview-header-row #control-overview-video-link .overview-video-play-icon {
  width: 42px;
  height: 42px;
  position: relative;
  right: 6px;
  content: url("https://cdn.syncfusion.com/content/images/home-v1/home/home-playbutton-onload-V1.svg");
}
#featuretour-markdown #control-content .overview-header-row #control-overview-video-link .overview-video-arrow-icon {
  width: 15px;
  height: 15px;
  top: 1.5px;
  position: relative;
  content: url("https://cdn.syncfusion.com/content/images/FTControl/forward-arrow.svg");
}
#featuretour-markdown #control-content .overview-header-row #control-overview-video-link:hover {
  color: #0a98ff !important;
}
#featuretour-markdown #control-content .overview-header-row #control-overview-video-link:hover .overview-video-play-icon {
  content: url("https://cdn.syncfusion.com/content/images/home-v1/home/home-playbutton-hover-V1.svg");
}
#featuretour-markdown #control-content .overview-header-row #control-overview-video-link:hover .overview-video-arrow-icon {
  content: url("https://cdn.syncfusion.com/content/images/FTControl/forward-arrow-hover.svg");
}

@media (min-width: 769px) and (max-width: 1110px) {
  .video-banner .banner-live-demo-active .banner-live-demo-button {
    left: 34%;
  }
}
@media (max-width: 335px) {
  #featuretour-markdown #control-content .overview-header-row #control-overview-video-link .overview-video-arrow-icon {
    left: 7px;
  }
}
@media (min-width: 335px) {
  #featuretour-markdown #control-content .overview-header-row #control-overview-video-link .overview-video-arrow-icon {
    margin-left: 8px !important;
  }
}
@media (min-width: 1110px) and (max-width: 1200px) {
  .video-banner .banner-live-demo-active .banner-live-demo-button {
    left: 38%;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .video-banner .banner-live-demo-active .banner-live-demo-button {
    left: 40%;
  }
}
@media (min-width: 1300px) and (max-width: 1440px) {
  .video-banner .banner-live-demo-active .banner-live-demo-button {
    left: 45%;
  }
}
@media (max-width: 769px) {
  .video-banner .banner-live-demo-button {
    display: none;
  }
}
@media (max-width: 767px) {
  #featuretour-markdown #control-content .row .overview {
    font-size: 24px !important;
  }
  #featuretour-markdown #control-content .overview-header-row {
    margin-bottom: 5px;
  }
  #featuretour-markdown #control-content .overview-header-row #control-overview-video-link {
    font-size: 14px;
    position: relative;
    bottom: 2px;
  }
  #featuretour-markdown #control-content .overview-header-row #control-overview-video-link .overview-video-play-icon {
    display: none !important;
  }
  #featuretour-markdown #control-content .overview-header-row #control-overview-video-link .overview-video-arrow-icon {
    width: 14px;
    height: 14px;
  }
}
.video-banner .container{
 margin-bottom:20px !important;
 }
#featuretour-markdown #control-content .overview-header-row #overview-section-live-demo{
    background: #000;
    color: #fff !important;
    padding: 12px 26px 12px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height:19px;
}
#featuretour-markdown #control-content .overview-header-row #overview-section-live-demo:hover{
    background-color: #353935;
}
#featuretour-markdown #control-content .overview-header-row #overview-section-live-demo .live-demo-arrow-icon {
  width: 15px;
  height: 15px;
  top: 1px;
  left:8px;
  position: relative;
  content: url("https://cdn.syncfusion.com/content/images/FTControl/live-demo-forward-arrow.svg");
}
#featuretour-markdown #control-content .overview-header-row #overview-section-live-demo{
    display:inline-flex;
}
@media (max-width: 352px) {
 #featuretour-markdown #control-content .overview-header-row #overview-section-live-demo{
    margin-top:10px;
    margin-bottom:20px;
}
}
@media (min-width: 353px) and (max-width: 767px) {
 #featuretour-markdown #control-content .overview-header-row:has(#overview-section-live-demo){
    margin-bottom:20px !important;
}
}
@media (max-width: 767px) {
 #featuretour-markdown #control-content .overview-header-row #overview-section-live-demo{
    padding: 10px 20px 10px 14px;
    font-size: 14px;
 }
 #featuretour-markdown #control-content .overview-header-row #overview-section-live-demo .live-demo-arrow-icon {
        width: 14px;
        height: 14px;
    }
}

#ft-controllist #control-items {
    margin-left: 3% !important;
}
#ft-controllist .feature,
#ft-controllist .no-url-control {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    margin-bottom: 12px !important;
    line-height: 22px !important;
}
#ft-controllist .feature .ai-icon,
#ft-controllist .no-url-control .ai-icon {
    width: 16px;
    height: 16px;
    padding: 3px 0;
}
#ft-controllist .feature .ai-icon img,
#ft-controllist .no-url-control .ai-icon img {
    vertical-align: unset;
}
#ft-controllist .feature .link-content,
#ft-controllist .no-url-control .link-content {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    flex: 1;
}
#ft-controllist #ft-control-platform .section-list,
#ft-controllist #ft-control-platform .section-list ul,
#ft-controllist #ft-control-platform .section-list ul li {
    width: 220px !important;
}
#ft-controllist #ft-control-platform .section-list .content-heading {
    padding-left: 22px !important;
}
#ft-controllist #ft-control-platform .section-list .badge-preview {
    background-color: #fff6ea !important;
    width: 59px;
    height: 18px;
    border: 1px solid #fdd592;
    color: #9a6409 !important;
    font-weight: 600 !important;
    padding: 4px 7px;
    border-radius: 24px;
    font-size: 10px !important;
    position: relative;
    top: 0;
    line-height: 10px;
}
#ft-controllist #ft-control-platform .section-list ul li {
    margin-bottom: .8em;
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content .section-list .tab__content {
    display: flex;
    gap: 4px;
    align-items: center;
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content .content-heading {
    padding-left: 22px !important;
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content a {
    display: flex;
    gap: 4px;
    align-items: center;
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content a .ai-icon {
    width: 16px;
    height: 16px;
}
#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content a .ai-icon img {
    vertical-align: top;
}
@media (min-width: 992px) and (max-width: 1200px) {
    #ft-controllist #ft-control-platform .section-list,
    #ft-controllist #ft-control-platform .section-list ul,
    #ft-controllist #ft-control-platform .section-list ul li {
        width: 180px !important;
    }
    #ft-control-list #ft-control-platform .tabs-container .tabs-content {
        margin-left: 3%;
    }
    #ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content {
        width: 180px !important;
    }
}
@media (max-width: 767px) {
    #ft-controllist #ft-control-platform .section-list,
    #ft-controllist #ft-control-platform .section-list ul,
    #ft-controllist #ft-control-platform .section-list ul li {
        width: 250px !important;
    }
    #ft-control-list #ft-control-platform .most-downlod-icon {
        top: 3px !important;
    }
}
/*# sourceMappingURL=FeatureTourControl.css.map */
/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.prettyprint{background:#002451;font-family:Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;border:0!important}.pln{color:#fff !important}ol.linenums{margin-top:0;margin-bottom:0;color:#7285b7}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#002451 !important;list-style-type:decimal !important;margin-bottom: 5px !important;}@media screen{.str{color:#d1f1a9 !important}.kwd{color:#ebbbff !important}.com{color:#8395BE !important}.typ{color:#bbdaff !important}.lit{color:#ffc58f !important}.pun{color:#fff !important}.opn{color:#fff !important}.clo{color:#fff !important}.tag{color:#ff9da4 !important}.atn{color:#ffc58f !important}.atv{color:#9ff !important}.dec{color:#ffc58f !important}.var{color:#ff9da4 !important}.fun{color:#bbdaff !important}}
/********************************** Common  Colors ************************************/
#customer-list-section {
  padding: 5em 0 4em 0; }
  #customer-list-section h2 {
    font-size: 26px;
    color: #1A1A1A;
    letter-spacing: 0.2px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 2em; }
@media(max-width: 768px) {
    #customer-list-section h2 {
        margin-bottom: 5px;
    }
}
  #customer-list-section img {
    margin-bottom: 4em; }
@media(max-width: 768px) {
    #customer-list-section img {
        margin-bottom: 5px !important;
    }
}
  #customer-list-section a {
    font-size: 18px;
    color: #0073DC;
    letter-spacing: 0.09px;
    text-align: center;
    line-height: 46.94px;
    font-weight: 600; }
    #customer-list-section a .arrow-pointer {
      height: 17px;
      background-image: url(//cdn.syncfusion.com/content/images/FT/common/right-arrow.svg);
      width: 23px;
      display: inline-block; }
    #customer-list-section a svg {
      display: inline-block;
      position: relative;
      top: 6px;
      margin-left: 2px; }
      #customer-list-section a svg:hover g path {
        fill: #0450C2; }
    #customer-list-section a:hover {
      color: #0450C2; }
      #customer-list-section a:hover .arrow-pointer {
        background-position: 0px 22px; }
      #customer-list-section a:hover svg g path {
        fill: #0450C2; }

/********************************** Common  Colors ************************************/
#awards {
  padding: 5em 0;
  background-color: #f7f7f7; }
  #awards h3 {
    font-size: 33px !important;
    color: #000000;
    letter-spacing: 0.39px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1em; }
  #awards p {
    font-size: 19px;
    color: #727272;
    letter-spacing: 0.22px;
    text-align: center;
    line-height: 34px;
    padding: 0 12%;
    margin-bottom: 3em; }
  #awards img {
    margin: 0 auto; }

/********************************** Common  Colors ************************************/
#faq {
  padding: 70px 0 55px;
  background-color: #FAFAFA;
}
#faq h2 {
  text-align: center;
  font-weight: 700;
  font-size: 33px;
  color: #1a1a1a;
  margin-bottom: 50px;
}
#faq .faq-list {
  border: 1px solid #d7ebff;
  background: #ffffff;
  border-radius: 5px;
  margin-bottom: 15px;
}
#faq .faq-list h3 {
  margin-bottom: 0px;
}
#faq .faq-list h3 .question-content {
  cursor: pointer;
  font-size: 16px;
  color: #1a1a1a;
  letter-spacing: 0;
  line-height: 23px;
  font-weight: 600;
  padding: 10px 20px 20px;
  display: table;
  width: 100%;
}
#faq .faq-list h3 .question-content .tick-icon {
  display: table-cell;
  font-size: 14px;
  width: 10px;
  padding-right: 10px;
}
#faq .faq-list h3 .question-content .faq-question {
  width: 84%;
  display: table-cell;
}
#faq .faq-list h3 .question-content .permalink {
  display: table-cell;
  position: relative;
  top: 2px;
  left: 7px;
  padding-right: 7px;
}
#faq .faq-list h3 .question-content .faq-arrow-icon {
  float: right;
  display: table-cell;
  top: 8px;
  position: relative;
}
#faq .faq-list h3 .faq-collapse-icon {
  display: block;
}
#faq .faq-list h3 .faq-collapse-icon svg {
  opacity: 1;
}
#faq .faq-list h3 .faq-expand-icon {
  display: none;
}
#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-collapse-icon {
  display: none;
}
#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-expand-icon {
  display: block;
}
#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-expand-icon svg {
  opacity: 1;
}
#faq .faq-list .answer-content {
  padding: 0px 20px 25px;
  font-size: 14px;
  color: #585858;
  letter-spacing: 0;
  line-height: 25px;
}
#faq .faq-list .answer-content .social-media {
  color: #0073dc !important;
  font-weight: 600;
  cursor: pointer;
}
#faq .faq-list .answer-content .social-media:hover {
  color: #0450C2 !important;
}
#faq .faq-list .answer-content a {
  color: #0073dc !important;
  font-weight: 600;
  text-decoration: none;
  outline: none !important;
}
#faq .faq-list .answer-content a:hover {
  color: #0450c2 !important;
}
#faq .faq-list .answer-content ul {
  padding: 0px 15px;
}
#faq .faq-list .answer-content ul li {
  padding-bottom: 5px;
  line-height: 23px;
}

@media (max-width: 1023px) and (min-width: 768px) {
  #faq {
    padding: 50px 0 40px;
  }
  #faq h2 {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  #faq {
    padding: 40px 0 30px;
  }
  #faq h2 {
    margin-bottom: 35px;
  }
  #faq .faq-list h3 .question-content {
    font-size: 14px;
    padding: 10px 20px 15px;
  }
  #faq .faq-list .answer-content {
    padding: 0px 20px 20px;
    font-size: 13px;
  }
}/*# sourceMappingURL=FAQSection.css.map */
#awards {
  background-color: #f5f9fd;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 60px;
  overflow: hidden;
  width: 100%; }
  #awards #award-heading {
    color: #1a1a1a;
    font-size: 33px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: 0.11px; }
  #awards #award-desc {
    font-size: 16px;
    color: #1a1a1a;
    line-height: 28px;
    margin-bottom: 40px; }
    #awards #award-desc #award-desc-line-1 {
      display: block; }
  #awards .all-awards img {
    width: 75%; }

@media (max-width: 1199px) and (min-width: 768px) {
  #awards #award-heading {
    font-size: 26px !important; }
  #awards #award-desc {
    font-size: 14px !important; } }

@media (max-width: 991px) and (min-width: 768px) {
  #awards .all-awards img {
    width: 100%; } }

@media (max-width: 767px) {
  #awards {
    padding-top: 50px;
    padding-bottom: 50px; }
    #awards #award-heading {
      margin-bottom: 20px;
      font-size: 22px !important; }
    #awards #award-desc {
      margin-bottom: 40px;
      font-size: 12px !important;
      padding-left: 30px;
      padding-right: 30px; }
      #awards #award-desc #award-desc-line-1 {
        display: inline; }
    #awards .all-awards img {
      width: 45%; } }

@media (max-width: 569px) {
  #awards .all-awards img {
    width: 61%; } }

@media (max-width: 360px) {
  #awards .all-awards img {
    width: 68%; } }

#ej2-learn-more-strip {
  display: none !important; }

#deprecatedmessage {
  background-image: linear-gradient(270deg, #0047C6 0%, #8200D6 100%);
  border: 1px solid #756AEA;
  padding: 15px 30px 15px 30px;
  border-radius: 5px;
  vertical-align: middle;
  margin: 2.5% 5% -2.5% 5%;
  position: relative;
  font-family: "open sans" !important; }
  #deprecatedmessage .left-image {
    display: table-cell;
    width: 48px;
    height: 48px;
    padding-left: 0 !important; }
  #deprecatedmessage .content-area {
    font-size: 14px;
    color: #ffffff;
    line-height: 17px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px !important;
    padding-right: 30px; }
    #deprecatedmessage .content-area .text {
      margin-bottom: 0; }
  #deprecatedmessage .switch-btn {
    display: table-cell;
    vertical-align: middle; }
    #deprecatedmessage .switch-btn .switch-button {
      background: #FAE000;
      box-shadow: 0 6px 8px 0 rgba(0, 32, 92, 0.49);
      height: 38px;
      border-radius: 20px;
      padding-left: 25px;
      padding-right: 25px; }
      #deprecatedmessage .switch-btn .switch-button .switch-button-ej1 {
        color: #000000 !important;
        font-size: 14px;
        line-height: 17px;
        font-weight: 600;
        vertical-align: middle; }
      #deprecatedmessage .switch-btn .switch-button:focus {
        outline: none; }
      #deprecatedmessage .switch-btn .switch-button:hover {
        opacity: 0.9; }

@media (max-width: 767px) {
  #deprecatedmessage {
    display: none;
    padding: 15px; }
    #deprecatedmessage .content-area {
      padding-left: 5%;
      padding-right: 0;
      font-size: 12px; }
    #deprecatedmessage .switch-btn {
      text-align: center;
      padding-bottom: 10px;
      padding-top: 10px;
      float: left; }
      #deprecatedmessage .switch-btn .switch-button {
        margin: 5% 0 2% 0; }
        #deprecatedmessage .switch-btn .switch-button .switch-button-ej1 {
          font-size: 12px; } }

@media (min-width: 768px) {
  #deprecatedmessage .content-area .responsive-btn {
    display: none; } }

@media (max-width: 320px) {
  #deprecatedmessage .content-area {
    padding-left: 15px !important;
    padding-right: 0; } }

@media (max-width: 375px) {
  #single-fold-platform-banner .banner-heading {
    font-size: 25px !important; } }

@media (max-width: 992px) {
  #deprecatedmessage {
    margin-top: 5%; } }

@media (min-width: 2561px) {
  .popular-banner {
    background-size: 3000px auto !important; } }

#EJ2Modal {
  background: rgba(255, 255, 255, 0.8);
  padding: 0;
  font-family: "open sans" !important; }
  #EJ2Modal .ej2-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  #EJ2Modal .ej2-modal-content {
    background: #001133;
    box-shadow: 0 2px 25px 0 rgba(4, 19, 50, 0.49);
    border-radius: 8px; }
    #EJ2Modal .ej2-modal-content .close {
      padding-right: 15px;
      padding-top: 10px;
      font-size: 25px;
      font-weight: 500;
      color: #ffffff;
      opacity: 0.6; }
      #EJ2Modal .ej2-modal-content .close:focus {
        outline: none; }
      #EJ2Modal .ej2-modal-content .close:hover {
        opacity: 1; }
    #EJ2Modal .ej2-modal-content .modal-body {
      margin-top: 30px;
      padding-bottom: 5px; }
      #EJ2Modal .ej2-modal-content .modal-body .ej2-image {
        margin-left: auto;
        margin-right: auto;
        width: 190px; }
      #EJ2Modal .ej2-modal-content .modal-body .ej2-message {
        font-size: 14px;
        color: #ffffff;
        letter-spacing: 0;
        text-align: center;
        line-height: 22px;
        padding: 0 20px 0 20px; }
    #EJ2Modal .ej2-modal-content .modal-footer {
      padding-top: 0;
      text-align: center;
      border-top: none; }
      #EJ2Modal .ej2-modal-content .modal-footer .modal-switch-button {
        background: #006AF1;
        border-radius: 4.27px;
        padding: 15px 25px;
        margin-bottom: 20px;
        font-weight: 600; }
        #EJ2Modal .ej2-modal-content .modal-footer .modal-switch-button .essential-js-btn {
          font-size: 14px;
          color: #ffffff;
          letter-spacing: 0;
          text-align: center; }
        #EJ2Modal .ej2-modal-content .modal-footer .modal-switch-button:hover {
          opacity: 0.9; }
      #EJ2Modal .ej2-modal-content .modal-footer .no-thanks-btn {
        display: block;
        font-size: 13px;
        text-decoration: underline;
        color: #ffffff;
        margin-bottom: 10px; }
        #EJ2Modal .ej2-modal-content .modal-footer .no-thanks-btn:focus {
          outline: none; }
        #EJ2Modal .ej2-modal-content .modal-footer .no-thanks-btn:hover {
          opacity: 0.5; }

@media (max-width: 992px) and (min-width: 601px) {
  #EJ2Modal .ej2-dialog {
    max-width: 50%; } }

@media (min-width: 993px) {
  #EJ2Modal .ej2-dialog {
    max-width: 450px; } }

@media (max-width: 600px) and (min-width: 400px) {
  #EJ2Modal .ej2-dialog {
    width: 370px; } }

@media (max-width: 399px) {
  #EJ2Modal .ej2-dialog {
    width: 275px; } }

@media (max-width: 425px) {
  #EJ2Modal .ej2-modal-content .modal-body .ej2-message {
    padding: 0; } }

@media (max-width: 768px) {
  #EJ2Modal .ej2-dialog {
    left: 48%; } }

.modal-backdrop {
  opacity: 0 !important; }

.KBej1depreciate {
  height: 355px !important; }
  .KBej1depreciate #deprecatedmessage {
    z-index: 3;
    margin-bottom: 0 !important; }
  .KBej1depreciate .imagebg {
    margin-top: -111px; }
    .KBej1depreciate .imagebg .background-image-holder {
      height: 355px !important; }
    .KBej1depreciate .imagebg .kb-header-container {
      margin-top: 100px !important; }
  @media (max-width: 992px) and (min-width: 768px) {
    .KBej1depreciate .imagebg {
      margin-top: -140px; }
      .KBej1depreciate .imagebg .kb-header-container {
        margin-top: 125px !important; } }

.ej1depreciatekb {
  margin-bottom: 0 !important; }

.ej1depreciateforum {
  margin-bottom: 1.5% !important; }

.modal.thankyou {
    overflow-y: hidden !important;
    outline: none;
    width: 70% !important;
    margin: 0 auto;
}

    .modal.thankyou .modal-dialog {
        overflow-y: hidden !important;
        width: 53% !important;
        margin: 15% auto;
    }

        .modal.thankyou .modal-dialog .modal-content .modal-body {
            /* Styles for Thank you loader*/
            /* Safari */
        }

            .modal.thankyou .modal-dialog .modal-content .modal-body .loader {
                margin: auto;
                margin-top: 8%;
                border: 4px solid #f3f3f3;
                border-radius: 50%;
                border-top: 4px solid #3498db;
                width: 52px;
                height: 52px;
                -webkit-animation: spin 2s linear infinite;
                /* Safari */
                animation: spin 2s linear infinite;
            }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {
    color: black;
    text-align: center;
    font-size: 19px;
    margin-top: 5%;
    font-weight: 700;
}

.modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform {
    color: black;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
}

.modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {
    color: black;
    text-align: center;
    font-size: 14px;
    padding-top: 4%;
    padding-bottom: 10%;
}

    .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section .timer-nuget {
        display: inline;
    }

    .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section #timer {
        display: inline;
    }

.modal.thankyou .modal-dialog .modal-content .modal-body hr#section-divider {
    border: 0;
    clear: both;
    display: block;
    width: 90%;
    background-color: #ccc;
    margin-top: 0px !important;
    height: 1px;
}

.modal.thankyou .modal-dialog .modal-content .modal-body .footer {
    text-align: center;
    color: black;
    font-size: 14px;
}

@media (max-width: 1150px) {
    .modal.thankyou .modal-dialog {
        width: 60% !important;
    }

        .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {
            font-size: 18px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform {
            font-size: 18px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {
            font-size: 13px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .footer {
            font-size: 13px;
        }
}

@media (min-width: 1151px) and (max-width: 1242px) {
    .modal.thankyou .modal-dialog {
        width: 60% !important;
    }
}

@media (max-width: 1040px) {
    .modal.thankyou .modal-dialog {
        width: 65% !important;
    }
}

@media (max-width: 945px) {
    .modal.thankyou .modal-dialog {
        width: 75% !important;
    }
}

@media (max-width: 819px) {
    .modal.thankyou .modal-dialog {
        width: 85% !important;
    }

        .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {
            font-size: 18px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform {
            font-size: 18px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {
            font-size: 13px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .footer {
            font-size: 13px;
        }
}

@media (max-width: 722px) {
    .modal.thankyou .modal-dialog {
        width: 95% !important;
    }

        .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {
            font-size: 17px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform {
            font-size: 17px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {
            font-size: 12px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .footer {
            font-size: 12px;
        }
}

@media (max-width: 590px) {
    .modal.thankyou {
        width: 80% !important;
    }

        .modal.thankyou .modal-dialog {
            width: 100% !important;
        }
}

@media (max-width: 500px) {
    .modal.thankyou {
        width: 100% !important;
    }

        .modal.thankyou .modal-dialog {
            width: 100% !important;
        }
}

@media (min-width: 2500px) {
    .modal.thankyou {
        width: 60% !important;
    }

        .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {
            font-size: 30px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform {
            font-size: 30px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {
            font-size: 20px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .footer {
            font-size: 20px;
        }
}

@media (min-width: 1700px) and (max-width: 2499px) {
    .modal.thankyou {
        width: 60% !important;
    }

        .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {
            font-size: 20px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform {
            font-size: 20px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {
            font-size: 15px;
        }

        .modal.thankyou .modal-dialog .modal-content .modal-body .footer {
            font-size: 15px;
        }
}

@media (max-width: 400px) {
    .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {
        font-size: 10px;
    }

    .modal.thankyou .modal-dialog .modal-content .modal-body .footer {
        font-size: 10px;
    }

    #ThankYou_Modal .thank-model-description {
        font-size: 14px;
    }

    #ThankYou_Modal .thank-model-Platform {
        font-size: 14px;
    }
}

@media (max-width: 336px) {
    #ThankYou_Modal .thank-model-description {
        font-size: 13px;
    }

    #ThankYou_Modal .thank-model-Platform {
        font-size: 13px;
    }
}

#nuget-btn {
    visibility: hidden;
    display: none;
}

#start-trail {
    font-weight: 700;
    font-size: 15px;
    padding-left: 2%;
    padding-bottom: 2%;
}

#install-and-download {
    max-height: 35px;
}

    #install-and-download .setup-download {
        font-size: 14px;
        height: 39px;
        border: 1px solid #0073dc;
        background-color: #0073dc;
        color: #fff;
        margin-left: 30px;
        text-transform: uppercase;
        border-radius: 4.32px !important;
        padding-top: 8px;
        font-weight: 700;
        padding-right: 11px;
        padding-left: 7px;
        margin-left: 9px;
        display: inline;
    }

        #install-and-download .setup-download img {
            width: 20px;
            margin-right: 5px;
            vertical-align: middle;
            padding-bottom: 2%;
        }

        #install-and-download .setup-download:hover {
            background: #0698ff !important;
            border: 1px solid #0698ff;
        }

    #install-and-download .install-nuget {
        font-size: 14px;
        height: 39px;
        border: 1px solid #0073dc;
        background-color: #fff;
        color: #0073dc;
        margin-left: 20px;
        text-transform: uppercase;
        border-radius: 4.32px !important;
        padding-top: 7px;
        padding-right: 11px;
        float: right;
    }

        #install-and-download .install-nuget img {
            margin-top: -7px;
            padding-right: 5px;
            width: 25px;
        }

        #install-and-download .install-nuget:hover {
            background: #0698ff;
            border: 1px solid #0698ff;
            color: #fff;
        }

        #install-and-download .install-nuget:focus {
            outline: none;
        }

@media (max-width: 768px) {
    #install-and-download {
        margin-bottom: 40px;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    #install-and-download {
        max-height: 35px;
        width: 200px;
        margin-bottom: 40px;
    }

        #install-and-download .install-nuget {
            float: left;
            margin-left: 9px;
            margin-top: 15px;
        }
}

@media (max-width: 1200px) {
    #install-and-download .setup-download {
        font-size: 12px;
    }

    #install-and-download .install-nuget {
        font-size: 12px;
    }
}

@media (max-width: 433px) {
    #install-and-download .setup-download {
        font-size: 10px;
    }

    #install-and-download .install-nuget {
        font-size: 10px;
    }
}

@media (max-width: 400px) {
    #install-and-download .install-nuget {
        float: left;
        margin-left: 9px;
    }
}

@media (max-width: 341px) {
    #install-and-download {
        margin-bottom: 85px;
    }

        #install-and-download .install-nuget {
            margin-top: 15px;
        }
}

.modal-backdrop {
    opacity: 0.5 !important;
}

#install-with-nuget {
    overflow-y: auto !important;
}

    #install-with-nuget .nuget-dialog {
        overflow: auto;
        border: 0;
        width: 100% !important;
        height: auto !important;
        max-width: 835px;
        position: relative;
        margin-top: 5% !important;
    }

        #install-with-nuget .nuget-dialog .nuget-modal {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border: none !important;
        }

            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.41);
                box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.41);
            }

                #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget .nuget-dialog-close {
                    font-weight: 500;
                    color: #1A1A1A;
                    margin-top: 15px !important;
                    margin-right: 20px;
                    opacity: 1;
                }

                    #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget .nuget-dialog-close:focus {
                        outline: none;
                    }

                    #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget .nuget-dialog-close:hover {
                        opacity: 0.5;
                    }

                #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section {
                    width: 57%;
                    float: left;
                    background-color: #fff !important;
                    border-radius: 7px 0 0 7px;
                }

                    #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements {
                        margin: 60px;
                    }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .field-validation-error {
                            color: #d84d4d;
                        }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox {
                            outline: none;
                        }

                            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox input[type]:focus, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox select:focus, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox textarea:focus, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox button:focus {
                                border-color: #76abe9;
                                -webkit-box-shadow: none;
                                box-shadow: none;
                                outline: none;
                            }

                            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox .input-validation-error {
                                border: 1px solid #d84d4d !important;
                            }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .signup-heading {
                            font-size: 24px;
                            color: #1A1A1A;
                            letter-spacing: -0.18px;
                            font-weight: 700;
                            text-align: center;
                            margin-bottom: 20px;
                            line-height: 32px;
                        }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements #email-tooltip {
                            top: -46px;
                            left: 115.75px;
                            display: none;
                            -webkit-transition: all .2s ease;
                            transition: all .2s ease;
                            content: attr(data-tooltip);
                            position: absolute;
                            background: #565656;
                            color: #fff;
                            border: 1px solid #565656;
                            padding: 3px 12px;
                            pointer-events: none;
                            white-space: nowrap;
                            font-size: 11px;
                            line-height: 18px;
                            font-weight: 600;
                            border-radius: 2px;
                            z-index: 2;
                            font-family: 'Open Sans';
                            width: 75%;
                            white-space: unset;
                            -webkit-box-shadow: none;
                            box-shadow: none;
                        }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-field {
                            margin-bottom: 15px;
                        }

                            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-field .form-control {
                                height: 40px;
                                border: 1px solid #CECECE;
                                border-radius: 7px;
                                margin-bottom: 4px;
                            }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-policy {
                            display: table;
                            margin-bottom: 20px;
                        }

                            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-policy #isuseracceptedpolicy {
                                display: table-cell;
                            }

                            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-policy .policy {
                                display: table-cell;
                                font-weight: normal;
                                cursor: pointer;
                                padding-left: .5em;
                                vertical-align: top;
                            }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .logon-field {
                            margin-bottom: 22px;
                        }

                            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .logon-field .submit {
                                outline: none !important;
                                background: #0073DC;
                                opacity: 1;
                                width: 100%;
                                border-radius: 7px;
                                text-align: center;
                                color: #fff !important;
                                padding: 15px 10px 15px 10px;
                            }

                                #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .logon-field .submit:hover {
                                    opacity: 0.9;
                                }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-no-thanks-link {
                            text-align: center;
                            font-family: inherit;
                            font-weight: 600;
                            font-size: 13px;
                        }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .already-login {
                            font-size: 14px;
                            color: #020202;
                            letter-spacing: 0;
                            text-align: center;
                            margin-bottom: 20px;
                        }

                            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .already-login .existing-login {
                                font-weight: 700;
                            }

                #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section {
                    width: 43%;
                    float: right;
                    background: #0073DC;
                    border-radius: 0px 7px 7px 0px;
                }

                    #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .nuget-dialog-close {
                        font-weight: 300;
                        color: #fff;
                        margin-top: 15px !important;
                        margin-right: 20px;
                        opacity: 1;
                    }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .nuget-dialog-close:focus {
                            outline: none;
                        }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .nuget-dialog-close:hover {
                            opacity: 0.5;
                        }

                    #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits {
                        margin: 60px 55px 35px 55px;
                        color: #fff;
                        letter-spacing: 0;
                    }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .right-heading {
                            font-size: 18px;
                            font-weight: 600;
                            margin-bottom: 30px;
                        }

                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right {
                            font-size: 14px;
                            line-height: 21px;
                        }

                            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists {
                                padding-bottom: 30px;
                            }

                                #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists .tick-mark {
                                    margin-bottom: 0 !important;
                                    padding-right: 15px;
                                    max-width: none;
                                }

                                #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists .benefit-content {
                                    display: block;
                                    margin-left: 30px;
                                    margin-top: -20px;
                                }

                                    #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists .benefit-content a {
                                        color: #f9ff00;
                                    }

                                        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists .benefit-content a:hover {
                                            opacity: 0.7;
                                        }

@media (max-width: 1024px) and (min-width: 769px) {
    #install-with-nuget .nuget-modal #signup-nuget #form-left-section .form-elements {
        margin-top: 45px;
    }

    #install-with-nuget .nuget-modal #signup-nuget #form-right-section .benefits {
        margin-top: 45px;
        margin-left: 50px;
    }
}

@media (min-width: 652px) and (max-width: 1024px) {
    #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-no-thanks-link {
        font-size: 12px;
    }
}

@media (max-width: 768px) and (min-width: 501px) {
    #install-with-nuget .nuget-dialog {
        width: 95% !important;
    }

        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements {
            margin: 55px;
        }

        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits {
            margin: 50px;
        }
}

@media (max-width: 500px) {
    #install-with-nuget .nuget-dialog {
        margin: 0 !important;
    }

        #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget {
            display: block !important;
            background-color: #fff !important;
        }

            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget .nuget-dialog-close {
                display: block !important;
            }

            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section {
                width: 100% !important;
                float: none !important;
            }

                #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements {
                    margin: 50px 45px 50px 45px !important;
                }

            #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important;
                width: 100% !important;
                float: none !important;
                border-radius: 0 0px 7px 7px !important;
            }

                #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .nuget-dialog-close {
                    display: none !important;
                }

                #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits {
                    margin-top: 30px !important;
                    margin-bottom: 20px !important;
                }

                    #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .right-heading {
                        margin-bottom: 20px !important;
                    }

                    #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists {
                        padding-bottom: 20px !important;
                    }
}

@media (min-width: 501px) {
    #install-with-nuget .nuget-modal #signup-nuget #form-left-section .form-elements .signup-heading {
        font-size: 24px !important;
    }
}

@media (min-width: 501px) and (max-width: 652px) {
    #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-no-thanks-link {
        font-size: 11px;
    }
}

@media (max-width: 500px) and (min-width: 411px) {
    #install-with-nuget .nuget-modal #form-left-section .form-elements {
        margin: 40px !important;
    }

        #install-with-nuget .nuget-modal #form-left-section .form-elements .signup-heading {
            font-size: 22px !important;
        }

    #install-with-nuget .nuget-modal #form-right-section .benefits {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
}

@media (max-width: 410px) {
    #install-with-nuget .nuget-modal #form-left-section .form-elements {
        margin: 40px !important;
    }

        #install-with-nuget .nuget-modal #form-left-section .form-elements .signup-heading {
            font-size: 19px !important;
        }

    #install-with-nuget .nuget-modal #form-right-section .benefits {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
}

@media (max-width: 365px) {
    #install-with-nuget .nuget-modal #form-right-section .benefits .right-heading {
        font-size: 17px !important;
    }
}
/*# sourceMappingURL=InstallNuGetDialog.css.map */

/********************************** Common  Colors ************************************/
.competitive-banner-section .container {
  display: block;
  margin-bottom: 88px;
  width: 100%;
}
@media (max-width: 1200px) {
  .competitive-banner-section .container {
    margin-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 893px) {
  .competitive-banner-section .container {
    margin-bottom: 56px;
  }
}
@media (max-width: 767px) {
  .competitive-banner-section .container {
    margin-top: 36px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.competitive-banner-section .container .row {
  display: flex;
  background-color: #E0ECFF;
  max-width: 1140px;
  height: auto;
  margin: 0 auto;
  flex-shrink: 0;
  padding: 40px 7px 40px 33px;
  border-radius: 5px;
}
@media (max-width: 893px) {
  .competitive-banner-section .container .row {
    flex-direction: column;
    row-gap: 40px;
    padding-bottom: 7px;
    padding-top: 10px;
    padding-right: 33px;
  }
}
@media (max-width: 767px) {
  .competitive-banner-section .container .row {
    padding-top: 0;
  }
}
@media (max-width: 540px) {
  .competitive-banner-section .container .row {
    padding-left: 1px;
    padding-right: 0;
  }
}
.competitive-banner-section .container .row .count-background {
  background-image: url("https://cdn.syncfusion.com/content/images/FT/common/background-FT-competitive-image.svg");
  display: flex;
  flex-direction: row;
  height: 48px;
  -moz-column-gap: 22px;
       column-gap: 22px;
  align-items: center;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1200px) {
  .competitive-banner-section .container .row .count-background {
    background-image: url("https://cdn.syncfusion.com/content/images/FT/common/background-FT-competitive-tab.svg");
    height: 112px;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    row-gap: 8px;
  }
}
@media (max-width: 540px) {
  .competitive-banner-section .container .row .count-background {
    height: 98px;
    padding-left: 22px;
  }
}
@media (max-width: 360px) {
  .competitive-banner-section .container .row .count-background {
    padding-left: 16px;
  }
}
@media (max-width: 340px) {
  .competitive-banner-section .container .row .count-background {
    height: 81px;
    padding-left: 11px;
  }
}
.competitive-banner-section .container .row .count-background span {
  color: #1E293B;
  text-align: center;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.5px;
}
@media (max-width: 540px) {
  .competitive-banner-section .container .row .count-background span {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 360px) {
  .competitive-banner-section .container .row .count-background span {
    font-size: 11px;
  }
}
@media (max-width: 340px) {
  .competitive-banner-section .container .row .count-background span {
    font-size: 10px;
  }
}
.competitive-banner-section .container .row .count-background .green-tick {
  margin-right: 6px;
  margin-bottom: 3px;
}
.competitive-banner-section .container .row .competitve-banner-heading {
  font-family: Open Sans;
  color: #1E293B;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}
@media (max-width: 540px) {
  .competitive-banner-section .container .row .competitve-banner-heading {
    font-size: 20px;
    line-height: 30px;
  }
}
.competitive-banner-section .container .row .competitive-banner-content {
  color: #1E293B;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  width: 82%;
  margin-bottom: 16px;
}
@media (max-width: 1210px) {
  .competitive-banner-section .container .row .competitive-banner-content {
    width: 100%;
  }
}
@media (max-width: 540px) {
  .competitive-banner-section .container .row .competitive-banner-content {
    font-size: 12px;
    line-height: 20px;
  }
}
.competitive-banner-section .container .row .competitive-banner-FT-image {
  padding: 3px 6px 3px 0;
  display: flex;
}
@media (max-width: 893px) {
  .competitive-banner-section .container .row .competitive-banner-FT-image {
    padding: 0;
  }
}
.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {
  height: 274px;
  width: 324px;
  margin: auto 0 auto auto;
}
@media (max-width: 893px) {
  .competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {
    margin-right: auto;
  }
}
@media (max-width: 540px) {
  .competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {
    height: 224px;
    width: 265px;
    margin-left: 28%;
  }
}
@media (max-width: 490px) {
  .competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {
    margin-left: 25%;
  }
}
@media (max-width: 441px) {
  .competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {
    margin-left: 22%;
  }
}
@media (max-width: 400px) {
  .competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {
    margin-left: 19%;
  }
}
@media (max-width: 380px) {
  .competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {
    margin-left: 16%;
  }
}
@media (max-width: 360px) {
  .competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {
    margin-left: 12%;
  }
}
@media (max-width: 340px) {
  .competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {
    margin-left: 8%;
  }
}
.competitive-banner-section .container .row .explore-FT-comparison {
  text-align: center;
  margin-top: 36px;
  height: 48px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
  background: #0057FF;
  cursor: pointer;
}
.competitive-banner-section .container .row .explore-FT-comparison:hover {
  background: #0050EB;
}
.competitive-banner-section .container .row .explore-FT-comparison:focus {
  background: #0046CC;
}
.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {
  display: block;
  height: 48px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 24px;
  color: #FFFFFF;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.08px;
}
.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link:focus {
  text-decoration: none;
}
@media (max-width: 540px) {
  .competitive-banner-section .container .row .explore-FT-comparison {
    height: 46px;
  }
  .competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {
    font-size: 14px;
    line-height: 22px;
    padding: 12px 16px;
    height: 46px;
  }
}
@media (max-width: 399px) {
  .competitive-banner-section .container .row .explore-FT-comparison {
    height: 38px;
  }
  .competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {
    font-size: 12px;
    padding: 7px 12px;
    height: 38px;
    line-height: 24px;
  }
}
@media (max-width: 340px) {
  .competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 945px) and (min-width: 893px) {
  .competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {
    padding: 12px 11px;
  }
}
@media (max-width: 399px) {
  .competitive-banner-section .container .row .javascript, .competitive-banner-section .container .row .winforms-btn {
    height: 38px;
  }
  .competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {
    padding: 7px 12px;
    height: 38px;
    font-size: 12px;
  }
}
@media (max-width: 355px) {
  .competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {
    font-size: 11px;
    height: 30px;
    padding: 3px 8px;
  }
}
@media (max-width: 328px) {
  .competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {
    padding-left: 6.5px;
    padding-right: 6.5px;
  }
}
@media (max-width: 915px) and (min-width: 893px) {
  .competitive-banner-section .container .row .angular-btn .ft-competitive-link {
    padding: 12px 12px;
  }
}/*# sourceMappingURL=FTCompetitiveBanner.css.map */
#control-recent-activities-section {
    padding: 0 1.5% 80px;
}
    #control-recent-activities-section .two-col-content {
        padding-top: 40px;
    }

    #control-recent-activities-section h2 {
        margin-bottom: 0;
        padding: 50px 0 15px;
        font-weight: 700;
        font-size: 33px;
        color: #1a1a1a;
        letter-spacing: 0;
        text-align: center;
    }

    #control-recent-activities-section .description {
        font-size: 15px;
        color: #1a1a1a;
        letter-spacing: 0.43px;
        text-align: center;
        line-height: 24px;
        margin-bottom: 0;
        padding-left: 1.5%;
        padding-right: 1.5%;
        font-weight: 500;
    }

    #control-recent-activities-section .topic {
        font-weight: 600;
        padding-left: 10px;
        font-size: 14px;
        -webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%);
        margin-bottom: 0px;
    }

    #control-recent-activities-section .blog-topic {
        background-color: rgba(255, 132, 0, .2);
        width: max-content;
        padding-right: 30px;
    }

    #control-recent-activities-section .blog-topic {
        color: #9d5000;
        text-transform: uppercase;
    }

    #control-recent-activities-section .videos-topic {
        color: #7e3ec3;
        text-transform: uppercase;
    }

    #control-recent-activities-section .videos-topic {
        background-color: rgba(165, 83, 255, .2);
        width: max-content;
        padding-right: 30px;
    }

    #control-recent-activities-section .topic-heading {
        font-size: 19px;
        color: #0254ff;
        letter-spacing: 0;
        line-height: 26px;
        font-weight: 600;
        padding-bottom: 7px;
        padding-top: 15px;
        margin-bottom: 0px;
    }

        #control-recent-activities-section .topic-heading a {
            color: #0057ff;
        }

    #control-recent-activities-section .published-date {
        font-size: 14px;
        color: #6b7289;
        font-weight: 500;
        margin-bottom: 0px;
        text-transform: uppercase;
    }
@media (min-width: 617px) and (max-width: 1199px) {
    #control-recent-activities-section h2 {
        font-size: 33px !important;
        padding: 50px 10% 15px !important;
    }
    #control-recent-activities-section .topic {
        font-size: 14px !important;
    }
}
@media (max-width: 1279px) and (min-width: 768px) {
    #control-recent-activities-section .description {
        font-size: 13px !important;
    }
}
@media (max-width: 617px) {
    #control-recent-activities-section h2 {
        font-size: 24px !important;
        padding: 50px 8% 15px !important;
    }
    #control-recent-activities-section .description {
        font-size: 12px !important;
    }
    #control-recent-activities-section .topic {
        font-size: 14px !important;
    }
    #control-recent-activities-section .topic-heading a {
        font-size: 17px !important;
    }
}