Assessing the Potential Marketability of a Healthcare Organization

Review the following lectures:

  • Market Growth
  • The Four Ps of the Marketing Mix
  • The Five Ps of Healthcare Marketing

Assessing the Potential Marketability of a Healthcare Organization

The project assignment provides a forum for analyzing and evaluating relevant topics for this week on the basis of the course competencies covered.

Don't use plagiarized sources. Get Your Custom Essay on
Assessing the Potential Marketability of a Healthcare Organization
Just from $13/Page
Order Essay

Introduction:

In this week, you explored the next steps involved in the strategic planning process. Specifically, you examined the general marketing mix and the more contemporary healthcare marketing mix. Likewise, you learned about the various strategies present in healthcare marketing.

In this assignment, you will conclude the potential marketability of a healthcare organization on the basis of your findings after evaluating each of the organization’s marketing mix (both general and healthcare). This will require you to research two healthcare organizations in a similar geographic location.

You will have the flexibility to select any two healthcare organizations, which offer similar services and serve the same geographic location.

For example, you may be interested to research two acute care hospitals (a type of service) in Savannah, Georgia (location). In this example, you would need to research two existing acute care hospitals in Savannah, Georgia, and complete the marketing mix assessment for each.

Please review the following and use specific information from these resources, your course resource, and additional research to address the tasks posed below:

Resources:

  • United States Census 2010. (n.d.). Interactive population map. Retrieved from https://www.census.gov/2010census/popmap/
  • United States Census Bureau. (n.d.). Retrieved from https://www.census.gov/
  • Medicare.gov. (n.d.). Find & compare doctors, hospitals, & other providers. Retrieved from https://www.medicare.gov/forms-help-and-resources/find-doctors-hospitals-and-facilities/quality-care-finder.html

Tasks:

  • Select a type of healthcare service (acute care, rural health clinic, long-term care, and home healthcare) and a location (city/state) that interests you.
  • Provide an overview of the two healthcare organizations and location you selected.
  • Discuss the four Ps of marketing for each organization you selected (product, price, promotion, and place).
  • Discuss the five Ps of healthcare marketing for each organization you selected (physicians, patients, payers, the public, and the presence of politics).
  • On the basis of your findings, discuss which organization has the most marketing potential.
  • Discuss the most appropriate growth strategy for the selected organization. (Should the organization expand its existing services to a new market or offer new services to the existing market?)

To support your work, use your course and text readings and also use the

South University Online Library

. As in all assignments, cite your sources in your work and provide references for the citations in APA format.

Submission Details

  • Present your response in a 6- to 8-page Microsoft Word document formatted in APA style.
  • On a separate page, cite all sources using APA format.

The Five Ps of Healthcare Marketing.html

The Five Ps of Healthcare Marketing

Considering that the healthcare environment is unique in its services provided and method of delivery, scholars have posited for a unique set of elements that better describe this sector. As a result, authors Cellucci, Wiggins, and Farnsworth (2014) developed the five Ps of healthcare marketing, an industry-specific supplemental to the original four Ps of the marketing mix. The five elements are physicians, patients, payers, the public, and the presence of politics (Cellucci et al., 2014).

5Ps in Healthcare
Review each icon to know more about the 5Ps of healthcare marketing.

Reference:

Cellucci, L. W., Wiggins, C., & Farnsworth, T. J. (2014). Healthcare marketing: A case study approach. Chicago, IL: Health Administration Press.

Additional Materials

From your course textbook, Health Care Market Strategy, read the following chapters:

Step 3: The Strategy/Action Match
Step 4: Determining Marketing Actions

From the South University Online Library, read the following articles:

Successful Practices Use Marketing that Evolves with the Changing Healthcare Landscape

Limiting Risk in Healthcare Marketing

From the Internet, read the following:

Cellucci, L. W., Wiggins, C., & Farnsworth, T. J. (2014). Healthcare marketing: A case study approach. Chicago, IL: Health Administration Press.

assets/js/custom_new.js
/*** Global function start here */
/*****update bootstrap collapse plugin start here ****/
+function ($) {
‘use strict’;
$(document).off(‘click.bs.collapse.data-api’)
// COLLAPSE PUBLIC CLASS DEFINITION
// ================================
var Collapse = function (element, options) {
this.$element = $(element)
this.options = $.extend({}, Collapse.DEFAULTS, options)
//this.$trigger = $(‘[data-toggle=”collapse”][href=”#’ + element.id + ‘”],’ +'[data-toggle=”collapse”][data-target=”#’ + element.id + ‘”]’)
this.$trigger = $(this.$element).closest(“.template-container”).find(‘[data-toggle=”collapse”][href=”#’ + element.id + ‘”],’ +
‘[data-toggle=”collapse”][data-target=”#’ + element.id + ‘”]’)

this.transitioning = null
if (this.options.parent) {
this.$parent = this.getParent()
} else {
this.addAriaAndCollapsedClass(this.$element, this.$trigger)
}
if (this.options.toggle) this.toggle()
}
Collapse.VERSION = ‘3.3.7’
Collapse.TRANSITION_DURATION = 350
Collapse.DEFAULTS = {
toggle: true
}
Collapse.prototype.dimension = function () {
var hasWidth = this.$element.hasClass(‘width’)
return hasWidth ? ‘width’ : ‘height’
}
Collapse.prototype.show = function () {
if (this.transitioning || this.$element.hasClass(‘in’)) return
var activesData
var actives = this.$parent && this.$parent.children(‘.panel’).children(‘.in, .collapsing’)
if (actives && actives.length) {
activesData = actives.data(‘bs.collapse’)
if (activesData && activesData.transitioning) return
}
var startEvent = $.Event(‘show.bs.collapse’)
this.$element.trigger(startEvent)
if (startEvent.isDefaultPrevented()) return
if (actives && actives.length) {
Plugin.call(actives, ‘hide’)
activesData || actives.data(‘bs.collapse’, null)
}
var dimension = this.dimension()
this.$element
.removeClass(‘collapse’)
.addClass(‘collapsing’)[dimension](0)
.attr(‘aria-expanded’, true)
this.$trigger
.removeClass(‘collapsed’)
.attr(‘aria-expanded’, true)
this.transitioning = 1
var complete = function () {
this.$element
.removeClass(‘collapsing’)
.addClass(‘collapse in’)[dimension](”)
this.transitioning = 0
this.$element
.trigger(‘shown.bs.collapse’)
}
if (!$.support.transition) return complete.call(this)
var scrollSize = $.camelCase([‘scroll’, dimension].join(‘-‘))
this.$element
.one(‘bsTransitionEnd’, $.proxy(complete, this))
.emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize])
}
Collapse.prototype.hide = function () {
if (this.transitioning || !this.$element.hasClass(‘in’)) return
var startEvent = $.Event(‘hide.bs.collapse’)
this.$element.trigger(startEvent)
if (startEvent.isDefaultPrevented()) return
var dimension = this.dimension()
this.$element[dimension](this.$element[dimension]())[0].offsetHeight
this.$element
.addClass(‘collapsing’)
.removeClass(‘collapse in’)
.attr(‘aria-expanded’, false)
this.$trigger
.addClass(‘collapsed’)
.attr(‘aria-expanded’, false)
this.transitioning = 1
var complete = function () {
this.transitioning = 0
this.$element
.removeClass(‘collapsing’)
.addClass(‘collapse’)
.trigger(‘hidden.bs.collapse’)
}
if (!$.support.transition) return complete.call(this)
this.$element
[dimension](0)
.one(‘bsTransitionEnd’, $.proxy(complete, this))
.emulateTransitionEnd(Collapse.TRANSITION_DURATION)
}
Collapse.prototype.toggle = function () {
this[this.$element.hasClass(‘in’) ? ‘hide’ : ‘show’]()
}
Collapse.prototype.getParent = function () {
var ref = this;
var id = this.$element.attr(“id”);
this.$trigger = $(this.$element).closest(“.template-container”).find(‘[data-toggle=”collapse”][href=”#’ + id + ‘”],’ +
‘[data-toggle=”collapse”][data-target=”#’ + id + ‘”]’)
return $(this.$element).closest(“.template-container”).find(this.options.parent)
.find(‘[data-toggle=”collapse”][data-parent=”‘ + this.options.parent + ‘”]’)
.each($.proxy(function (i, element) {
var $element = $(element)
ref.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element)
}, this))
.end()
}
Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) {
var isOpen = $element.hasClass(‘in’)
$element.attr(‘aria-expanded’, isOpen)
$trigger
.toggleClass(‘collapsed’, !isOpen)
.attr(‘aria-expanded’, isOpen)
}
function getTargetFromTrigger($trigger) {
var href
var target = $trigger.attr(‘data-target’)
|| (href = $trigger.attr(‘href’)) && href.replace(/.*(?=#[^\s]+$)/, ”) // strip for ie7
return $trigger.closest(“.template-container”).find(target);
}

// COLLAPSE PLUGIN DEFINITION
// ==========================
function Plugin(option) {
return this.each(function () {
var $this = $(this)
var data = $this.data(‘bs.collapse’)
var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == ‘object’ && option)
if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false
if (!data) $this.data(‘bs.collapse’, (data = new Collapse(this, options)))
if (typeof option == ‘string’) data[option]()
})
}
var old = $.fn.collapse
$.fn.collapse = Plugin
$.fn.collapse.Constructor = Collapse

// COLLAPSE NO CONFLICT
// ====================
$.fn.collapse.noConflict = function () {
$.fn.collapse = old
return this
}

// COLLAPSE DATA-API
// =================
$(document).on(‘click.bs.collapse.data-api’, ‘[data-toggle=”collapse”]’, function (e) {
var $this = $(this)
if (!$this.attr(‘data-target’)) e.preventDefault()
var $target = getTargetFromTrigger($this)
var data = $target.data(‘bs.collapse’)
var option = data ? ‘toggle’ : $this.data()
Plugin.call($target, option)
})
}(jQuery);
/*****update bootstrap collapse plugin end here ****/
jQuery(document).ready(function () {

$(document).on(“click”, “.modal-anchor”, function () {
mypopup($(this)[0]);
});

/***** update bootstrap tab plugin start here ****/
$.fn.tab.Constructor.prototype.show = function () {
var $this = this.element
var $ul = $this.closest(‘ul:not(.dropdown-menu)’)
var selector = $this.data(‘target’)
if (!selector) {
selector = $this.attr(‘href’)
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ”) // strip for ie7
}
if ($this.parent(‘li’).hasClass(‘active’)) return
var $previous = $ul.find(‘.active:last a’)
var hideEvent = $.Event(‘hide.bs.tab’, {
relatedTarget: $this[0]
})
var showEvent = $.Event(‘show.bs.tab’, {
relatedTarget: $previous[0]
})
$previous.trigger(hideEvent)
$this.trigger(showEvent)
if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return
var $target = $this.closest(“.template-container”).find(selector);
this.activate($this.closest(‘li’), $ul)
this.activate($target, $target.parent(), function () {
$previous.trigger({
type: ‘hidden.bs.tab’,
relatedTarget: $this[0]
})
$this.trigger({
type: ‘shown.bs.tab’,
relatedTarget: $previous[0]
})
})
}
/***** update bootstrap tab plugin end here ****/
/**** Fix fancybox modal popup issue */
if ($.fn.fancybox) {
$.fancybox.center = function () { };
var fancyboxExtensions = {
oldShowLoading: $.fancybox.showLoading,
oldGetPosition: $.fancybox._getPosition,
showLoading: function () {
this.oldShowLoading();
var topPosition = getTopPosition() + 150;
$(“#fancybox-loading”).css({
position: ‘fixed’,
top: topPosition + “px”,
left: “50%”
});
},
_getPosition: function (onlyAbsolute) {
var rez = this.oldGetPosition(onlyAbsolute);
rez.top = getTopPosition() + 20;
return rez;
}
};
$.extend($.fancybox, fancyboxExtensions);
/*var orig2 = $.fancybox.showLoading;
$.extend($.fancybox, {
showLoading: function () {
var el, viewport;
var F = this;
var D = $(document);
F.hideLoading();
el = $(‘

‘).click(F.cancel).appendTo(‘body’);
var topPosition = getTopPosition() + 150;
el.css({
position: ‘fixed’,
top: topPosition+”px”,
left:”50%”
});
// If user will press the escape-button, the request will be canceled
D.bind(‘keydown.loading’, function (e) {
if ((e.which || e.keyCode) === 27) {
e.preventDefault();
F.cancel();
}
});
},

});*/
}
/*$.fancybox.helpers.overlay = {
defaults: {
closeClick: true, // if true, fancyBox will be closed when user clicks on the overlay
speedOut: 200, // duration of fadeOut animation
showEarly: true, // indicates if should be opened immediately or wait until the content is ready
css: {}, // custom CSS properties
locked: true, // if true, the content will be locked into overlay
fixed: true
}
}*/
});

// to be use in bootstrap
function getTargetFromTrigger($trigger) {
var href
var target = $trigger.attr(‘data-target’)
|| (href = $trigger.attr(‘href’)) && href.replace(/.*(?=#[^\s]+$)/, ”) // strip for ie7
return $trigger.closest(“.template-container”).find(target);
}
// to load script and css dynamically
var loadedScripts = [];
function loadScripts(arr, callback) {
if (!$.isArray(arr)) {
arr = [arr];
}
for (var i = arr.length – 1; i >= 0; i–) {
if (loadedScripts.indexOf(arr[i]) >= 0) {
arr.splice(i, 1);
} else {
//loadedScripts.push(arr[i]);
}
}
var progress = 0;
arr.forEach(function (script) {
$.getScript(script, function () {
if (++progress == arr.length) callback();
});
});
}
function loadCSS(path) {
var ss = document.styleSheets;
for (var i = 0, max = ss.length; i < max; i++) { if (ss[i].href == path) return; } var fileref = document.createElement("link") fileref.setAttribute("rel", "stylesheet") fileref.setAttribute("type", "text/css") fileref.setAttribute("href", path); document.getElementsByTagName("head")[0].appendChild(fileref) } function checkPosition(container) { container.each(function () { var actualContainer = $(this); if ($(window).scrollTop() + $(window).height() * 0.5 > actualContainer.offset().top) {
actualContainer.addClass(‘is-visible’);
}
});
}
function getOffsetTop(elem) {
var offsetTop = 0;
do {
if (!isNaN(elem.offsetTop)) {
offsetTop += elem.offsetTop;
}
} while (elem = elem.offsetParent);
return offsetTop;
}
function getIframePosition() {
if (window.self == window.top) {
return 0;
}
var iframes = window.parent ument.getElementsByTagName(‘iframe’);
var yourURL = window.location.href;
var iframe = null;
for (var i = 0; i < iframes.length; i++) { if (yourURL.indexOf(iframes[i].src) != -1) { iframe = iframes[i]; break; } } //var rect = iframe.getBoundingClientRect(); var top = 0; if (iframe) { top = $(iframe).offset().top; } return top; } function getTopPosition() { var origScrollTop = $(window.parent ument).scrollTop(); var iframetop = getIframePosition(); //////console.log(iframetop+"::"+$(window.parent ument).scrollTop()); iframetop = origScrollTop - iframetop; if (iframetop < 0) { iframetop = 0; } return iframetop; } function mypopup(popupid) { var origScrollTop = $(window.parent ument).scrollTop(); var modelid = popupid.getAttribute("data-target"); var iframetop = 0; if (window.self != window.top) { iframetop = getTopPosition(); } $(modelid).removeAttr("tabindex"); $(modelid).removeClass("fade"); $(modelid + " .modal-dialog").css('top', iframetop + 'px'); //$(modelid + " .modal-dialog").css('margin-top','15px'); $(modelid).modal("toggle"); if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
$(window.parent ument).scrollTop(origScrollTop);
setTimeout(function () {

$(window.parent ument).scrollTop(origScrollTop);
}, 50);
}
}
//draggable funtionality – credits to http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/
function drags(dragElement, resizeElement, container, labelContainer, labelResizeElement) {
dragElement.on(“mousedown vmousedown”, function (e) {
dragElement.addClass(‘draggable’);
resizeElement.addClass(‘resizable’);
var dragWidth = dragElement.outerWidth(),
xPosition = dragElement.offset().left + dragWidth – e.pageX,
containerOffset = container.offset().left,
containerWidth = container.outerWidth(),
minLeft = containerOffset + 10,
maxLeft = containerOffset + containerWidth – dragWidth – 10;
dragElement.parents().on(“mousemove vmousemove”, function (e) {
leftValue = e.pageX + xPosition – dragWidth;
//constrain the draggable element to move inside his container
if (leftValue < minLeft) { leftValue = minLeft; } else if (leftValue > maxLeft) {
leftValue = maxLeft;
}
widthValue = (leftValue + dragWidth / 2 – containerOffset) * 100 / containerWidth + ‘%’;
$(‘.draggable’).css(‘left’, widthValue).on(“mouseup vmouseup”, function () {
$(this).removeClass(‘draggable’);
resizeElement.removeClass(‘resizable’);
});
$(‘.resizable’).css(‘width’, widthValue);
updateLabel(labelResizeElement, resizeElement, ‘left’);
updateLabel(labelContainer, resizeElement, ‘right’);
}).on(“mouseup vmouseup”, function (e) {
dragElement.removeClass(‘draggable’);
resizeElement.removeClass(‘resizable’);
});
e.preventDefault();
}).on(“mouseup vmouseup”, function (e) {
dragElement.removeClass(‘draggable’);
resizeElement.removeClass(‘resizable’);
});
}
function updateLabel(label, resizeElement, position) {
if (label.length == 0) {
return;
}
if (position == ‘left’) {
(label.offset().left + label.outerWidth() < resizeElement.offset().left + resizeElement.outerWidth()) ? label.removeClass('is-hidden') : label.addClass('is-hidden'); } else { (label.offset().left > resizeElement.offset().left + resizeElement.outerWidth()) ? label.removeClass(‘is-hidden’) : label.addClass(‘is-hidden’);
}
}
/*** Global function end here */
/**** content_with_pagination template start here ****/
function ContentWithPaginationTemplate(pid) {
pid = “#” + pid + “.content_with_pagination_template “;
var count=0;
loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/pagination/jquery.bootpag.min.js”, function () {
count=$(pid+’.pages’).length;
init();
});
/* function contentWidth() {
var contentWidth = $(pid).width();
// ////console.log(“content=”+contentWidth);
$(pid+ ” .bgcolor”).css(“width”, contentWidth);
}*/
function init() {
$(pid+ ‘#media_1 #page-selection’).bootpag({
total: count
}).on(“page”, function (event, /* page number here */ num) {
//$(“#content”).html(+num); // some ajax content loading…
var contentId = $(pid+ “#media_1 #page_” + num).attr(“id”).split(“_”)[1];
var visibleContent = $(pid+ “#media_1 #page_” + num).html();
$(pid+ “#media_1 #content”).html(visibleContent);
// some ajax content loading…
paginationItemcss();
fadeinout();
//contentWidth();
});
paginationItemcss();
//contentWidth();
}

function fadeinout() {
//alert(“DSAd”);
$(pid+ “#media_1 .parentContent”).fadeIn(5000, function () { });
}
function paginationItemcss() {
$(pid+ “#media_1 #page-selection ul”).addClass(“pagination-sm”);
$(pid+ “#media_1 #page-selection > ul > li >a”).css(“color”, “#666666”);
$(pid+ “#media_1 .prev .disabled”).css(“display”, “none”);
// $(pid+ “#media_1 #page-selection > ul > li.prev a,”+pid+”#media_1 #page-selection > ul > li.next a”).html(“”);
$(pid+ ‘#media_1 #page-selection > ul > li.prev a’).html(“‹“);
$(pid+ ‘#media_1 #page-selection > ul > li.next a’).html(“›“);
$(pid+ ‘#media_1 #page-selection > ul > li.prev.disabled a span,’+pid+’#page-selection > ul > li.next.disabled a span’).css(“color”, “#cccccc”);
//$(“#page-selection > ul > li a”).attr(“href”,”javascript:void(0);”);
$(pid+ “#media_1 #page-selection > ul > li a”).css(“outline”, “none”);
}
/*$(window).resize(function () {
contentWidth();
});*/

paginationItemcss();
//contentWidth();

}
/*** content_with_pagination template end here ***/

/**** image_comparison template start here ****/
function ImageComparision(pid) {
pid = “#” + pid;
loadCSS(“https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G18_TabImageCompression/css/image_Comparision.css”);
checkPosition($(pid + ‘.image_comparison_template .cd-image-container’));
$(window).on(‘scroll.ImageComparision’, function () {
checkPosition($(pid + ‘.image_comparison_template .cd-image-container’));
});
//make the .cd-handle element draggable and modify .cd-resize-img width according to its position
$(pid + ‘.image_comparison_template .cd-image-container’).each(function () {
var actual = $(this);
drags(actual.find(‘.cd-handle’), actual.find(‘.cd-resize-img’), actual, actual.find(‘.cd-image-label[data-type=”original”]’), actual.find(‘.cd-image-label[data-type=”modified”]’));
});
//upadate images label visibility
$(window).on(‘resize.ImageComparision’, function () {
$(pid + ‘.image_comparison_template .cd-image-container’).each(function () {
var actual = $(this);
updateLabel(actual.find(‘.cd-image-label[data-type=”modified”]’), actual.find(‘.cd-resize-img’), ‘left’);
updateLabel(actual.find(‘.cd-image-label[data-type=”original”]’), actual.find(‘.cd-resize-img’), ‘right’);
});
});
}
/*** image_comparison template end here ***/

/**** nested_tab_with_slider template start here ****/
function NestedTabWithSliderTemplate(pid) {
pid = “#” + pid;
loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”, function () {
$(pid + “.nested_tab_with_slider_template #myTab_w2g2”).tabCollapse();
$(pid + “.nested_tab_with_slider_template .js-tabcollapse-panel-heading”).on(“click”, function () {

$(pid + “.nested_tab_with_slider_template .panelheadingVimeo”).removeClass(“selected”);
var id= $(this).attr(“href”);
$(pid + “.nested_tab_with_slider_template”+id).find(“.panelheadingVimeo”).first().addClass(“selected”);
//$(“#headingw2g2_1”).addClass(“selected”);
$(pid + “.nested_tab_with_slider_template #accordion1_w2g2 .panel-heading”).first().addClass(“selected”);
$(pid + “.nested_tab_with_slider_template #accordion2_w2g2 .panel-heading”).first().addClass(“selected”);
$(pid + “.nested_tab_with_slider_template .tab-pane”).removeClass(“in active”);
$(pid + “.nested_tab_with_slider_template #tabw2g2_1”).addClass(“in active”);
$(pid + “.nested_tab_with_slider_template #tabw2g2_4”).addClass(“in active”);
$(pid + “.nested_tab_with_slider_template .res_mobile .panel-collapse”).removeClass(“in”);
$(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile1_w2g2”).addClass(“in”);
$(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile4_w2g2”).addClass(“in”);
$(pid + “.nested_tab_with_slider_template .res_mobile .panel-heading_tab,.panel-collapse”).attr(“aria-expanded”, false);
$(pid + “.nested_tab_with_slider_template #collapseListGroupHeading_mobile1_w2g2”).attr(“aria-expanded”, true);
$(pid + “.nested_tab_with_slider_template #collapseListGroupHeading_mobile4_w2g2”).attr(“aria-expanded”, true);
$(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile4_w2g2”).attr(“aria-expanded”, true);
$(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile1_w2g2”).attr(“aria-expanded”, true);
$(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile1_w2g2”).removeAttr(‘style’);
$(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile4_w2g2”).removeAttr(‘style’);
$(pid + “.nested_tab_with_slider_template #collapseListGroupHeading_mobile4_w2g2, #collapseListGroupHeading_mobile1_w2g2”).removeClass(“collapsed”);
});
$(pid + “.nested_tab_with_slider_template .panel-title”).on(“click”, function () {
$(pid + “.nested_tab_with_slider_template .customIndicator li”).removeClass(“active”);
$(pid + “.nested_tab_with_slider_template .carousel-inner .item”).removeClass(“active”);
$(pid + “.nested_tab_with_slider_template .customIndicator li:first-child”).addClass(“active”);
$(pid + “.nested_tab_with_slider_template .carousel-inner .item:first-child”).addClass(“active”);
});
$(pid + “.nested_tab_with_slider_template .panelheadingVimeo”).bind(“click”, function () {
$(this).parents(“.nested_tab_with_slider_template”).find(“.panelheadingVimeo”).removeClass(“selected”);
var id=$(this).attr(“id”).split(‘_’)[1];
$(pid + “.nested_tab_with_slider_template .res_desktop .tab-pane”).removeClass(“in active”);
$(pid + “.nested_tab_with_slider_template .res_desktop #tabw2g2_”+id).addClass(“in active”);
//$(this).parent().parent().parent().children().children().children(“.panelheadingVimeo”).removeClass(“selected”);
$(this).addClass(“selected”);
});
});
}
/*** nested_tab_with_slider template end here ***/

/**** photo_gallery template start here ****/
function PhotoGallery(pid) {
pid = “#” + pid;
//loadCSS(“assets/css/thumbnails.carousel.css”);
loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/thumbnailcarousel/thumbnails.carousel.js”], function () {
$(pid + ‘.photo_gallery_template .thumbnails-carousel’).thumbnailsCarousel();
});
}
/*** photo_gallery template end here ***/

/**** tab_color_chart template start here ****/
function TabColorChartTemplate(pid, data1, data2) {
pid = “#” + pid;
var dntchart1, dntchart2;
var selectedTab = 1;
loadScripts([“https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js”, “https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
Chart.defaults.global = {
animation: false,
responsive: false,
customTooltips: function (tooltip) {
if (tooltip) {
$(“body”).css(“cursor”, “pointer”);
} else {
$(“body”).css(“cursor”, “default”);
}
return;
},
onAnimationComplete: function () {
//////console.log(“animation completed”);
}
}
$(pid + “.tab_color_chart_template .tab-element”).tabCollapse();
$(pid + “.tab_color_chart_template .tab-element .tab1”).on(“click”, function () { setTimeout(initTab1, 500) });
$(pid + “.tab_color_chart_template .tab-element .tab2”).on(“click”, function () { setTimeout(initTab2, 500) });
//$(pid+”.tab_color_chart_template .tab-element .tab1″).click();
initTab1();
});
function initTab1() {
selectedTab = 1;
/*$(“#tab2_W1L5S1G2”).css(“display”,”none”);
$(“#tab1_W1L5S1G2”).css(“display”,”block”);
$(“#tab1_W1L5S1G2”).addClass(“active”);
$(“#tab2_W1L5S1G2”).removeClass(“active”);*/
if (dntchart1) {
resetChart(dntchart1, data1);
return;
}
var ctx1 = $(pid + “.tab_color_chart_template #canvas_tab1”)[0].getContext(“2d”);
dntchart1 = new Chart(ctx1).Doughnut(data1, { animateRotate: false, animateScale: false, showTooltips: false, percentageInnerCutout: 65 });
$(pid + “.tab_color_chart_template #canvas_tab1”)[0].onclick = function (evt) {
var activePoints = dntchart1.getSegmentsAtEvent(evt);
if (activePoints.length > 0) {
highlight(dntchart1, data1, activePoints[0].label);
}
}
$(pid + “.tab_color_chart_template #canvas_tab1”)[0].onmousemove = function (evt) {
var activePoints = dntchart1.getSegmentsAtEvent(evt);
if (activePoints.length > 0) {
$(“body”).css(“cursor”, “pointer”);
} else {
$(“body”).css(“cursor”, “default”);
}
}
}
function initTab2() {
selectedTab = 2;
/*$(“#tab2_W1L5S1G2”).css(“display”,”block”);
$(“#tab1_W1L5S1G2”).css(“display”,”none”);
$(“#tab2_W1L5S1G2”).addClass(“active”);
$(“#tab1_W1L5S1G2”).removeClass(“active”);*/
if (dntchart2) {
resetChart(dntchart2, data2);
return;
}
var ctx2 = $(pid + “.tab_color_chart_template #canvas_tab2”)[0].getContext(“2d”);
dntchart2 = new Chart(ctx2).Doughnut(data2, { animateRotate: false, animateScale: false, showTooltips: false, percentageInnerCutout: 65 });
$(pid + “.tab_color_chart_template #canvas_tab2”)[0].onclick = function (evt) {
var activePoints = dntchart2.getSegmentsAtEvent(evt);
if (activePoints.length > 0) {
highlight(dntchart2, data2, activePoints[0].label);
}
}
$(pid + “.tab_color_chart_template #canvas_tab2”)[0].onmousemove = function (evt) {
var activePoints = dntchart2.getSegmentsAtEvent(evt);
if (activePoints.length > 0) {
$(“body”).css(“cursor”, “pointer”);
} else {
$(“body”).css(“cursor”, “default”);
}
}
}
function highlight(chart, cdata, label) {
$(pid + “.tab_color_chart_template #canvas_tab1”).attr({ width: 300, height: 300 });
$(pid + “.tab_color_chart_template #canvas_tab2”).attr({ width: 300, height: 300 });
chart.segments.forEach(function (segment, i) {
if (segment.label == label) {
segment.fillColor = cdata[label – 1].highlight2;
} else {
segment.restore([“fillColor”]);
}
});
chart.render();
}
function resetChart(chart, cdata) {
$(pid + “.tab_color_chart_template #canvas_tab1”).attr({ width: 300, height: 300 });
$(pid + “.tab_color_chart_template #canvas_tab2”).attr({ width: 300, height: 300 });
chart.segments.forEach(function (segment, i) {
segment.restore([“fillColor”]);
});
chart.render();
}
}

/*** tab_color_chart template end here ***/

/**** tab_color_chart_with_gif_animation template start here ****/
function TabColorChartWithGifAnimationTemplate(pid, imageBasePath) {
pid = “#” + pid;
imageBasePath = imageBasePath || “assets/img/AI_FNDA150_W3_G8_Tab”;
loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
$(pid + “.tab_color_chart_with_gif_animation_template #myTab_W1G8”).tabCollapse();
$(pid + “.tab_color_chart_with_gif_animation_template .colorbarBtn”).on(“click”, function (e) {
var colorId = $(this).attr(“dataname”).split(“colorbarBtn_”)[1];
//////console.log($(this).parent().attr(“id”));
var parentId = $(this).parent().attr(“id”).split(“bootstrapColorBar_”)[1];
//alert(colorId+”***”+parentId+”**”+”assets/AI_FNDA150_W3_G8_Tab”+parentId+”_img”+colorId+”.gif”);”
$(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopupImage_” + parentId).attr({ “src”: imageBasePath + parentId + “_img” + colorId + “.gif” });
$(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopup_” + parentId).show();
$(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).show();
$(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).on(“click”, function () {
$(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopup_” + parentId).hide();
$(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).hide();
});
});
$(pid + “.tab_color_chart_with_gif_animation_template .colorbarBtnMobile”).on(“click”, function (e) {
//alert(“hiii”)
var colorId = $(this).attr(“dataname”).split(“colorbarBtn_”)[1];
//////console.log($(this).parent().attr(“id”));
var parentId = $(this).parent().attr(“id”).split(“bootstrapColorBarmobile_”)[1];
//alert(colorId+”***”+parentId+”**”+”assets/AI_FNDA150_W3_G8_Tab”+parentId+”_mobile_img”+colorId+”.gif”);
$(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopupMobileImage_” + parentId).attr({ “src”: imageBasePath + parentId + “_mobile_img” + colorId + “.gif” });
$(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopupMobile_” + parentId).show();
$(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).show();
$(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).on(“click”, function () {
$(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopupMobile_” + parentId).hide();
$(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).hide();
});
});
});
}

/*** tab_color_chart_with_gif_animation template end here ***/

/**** tab_with_gif_animation template start here ****/
function TabWithGifAnimation(pid) {
pid = “#” + pid;
loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”, function () {
$(pid + “.tab_with_gif_animation_template #myTab_W1G21”).tabCollapse();
var show_animation=[“assets/img/AI_MAAA111_M1_G1_Tab1.gif”, “assets/img/AI_MAAA111_M1_G1_Tab2.gif”, “assets/img/AI_MAAA111_M1_G1_Tab3.gif”];
var show_image=[“assets/img/AI_MAAA111_M1_G1_tab1 “,”assets/img/AI_MAAA111_M1_G1_tab2 “,”assets/img/AI_MAAA111_M1_G1_tab3 “];
$(pid + “.tab_with_gif_animation_template .btnAnimationShow”).click(function(){
/*if($(this).attr(“data-set”)==0)
{*/
//////console.log(“jeieoioi111111111”);
$(this).hide();
var id=$(this).attr(“id”).split(‘_’)[1];
//alert(id);
//var id_1=id-1;
$(this).parent().children(“.set_image”).attr(“src”,show_animation[id-1]);
//alert($(this).parent().children(“.set_image”).attr(“src”));
//$(this).attr(“data-set”,1)
//}

});
$(pid + “.tab_with_gif_animation_template .set_image”).click(function(){
//////console.log(“jeieoio22222”);
var id=$(this).attr(“id”).split(‘_’)[1];
$(pid + “.tab_with_gif_animation_template .btnAnimationShow”).show();
$(this).attr(“src”,show_image[id-1]);
});

$(pid + “.tab_with_gif_animation_template a”).click(function(){
//var id=$(this).attr(“href”).split(‘_’)[0][4];
$(pid + “.tab_with_gif_animation_template .btnAnimationShow”).show();
for(var i=1;i<=show_image.length;i++) { $(pid + ".tab_with_gif_animation_template #img_"+i).attr("src",show_image[i-1]); } //alert("iuuuuuuu"); //alert(id); }); }); } /*** tab_with_gif_animation template end here ***/ /**** tab_with_hotspot_modal_popup template start here ****/ function TabWithHotspotModalPopup(pid) { pid = "#" + pid; loadScripts(["https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js"], function () { $(pid + ".tab_with_hotspot_modal_popup #myTab_W4G27").tabCollapse(); }); } /*** tab_with_hotspot_modal_popup template end here ***/ /**** tab_with_image_comparison template start here ****/ function TabWithImageComparision(pid) { pid = "#" + pid; loadCSS("https://myclasses.southuniversity.edu/shared/plugins/imagecomparision/image_Comparision.css"); loadScripts(["https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js"], function () { $(pid + '.tab_with_image_comparison_template #myTab_w3g18').tabCollapse(); checkPosition($(pid + '.tab_with_image_comparison_template .cd-image-container')); $(window).on('scroll.TabWithImageComparision', function () { checkPosition($(pid + '.tab_with_image_comparison_template .cd-image-container')); }); $(pid + '.tab_with_image_comparison_template #myTab_w3g18 li').on('click',function(){ //alert("2222"); setImage(); }); $(pid + '.tab_with_image_comparison_template #myTab_w3g18-accordion').on('click',function(){ //alert("1111"); setImage(); }); function setImage(){ $(pid + '.tab_with_image_comparison_template .cd-handle').css("left","50%"); $(pid + '.tab_with_image_comparison_template .cd-resize-img').css("width","50%"); $(pid + '.tab_with_image_comparison_template .cd-image-label').removeClass("is-hidden"); } //make the .cd-handle element draggable and modify .cd-resize-img width according to its position $(pid + '.tab_with_image_comparison_template .cd-image-container').each(function () { var actual = $(this); drags(actual.find('.cd-handle'), actual.find('.cd-resize-img'), actual, actual.find('.cd-image-label[data-type="original"]'), actual.find('.cd-image-label[data-type="modified"]')); }); //upadate images label visibility $(window).on('resize.TabWithImageComparision', function () { $(pid + '.tab_with_image_comparison_template .cd-image-container').each(function () { var actual = $(this); updateLabel(actual.find('.cd-image-label[data-type="modified"]'), actual.find('.cd-resize-img'), 'left'); updateLabel(actual.find('.cd-image-label[data-type="original"]'), actual.find('.cd-resize-img'), 'right'); }); }); }); } /*** tab_with_image_comparison template end here ***/ /**** tab_with_mcq_video template start here ****/ function TabWithMcqVideo(pid) { pid = "#" + pid; loadScripts(["https://myclasses.southuniversity.edu/shared/plugins/vimeo/vimeo.js", "https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js"], function () { $(pid + '.tab_with_mcq_video_template #myTab_M6G2').tabCollapse(); init(); }); function init() { $(pid + ".tab_with_mcq_video_template .question").addClass("question_disabled"); $(pid + ".tab_with_mcq_video_template .panel-title").addClass("panel_disabled"); $(pid + ".tab_with_mcq_video_template .glyphicon").addClass("glyphicon_disabled"); var vimeosrcObj = ["https://player.vimeo.com/video/182844523?api=1&player_id=video_0&title=0&byline=0&portrait=0&color=fc120a;", "https://player.vimeo.com/video/182844504?api=1&player_id=video_1&title=0&byline=0&portrait=0&color=fc120a;"]; var count = []; var count1 = []; var q = '

‘ +
‘ + ‘

‘ + ‘

View Fullscreen


$(pid + “.tab_with_mcq_video_template .off”).on(“click”, function () {
$(pid + “.tab_with_mcq_video_template .off”).removeClass(“off_enable”);
$(this).addClass(“off_enable”);
if ($(pid + “.tab_with_mcq_video_template .video_body”).children().hasClass(“embed-responsive”)) {
}
else {
$(q).appendTo(pid + “.tab_with_mcq_video_template .video_body”);
$(pid + “.tab_with_mcq_video_template .mcq_panel”).show();
}
var id = $(this).attr(“id”);
var clickId = id.split(‘_’)[1];
//place here vimeo links
if (clickId == 0) {
$(pid + ‘.tab_with_mcq_video_template #Fullscreen_link’).attr(‘href’, ‘https://player.vimeo.com/video/182844523’);
}
else if (clickId == 1) {
$(pid + “.tab_with_mcq_video_template #Fullscreen_link”).attr(‘href’, ‘https://player.vimeo.com/video/182844504’);
}
//end here
$(pid + “.tab_with_mcq_video_template .vimeo_video”).attr(“src”, vimeosrcObj[clickId]);
$(pid + “.tab_with_mcq_video_template .vimeo_video”).attr(“id”, ‘video_’ + clickId);
var player = $f($(pid + ‘.tab_with_mcq_video_template #video_’ + clickId)[0]);
player.addEvent(‘ready’, function () {
player.addEvent(‘finish’, onFinish);
});

function onFinish(id) {
//count.push(clickId);
//////console.log(count);
////alert(“going”);
var found = jQuery.inArray(clickId, count);
if (found >= 0) {
// Element was found, remove it.
count.splice(found, 1);
} else {
// Element was not found, add it.
count.push(clickId);
}
if (count.length == 2) {
//alert(“reach”);
$(pid + “.tab_with_mcq_video_template .question”).removeClass(“question_disabled”)
$(pid + “.tab_with_mcq_video_template .panel-title”).removeClass(“panel_disabled”);
$(pid + “.tab_with_mcq_video_template .glyphicon”).removeClass(“glyphicon_disabled”);
$(pid + “.tab_with_mcq_video_template #vimeo_w3g4 #accordion1_w6g2 .panel-heading”).on(“click”, function () {
player.api(“pause”);
//player.pause();
var isCorrect = $(this).attr(“isCorrect”);
//////alert(isCorrect);
$(pid + “.tab_with_mcq_video_template #vimeo_w3g4 #accordion1_w6g2 .panel-heading .panel-title .glyphicon12”).addClass(“glyphicon-unchecked unchecked”).css(‘color’, ‘#666666’);
$(pid + “.tab_with_mcq_video_template #vimeo_w3g4 #accordion1_w6g2 .panel-heading .panel-title .iscorrect”).hide();
$(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”);//.css(‘color’,’green’);
if (isCorrect == “true”) {
$(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”).css(‘color’, ‘#d41920’);
}
else {
$(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”).css(‘color’, ‘#339900’);
}
});
$(pid + “.tab_with_mcq_video_template #accordion1_w6g2 .panel-heading”).attr(“data-toggle”, “collapse”);
//$(“#collapseListGroup1_w6g2”).show();
//$(“#collapseListGroup3_w6g2”).show();
}
//////console.log(‘video has ended’);
//$(‘#vimeoembed’).addClass(‘finished’);
}
});

/* ———————–*/
$(pid + “.tab_with_mcq_video_template .list_tab”).on(“click”, function () {
var attr_tab = $(this).attr(‘href’);
var attrId = attr_tab.split(‘_’)[1];
var checkId = attrId.split(‘-‘)[0];
//////alert(Id);
var player1 = $f($(pid + ‘.tab_with_mcq_video_template #videotab_’ + checkId)[0]);
////alert(player1);
player1.addEvent(‘ready’, function () {
////alert(“hello”);
player1.addEvent(‘finish’, onFinish1);
});
function onFinish1(id) {
//count.push(clickId);
//////console.log(count);
//alert(“going”);
var found1 = jQuery.inArray(checkId, count1);
if (found1 >= 0) {
// Element was found, remove it.
count1.splice(found1, 1);
} else {
// Element was not found, add it.
count1.push(checkId);
}
if (count1.length == 2) {
//alert(“t5hui”);
$(pid + “.tab_with_mcq_video_template .question”).removeClass(“question_disabled”)
$(pid + “.tab_with_mcq_video_template .panel-title”).removeClass(“panel_disabled”);
$(pid + “.tab_with_mcq_video_template .glyphicon”).removeClass(“glyphicon_disabled”);
$(pid + “.tab_with_mcq_video_template #vimeotab_mobile #accordion2_w6g2 .panel-heading”).on(“click”, function () {
//alert(“1111111”);
//player1.api(“pause”);
//player.pause();
var isCorrect = $(this).attr(“isCorrect”);
//////alert(isCorrect);
$(pid + “.tab_with_mcq_video_template #vimeotab_mobile #accordion2_w6g2 .panel-heading .panel-title .glyphicon12”).addClass(“glyphicon-unchecked unchecked”).css(‘color’, ‘#666666’);
$(pid + “.tab_with_mcq_video_template #vimeotab_mobile #accordion2_w6g2 .panel-heading .panel-title .iscorrect”).hide();
$(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”);//.css(‘color’,’green’);
if (isCorrect == “true”) {
$(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”).css(‘color’, ‘#339900’);
}
else {
$(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”).css(‘color’, ‘#d41920’);
}
});
$(pid + “.tab_with_mcq_video_template #accordion2_w6g2 .panel-heading”).attr(“data-toggle”, “collapse”);
//$(“#collapseListGroup1_w6g2”).show();
//$(“#collapseListGroup3_w6g2”).show();
}
//////console.log(‘video has ended’);
//$(‘#vimeoembed’).addClass(‘finished’);
}
});
/* ———————–*/

}

}
/*** tab_with_mcq_video template end here ***/

/**** tabbed_content template start here ****/
function TabbedContentTemplate(pid) {
pid = “#” + pid;

loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
$(pid + “.tabbed_content_template #myTab_W1G68”).tabCollapse();
});
$(pid).find(“.nav-tabs a”).on(“click”,function(){
var img_attr=$(this).attr(“href”);

if($(pid).find(img_attr).find(“.tab-pannel-content div”).hasClass(“carousel”)){
$(pid).find(“.carousel .item”).removeClass(“active”);
$(pid).find(“.carousel .item”).first().addClass(“active”);
$(pid).find(“.carousel .customIndicator li”).removeClass(“active”);
$(pid).find(“.carousel .customIndicator li”).first().addClass(“active”);
}
else{
}

});
}

/*** tabbed_content template end here ***/
/**** video_playlist template start here ****/
function VideoPlaylistTemplate(pid) {
pid = “#” + pid;
var vimeosrcObj = [];
$(pid + “.video_playlist_template iframe.embed-responsive-item”).each(function (i) {
vimeosrcObj.push({ value: $(this).attr(‘src’) });
});
$(pid + “.video_playlist_template .panelheadingVimeo”).bind(“click”, function () {
$(this).parents(“.video_playlist_template”).find(“.panelheadingVimeo”).removeClass(“selected”);
$(pid + “.video_playlist_template iframe.embed-responsive-item”).attr(“src”, “”);
for (var j = 0, vimeosrcObjlength = vimeosrcObj.length; j < vimeosrcObjlength; j++) { $(pid + ".video_playlist_template iframe.embed-responsive-item:eq(" + j + ")").attr({ 'src': vimeosrcObj[j].value, 'frameborder': 0, 'webkitallowfullscreen': 'webkitallowfullscreen', 'mozallowfullscreen': 'mozallowfullscreen', 'allowfullscreen': 'allowfullscreen' }); } $(this).addClass("selected"); }); } /*** video_playlist template end here ***/ /**** image_rollover template start here ****/ function ImageRolloverTemplate(pid) { pid = "#" + pid + ".image_rollover_template "; var isVisible = false; var clickedAway = false; $(pid + '.popoverThis').popover({ html: true, title: $(this).attr('title'), content: function () { return $(this).attr('content'); }, trigger: 'manual' }).click(function (e) { idShow = $(this).attr('id') $(pid + '#' + idShow).popover('show') $(pid + '#' + idShow).parent('div').siblings('div').find('.popoverThis').popover('hide'); clickedAway = false isVisible = true }); $(document).on('click touchstart', function () { $(pid + ".popoverThis").removeClass('selected') $(pid + ".popoverThis").popover('hide'); }); $(pid + '.popoverThis').click(function () { return false; }); } /*** image_rollover template end here ***/ /**** bootstrap_click_through template start here ****/ function BootstrapClickThroughTemplate(pid) { pid = "#" + pid + ".bootstrap_click_through_template "; var isVisible = false; var clickedAway = false; $(pid+'.popoverThis').popover({ html: true, title: $(this).attr('title'), content: function () { return $(this).attr('content'); }, trigger: 'manual' }).click(function (e) { idShow = $(this).attr('id') $(pid+ '#' + idShow).popover('show') $(pid+'#' + idShow).parent('div').siblings('div').find('.popoverThis').popover('hide'); clickedAway = false isVisible = true //e.preventDefault() }); $(document).on('click touchstart', function () { $(pid+".popoverThis").removeClass('selected') $(pid+".popoverThis").popover('hide'); }); $(pid+'.popoverThis').click(function () { return false; }); } /*** bootstrap_click_through template end here ***/ /**** bootstrap_flowchart template start here ****/ function BootstrapFlowChartTemplate(pid){ pid = "#"+pid+".bootstrap_flowchart_template "; $(pid+ "span[data-href]").css("cursor", "pointer"); $(pid+ "span[data-href]").click(function () { if ($(this).attr("data-target") == || $(this).attr("data-target") == "_self") { window.location.href = $(this).attr("data-href"); } else { window.open($(this).attr("data-href"), "_blank"); } }); } /*** bootstrap_flowchart template end here ***/ function TwoBranchFlowChartTemplate(){ } /**** bootstrap_flowchart_branching template start here ****/ function BootstrapFlowChartBranchingTemplate(pid){ pid = "#"+pid+".bootstrap_flowchart_branching_template "; $(pid+ "span[data-href]").css("cursor", "pointer"); $(pid+ "span[data-href]").click(function () { if ($(this).attr("data-target") == || $(this).attr("data-target") == "_self") { window.location.href = $(this).attr("data-href"); } else { window.open($(this).attr("data-href"), "_blank"); } }); } /*** bootstrap_flowchart_branching template end here ***/ /**** image_slider_button_click_with_feedback template start here ****/ function ImageSliderButtonClickWithFeedbackTemplate(pid,feedbackArr1,feedbackArr2,feedbackArr3,feedbackArr4,feedbackArr5,feedbackArr6) { pid = "#" + pid + ".image_slider_button_click_with_feedback_template "; var currentIndex = 0; $(pid+'.carousel').on('slid.bs.carousel', function () { // This variable contains all kinds of data and methods related to the carousel var carouselData = $(this).data('bs.carousel'); // EDIT: Doesn't work in Boostrap >= 3.2
//var currentIndex = carouselData.getActiveIndex();
currentIndex = carouselData.getItemIndex(carouselData.$element.find(‘.item.active’));
//alert(currentIndex);
var total = carouselData.$items.length;
$(pid+”#myTab_M1G36″).css(“padding-bottom”,”2em”);
});
$(pid+”.carousel-control”).bind(“click”, function () {
$(pid+”#myTab_M1G36″).css(“padding-bottom”,”2em”);
$(pid+”.button_content”).hide();
$(pid+”.off”).removeClass(“selected”);
$(pid+”.button_content”).removeClass(“Right wrong”);
//$(“.button_content”).removeClass(“Right”);
// $(“.button_content”).removeClass(“wrong”)
});
$(pid+”.carousel-indicators”).bind(“click”, function () {
$(pid+”#myTab_M1G36″).css(“padding-bottom”,”2em”);
$(pid+”.button_content”).hide();
$(pid+”.off”).removeClass(“selected”);
$(pid+”.button_content”).removeClass(“Right wrong”);
//$(“.button_content”).removeClass(“Right”);
//$(“.button_content”).removeClass(“wrong”);
//restartAudio();
});
$(pid+”.off”).bind(“click”, showContent);
var feedbackArr_1 = feedbackArr1 || [‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Well done! This is the correct option.
In this image, you tend to perceive a series of four columns rather than anything else, because, at least, the oddly shaped objects are symmetrical. ‘, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’];
var feedbackArr_2 = feedbackArr2 || [‘Well done! This is the correct option.
In this image, you tend to perceive two columns of line instead of four different lines. The lines are grouped together because of how close they are to each other, or their proximity to one another.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’];
var feedbackArr_3 = feedbackArr3 || [‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Well done! This is the correct option.
In this image, you tend to perceive a cube, even though no actual cube is drawn. If you couldn't describe the image as a cube, how would you try and describe them?’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’];
var feedbackArr_4 = feedbackArr4 || [‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Well done! This is the correct option.
In this picture, you can see either an old lady or a young lady; you can't see both images at the same time. When you focus on important features of one, the other features become background and vice versa.’, ‘Sorry! This is incorrect. Try again.’];
var feedbackArr_5 = feedbackArr5 || [‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Well done! This is the correct option.
The images in the foreground are larger than the images in the background, still the viewer assumes that the objects are actually of the same size. The distance is inferred rather than the actual size.’];
var feedbackArr_6 = feedbackArr6 || [‘Sorry! This is incorrect. Try again.’, ‘Well done! This is the correct option.
In this image, you tend to perceive an “X,” that is two lines intersecting rather than two semicircles touching each other.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’];
function showContent() {
$(pid+”#myTab_M1G36″).css(“padding-bottom”,”1em”);
$(pid+”.off”).removeClass(“selected”);
$(pid+”.button_content”).removeClass(“Right wrong”);
var i = $(this).attr(“id”).split(“a_”)[1];
$(this).addClass(“selected”);
$(pid+”.button_content”).css(“display”, “block”);
if ($(this).attr(“correct”) == “true”) {
//alert(“hello”);
//$(“.button_content”).css(“color”,”green”);
$(pid+”.button_content”).addClass(“Right”);
}
else {
//alert(“no”);
$(pid+”.button_content”).addClass(“wrong”);
}
if ((currentIndex + 1) == 1) {
$(pid+”.button_content”).html(feedbackArr_1[i – 1]);
}
else if ((currentIndex + 1) == 2) {
$(pid+”.button_content”).html(feedbackArr_2[i – 1]);
}
else if ((currentIndex + 1) == 3) {
$(pid+”.button_content”).html(feedbackArr_3[i – 1]);
}
else if ((currentIndex + 1) == 4) {
$(pid+”.button_content”).html(feedbackArr_4[i – 1]);
}
else if ((currentIndex + 1) == 5) {
$(pid+”.button_content”).html(feedbackArr_5[i – 1]);
}
else if ((currentIndex + 1) == 6) {
$(pid+”.button_content”).html(feedbackArr_6[i – 1]);
}
else {
}
}
}
/*** image_slider_button_click_with_feedback template end here ***/

/**** text_click_with_popover template start here ****/
function TextClickWithPopoverTemplate(pid) {
pid = “#” + pid + “.text_click_with_popover_template “;
/*$(pid).on(“click”, function (e) {
for (i = 1; i <= pop_length; i++) { $(pid + "#popup_" + i).css("display", "none"); //$("#popupMobile_"+i).attr({"src" : "assets/AI_PHOA208_M4_G2_mobile_img"+i+" "}); } });*/ $(pid + '[data-toggle="popover"]').popover(); } /*** text_click_with_popover template end here ***/ /**** click_through_hotspot template start here ****/ function ClickThroughHotspotTemplate(pid) { pid = "#" + pid + ".click_through_hotspot_template "; var wid = parseInt($(pid+".clickthroughhotspot_template_img").attr("data-width"),10); var hgt = parseInt($(pid+".clickthroughhotspot_template_img").attr("data-height"),10); $(pid+".click_through_hotspot_template_left_block").css("max-width",wid+"px"); $(pid).find(".button_icon").each(function(){ var x = parseInt($(this).attr("data-x"),10); var y = parseInt($(this).attr("data-y"),10); var lx = x/wid * 100; var ly = y/hgt * 100; $(this).css({left:lx+"%",top:ly+"%"}); }); $(pid + '[data-toggle="popover"]').popover(); $('body').on('click', function (e) { $(pid + '[data-toggle="popover"]').each(function () { //the 'is' for buttons that trigger popups //the 'has' for icons within a button that triggers a popup if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { $(this).popover('hide'); } }); }); } /*** click_through_hotspot template end here ***/ /**** click_through_timeline template start here ****/ function ClickThroughTimelineTemplate(pid) { pid = "#" + pid + ".click_through_timline_template "; $(pid + '.hotspotClick').click(function () { idofdiv = $(this).attr('id').split('_')[1]; //alert(idofdiv) $(pid + '#img_' + idofdiv).show(); $(pid + '#hotspot_' + idofdiv).css('background-image', 'url("https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/PHOA332_Media/AI_PHOA332_M2_G3_ClickthroughTimeline/assets/highlighter ")'); $(pid + '#hotspot_3').css('background-image', 'url("https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/PHOA332_Media/AI_PHOA332_M2_G3_ClickthroughTimeline/assets/highlighter1 ")'); $(pid + '#hotspot_7').css('background-image', 'url("https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/PHOA332_Media/AI_PHOA332_M2_G3_ClickthroughTimeline/assets/highlighter1 ")'); $(pid + '#img_' + idofdiv).siblings('div').hide(); $(pid + '#hotspot_' + idofdiv).siblings('div').css('background', 'none'); }); /*window.onorientationchange = function () { var orientation = window.orientation; switch (orientation) { case 0: window.location.reload(); break; case 90: window.location.reload(); break; case -90: window.location.reload(); break; case 180: window.location.reload(); break; } };*/ function init() { var flag = true; $(pid + '.gallery__controls-prev').addClass('text-grey'); $(pid + '.gallery__controls-prev').css('cursor', 'default'); var width = $(window).width(), height = $(window).height(); var lastItem = false; $(pid + '.gallery').find('.firstgalleryitem').find('a.timeline__step-marker').addClass('active'); $(pid + '.timeline__step-marker').on('click', function () { $(this).addClass('active'); $(this).parents('.gallery__item').siblings('div').find('a').removeClass('active'); }) $(pid + '.carousel').carousel({ wrap: false }); var isiPhone = navigator.userAgent.toLowerCase().indexOf("iphone"); var isiPad = navigator.userAgent.toLowerCase().indexOf("ipad"); var isiPod = navigator.userAgent.toLowerCase().indexOf("ipod"); if (isiPhone > -1 || isiPad > -1) {

$(pid + “.carousel-inner”).swipe({
//Generic swipe handler for all directions
swipeLeft: function (event, direction, distance, duration, fingerCount) {
$(this).parent().carousel(‘next’);
id = $(this).find(‘.active’).attr(‘id’).split(‘_’)[1];
selectedId = parseInt(id) + 1;

$(pid + ‘#click_’ + selectedId).find(‘a’).addClass(‘active’);
$(pid + ‘#click_’ + selectedId).siblings(‘div’).find(‘a’).removeClass(‘active’);
toGalleryItem($(‘#click_’ + selectedId));
},
swipeRight: function () {
$(this).parent().carousel(‘prev’);
id = $(this).find(‘.active’).attr(‘id’).split(‘_’)[1];
selectedId = parseInt(id) – 1;
$(pid + ‘#click_’ + selectedId).find(‘a’).addClass(‘active’);
$(pid + ‘#click_’ + selectedId).siblings(‘div’).find(‘a’).removeClass(‘active’);
toGalleryItem($(‘#click_’ + selectedId));
},
//Default is 75px, set to 0 for demo so any distance triggers swipe
threshold: 0
});
}
var totalWidth = 0;
// Total width is calculated by looping through each gallery item and
// adding up each width and storing that in `totalWidth`
$(pid + “.gallery__item”).each(function () {
totalWidth = totalWidth + $(this).outerWidth();
});
// The maxScrollPosition is the furthest point the items should
// ever scroll to. We always want the viewport to be full of images.
var maxScrollPosition = totalWidth – $(pid+”.gallery-wrap”).outerWidth();

if (width >= 1024) {
maxScrollPosition = maxScrollPosition + 1;
} else if (width >= 768 && width <= 1023) { maxScrollPosition = maxScrollPosition + 15; } else if (width >= 480 && width <= 767) { maxScrollPosition = maxScrollPosition + 10; } else if (width >= 320 && width <= 479) { maxScrollPosition = maxScrollPosition + 1; } // This is the core function that animates to the target item // ==================================================================== function toGalleryItem($targetItem) { /*if($($targetItem).hasClass('firstgalleryitem')) { $('.gallery__controls-prev').addClass('text-grey'); $('.gallery__controls-prev').css('cursor', 'default'); }else{ $('.gallery__controls-prev').removeClass('text-grey'); $('.gallery__controls-prev').css('cursor', 'pointer'); } if($($targetItem).hasClass('lastgalleryitem')){ $('.gallery__controls-next').addClass('text-grey'); $('.gallery__controls-next').css('cursor', 'default'); $(".gallery__controls-prev").on('click') }else{ $('.gallery__controls-next').removeClass('text-grey'); $('.gallery__controls-next').css('cursor', 'pointer'); }*/ // Make sure the target item exists, otherwise do nothing if ($targetItem.length) { // The new position is just to the left of the targetItem var newPosition = $targetItem.position().left; // If the new position isn't greater than the maximum width //alert(newPosition + " :::: " + $(".gallery-wrap").outerWidth()) //alert(newPosition + " ------ " + maxScrollPosition) if (newPosition == 0) { $(pid + '.gallery__controls-prev').addClass('text-grey'); $(pid + '.gallery__controls-prev').css('cursor', 'default'); } else if (newPosition >= maxScrollPosition) {
$(pid + ‘.gallery__controls-next’).addClass(‘text-grey’);
$(pid + ‘.gallery__controls-next’).css(‘cursor’, ‘default’);
} else {
$(pid + ‘.gallery__controls-prev’).removeClass(‘text-grey’);
$(pid + ‘.gallery__controls-prev’).css(‘cursor’, ‘pointer’);
$(pid + ‘.gallery__controls-next’).removeClass(‘text-grey’);
$(pid + ‘.gallery__controls-next’).css(‘cursor’, ‘pointer’);
}
//alert(newPosition + ” —- ” + maxScrollPosition)
if (newPosition <= maxScrollPosition) { // Add active class to the target item $targetItem.addClass("gallery__item--active"); // Remove the Active class from all other items $targetItem.siblings().removeClass("gallery__item--active"); // Animate .gallery element to the correct left position. $(pid + ".gallery").animate({ left: - newPosition }); } else { // Animate .gallery element to the correct left position. /*$(".gallery").animate({ left : - maxScrollPosition });*/ }; }; }; // Basic HTML manipulation // ==================================================================== // Set the gallery width to the totalWidth. This allows all items to // be on one line. $(pid + ".gallery").width(totalWidth); // Add active class to the first gallery item $(pid + ".gallery__item:first").addClass("gallery__item--active"); // When the prev button is clicked // ==================================================================== $(pid + ".gallery__controls-prev").on('click', function () { // Set target item to the item before the active item var $targetItem = $(pid + ".gallery__item--active").prev(); toGalleryItem($targetItem); }); // When the next button is clicked // ==================================================================== $(pid + ".gallery__controls-next").on('click', function () { //alert($(".gallery__item--active").next()) // Set target item to the item after the active item var $targetItem = $(pid + ".gallery__item--active").next(); toGalleryItem($targetItem); }); } init(); } /*** click_through_timeline template end here ***/ /**** bootstrap_image_video_slider template start here ****/ function BootstrapImageVideoSliderTemplate(pid) { pid = "#" + pid + ".bootstrap_image_video_slider "; var vimeosrcObj = []; var audiosrcObj = []; var currentIndex = 0; // init(); //pauseAudio(); pauseAudio(); $(pid + "iframe.embed-responsive-item").each(function (i) { vimeosrcObj.push({ value: $(this).attr('src') }); }); $(pid + ".audiosrc").each(function (i) { audiosrcObj.push({ value: $(this).attr('src') }); }); function pauseAudio() { var audio = $(pid + " #myAudio")[0]; var audio2 = $(pid + " #myAudio_2")[0]; var audio3 = $(pid + " #myAudio_3")[0]; audio.pause(); audio2.pause(); audio3.pause(); } function restartAudio() { var audio = $(pid + " #myAudio")[0]; var audio2 = $(pid + " #myAudio_2")[0]; var audio3 = $(pid + " #myAudio_3")[0]; $(pid + ".off").removeClass("show_1"); $(pid + ".off").off("click"); $(pid + ".off").addClass("disabled"); audio.currentTime = 0 audio2.currentTime = 0 audio3.currentTime = 0 pauseAudio(); } $(pid + ".carousel-indicators").bind("click", function () { ////console.log("click event indicators"); $(pid + ".off").removeClass("show_1"); $(pid + ".button_content").hide(); //restartAudio(); }); //////////////// // Listen to the 'slid carousel' event // to trigger our code after each slide change $(pid + '.carousel').on('slid.bs.carousel', function () { // This variable contains all kinds of data and methods related to the carousel var carouselData = $(this).data('bs.carousel'); // EDIT: Doesn't work in Boostrap >= 3.2
//var currentIndex = carouselData.getActiveIndex();
currentIndex = carouselData.getItemIndex(carouselData.$element.find(‘.item.active’));
//alert(currentIndex);
var total = carouselData.$items.length;
// Create the text we want to display.
// We increment the index because humans don’t count like machines
var text = (currentIndex + 1) + ” of ” + total;
// You have to create a HTML element

// under your carousel to make this work
////console.log(“text =” + text);
var audio = $(pid + ” #myAudio”)[0];
var audio2 = $(pid + ” #myAudio_2″)[0];
var audio3 = $(pid + ” #myAudio_3″)[0];
audio.pause();
audio2.pause();
audio3.pause();
//$(“.audiosrc”).attr(“src”,””);
if ((currentIndex + 1) == 3) {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
// some code..
//restartAudio();
$(pid + “.off”).removeClass(“show_1”);
$(pid + “.off”).off(“click”);
$(pid + “.off”).addClass(“disabled”);
//audio.currentTime = 0;
//$(“.audiosrc”).setAttribute(‘autoplay’, false);
$(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[0].value });
}
$(pid + “.off”).removeClass(“show_1”);
$(pid + “.off”).off(“click”);
$(pid + “.off”).addClass(“disabled”);
//audio.play();
//audio.currentTime = 0;
$(pid + ” #myAudio”)[0].setAttribute(‘autoplay’, true);
$(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[0].value });
} else if ((currentIndex + 1) == 4) {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
// some code..
//restartAudio();
$(pid + “.off”).removeClass(“show_1”);
$(pid + “.off”).off(“click”);
$(pid + “.off”).addClass(“disabled”);
//audio2.currentTime = 0;
//$(“.audiosrc”).setAttribute(‘autoplay’, false);
$(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[1].value });
}
$(pid + “.off”).removeClass(“show_1”);
$(pid + “.off”).off(“click”);
$(pid + “.off”).addClass(“disabled”);
//audio2.play();
//audio2.currentTime = 0;
$(pid + ” #myAudio_2″)[0].setAttribute(‘autoplay’, true);
$(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[1].value });
} else if ((currentIndex + 1) == 5) {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
// some code..
//restartAudio();
$(pid + “.off”).removeClass(“show_1”);
$(pid + “.off”).off(“click”);
$(pid + “.off”).addClass(“disabled”);
//audio3.currentTime = 0
//$(“.audiosrc”).setAttribute(‘autoplay’, false);
$(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[2].value });
}
$(pid + “.off”).removeClass(“show_1”);
$(pid + “.off”).off(“click”);
$(pid + “.off”).addClass(“disabled”);
//audio3.play();
$(pid + ” #myAudio_3″)[0].setAttribute(‘autoplay’, true);
$(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[2].value });
}
});

///////////////////////////////
$(pid + “.carousel-control”).bind(“click”, function () {
////console.log(“click event carousel”);
$(pid + “.off”).removeClass(“show_1”);
$(pid + “.button_content”).hide();
////console.log(“data =” + $(this).data());
var audio = $(pid + ” #myAudio”)[0];
var audio2 = $(pid + ” #myAudio_2″)[0];
var audio3 = $(pid + ” #myAudio_3″)[0];
//restartAudio();
$(pid + “iframe.embed-responsive-item”).attr(“src”, “”);
for (var j = 0, vimeosrcObjlength = vimeosrcObj.length; j < vimeosrcObjlength; j++) { $(pid + "iframe.embed-responsive-item:eq(" + j + ")").attr({ 'src': vimeosrcObj[j].value, 'frameborder': 0, 'webkitallowfullscreen': 'webkitallowfullscreen', 'mozallowfullscreen': 'mozallowfullscreen', 'allowfullscreen': 'allowfullscreen' }); } // $(this).addClass("selected"); }); /*var feedbackArr = ['

asdfasdf

‘, ‘

hghghg b bfgf bghfgf bvgfgfgt vbgfgr vgfgrt fgfgr

‘, ‘

jhghhghghg b bfgf bghfgf bvgfgfgt vbgfgr vgfgrt fgfgr

‘, ‘

jkhjjjh b bfgf bghfgf bvgfgfgt vbgfgr vgfgrt fgfgr

‘];

var a=[]

// $(“.off”).on(“click”, function()
// {
function showContent(){
//alert(“show”);
var i=$(this).attr(“id”).split(“a_”)[1];

$(“.button_content”).css(“display”, “block”);
$(“.button_content”).html(feedbackArr[i-1]);

}*/

//});
var feedbackArr_1 = [‘

When you are at a school, it is very unlikely that you may get professional hands-on experience just by completing your academic part of the graduation.

‘ + ‘

So does that mean you cannot get a job right after you graduate? No! To meet the gap of professional hands-on experience in the field of photojournalism, most of the universities and schools either facilitate internships with local firms or provide counselors or advisors at school to help students get into an internship with a company or an agency.

‘ + ‘

Internship or apprenticeship can be thought of as a trial job where you get an opportunity to see how your work measures up to the skills being sought in the professional field.

‘ + ‘

The internships can be either paid or unpaid depending on the period of stay, amount of work, and your employer. For example, some low-budget newspaper agencies do not pay their interns.

‘ + ‘

The salary or stipend you get as an intern is irrelevant. The advantages of an internship are the hands-on experience you gain from the assignments you work on and the networking you establish with the professionals in the field.

‘, ‘

In the digital era, where information transfer is instantaneous, media companies and news agencies prefer photographers who can themselves write stories for their images A photographer with good writing skills helps in getting information published without any delays and retaining the original intent of the shot image Therefore, a photographer with good writing skills has better prospects of being hired than others.

‘ + ‘

You can develop good writing skills by practicing, imbibing basic grammar rules, proofreading, and reading good written samples.

‘, ‘

As you have learned in Milestone 1 of this course, joining an organization such as NPPA can provide you opportunities to get into internship programs and exclusive job openings.

‘ + ‘

You can easily join the local chapter of the NPPA organization in your town. The NPPA group has developed its own database, which has a lot of internship opportunities with many of the largest news organizations in the country.

‘, ‘

To be a successful photojournalist, you need to develop your personality as a whole. The field you are aspiring to enter is not only interesting and adventurous but also demanding. There can be instances in which you will be emotionally upset about a situation, but you need to be self-motivated to capture the situation and bring it in front of the world.

‘ + ‘

As a photojournalist, you may be required to shoot assignments such as a day-and-night sports event or cross-border war. You need to be flexible enough to accommodate the shooting timings in your routine.

‘];
var feedbackArr_2 = [‘

Neil makes the following changes in his résumé to align it with the job requirements:

‘ + ‘

    ‘ + ‘

  • Adds the relevant key competencies and work experience in the résumé
  • ‘ + ‘

  • Highlights the accomplishments that present why he is eligible for the job he is applying for
  • ‘ + ‘

  • Highlights the involvement in career-based or community service organizations and gives complete details of organizations of which he holds membership
  • ‘ + ‘

  • Highlights his social and networking skills to present his ability to comfortably converse with professionals or subjects of his assignments
  • ‘ + ‘

  • Highlights technical skills and knowledge of software
  • ‘ + ‘

  • Proofreads his résumé to avoid any language or spelling issues
  • ‘ + ‘

‘, ‘

Although Neil already has a portfolio in place, he understands that an applicant needs to customize his or her portfolio for each job opportunity. This is because you can present your skillset in the best possible way when you showcase the work that is relevant to your potential employer.

‘ + ‘

In this case, where Neil has found an opportunity relevant to news photography, he employs the following strategies to customize his digital portfolio:

‘ + ‘

    ‘ + ‘

  • Includes more news-telling images and some sports-action images
  • ‘ + ‘

  • Adds images that show his skills and diversity in capturing low-light, action, and still-life photographs
  • ‘ + ‘

  • Keeps composition, lighting, and creativity at the forefront of his objectives when editing his images for the portfolio
  • ‘ + ‘

  • Checks that the number of images compiled in the portfolio is not more than 20–25
  • ‘ + ‘

‘];
var feedbackArr_3 = [”];
var a = []
function showContent() {
////alert(“show11”);
var i = $(this).attr(“id”).split(“a_”)[1];

$(pid + “.button_content”).css(“display”, “block”);
if ((currentIndex + 1) == 3) {
$(pid + “.button_content”).html(feedbackArr_1[i – 1]);
}
else if ((currentIndex + 1) == 4) {
$(pid + “.button_content”).html(feedbackArr_2[i – 1]);
}
else if ((currentIndex + 1) == 5) {
$(pid + “.button_content”).html(feedbackArr_3[i – 1]);
}
else {
}
}

var aud = $(pid + ” #myAudio”)[0];
var aud2 = $(pid + ” #myAudio_2″)[0];
var aud3 = $(pid + ” #myAudio_3″)[0];
aud.onended = function () {
$(pid + “.off”).addClass(“show_1”);
$(pid + “.off”).bind(“click”, showContent);
$(pid + “.off”).removeClass(“disabled”);
};
aud2.onended = function () {
$(pid + “.off”).addClass(“show_1”);
$(pid + “.off”).bind(“click”, showContent);
$(pid + “.off”).removeClass(“disabled”);
};
aud3.onended = function () {
$(pid + “.off”).addClass(“show_1”);
$(pid + “.off”).bind(“click”, showContent);
$(pid + “.off”).removeClass(“disabled”);
};
}
/*** bootstrap_image_video_slider template end here ***/

/**** flip_box template start here ****/

/*** flip_box template end here ***/

/**** flip_box_compact_view template start here ****/
function FlipBoxCompactViewTemplate(pid) {
pid = “#” + pid + “.flip_box_compact_view_template “;
var boxid = 0;
$(pid + “.box”).on(“click”, function () {
boxid = $(this).attr(‘id’);
$(this).children(“.front”).addClass(“flip-front”);
$(this).children(“.back”).addClass(“flip-back”);
$(pid + “.box”).each(function (i) {
if ($(this).children(“.front”).hasClass(“flip-front”) && $(this).children(“.back”).hasClass(“flip-back”)) {
if (i != boxid) {
$(this).children(“.front”).removeClass(“flip-front”);
$(this).children(‘.back’).removeClass(“flip-back”);
}
}
});
});
}
/*** flip_box_compact_view template end here ***/

/**** bootstrap_flip_box template start here ****/
function BootstrapFlipBoxTemplate(pid) {
pid = “#” + pid + “.bootstrap_flip_box_template “;
$(pid + “.box”).on(“click”, function () {
var id = $(this).attr(‘id’).split(‘_’)[1]
//alert(id);
$(pid + “#card_” + id).toggleClass(“flipped”);
for (i = 1; i <= 3; i++) { if (i != id) { if ($(pid + "#card_" + i).hasClass("flipped")) { $(pid + "#card_" + i).toggleClass("flipped"); } } } }); } /*** bootstrap_flip_box template end here ***/ /**** flip_box_vertical_view template start here ****/ function FlipBoxVerticalViewTemplate(pid) { pid = "#" + pid + ".flip_box_vertical_view_template "; var boxid = 0; $(pid + ".box").on("click", function () { boxid = $(this).attr('id'); $(this).children(".front").addClass("flip-front"); $(this).children(".back").addClass("flip-back"); $(pid + ".box").each(function (i) { if ($(this).children(".front").hasClass("flip-front") && $(this).children(".back").hasClass("flip-back")) { if (i != boxid) { $(this).children(".front").removeClass("flip-front"); $(this).children('.back').removeClass("flip-back"); } } }); }); } /*** flip_box_vertical_view template end here ***/ /**** zoom_in_zoom_out template start here ****/ function ZoomInZoomOutTemplate(pid){ pid = "#"+pid+".zoom_in_zoom_out_template "; var counter = 0; $(pid+"#plus").click(function () { setZoomInZoomOut(1); }); $(pid+"#minus").click(function () { setZoomInZoomOut(-1); }); function setZoomInZoomOut(incr){ var nval = counter+incr; if(nval < 0 || nval > 5){
return;
}
counter = nval;
var scale = 1 + counter/10;
$(pid+”img “).css(‘transform’, ‘scale(‘+scale+’)’);
setButtonsState();

}
function setButtonsState(){
if(counter == 0){
$(pid+ “#minus”).addClass(“disabled “);
}else{
$(pid+”#minus”).removeClass(“disabled “);
}
if(counter == 5){
$(pid+ “#plus”).addClass(“disabled “);
}else{
$(pid+”#plus”).removeClass(“disabled “);
}
}
setButtonsState();
}
/*** zoom_in_zoom_out template end here ***/

/**** hotspot_click_and_graph template start here ****/
function HotspotClickAndGraphTemplate(pid) {
pid = “#” + pid + “.hotspot_click_and_graph_template “;

function preload(arrayOfImages) {
$(arrayOfImages).each(function () {
$(‘‘)[0].src = this;
});
}
// Usage:
preload([
‘assets/img/AI_PHOA203_W3_L2_G2_img_effect0 ‘,
‘assets/img/AI_PHOA203_W3_L2_G2_img_effect1 ‘,
‘assets/img/AI_PHOA203_W3_L2_G2_img_effect2 ‘,
‘assets/img/AI_PHOA203_W3_L2_G2_img_effect3 ‘,
‘assets/img/AI_PHOA203_W3_L2_G2_img_effect4 ‘,
‘assets/img/AI_PHOA203_W3_L2_G2_img_effect5 ‘
]);
$(pid+” .hotspot”).css(“background”, “url(‘assets/img/AI_PHOA203_W3_L2_G2_img_circle ‘)”);
$(pid+”.reset”).click(function () {
$(pid+” .hotspot”).css(“background”, “url(‘assets/img/AI_PHOA203_W3_L2_G2_img_circle ‘)”);
$(pid+” .duplicateImage”).attr(“src”, “assets/img/AI_PHOA203_W3_L2_G2_img_duplicate “);
$(pid+” .graphImage”).css(“background”, “url(‘assets/img/AI_PHOA203_W3_L2_G2_img_effect0 ‘)”);
});
$(pid+” .hotspot”).click(function () {
var hotspotId = $(this).attr(“id”).split(“_”)[1];
$(pid+” .hotspot”).css(“background”, “url(‘assets/img/AI_PHOA203_W3_L2_G2_img_circle ‘)”);
$(pid+” .duplicateImage”).attr(“src”, “assets/img/AI_PHOA203_W3_L2_G2_img_duplicate” + hotspotId + ” “);
$(pid+” .graphImage”).css(“background”, “url(‘assets/img/AI_PHOA203_W3_L2_G2_img_effect” + hotspotId + ” ‘)”);
$(this).css(“background-image”, “none”);
});
}
/*** hotspot_click_and_graph template end here ***/

/**** canvas_animation template start here ****/
/**** canvas_animation_template template start here ****/
function CanvasAnimationTemplate(pid,compositionName,className) {
pid = “#” + pid + “.canvas_animation_template “;

var self = this;
this.isCanvasAnimationInitiated = false;
this.canvas = $(pid+” canvas.animation”)[0];
this.stage = null;
this.exportRoot = null;
this.anim_container = $(pid+” .canvas_animation”)[0];
this.dom_overlay_container = $(this.anim_container).find(“.dom_overlay_container”)[0];
this.composition = null;
this.isAnimationPlaying = false;
this.initAnimation = function(){
this.composition = AdobeAn.getComposition(compositionName);
var lib = this.composition.getLibrary();

if(lib.properties.manifest.length > 0){
var loader = new createjs.LoadQueue(true);
loader.addEventListener(“fileload”, function (evt) { self.handleFileLoad(evt) });
loader.addEventListener(“complete”, function (evt) { self.handleComplete(evt) });

for(var i = 0; i < lib.properties.manifest.length; i++){ lib.properties.manifest[i].src = lib.properties.manifest[i].src; } loader.loadManifest(lib.properties.manifest); }else{ self.handleComplete(null); } } this.handleFileLoad = function(evt){ var images = self.composition.getImages(); if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; } } this.handleComplete = function(evt,comp){ var lib = self.composition.getLibrary(); var ss = self.composition.getSpriteSheet(); if(evt != null){ var queue = evt.target; var ssMetadata = lib.ssMetadata; for (i = 0; i < ssMetadata.length; i++) { ss[ssMetadata[i].name] = new createjs.SpriteSheet({ "images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames }) } } self.exportRoot = new lib[className](); self.stage = new lib.Stage(self.canvas); self.stage.addChild(self.exportRoot); self.exportRoot.gotoAndStop(0); self.makeResponsive(true,'width',false,1); AdobeAn.compositionLoaded(lib.properties.id); createjs.Ticker.setFPS(lib.properties.fps); //createjs.Ticker.timingMode = Ticker.RAF; createjs.Ticker.addEventListener("tick", self.stage); self.isCanvasAnimationInitiated = true; } this.makeResponsive = function(isResp, respDim, isScale, scaleType) { var lastW, lastH, lastS = 1; var lib = self.composition.getLibrary(); if(window.parent && window.parent.window){ window.parent.window.addEventListener('resize', resizeCanvas); }else{ window.addEventListener('resize', resizeCanvas); } resizeCanvas(); function resizeCanvas() { var w = lib.properties.width, h = lib.properties.height; var iw = window.innerWidth, ih = window.innerHeight; var pRatio = window.devicePixelRatio || 1, xRatio = iw / w, yRatio = ih / h, sRatio = 1; if (isResp) { if ((respDim == 'width' && lastW == iw) || (respDim == 'height' && lastH == ih)) { sRatio = lastS; } else if (!isScale) { if (iw < w || ih < h) sRatio = Math.min(xRatio, yRatio); } else if (scaleType == 1) { sRatio = Math.min(xRatio, yRatio); } else if (scaleType == 2) { sRatio = Math.max(xRatio, yRatio); } } self.canvas.width = w * pRatio * sRatio; self.canvas.height = h * pRatio * sRatio; self.canvas.style.width = self.dom_overlay_container.style.width = self.anim_container.style.width = w * sRatio + 'px'; self.canvas.style.height = self.anim_container.style.height = self.dom_overlay_container.style.height = h * sRatio + 'px'; self.stage.scaleX = pRatio * sRatio; self.stage.scaleY = pRatio * sRatio; lastW = iw; lastH = ih; lastS = sRatio; } } $(pid+".canvas_animation_container .canvas_animation").on("click", function () { //$(pid+".canvas_animation_poster_container").show(); //$(pid+".canvas_animation_container").hide(); self.isAnimationPlaying = !self.isAnimationPlaying; $(pid+".canvas_animation_container .canvas_animation .animationBtn").toggle(); if(self.isAnimationPlaying){ self.exportRoot.gotoAndPlay(1); }else{ self.exportRoot.gotoAndStop(0); } }); self.initAnimation(); } /*** canvas_animation_template template end here ***/ /*** canvas_animation template end here ***/ /**** image_with_gif_animation template start here ****/ function ImageWithGifAnimationTemplate(pid) { pid = "#" + pid + ".image_with_gif_animation_template "; $(pid + ' .btnAnimationShow').on("click", function () { $(pid + ' .imageAnimation').hide(); if ($(this).hasClass("img-responsive")) $(pid + " .btnAnimationShow").show(); $(this).hide(); $("#" + $(this).attr('datatarget')).show(); }); } /*** image_with_gif_animation template end here ***/ /**** image_with_click template start here ****/ function ImageWithClickTemplate(pid) { pid = "#" + pid + ".image_with_click_template "; function changeImage() { var image = $(pid+" #myImage_w3_g1")[0]; if (image.src.match("https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G1_Imageclick/assets/AI_FNDA150_W3_G1_img1 ")) { image.src = "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G1_Imageclick/assets/AI_FNDA150_W3_G1_img2 "; } else { image.src = "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G1_Imageclick/assets/AI_FNDA150_W3_G1_img1 "; } } $(pid+"#myImage_w3_g1").click(function(){ changeImage(); }); } /*** image_with_click template end here ***/ /**** image_click_with_popover template start here ****/ function ImageClickWithPopoverTemplate(pid) { pid = "#" + pid + ".image_click_with_popover_template "; $(pid + '[data-toggle="popover"]').popover(); var pop_length = $(pid + " .popup_button").length; $(pid + ".container").on("click", function (e) { for (i = 1; i <= pop_length; i++) { $(pid + "#popup_" + i).attr({ "src": "assets/img/AI_PHOA208_M4_G2_img" + i + " " }); $(pid + "#popupMobile_" + i).attr({ "src": "assets/img/AI_PHOA208_M4_G2_mobile_img" + i + " " }); } }); $(pid + " .popup_button").on("click", function (e) { e.stopPropagation(); for (i = 1; i <= pop_length; i++) { $(pid + "#popup_" + i).attr({ "src": "assets/img/AI_PHOA208_M4_G2_img" + i + " " }); } var colorId = $(this).attr("id").split("popup_")[1]; $(pid + " #popup_" + colorId).attr({ "src": "assets/img/AI_PHOA208_M4_G2_img" + colorId + "a " }); }); $(pid + " .popup_buttonmobile").on("click", function (e) { e.stopPropagation(); for (i = 1; i <= pop_length; i++) { $(pid + "#popupMobile_" + i).attr({ "src": "assets/img/AI_PHOA208_M4_G2_mobile_img" + i + " " }); } var colorId = $(this).attr("id").split("popupMobile_")[1]; $(pid + " #popupMobile_" + colorId).attr({ "src": "assets/img/AI_PHOA208_M4_G2_mobile_img" + colorId + "a " }); }); } /*** image_click_with_popover template end here ***/ /**** image_with_click_and_button template start here ****/ function ImageWithClickAndButtonemplate(pid) { pid = "#" + pid + ".image_with_click_and_button_template "; var dataname = []; var imageSrc = ""; $(pid+".btnGroup .btnRedGrey1").on("click", function () { while (dataname.length > 0) {
dataname.pop();
}
imageSrc = “”;

if ($(this).attr(“dataname”) == “0”) {
$(pid+”.btnGroup .btnRedGrey1″).attr(“dataname”, “0”);
$(pid+”.btnGroup .btnRedGrey1″).find(“.onoff”).html(“OFF”);
$(pid+”.btnGroup .btnRedGrey1″).removeClass(“selected”);
$(this).attr(“dataname”, “1”);
$(this).find(“.onoff”).html(“ON”);
$(this).addClass(“selected”);
}
else if ($(this).attr(“dataname”) == “1”) {
$(pid+”.btnGroup .btnRedGrey1″).attr(“dataname”, “0”);
$(this).attr(“dataname”, “0”);
$(this).find(“.onoff”).html(“OFF”); $(this).removeClass(“selected”);
}
$(pid+”.btnGroup .btnRedGrey1″).each(function (index) {
dataname.push({ value: $(this).attr(“dataname”) });
});
imageSrc = dataname[0].value + “” + dataname[1].value;
if (dataname[0].value == 1) {
$(pid+”#content_1″).show(200);
$(pid+”#content_2″).hide(200);
} else {
$(pid+”#content_1″).hide(200);
}
if (dataname[1].value == 1) {
$(pid+”#content_2″).show(200);
$(pid+”#content_1″).hide(200);
} else {
$(pid+”#content_2″).hide(200);
}
$(this).parent().parent().find(“.img-rounded”).attr(“src”, “https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/PHOA250_Media/AI_PHOA250_W2_G20_Image/assets/AI_PHOA250_W2_G20_img_” + imageSrc + ” “);
});
}
/*** image_with_click_and_button template end here ***/

/**** image_click_to_reveal template start here ****/
function ImageClickToRevealTemplate(pid) {
pid = “#” + pid + “.image_click_to_reveal_template “;
loadScripts(“https://myclasses.argosy.edu/shared/plugins/imagemaps/jquery.rwdImageMaps.min.js”,function(){
$(pid + ‘img[usemap]’).rwdImageMaps();
var feedbackArr = [‘All preceding levels of need must be realized before the needs for self-actualization are attained. This level represents a person’s need to do what s/he was "born to do". The needs make themselves known in signs of restlessness. It is not always apparent what a person wants for a need of self-actualization to be attained.’, ‘All three previous levels of needs must be met before the needs for esteem become evident. These needs involve self-esteem, and the recognition people receive from others. When these needs are met, people feel self-confident and valuable. When these needs are not met, a person feels frustrated, inferior, weak, and worthless.’, ‘These needs become evident as people try to overcome feelings of loneliness and alienation. This involves both giving and receiving love, affection, and a sense of belonging.’, ‘When physiological needs are met, the need for safety is activated. Adults rarely recognize these needs, except in times of emergency, but children often display signs of insecurity and the need to feel safe.’, ‘Biological needs that consist of needs for food, water, air, and shelter. They are the strongest needs because without these, humans would search for them in order to survive.’];
$(pid + ” .colorbarBtn”).on(“click”, function (e) {
var colorId = $(this).attr(“dataname”).split(“colorbarBtn_”)[1];
//////console.log($(this).parent().attr(“id”));
//var parentId = $(this).parent().attr(“id”).split(“bootstrapColorBar_”)[1];
$(pid + “.p_text”).html(feedbackArr[colorId]);
//alert(colorId+”***”+parentId+”**”+”assets/AI_FNDA150_W3_G8_Tab”+parentId+”_img”+colorId+”.gif”);
$(pid + ” #image_change”).attr({ “src”: “assets/img/AI_PSY1010_M3_G1_” + colorId + ” ” });
});
});
}
/*** image_click_to_reveal template end here ***/
/***image_carousel_template start here****/
function ImageCarouselTemplate(pid,show_image,show_animation){
pid = “#” + pid + “.image_carousel_template “;
$(pid +”.animationBtn”).on(“click”,function(){
$(this).hide();
var id = $(this).attr(“id”).split(‘_’)[1];
$(this).closest(“.fill_grey”).find(“.showImage”).attr(“src”, show_animation[id – 1]);
});
$(pid + “.showImage”).click(function () {
var id = $(this).attr(“id”).split(‘_’)[1];
$(pid + ” .btnAnimationShow”).show();
$(this).attr(“src”, show_image[id – 1]);
});
$(pid + ‘.carousel’).on(‘slid.bs.carousel’, function (event) {
$(pid + “.item”).each(function(){
if($(this).find(“.btnAnimationShow”).css(“display”) == “none”){
$(this).find(“.showImage”).click();
}
});
});
}
/***image_carousel_template end here****/
/**** image_toggle_with_content template start here ****/
function ImageToggleWithContentTemplate(pid) {
pid = “#” + pid + “.image_toggle_with_content_template “;
function changeImage_w3_g5() {
var image = $(pid + ” #myImage_w3_g5″)[0];
if (image.src.match(“assets/img/AI_PHOA203_M3_G5_img1 “)) {
image.src = “assets/img/AI_PHOA203_M3_G5_img1a “;
$(“#text_1”).html(“Noise Reduction in Camera Raw”);
} else {
image.src = “assets/img/AI_PHOA203_M3_G5_img1 “;
$(“#text_1”).html(“Original Image”);
}
}
function changeImage_w3_g5_1() {
var image = $(pid + ” #myImage_w3_g5_1″)[0];
var image = document.getElementById(‘myImage_w3_g5_1′);
if (image.src.match(“assets/img/AI_PHOA203_M3_G5_img2 “)) {
image.src = “assets/img/AI_PHOA203_M3_G5_img2a “;
$(pid + “#text_2”).html(“Noise Reduction in Photoshop”);
} else {
image.src = “assets/img/AI_PHOA203_M3_G5_img2 “;
$(pid + “#text_2”).html(“Original Image”);
}
}
$(pid + “#media_w3_g5”).click(function () {
changeImage_w3_g5();
});
$(pid + “#media_w3_g5_1”).click(function () {
changeImage_w3_g5_1();
});
}
/*** image_toggle_with_content template end here ***/

/**** image_toggle_on_button_click template start here ****/
function ImageToggleOnButtonClickTemplate(pid) {
pid = “#” + pid + “.image_toggle_on_button_click_template “;
var imgPathArr_w2g5 = new Array();
imgPathArr_w2g5.push({ id: 1, flag: false, imgFirstPath: “https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA120_Media/AI_FNDA120_W2_G5_ImageToggle/assets/AI_FNDA120_W2_G5_img1 “, imgSecondPath: “https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA120_Media/AI_FNDA120_W2_G5_ImageToggle/assets/AI_FNDA120_W2_G5_img1a ” });
$(pid + “a[class$=’color_orange’]”).click(function () {
//alert(“hello”);
var splitStr = $(this).attr(‘id’).split(“_”)[1];
//alert(splitStr);
if (imgPathArr_w2g5[splitStr – 1].flag == false) {

imgPathArr_w2g5[splitStr – 1].flag = true;
$(pid + ‘#imgToggle_’ + splitStr).attr(‘src’, imgPathArr_w2g5[splitStr – 1].imgSecondPath);
} else {
imgPathArr_w2g5[splitStr – 1].flag = false;
$(pid + ‘#imgToggle_’ + splitStr).attr(‘src’, imgPathArr_w2g5[splitStr – 1].imgFirstPath);
}
});
$(pid + “.carousel-control”).bind(“click”, function () {
for (var i = 0; i < imgPathArr_w2g5.length; i++) { imgPathArr_w2g5[i].flag = false; $(pid + '#imgToggle_' + (i + 1)).attr('src', imgPathArr_w2g5[i].imgFirstPath); } }); $(pid + "#carousel-example-generic_w2g5 ol li").bind("click", function () { for (var i = 0; i < imgPathArr_w2g5.length; i++) { imgPathArr_w2g5[i].flag = false; $(pid + '#imgToggle_' + (i + 1)).attr('src', imgPathArr_w2g5[i].imgFirstPath); } }); } /*** image_toggle_on_button_click template end here ***/ /**** mcq_droplist template start here ****/ function McqDroplistTemplateOld(pid) { pid = "#" + pid + ".mcq_droplist_template_old "; var answerArr = ['2', '2', '1', '1', '2', '1', '2', '2']; var subScript = 0; function ShowResult() { var str = ""; subScript = 0; $(pid + "select option:selected").each(function () { str += $(this).val() + ", "; if (answerArr[subScript] == $(this).val()) { $(pid + "#option_img_" + (subScript + 1)).addClass("glyphicon-ok-circle"); $(pid + "#option_img_" + (subScript + 1)).css({ "visibility": "visible", "color": "#339900" }); } else { $(pid + "#option_img_" + (subScript + 1)).addClass("glyphicon-remove-circle"); $(pid + "#option_img_" + (subScript + 1)).css({ "visibility": "visible", "color": "#d41920" }); } subScript++; }); // alert("output ="+str); //$(pid + '#btn-showme').prop('disabled', false); $(pid + '.dis').prop('disabled', true); //$(pid + '#btn-submit').prop('disabled', true); $(pid + '#btn-showme').removeClass('disabled'); $(pid + '#btn-submit').addClass('disabled'); } var htmlData = []; var selectData = []; $(pid + "a[data-toggle='collapse']," + pid + "a[data-toggle='tab'] ").each(function () { var tabId = $(this).attr("href").split("#")[1]; //alert(tabId) //alert($("#"+tabId).html()) htmlData.push({ value: $("#" + tabId).html() }); }); $(pid + "a[data-toggle='tab']," + pid + "a[data-toggle='collapse']").on("click", function () { var tabId = parseInt($(this).attr("href").split("#W4G13_tab_")[1]); var tabIndex = tabId - 1; $(pid + "#W4G13_tab_" + tabId).empty(); $(htmlData[tabIndex].value).appendTo(pid+"#W4G13_tab_" + tabId); while (selectData.length > 0) {
selectData.pop();
}

});
$(pid + “select”).each(function (i) {
$(this).on(‘change’, function () {
var found = jQuery.inArray(i, selectData);
if (found >= 0) {
// Element was found, remove it.
//selectData.splice(found, 1);
//selectData.push(i);
} else {
// Element was not found, add it.
selectData.push(i);
}
////console.log(selectData)

if (selectData.length >= (answerArr.length)) {
////console.log(“111111”);
$(pid + ‘#btn-submit’).removeClass(‘disabled’);
}
});
});
$(pid + “#btn-submit “).click(function(){
ShowResult();
});
}
/*** mcq_droplist template_old end here ***/
/****** mcq droplist page template start here***/
function MCQDropListTemplate(pid) {
pid = “#” + pid + “.mcq_droplist_template “;
function enableDisableSubmit() {
var bool = true;
$(pid).find(“select”).each(function () {
if ($(this).val() == “” || $(this).val() == “0”) {
bool = false;
}
});
if (bool) {
$(pid + ‘#btn-submit’).removeClass(‘disabled’);
} else {
$(pid + ‘#btn-submit’).addClass(‘disabled’);
}
}
$(pid).find(“select”).change(function () {
enableDisableSubmit();
});
$(pid + ‘#btn-submit’).on(“click”, function () {
$(pid).find(“select”).each(function () {
var glph = $(this).closest(“tr”).find(“.glyphicon”);
if ($(this).val() == $(this).attr(“data-answer”)) {
$(glph).addClass(“glyphicon-ok-circle”);
$(glph).css({ “visibility”: “visible”, “color”: “#339900” });
} else {
$(glph).addClass(“glyphicon-remove-circle”);
$(glph).css({ “visibility”: “visible”, “color”: “#d41920” });
}
});
$(pid + ‘#btn-showme’).removeClass(‘disabled’);
$(pid + ‘select’).prop(‘disabled’, true);
$(pid + ‘#btn-submit’).addClass(‘disabled’);
});
}
/******mcq droplist page template end here***/
/**** mcq template start here ****/
function McqTemplate(pid) {
pid = “#” + pid + “.mcq_template “;

$(pid + “#correct”).on(“click”, function () {
$(this).addClass(“correct”);
$(pid + “#opt1_answer”).css(‘visibility’, ‘visible’);
$(pid + “#wrong”).removeClass(“wrong”);
$(pid + “#opt2_answer”).css(‘visibility’, ‘hidden’);
if ($(window).width() <=1024) { //alert("hi correct"); $(pid + "#correct_description").show(); $(pid + "#wrong_description").hide(); } else { //alert("yoo correct"); $(pid + "#correct_desc_1").show(); $(pid + "#wrong_desc_1").hide(); } }); $(pid + "#wrong").on("click", function () { $(this).addClass("wrong"); $(pid + "#opt2_answer").css('visibility', 'visible'); $(pid + "#correct").removeClass("correct"); $(pid + "#opt1_answer").css('visibility', 'hidden'); if ($(window).width() <=1024) { //alert("hi wrong"); $(pid + "#wrong_description").show(); $(pid + "#correct_description").hide(); } else { //alert("yoo wrong"); $(pid + "#correct_desc_1").hide(); $(pid + "#wrong_desc_1").show(); } }); } /*** mcq template end here ***/ /**** slider_mcq_with_restart template start here ****/ function SliderMcqWithRestartTemplate(pid) { pid = "#" + pid + ".slider_mcq_with_restart_template "; var ref = this; var qarr = [{ question: "Ascender", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q1_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q1_option2 ", correct: 1 }, { question: "Descender", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q2_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q2_option2 ", correct: 2 }, { question: "Cap Height", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q3_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q3_option2 ", correct: 2 }, { question: "X-Height", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q4_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q4_option2 ", correct: 1 }, { question: "Counter", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q5_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q5_option2 ", correct: 1 }, { question: "Arm", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q6_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q6_option2 ", correct: 2 }, { question: "Bowl", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q7_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q7_option2 ", correct: 2 }, { question: "Spine", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q8_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q8_option2 ", correct: 1 }, { question: "Stem", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q9_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q9_option2 ", correct: 2 }, { question: "Shoulder", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q10_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q10_option2 ", correct: 1 }, { question: "Sans Serif", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q11_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q11_option2 ", correct: 2 }, { question: "Serif", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q12_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q12_option2 ", correct: 2 }, { question: "Terminal", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q13_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q13_option2 ", correct: 1 }, { question: "Stress", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q14_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q14_option2 ", correct: 2 }]; this.totalQuestions = qarr.length; this.currentQuestion = 1; this.container = pid; this.init = function () { $(this.container + "#btn_retry").on("click", this.retryQuestion); $(this.container + "#btn_restart").on("click", this.restartQuiz); $(this.container).on("click", '.option', this.selectOption); this.buildUpQuestions(); } this.buildUpQuestions = function () { var qstr = '

‘ +

‘ +

‘ +

{{QUESTION_TEXT}}

‘ +

‘ +

‘ +

‘ +

‘ +

‘ +
‘ +

‘ +
right‘ +

‘ +

‘ +

‘ +
‘ +

‘ +
wrong ‘ +

‘ +

‘ +

‘ +

‘ +

‘;

for (var i = 0; i < qarr.length; i++) { var q = qstr; q = q.replace(/{{QUESTION_INDEX}}/ig, i + 1); q = q.replace(/{{QUESTION_TEXT}}/ig, qarr[i].question); q = q.replace(/{{OPTION_1}}/ig, qarr[i].opt1); q = q.replace(/{{OPTION_2}}/ig, qarr[i].opt2); $(q).insertBefore("#carousel_AIO_G131_W1_L5_S1_G1 .carousel-inner .result-screen") } $(this.container + ".answer").css("visibility", "hidden"); $('#carousel_AIO_G131_W1_L5_S1_G1 .item:first').addClass("active"); /* crousel button */
$(‘#carousel_AIO_G131_W1_L5_S1_G1’).carousel({ interval: false });
$(‘#carousel_AIO_G131_W1_L5_S1_G1’).on(‘slide.bs.carousel’, function (event) {
$(event.relatedTarget).find(“.option”).removeClass(“correct wrong”);
$(event.relatedTarget).find(“.answer”).css(“visibility”, “hidden”);
ref.currentQuestion = parseInt($(event.relatedTarget).attr(“data-id”));

ref.showHideNextBackButtons();
if (ref.currentQuestion == 0) {
ref.showResultScreen();
}
});
ref.showHideNextBackButtons();
}
this.restartQuiz = function () {
$(ref.container + “.instruction”).show();
$(‘#carousel_AIO_G131_W1_L5_S1_G1’).carousel(0);
ref.currentQuestion = 1;
}
this.showResultScreen = function () {
$(this.container + “.instruction”).hide();
$(this.container + “#next-btn”).hide();
$(this.container + “#back-btn”).hide();
$(this.container + “#nav”).hide();
}
this.selectOption = function () {
var selectedOption = parseInt($(this).attr(“data-id”));
var qContainer = ref.container + “#question_” + ref.currentQuestion + ” “;
//$(ref.container+”#opt_answer”).attr(“src”,$(ref.container+”#opt_”+selectedOption).attr(“src”));
$(qContainer + “.answer”).css(“visibility”, “hidden”);
$(qContainer + “.option”).removeClass(“correct wrong”);
var question = qarr[ref.currentQuestion – 1];
if (selectedOption == question.correct) {
$(qContainer + “#opt” + selectedOption + “_answer img”).attr(“src”, “https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/right_tick “)
$(qContainer + “#opt_” + selectedOption).addClass(“correct”);
} else {
$(qContainer + “#opt” + selectedOption + “_answer img”).attr(“src”, “https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/wrong_tick “)
$(qContainer + “#opt_” + selectedOption).addClass(“wrong”);
}
$(qContainer + “#opt” + selectedOption + “_answer “).css(“visibility”, “visible”);
}
this.showHideNextBackButtons = function () {
if (ref.currentQuestion > 1) {
$(this.container + “#back-btn”).show();
$(this.container + “#nav”).show();
} else {
$(this.container + “#back-btn”).hide();
}
if (ref.currentQuestion <= ref.totalQuestions && ref.currentQuestion > 0) {
$(this.container + “#next-btn”).show();
$(this.container + “#nav”).show();
} else {
$(this.container + “#next-btn”).hide();
}
}
this.init();
}
/*** slider_mcq_with_restart template end here ***/

/**** tab_with_mcq template start here ****/
function TabWithMcqTemplate(pid) {
pid = “#” + pid + “.tab_with_mcq_template “;
var id;
$(pid+’.carousel’).carousel({
interval: false
});
loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”, function () {
$(pid+’#tab_with_mcq_myTab_W6G2′).tabCollapse();
var windowWidth;
$(pid+”a[href^=’#tab’]”).click(function () {
$(pid+”.tick”).css(“visibility”, “hidden”);
$(pid+”.answer,.device”).css(“display”, “none”);
$(pid+”.option”).removeClass(“correct incorrect”);
$(pid+”.answer”).removeClass(“Right wrong”);
});
$(pid+”.option”).click(function () {
$(pid+”.tick”).css(“visibility”, “hidden”);
$(pid+”.answer,.device”).css(“display”, “none”);
$(pid+”.option”).removeClass(“correct incorrect”);
$(pid+”.answer”).removeClass(“Right wrong”);
id = $(this).attr(“id”).split(“opt_”)[1];
$(pid+”#tick_” + id).css(“visibility”, “visible”);
$(pid+”#answer_” + id).css(“display”, “block”);
viewportAnswer();
if ($(this).attr(“isCorrect”) == “true”) {
$(this).addClass(“correct”);
$(pid+”#answer_” + id).addClass(“Right”);
$(pid+”#view_” + id).addClass(“Right”);
}
else {
$(this).addClass(“incorrect”);
$(pid+”#answer_” + id).addClass(“wrong”);
$(pid+”#view_” + id).addClass(“wrong”);
}
});
function viewportAnswer() {
//////console.log(“viewport”);
windowWidth = $(window).width();
if (windowWidth < 768) { $(pid+".answer,.device").css("display", "none"); $(pid+"#view_" + id).css("display", "block"); } } }); } /*** tab_with_mcq template end here ***/ /**** tab_horizontal_with_code_and_output template start here ****/ function TabHorizontalWithCodeAndOutputTemplate(pid) { pid = "#" + pid+".tab_horizontal_with_code_and_output_template "; loadScripts(["https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js"], function () { $(pid+'#tab_horizontal_with_code_and_output_template_myTab_W1G18').tabCollapse(); var length = $('.tab-pane').length; for (var i = 1; i <= length; i++) { $(pid+"#tab_" + i).load("assets/list_" + i + ".html"); } }); } /*** tab_horizontal_with_code_and_output template end here ***/ /**** tab_vertical_with_code_content template start here ****/ function TabVerticalWithCodeContentTemplate(pid) { pid = "#" + pid + ".tab_vertical_with_code_content_template "; /*$(pid + ".js-tabcollapse-panel-heading").on("click", function () { $(pid + ".panelheadingVimeo").removeClass("selected"); //$("#headingm6g4_1").addClass("selected"); $(pid + "#accordion1_m6g4 .panel-heading").first().addClass("selected"); $(pid + "#accordion2_m6g4 .panel-heading").first().addClass("selected"); $(pid + ".tab-pane").removeClass("in active"); $(pid + "#tabm6g4_1").addClass("in active"); $(pid + "#tabm6g4_4").addClass("in active"); $(pid + ".res_mobile .panel-collapse").removeClass("in"); $(pid + "#collapseListGroup_mobile1_m6g4").addClass("in"); $(pid + "#collapseListGroup_mobile4_m6g4").addClass("in"); $(pid + ".res_mobile .panel-heading_tab,.panel-collapse").attr("aria-expanded", false); $(pid + "#collapseListGroupHeading_mobile1_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroupHeading_mobile4_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile4_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile1_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile1_m6g4").removeAttr('style'); $(pid + "#collapseListGroup_mobile4_m6g4").removeAttr('style'); $(pid + "#collapseListGroupHeading_mobile4_m6g4, #collapseListGroupHeading_mobile1_m6g4").removeClass("collapsed"); });*/ $(pid + ".panelheadingVimeo").bind("click", function () { $(this).parent().parent().parent().children().children().children(".panelheadingVimeo").removeClass("selected"); $(this).addClass("selected"); }); } /*** tab_vertical_with_code_content template end here ***/ /**** tab_vertical template start here ****/ function TabVerticalTemplate(pid) { pid = "#" + pid + ".tab_vertical_template "; /*$(pid + ".js-tabcollapse-panel-heading").on("click", function () { $(pid + ".panelheadingVimeo").removeClass("selected"); //$("#headingm6g4_1").addClass("selected"); $(pid + "#accordion1_m6g4 .panel-heading").first().addClass("selected"); $(pid + "#accordion2_m6g4 .panel-heading").first().addClass("selected"); $(pid + ".tab-pane").removeClass("in active"); $(pid + "#tabm6g4_1").addClass("in active"); $(pid + "#tabm6g4_4").addClass("in active"); $(pid + ".res_mobile .panel-collapse").removeClass("in"); $(pid + "#collapseListGroup_mobile1_m6g4").addClass("in"); $(pid + "#collapseListGroup_mobile4_m6g4").addClass("in"); $(pid + ".res_mobile .panel-heading_tab,.panel-collapse").attr("aria-expanded", false); $(pid + "#collapseListGroupHeading_mobile1_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroupHeading_mobile4_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile4_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile1_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile1_m6g4").removeAttr('style'); $(pid + "#collapseListGroup_mobile4_m6g4").removeAttr('style'); $(pid + "#collapseListGroupHeading_mobile4_m6g4, #collapseListGroupHeading_mobile1_m6g4").removeClass("collapsed"); });*/ $(pid + ".panelheadingVimeo").bind("click", function () { $(this).closest(".template-container").find(".panelheadingVimeo").removeClass("selected"); $(this).addClass("selected"); }); } /*** tab_vertical template end here ***/ /*** html_list template start here ***/ function AccordionListTemplate(pid,showimage,showanimation) { pid = "#" + pid; $(pid +".accordion_list_template .animationBtn").on("click",function(){ $(this).hide(); var id = $(this).attr("id").split('_')[1]; $(this).closest(".fill_grey").find(".imageanimation").attr("src", showanimation[id - 1]); }); $(pid + ".accordion_list_template .imageanimation").click(function () { var id = $(this).attr("id").split('_')[1]; $(pid + " .btnAnimationShow").show(); $(this).attr("src", showimage[id - 1]); }); $(pid + ".imageanimation").click(function () { var id = $(this).attr("id").split('_')[1]; $(pid + " .btnAnimationShow").show(); $(this).attr("src", showimage[id - 1]); }); $(pid +".accordion_list_template .panel-default .panel-heading").on("click",function(){ $(pid + ".accordion_list_template .panel").each(function(){ if($(this).find(".btnAnimationShow").css("display") == "none"){ $(this).find(".imageanimation").click(); } }); $(pid+".accordion_list_template .panel-heading .panel-title .glyphicon").removeClass("glyphicon-menu-up").addClass("glyphicon-menu-down"); $(pid+".accordion_list_template .panel-heading .panel-title span").css("background-position", "0px 0px"); if($(this).hasClass("collapsed")) { $(this).find(".panel-title .glyphicon").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up"); $(this).find(".panel-title span").css("background-position", "-27px 0px"); } else { $(this).find(".panel-title .glyphicon").removeClass("glyphicon-menu-up").addClass("glyphicon-menu-down"); $(this).find(".panel-title span").css("background-position", "0px 0px"); } //tab_id=$(this).parent().find(".content_with_pagination_template").attr("id").split("_")[1]; //$(this).parent().find(".gif_animation img").attr("src",anim_array[tab_id-1]); var visibleContent =$(this).parent().find(".content_with_pagination_template #media_1 #page_1").html(); $(this).parent().find(".content_with_pagination_template #media_1 #content").html(visibleContent); $(this).parent().find(".content_with_pagination_template #page-selection ul > li”).removeClass(“active”);
$(this).parent().find(“.content_with_pagination_template #page-selection .pagination> li.prev”).addClass(“disabled”).find(“a span”).css(“color”,”rgb(204,204,204)”);
$(this).parent().find(“.content_with_pagination_template #page-selection .pagination li.next”).attr(“data-lp”,2).removeClass(“disabled”).find(“a span”).css(“color”,”rgb(102,102,102)”);
$(this).parent().find(“.content_with_pagination_template #page-selection .pagination li:nth-child(2)”).addClass(“active”);
});
}
/*** html_list template end here ***/
/****VerticalTabWithClickableImageMaps start here***/
function VerticalTabWithClickableImageMaps(pid){
pid = “#”+pid+”.vertical_tab_with_clickable_image_maps “;
$(pid+'[data-toggle=”popover”]’).popover();
$(pid+”.tabs .tab”).click(function(){
var rel = $(this).attr(“rel”);
$(pid+”.tab_container .tab_content”).removeClass(“active”);
$(pid+”.tab_container .tab_content#”+rel).addClass(“active”);
$(pid+”.tabs .tab”).removeClass(“active”);
$(this).addClass(“active”);
$(pid+”.tab_container .tab_drawer_heading”).removeClass(“active”);
$(pid+”.tab_container .tab_drawer_heading[rel='”+rel+”‘]”).addClass(“active”);
});
$(pid+”.tab_container .tab_drawer_heading”).click(function(){

var rel = $(this).attr(“rel”);
var lastElement = $(pid+”.tab_container .tab_content.active”);
$(pid+”.tab_container .tab_drawer_heading”).removeClass(“active”);
$(this).addClass(“active”);
$(pid+”.tabs .tab”).removeClass(“active”);
$(pid+” .tabs .tab[rel='”+rel+”‘]”).addClass(“active”);
$(pid+”.tab_container .tab_content”).removeClass(“active”);
$(pid+”.tab_container .tab_content#”+rel).addClass(“active”);
$(lastElement).css(“display”,”block”);
$(lastElement).animate({
opacity: 0,
height:0
},500,function(){
$(lastElement).css(“display”,”none”);
});

$(pid+”.tab_container .tab_content.active”).css({display:”block”,height:”auto”});
var origHeight = $(pid+”.tab_container .tab_content.active”).outerHeight();
$(pid+”.tab_container .tab_content.active”).css({display:”block”,opacity:0,height:0});
$(pid+”.tab_container .tab_content.active”).animate({
opacity: 1,
height:origHeight
},500,function(){
//$(lastElement).css(“display”,”none”);
});
});
}
/****VerticalTabWithClickableImageMaps end here***/
/**** TabWithSliderWithoutText template start here ****/
function TabWithSliderWithoutText(pid) {
pid = “#” + pid;
loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”, function () {
$(pid + ‘.tab_with_slider_without_text_template #myTab_media1’).tabCollapse();
});
$(pid + ‘.tab_with_slider_without_text_template #myTab_media1 li’).on(“click”,function(){
var id=$(this).attr(‘href’).split(‘_’)[0].split(‘#tab’)[1];
//$(this).attr(‘href’);
//////console.log(id);
$(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1”).find(‘.tabwithslider_img .carousel-inner .item’).removeClass(“active”);
$(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1”).find(‘.tabwithslider_img .carousel-inner .item’).first().addClass(“active”);
$(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1”).find(‘.carousel-indicators li’).removeClass(“active”);
$(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1”).find(‘.carousel-indicators li’).first().addClass(“active”);

});
$(pid +’.tab_with_slider_without_text_template a’).on(“click”,function(){
////console.log(“yeh3tiu”);
var id=$(this).attr(‘href’).split(‘_’)[0].split(‘#tab’)[1];
////console.log(id)
$(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1-collapse”).find(‘.tabwithslider_img .carousel-inner .item’).removeClass(“active”);
$(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1-collapse”).find(‘.tabwithslider_img .carousel-inner .item’).first().addClass(“active”);
$(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1-collapse”).find(‘.carousel-indicators li’).removeClass(“active”);
$(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1-collapse”).find(‘.carousel-indicators li’).first().addClass(“active”);
});
}
/*** TabWithSliderWithoutText template end here ***/
/***infographic_template start here***/
function InfographicTemplate(pid){
pid = “#” + pid + “.infographic_template_1”;
var imgHeight=[];
$(window).load(function(){
$(pid).find(“.bg_container”).each(function(){
imgHeight.push(parseInt($(this).css(“height”)));
});
var a= Math.max.apply(Math, imgHeight);
$(pid).find(“.bg_container”).each(function(){
$(this).css(“height”,a+”px”);
});
});
}

/*****************/
/*****************/
/***infographic_template end here***/
/*** horizontal timeline with thumbnails template start here*/
function HorizontalTimelineTemplate(pid){
pid = “#” + pid + “.horizontal_timeline_template “;

var isBlocksCreated = false;
var isMobile = false;
var wind = window;
if(window.parent){
wind = window.parent.window;
}
function nvsOnScreen(element) {
// window bottom edge

var windowBottomEdge = $(wind).scrollTop() + $(wind).height();

// element top edge
var elementTopEdge = element.offset().top;
var offset = 100;
// if element is between window’s top and bottom edges
return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(animState){ animState = animState || "paused"; var delay = 0; $(pid+".horizontal-timeline-item").each(function(){ $(this).find(".horizontal-timeline-item-img").css("-webkit-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-img").css("-moz-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-img").css("-ms-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-img").css("animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); delay += 250; }); $(pid+".horizontal-timeline-item").each(function(){ $(this).find(".horizontal-timeline-item-title").css("-webkit-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-title").css("-moz-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-title").css("-ms-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-title").css("animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".item-popover").css("-webkit-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".item-popover").css("-moz-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".item-popover").css("-ms-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".item-popover").css("animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); }); $(pid+".horizontal-timeline-item").find(".item-popover .item-popover-footer").click(function(){ if($(this).attr("data-expand") == "true"){ $(this).attr("data-expand","false"); $(this).closest(".item-popover").attr("data-expand","false"); $(this).prev(".item-popover-content").css("max-height","86px"); $(this).find(".glyphicon").removeClass("glyphicon-menu-up").addClass("glyphicon-menu-down"); }else{ $(this).attr("data-expand","true"); var hgt = parseInt($(this).closest(".item-popover").find(".item-popover-content")[0].scrollHeight,10) + 20; $(this).closest(".item-popover").attr("data-expand","true"); $(this).prev(".item-popover-content").css("max-height",hgt); $(this).find(".glyphicon").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up"); } }) } function resizePopoverContent(){ if(!isMobile){ return; } $(pid+" .horizontal-timeline-item").each(function(){ if($(this).find(".item-popover .item-popover-content").length != "") { if(parseInt($(this).find(".item-popover .item-popover-content")[0].scrollHeight,10) <= 82){ $(this).find(".item-popover .item-popover-content").removeClass("more-content"); }else{ $(this).find(".item-popover .item-popover-content").addClass("more-content"); } } }); } function resizeContainer(){ if(isMobile){ $(pid+".horizontal-timeline-items-container").css("padding","0px 0px 15px 0px"); return; } //toggle all boxes to possible max height $(pid+".horizontal-timeline-item .item-popover").each(function(){ $(this).attr("data-expand","true"); $(this).find(".item-popover-content").css("max-height","none"); $(this).find(".glyphicon").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up"); }); var hgt1 = 0; var hgt2 = 0; var tmp; $(pid+".horizontal-timeline-item:nth-child(odd)").each(function(){ tmp = parseInt($(this).find(".item-popover").height(),10); if(tmp > hgt1){
hgt1 = tmp;
}
});
$(pid+”.horizontal-timeline-item:nth-child(even)”).each(function(){
tmp = parseInt($(this).find(“.item-popover”).height(),10);

if(tmp > hgt2){
hgt2 = tmp;
}
});

hgt1 += 25;
hgt2 += 10;

$(pid+”.horizontal-timeline-items-container”).css(“padding”,hgt2+”px 0px “+hgt1+”px 0px”);

}
function animate(){
isBlocksCreated = true;
$(pid+”.horizontal-timeline-items”).addClass(“start-animation”);

//fix for ie 11 window 7 bug – animation play state can not be changed…
var delay = 0;
$(pid+”.horizontal-timeline-item”).each(function(){
$(this).find(“.horizontal-timeline-item-img”).css(“-webkit-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards “);
$(this).find(“.horizontal-timeline-item-img”).css(“-moz-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
$(this).find(“.horizontal-timeline-item-img”).css(“-ms-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
$(this).find(“.horizontal-timeline-item-img”).css(“animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
delay += 250;
});

$(pid+”.horizontal-timeline-item”).each(function(){
$(this).find(“.horizontal-timeline-item-title”).css(“-webkit-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);
$(this).find(“.horizontal-timeline-item-title”).css(“-moz-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);
$(this).find(“.horizontal-timeline-item-title”).css(“-ms-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);
$(this).find(“.horizontal-timeline-item-title”).css(“animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);

$(this).find(“.item-popover”).css(“-webkit-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);
$(this).find(“.item-popover”).css(“-moz-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);
$(this).find(“.item-popover”).css(“-ms-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);
$(this).find(“.item-popover”).css(“animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);
});
/*$(pid+”.horizontal-timeline-item”).find(“.item-popover .item-popover-footer”).click(function(){
if($(this).attr(“data-expand”) == “true”){
$(this).attr(“data-expand”,”false”);
$(this).closest(“.item-popover”).attr(“data-expand”,”false”);
$(this).prev(“.item-popover-content”).css(“max-height”,”86px”);
$(this).find(“.glyphicon”).removeClass(“glyphicon-menu-up”).addClass(“glyphicon-menu-down”);
}else{
$(this).attr(“data-expand”,”true”);
var hgt = parseInt($(this).closest(“.item-popover”).find(“.item-popover-content”)[0].scrollHeight,10) + 20;
$(this).closest(“.item-popover”).attr(“data-expand”,”true”);
$(this).prev(“.item-popover-content”).css(“max-height”,hgt);
$(this).find(“.glyphicon”).removeClass(“glyphicon-menu-down”).addClass(“glyphicon-menu-up”);
}
});*/
// fix end for ie…
}

$(window).load(function () {
if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } resizeContainer(); init("initial"); resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ animate(); } }); $(window).on('resize.'+pid, function (e) { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } resizeContainer(); resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); } /*** horizontal timeline with thumbnails template end here*/ /***timeline template start here*/ function IconBasedTemplate1(pid){ pid = "#" + pid + ".icon_based_template "; var isBlocksCreated = false; var isMobile = false; var wind = window; if(window.parent){ wind = window.parent.window; } function nvsOnScreen(element) { // window bottom edge var windowBottomEdge = $(wind).scrollTop() + $(wind).height(); // element top edge var elementTopEdge = element.offset().top; var offset = 100; // if element is between window's top and bottom edges return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } var wid= $(pid).find(".bg_container").attr("attr-maxwidth"); console.log(wid); function IconTemplateDesktopLayout(){ console.log("desktop"); $(pid).find(".bg_container .img-rounded").remove(); $(pid).find(".bg_container .image_item img").remove(); $(pid).find(".bg_container").css({ width: $(pid).find(".bg_container").attr("attr-width-desktop"), height: $(pid).find(".bg_container").attr("attr-height-desktop") }); $(pid).find(".bg_container").append("“);
$(pid).find(“.image_item”).each(function(){
$(this).append(““);
$(this).css({
left:$(this).attr(“attr-desktop-x”)+”%”,
top:$(this).attr(“attr-desktop-y”)+”%”
});
});

}

function IconTemplateMobileLayout(){
console.log(“mobile”);
$(pid).find(“.bg_container .img-rounded”).remove();
$(pid).find(“.bg_container .image_item img”).remove();
$(pid).find(“.bg_container”).css({
width: $(pid).find(“.bg_container”).attr(“attr-width-mobile”),
height: $(pid).find(“.bg_container”).attr(“attr-height-mobile”)
});
$(pid).find(“.bg_container”).append(““);
$(pid).find(“.image_item”).each(function(){
$(this).append(““);
$(this).css({
left:$(this).attr(“attr-mobile-x”)+”%”,
top:$(this).attr(“attr-mobile-y”)+”%”
});
});
}

function init(){
var delay = 0;
$(pid+”.center-image”).each(function(){

$(this).css(“-webkit-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
$(this).css(“-moz-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
$(this).css(“-ms-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
$(this).css(“animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
delay += 1000;
});
$(pid+”.shell-image”).each(function(){

$(this).css(“-webkit-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
$(this).css(“-moz-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
$(this).css(“-ms-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
$(this).css(“animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
delay += 2000;
});
$(pid+”.image_item”).each(function(){

$(this).css(“-webkit-animation”,”zoom-in-animation 1s linear “+delay+”ms normal 1 forwards paused”);
$(this).css(“-moz-animation”,”zoom-in-animation 1s linear “+delay+”ms normal 1 forwards paused”);
$(this).css(“-ms-animation”,”zoom-in-animation 1s linear “+delay+”ms normal 1 forwards paused”);
$(this).css(“animation”,”zoom-in-animation 1s linear “+delay+”ms normal 1 forwards paused”);
delay += 2500;

});

}

function animate(){
isBlocksCreated = true;
//$(pid+”.horizontal-timeline-items”).addClass(“start-animation”);

//fix for ie 11 window 7 bug – animation play state can not be changed…
var delay = 0;
$(pid+”.center-image”).each(function(){

$(this).css(“-webkit-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards “);
$(this).css(“-moz-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
$(this).css(“-ms-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
$(this).css(“animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
delay +=100;

});
$(pid+”.shell-image”).each(function(){

$(this).css(“-webkit-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards “);
$(this).css(“-moz-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
$(this).css(“-ms-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
$(this).css(“animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
delay += 250;
});

$(pid+”.image_item”).each(function(){

$(this).css(“-webkit-animation”,” zoom-in-animation 1s linear “+delay+”ms normal 1 forwards”);
$(this).css(“-moz-animation”,” zoom-in-animation1s linear “+delay+”ms normal 1 forwards”);
$(this).css(“-ms-animation”,” zoom-in-animation 1s linear “+delay+”ms normal 1 forwards”);
$(this).css(“animation”,”zoom-in-animation 1s linear “+delay+”ms normal 1 forwards”);
delay += 500;

});
// fix end for ie…
}

$(window).load(function () {
console.log(“wid”+wid)
console.log(“wid1111″+$(pid).outerWidth())
if(parseInt($(pid).outerWidth(),10) < wid){ IconTemplateMobileLayout(); }else{ IconTemplateDesktopLayout(); } //resizeContainer(); //init(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ animate(); } }); $(window).on('resize', function (e) { if(parseInt($(pid).outerWidth(),10) < wid){ IconTemplateMobileLayout(); }else{ IconTemplateDesktopLayout(); } //resizeContainer(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animate(); } }); } /*** icon_based template end here*/ /*** icon_based template2 start here*/ function IconBasedTemplate2(pid){ pid = "#" + pid + ".icon_based_template_2 "; var isBlocksCreated = false; var isMobile = false; var wind = window; if(window.parent){ wind = window.parent.window; } function nvsOnScreen(element) { // window bottom edge var windowBottomEdge = $(wind).scrollTop() + $(wind).height(); // element top edge var elementTopEdge = element.offset().top; var offset = 100; // if element is between window's top and bottom edges return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid+".center-image").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 100; }); $(pid+".shell-image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 200; }); $(pid+".image_item").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); delay += 400; }); } function animate(){ isBlocksCreated = true; //$(pid+".horizontal-timeline-items").addClass("start-animation"); //fix for ie 11 window 7 bug - animation play state can not be changed... var delay = 0; $(pid+".center-image").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); delay += 100; }); $(pid+".shell-image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); delay += 250; }); $(pid+".image_item").each(function(){ $(this).css("-webkit-animation"," fade-in-animation 1s linear "+delay+"ms normal 1 forwards"); $(this).css("-moz-animation"," fade-in-animation 1s linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation"," fade-in-animation 1s linear "+delay+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards"); delay += 500; }); // fix end for ie... } $(window).load(function () { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //init(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hi22i1111111111"); animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii1111111111"); animate(); } }); $(window).on('resize.'+pid, function (e) { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animate(); } }); } /*** icon_based template2 end here*/ /**Infographic Sample 3 Temaplte***/ function InfographicSampleTemplate3(pid){ pid = "#" + pid + ".infographic_sample_template_3 "; var isBlocksCreated = false; var isMobile = false; var wind = window; if(window.parent){ wind = window.parent.window; } function nvsOnScreen(element) { // window bottom edge var windowBottomEdge = $(wind).scrollTop() + $(wind).height(); // element top edge var elementTopEdge = element.offset().top; var offset = 100; // if element is between window's top and bottom edges return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid+".info_image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 300; }); } function animate(){ isBlocksCreated = true; //$(pid+".horizontal-timeline-items").addClass("start-animation"); //fix for ie 11 window 7 bug - animation play state can not be changed... var delay = 0; $(pid+".info_image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); delay += 300; }); // fix end for ie... } $(window).load(function () { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //init(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hi22i1111111111"); animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii1111111111"); animate(); } }); $(window).on('resize.'+pid, function (e) { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animate(); } }); } /**Infographic Sample 3 Temaplte***/ /**Horizontal timeline Sample1 Temaplaate start here***/ function HorizontalTimelineSample1Template(pid){ pid = "#" + pid + ".horizontaltimelinesample1_template "; var totalWidth=0; var timelineTotWidth=0; var timelines = $(pid+'.cd-horizontal-timeline'), eventsMinDistance = 60; (timelines.length > 0) && initTimeline(timelines);
function initTimeline(timelines) {
timelines.each(function(){

var timeline = $(this),
timelineComponents = {};
//cache timeline components
timelineComponents[‘timelineWrapper’] = timeline.find(‘.events-wrapper’);
timelineComponents[‘eventsWrapper’] = timelineComponents[‘timelineWrapper’].children(‘.events’);
timelineComponents[‘fillingLine’] = timelineComponents[‘eventsWrapper’].children(‘.filling-line’);
timelineComponents[‘timelineEvents’] = timelineComponents[‘eventsWrapper’].find(‘a’);
timelineComponents[‘timelineDates’] = parseDate(timelineComponents[‘timelineEvents’]);
timelineComponents[‘eventsMinLapse’] = minLapse(timelineComponents[‘timelineDates’]);
timelineComponents[‘timelineNavigation’] = timeline.find(‘.cd-timeline-navigation’);
timelineComponents[‘eventsContent’] = timeline.children(‘.events-content’);

timelineTotWidth= setTimelineWidth(timelineComponents, eventsMinDistance);
//assign a left postion to the single events along the timeline
setDatePosition(timelineComponents, eventsMinDistance);
//assign a width to the timeline

//the timeline has been initialize – show it
//setDatePosition(timelineComponents, eventsMinDistance);

timeline.addClass(‘loaded’);

//detect click on the next arrow
timelineComponents[‘timelineNavigation’].on(‘click’, ‘.next’, function(event){
event.preventDefault();
//setDatePosition(timelineComponents, eventsMinDistance);
updateSlide(timelineComponents, timelineTotWidth, ‘next’);
//$(pid+”.events-wrapper .events ol li a”).css(left,””);

});
//detect click on the prev arrow
timelineComponents[‘timelineNavigation’].on(‘click’, ‘.prev’, function(event){
event.preventDefault();
//setDatePosition(timelineComponents, eventsMinDistance);
updateSlide(timelineComponents, timelineTotWidth, ‘prev’);

});
//detect click on the a single event – show new event content
timelineComponents[‘eventsWrapper’].on(‘click’, ‘a’, function(event){
event.preventDefault();
timelineComponents[‘timelineEvents’].removeClass(‘selected’);
$(this).addClass(‘selected’);
updateOlderEvents($(this));
updateFilling($(this), timelineComponents[‘fillingLine’], timelineTotWidth);
updateVisibleContent($(this), timelineComponents[‘eventsContent’]);
});
//on swipe, show next/prev event content
timelineComponents[‘eventsContent’].on(‘swipeleft’, function(){
var mq = checkMQ();
( mq == ‘mobile’ ) && showNewContent(timelineComponents, timelineTotWidth, ‘next’);
});
timelineComponents[‘eventsContent’].on(‘swiperight’, function(){
var mq = checkMQ();
( mq == ‘mobile’ ) && showNewContent(timelineComponents, timelineTotWidth, ‘prev’);
});
//keyboard navigation
$(document).keyup(function(event){
if(event.which==’37’ && elementInViewport(timeline.get(0)) ) {
showNewContent(timelineComponents, timelineTotWidth, ‘prev’);
} else if( event.which==’39’ && elementInViewport(timeline.get(0))) {
showNewContent(timelineComponents, timelineTotWidth, ‘next’);
}
});
});
}
function updateSlide(timelineComponents, timelineTotWidth, string) {
//retrieve translateX value of timelineComponents[‘eventsWrapper’]
var translateValue = getTranslateValue(timelineComponents[‘eventsWrapper’]),
wrapperWidth = Number(timelineComponents[‘timelineWrapper’].css(‘width’).replace(‘px’, ”));
//translate the timeline to the left(‘next’)/right(‘prev’)
(string == ‘next’)
? translateTimeline(timelineComponents, translateValue – wrapperWidth + eventsMinDistance, wrapperWidth – timelineTotWidth)
: translateTimeline(timelineComponents, translateValue + wrapperWidth – eventsMinDistance);
}
function showNewContent(timelineComponents, timelineTotWidth, string) {
//go from one event to the next/previous one
var visibleContent = timelineComponents[‘eventsContent’].find(‘.selected’),
newContent = ( string == ‘next’ ) ? visibleContent.next() : visibleContent.prev();
if ( newContent.length > 0 ) { //if there’s a next/prev event – show it
var selectedDate = timelineComponents[‘eventsWrapper’].find(‘.selected’),
newEvent = ( string == ‘next’ ) ? selectedDate.parent(‘li’).next(‘li’).children(‘a’) : selectedDate.parent(‘li’).prev(‘li’).children(‘a’);

updateFilling(newEvent, timelineComponents[‘fillingLine’], timelineTotWidth);
updateVisibleContent(newEvent, timelineComponents[‘eventsContent’]);
newEvent.addClass(‘selected’);
selectedDate.removeClass(‘selected’);
updateOlderEvents(newEvent);
updateTimelinePosition(string, newEvent, timelineComponents, timelineTotWidth);
}
}
function updateTimelinePosition(string, event, timelineComponents, timelineTotWidth) {
//translate timeline to the left/right according to the position of the selected event
var eventStyle = window.getComputedStyle(event.get(0), null),
eventLeft = Number(eventStyle.getPropertyValue(“left”).replace(‘px’, ”)),
timelineWidth = Number(timelineComponents[‘timelineWrapper’].css(‘width’).replace(‘px’, ”)),
timelineTotWidth = Number(timelineComponents[‘eventsWrapper’].css(‘width’).replace(‘px’, ”));
var timelineTranslate = getTranslateValue(timelineComponents[‘eventsWrapper’]);
if( (string == ‘next’ && eventLeft > timelineWidth – timelineTranslate) || (string == ‘prev’ && eventLeft < - timelineTranslate) ) { translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth); } } function translateTimeline(timelineComponents, value, totWidth) { //console.log("hiiii"+totWidth+"value"+value); var eventsWrapper = timelineComponents['eventsWrapper'].get(0); value = (value > 0) ? 0 : value; //only negative translate value
value = ( !(typeof totWidth === ‘ ‘) && value < totWidth ) ? totWidth : value; //do not translate more than timeline width //console.log("h123i"+totWidth+"value"+value); setTransformValue(eventsWrapper, 'translateX', value+'px'); //update navigation arrows visibility //(value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive'); //(value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive'); } function updateFilling(selectedEvent, filling, totWidth) { //change .filling-line length according to the selected event var eventStyle = window.getComputedStyle(selectedEvent.get(0), null), eventLeft = eventStyle.getPropertyValue("left"), eventWidth = eventStyle.getPropertyValue("width"); eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2; var scaleValue = eventLeft/totWidth; setTransformValue(filling.get(0), 'scaleX', scaleValue); } function setDatePosition(timelineComponents, min) { /*for (i = 0; i < timelineComponents['timelineDates'].length; i++) { var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]), distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2; ////console.log("distance"+distance); //console.log("distanceNorm"+distanceNorm); ////console.log("min"+min); timelineComponents['timelineEvents'].eq(i).css('left',distanceNorm*min+'px'); updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], timelineTotWidth); }*/ //} //var timelinewidth=$(pid+".events-wrapper").width(); ////console.log("timelinewidth"+timelineTotWidth); var len=$(pid+".events-wrapper .events li a").length; //console.log("len"+len); //console.log(timelineTotWidth/len); //var setleft=timelineTotWidth/(len/2); var setleft="160"; for(i=0;i visibleContent.index()) {
var classEnetering = ‘selected enter-right’,
classLeaving = ‘leave-left’;
} else {
var classEnetering = ‘selected enter-left’,
classLeaving = ‘leave-right’;
}
selectedContent.attr(‘class’, classEnetering);
visibleContent.attr(‘class’, classLeaving).one(‘webkitAnimationEnd oanimationend msAnimationEnd animationend’, function(){
visibleContent.removeClass(‘leave-right leave-left’);
selectedContent.removeClass(‘enter-left enter-right’);
});
eventsContent.css(‘height’, selectedContentHeight+’px’);
}
function updateOlderEvents(event) {
event.parent(‘li’).prevAll(‘li’).children(‘a’).addClass(‘older-event’).end().end().nextAll(‘li’).children(‘a’).removeClass(‘older-event’);
}
function getTranslateValue(timeline) {
var timelineStyle = window.getComputedStyle(timeline.get(0), null),
timelineTranslate = timelineStyle.getPropertyValue(“-webkit-transform”) ||
timelineStyle.getPropertyValue(“-moz-transform”) ||
timelineStyle.getPropertyValue(“-ms-transform”) ||
timelineStyle.getPropertyValue(“-o-transform”) ||
timelineStyle.getPropertyValue(“transform”);
if( timelineTranslate.indexOf(‘(‘) >=0 ) {
var timelineTranslate = timelineTranslate.split(‘(‘)[1];
timelineTranslate = timelineTranslate.split(‘)’)[0];
timelineTranslate = timelineTranslate.split(‘,’);
var translateValue = timelineTranslate[4];
} else {
var translateValue = 0;
}
return Number(translateValue);
}
function setTransformValue(element, property, value) {
element.style[“-webkit-transform”] = property+”(“+value+”)”;
element.style[“-moz-transform”] = property+”(“+value+”)”;
element.style[“-ms-transform”] = property+”(“+value+”)”;
element.style[“-o-transform”] = property+”(“+value+”)”;
element.style[“transform”] = property+”(“+value+”)”;
}
//based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript
function parseDate(events) {
var dateArrays = [];
events.each(function(){
var dateComp = $(this).data(‘date’).split(‘/’),
newDate = new Date(dateComp[2], dateComp[1]-1, dateComp[0]);
dateArrays.push(newDate);
});
return dateArrays;
}
function parseDate2(events) {
var dateArrays = [];
events.each(function(){
var singleDate = $(this),
dateComp = singleDate.data(‘date’).split(‘T’);
if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided
var dayComp = dateComp[0].split(‘/’),
timeComp = dateComp[1].split(‘:’);
} else if( dateComp[0].indexOf(‘:’) >=0 ) { //only time is provide
var dayComp = [“2000”, “0”, “0”],
timeComp = dateComp[0].split(‘:’);
} else { //only DD/MM/YEAR
var dayComp = dateComp[0].split(‘/’),
timeComp = [“0”, “0”];
}
var newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]);
dateArrays.push(newDate);
});
return dateArrays;
}
function daydiff(first, second) {
return Math.round((second-first));
}
function minLapse(dates) {
//determine the minimum distance among events
var dateDistances = [];
for (i = 1; i < dates.length; i++) { var distance = daydiff(dates[i-1], dates[i]); dateDistances.push(distance); } return Math.min.apply(null, dateDistances); } /* How to tell if a DOM element is visible in the current viewport? http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport */ function elementInViewport(el) { var top = el.offsetTop; var left = el.offsetLeft; var width = el.offsetWidth; var height = el.offsetHeight; while(el.offsetParent) { el = el.offsetParent; top += el.offsetTop; left += el.offsetLeft; } return ( top < (window.pageYOffset + window.innerHeight) && left < (window.pageXOffset + window.innerWidth) && (top + height) > window.pageYOffset &&
(left + width) > window.pageXOffset
);
}
function checkMQ() {
//check if mobile or desktop device
return window.getComputedStyle(document.querySelector(‘.cd-horizontal-timeline’), ‘::before’).getPropertyValue(‘content’).replace(/’/g, “”).replace(/”/g, “”);
}
}
/**Horizontal timeline Sample1 Temaplte end here ***/
/**** nested_tab_with_slider_template template start here ****/
function NestedTabWithSliderTemplate(pid,tabid,tabType,nestedTabType) {
pid = “#” + pid+”.nested_tab_with_slider_template “;

tabid = tabid || “nested_tab_with_slider_template_tab”;
var tabidentifier = tabid + “_container”;
tabid = “#”+tabid;

tabType = tabType || “default”;
nestedTabType = nestedTabType || “vertical”;
$(pid+tabid).responsiveTabs({
type: tabType,
width: ‘auto’,
fit: true,
tabidentify:tabidentifier,
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);

var elem = $tab.closest(tabid).find(“.resp-tabs-container.”+tabidentifier).find(“.resp-tab-content-active.”+tabidentifier);

resetAllInnerTabs(elem);
resetAllSliders();
}
});
$(pid).find(“.nested_tab_with_slider_template_tab_inner_tab”).each(function(){
var id = $(this).attr(“id”);

$(pid+”#”+id).responsiveTabs({
type: nestedTabType,
width: ‘auto’,
fit: true,
tabidentify:id+”_container”,
eventIdentify:id+”_container”,
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
//selectedTab = $tab.index();

resetAllSliders();
}
});
});
$(pid+”.carousel”).each(function(){
$(this).carousel(0);
});

$(pid+”.carousel .carousel-indicators li”).click(function(event){
event.preventDefault();
$(this).closest(“.carousel”).carousel(parseInt($(this).attr(“data-slide-to”)));
});
$(pid+”.carousel .carousel-control”).click(function(event){

event.preventDefault();
if($(this).attr(“data-slide”) == “prev”){
$(this).closest(“.carousel”).carousel(‘prev’);
}else if($(this).attr(“data-slide”) == “next”){
$(this).closest(“.carousel”).carousel(‘next’);
}
});
function resetAllSliders(){
$(pid+”.carousel”).each(function(){
$(this).carousel(0);
});
}
function resetAllInnerTabs(elem){
if($(elem).find(“.nested_tab_with_slider_template_tab_inner_tab”).hasClass(“resp-easy-accordion”)){
if($(elem).find(“.nested_tab_with_slider_template_tab_inner_tab .resp-tabs-container .resp-accordion:first-child”).hasClass(“resp-tab-active”) == false){
$(elem).find(“.nested_tab_with_slider_template_tab_inner_tab .resp-tabs-container .resp-accordion:first-child”).click();
}
}else{
if($(elem).find(“.nested_tab_with_slider_template_tab_inner_tab .resp-tabs-list .resp-tab-item:first-child”).hasClass(“resp-tab-active”) == false){
$(elem).find(“.nested_tab_with_slider_template_tab_inner_tab .resp-tabs-list .resp-tab-item:first-child”).click();
}
}
}
}
/*** nested_tab_with_slider_template template end here ***/
/**** flip_box_template template start here ****/
function FlipBoxTemplate(pid){

pid = “#”+pid+”.flip_box_template “;
var boxid = 0;
$(pid+ “.box”).on(“click”, function () {
boxid = $(this).attr(‘id’);
$(this).children(“.front”).addClass(“flip-front”);
$(this).children(“.back”).addClass(“flip-back”);

$(pid+ “.box”).each(function (i) {
if ($(this).children(“.front”).hasClass(“flip-front”) && $(this).children(“.back”).hasClass(“flip-back”)) {

if (i != boxid) {
$(this).children(“.front”).removeClass(“flip-front”);
$(this).children(‘.back’).removeClass(“flip-back”);
}

}
});

});
}
/*** flip_box_template template end here ***/
/**InfographicTemplate4***/
function InfographicTemplate4(pid){
pid = “#” + pid + “.infographic4_template “;

$(pid).find(“.desktop_container”).css({
width:$(pid).find(“.desktop_container”).attr(“data-width”)+”px”,
height:$(pid).find(“.desktop_container”).attr(“data-height”)+”px”
});
$(pid).find(“.image”).each(function(){
$(this).css({
width:$(this).attr(“data-width”)+”px”,
height:$(this).attr(“data-height”)+”px”
});
});
var isBlocksCreated = false;
var isMobile = false;
var wind = window;
if(window.parent){
wind = window.parent.window;
}
function nvsOnScreen(element) {
// window bottom edge

var windowBottomEdge = $(wind).scrollTop() + $(wind).height();

// element top edge
var elementTopEdge = element.offset().top;
var offset = 100;
// if element is between window’s top and bottom edges
return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid).find(".desktop_container .rowItem").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); delay += 1000; }); } function animate(){ isBlocksCreated = true; //$(pid+".horizontal-timeline-items").addClass("start-animation"); //fix for ie 11 window 7 bug - animation play state can not be changed... var delay = 0; $(pid).find(".desktop_container .rowItem").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); delay += 1000; }); // fix end for ie... } $(window).load(function () { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //init(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hi22i1111111111"); animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii1111111111"); animate(); } }); $(window).on('resize.'+pid, function (e) { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animate(); } }); } /**InfographicTemplate4***/ /******* SUO Click to Reveal Template Start Here ********/ function clickToReveal(pid, imgArray, textArray, bgColorArray, textColorArray) { pid = "#" + pid + ".click_to_reveal_template"; $(pid).find("map.mappedImg").click(function(ev) { ev.preventDefault(); var target = $(ev.target); var targetId = target.attr('id').split("-")[1]; if($(pid).find(".content-box1 img").length>0){
$(pid)
.find(“.content-box1”)
.css({
‘background-color’ : bgColorArray[targetId]
})
.find(“img”)
.attr(‘src’, imgArray[targetId]);
}else {
$(pid)
.find(“.content-box1”)
.css({
‘background-color’ : bgColorArray[targetId]
})
.prepend(‘‘);
}
$(pid)
.find(“.content-box1 div.textContent > p”)
.text(textArray[targetId])
.css({
‘color’ : textColorArray[targetId]
});
});
}

/********** SUO Click to Reveal Template Ends Here ***********/
/******* Flip_box_template_with_images template Start here ********/
function FlipBoxImagesTemplate(pid){
pid = “#”+pid+”.flip_box_withimages_template “;
var boxid = 0;

$(pid+ “.box”).on(“click”, function () {
//console.log(“34yyyyyyyyyy”);
boxid = $(this).attr(‘id’);
$(this).children(“.front”).addClass(“flip-front”);
$(this).children(“.back”).addClass(“flip-back”);
$(pid+ “.box”).each(function (i) {
if ($(this).children(“.front”).hasClass(“flip-front”) && $(this).children(“.back”).hasClass(“flip-back”)) {
if (i != boxid) {
$(this).children(“.front”).removeClass(“flip-front”);
$(this).children(‘.back’).removeClass(“flip-back”);
}
}
});
});
}
function limitText (pid) {

//event.preventDefault();
pid = “#” + pid + “.flip_box_withimages_template”;

$(‘.flip_box_withimages_template p’).wrapInTag({
tag: ‘b’,
words: [‘Asynchronus:’, ‘Synchronus:’]
});
}
$.fn.wrapInTag = function(opts) {
var tag = opts.tag || ‘strong’
, words = opts.words || []
, regex = RegExp(words.join(‘|’), ‘gi’) // case insensitive
, replacement = ‘<'+ tag +'>$&‘;
return this.html(function() {
return $(this).text().replace(regex, replacement);
});
};
/******* Flip_box_template_with_images template Ends here ********/
/*************Click_to_Reveal_with_Zoom template start here********/
/**
* Creates an instance of ClicktoRevealwithZoomTemplate.
*
* @constructor
* @this {ClicktoRevealwithZoomTemplate}
* @param {string} pid – template id.
*/
function ClicktoRevealwithZoomTemplate(pid){
/**
* @type {string}
*/
var pid = “#” +pid + “.clicktorevealwithzoom”;
/**
* @type {number}
*/
var wid = parseInt($(pid).find(“.bg_container”).attr(“data-width”),10);
var hgt = parseInt($(pid).find(“.bg_container”).attr(“data-height”),10);
$(pid).find(“.bg_container”).css({width:wid+”px”,height:hgt+”px”});
$(pid).find(“.imageContainer”).each(function(){
/**
* @type {number}
*/
var x = parseInt($(this).attr(“data-x”),10);
var y = parseInt($(this).attr(“data-y”),10);
var lx = x/wid * 100;
var ly = y/hgt * 100;
$(this).css({left:lx+”%”,top:ly+”%”});
});
$(pid).find(“.imageContainer p”).each(function(){
$(this).css({
left:parseInt($(this).attr(“data-x”),10)+”%”,
top:parseInt($(this).attr(“data-y”),10)+”%”
});
});
$(pid).find(“.circle”).click(function () {
showFeedback($(this));
});
$(pid).find(“.imageContainer p”).click(function () {
showFeedback($(this).closest(“.imageContainer”).find(“.circle”));
});
function showFeedback(p){
$(pid).find(“.imageContainer p”).fadeOut( 500 );
$(pid).find(“.feedbackContainer”).remove();
$(pid).find(“.bg_container”).append(“

“+p.attr(‘attrcontent’)+”

“);
$(pid).find(“.content”).css({
width:p.attr(“data-width”)+”px”,
height:p.attr(“data-height”)+”px”,
left:parseInt(p.attr(“data-x”),10)+”%”,
top:parseInt(p.attr(“data-y”),10)+”%”
});
$(pid).find(“.closeBtn”).on(‘click’,closePopup);
}
/** This is a description of the closePopup function. */
function closePopup()
{
$(pid).find(“.feedbackContainer”).remove();
$(pid).find(“.imageContainer p”).show();
}

}
/*************Click_to_Reveal_with_Zoom template end here********/
/**** mcq_checklist_template template start here ****/
function McqChecklistTemplate(pid) {
pid = “#” + pid + “.mcq_checklist_template “;
var self = this;
$(pid).find(“.mcq_template_question”).each(function(){
var qid = $(pid).find(“.mcq_template_question”).index($(this)) + 1;
$(pid+”#mcq_template_question_”+qid).responsiveTabs({
type: “accordion”,
width: ‘auto’,
fit: true,
closed:true,
tabidentify:”mcq_template_question_”+qid+”_container”,
activate: function(event) { //Callback function if tab is switched
var $tab = $(this);
$question = $tab.closest(“.mcq_template_question”);
self.closeTabs($question);
var correctanswer = $question.attr(“data-correct-ans”);

$question.find(“.resp-accordion”).removeClass(“selected correct-answer wrong-answer”);
$question.find(“.resp-accordion”).find(“.glyphicon”).removeClass(“glyphicon-check”).addClass(“glyphicon-unchecked”);

$tab.addClass(“selected”);
$tab.find(“.glyphicon”).removeClass(“glyphicon-unchecked”).addClass(“glyphicon-check”)
if(correctanswer == ($question.find(“.resp-accordion”).index($tab) + 1)){
$tab.addClass(“correct-answer”);
}else{
$tab.addClass(“wrong-answer”);
}
}
});
});
//close all accordions expecept current question
this.closeTabs = function(quest){
$(pid).find(“.mcq_template_question”).each(function(){
var qid = $(pid).find(“.mcq_template_question”).index($(this)) + 1;

if ($(pid+”#mcq_template_question_”+qid).not(quest).find(“.resp-accordion.resp-tab-active”).length > 0) {
$(pid+”#mcq_template_question_”+qid).not(quest).find(“.resp-accordion.resp-tab-active”).trigger(“click”);
}
});

}
}
/*** mcq_checklist_template template end here ***/

/**** horizontal_timeline_scrollable_template template start here ****/
function HorizontalTimelineScrollableTemplate(pid) {
pid = “#” + pid + “.horizontal_timeline_scrollable_template “;
this.itemsVisible = 0;
this.itemWidth = 150;
this.totalItems = $(pid).find(“.horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item”).length;
var self = this;
$(pid).find(“.horizontal-timeline-scrollable-arrow”).click(function(){
if($(this).hasClass(“horizontal-timeline-scrollable-arrow-prev”)){
self.scrollTimeline(-1);
}else{
self.scrollTimeline(1);
}
});
$(pid).find(“.horizontal-timeline-scrollable-item .horizontal-timeline-scrollable-item-circle”).click(function(){
var ind = $(pid).find(“.horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item”).index($(this).closest(“.horizontal-timeline-scrollable-item”));

self.showFeedback(ind,true);
});
this.showFeedback = function(ind,animate){

$(pid).find(“.horizontal-timeline-scrollable-item”).removeClass(“selected”);
var item = $(pid).find(“.horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item:eq(“+ind+”)”);
item.addClass(“selected”);

if($(pid).width() < 768){ $(pid).find(".horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item").not(item).find(".horizontal-timeline-scrollable-items-content").slideUp(); item.find(".horizontal-timeline-scrollable-items-content").slideDown('400',function(){ $(pid).find(".horizontal-timeline-scrollable-item-filling-line").css("height",item.position().top + item.find(".horizontal-timeline-scrollable-item-circle").position().top); }); $(pid).find(".horizontal-timeline-scrollable-item-filling-line").css("width","0"); }else{ if($(pid).find(".horizontal-timeline-scrollable-global-items-content .horizontal-timeline-scrollable-item-content").length > 0 && animate){
$(pid).find(“.horizontal-timeline-scrollable-global-items-content .horizontal-timeline-scrollable-item-content”).animate({
opacity:0
},500,function(){
$(pid).find(“.horizontal-timeline-scrollable-global-items-content”).html(item.find(“.horizontal-timeline-scrollable-items-content”).html());
$(pid).find(“.horizontal-timeline-scrollable-global-items-content .horizontal-timeline-scrollable-item-content”).css(“opacity”,0);

$(pid).find(“.horizontal-timeline-scrollable-global-items-content .horizontal-timeline-scrollable-item-content”).animate({
opacity:1
},500);
});
}else{
$(pid).find(“.horizontal-timeline-scrollable-global-items-content”).html(item.find(“.horizontal-timeline-scrollable-items-content”).html());
$(pid).find(“.horizontal-timeline-scrollable-global-items-content .horizontal-timeline-scrollable-item-content”).css(“opacity”,1);
}
$(pid).find(“.horizontal-timeline-scrollable-item-filling-line”).css(“height”,”0″);

$(pid).find(“.horizontal-timeline-scrollable-item-filling-line”).css(“width”,item.position().left + item.find(“.horizontal-timeline-scrollable-item-circle”).position().left);
}

self.positionFeedbackArrow();
}
this.positionFeedbackArrow = function(){
if($(pid).width() < 768){ $( "

” ).appendTo(“head”);
return;
}
var item = $(pid).find(“.horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item.selected”);
if(item.length == 0){
return;
}
var tl = Math.abs(parseInt($(pid).find(“.horizontal-timeline-scrollable-items”).css(“margin-left”),10));
var dist = item.position().left – tl;
var left = dist + $(item).width()/2 – 10 + 40;

$( “

” ).appendTo(“head”);
}
this.setTimelineWidth = function(){
var ml = Math.abs($(pid).find(“.horizontal-timeline-scrollable-items”).css(“margin-left”)) || 0;
var ind = $(pid).find(“.horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item.selected”).index(“.horizontal-timeline-scrollable-item”);
if(ind < 0) ind = 0; if($(pid).width() < 768){ $(pid).find(".horizontal-timeline-scrollable-items").css("margin-left",0); $(pid).find(".horizontal_timeline_scrollable_template_container .horizontal-timeline-scrollable-item").css({ "max-width":"auto", "min-width":"none", "width":"100%" }); self.showFeedback(ind,false); return; } var wid = $(pid).width() - 80; var reminder = wid % 150; self.itemsVisible = Math.floor(wid / 150); if(reminder > 0){
self.itemWidth = 150 + reminder/self.itemsVisible;
}
var calcw = self.itemsVisible * self.itemWidth +80;

//if($(pid).width() > 769){
// $(pid).find(“.horizontal_timeline_scrollable_template_container”).css(“width”,calcw);
$(pid).find(“.horizontal_timeline_scrollable_template_container .horizontal-timeline-scrollable-item”).css({
“max-width”:self.itemWidth,
“min-width”:self.itemWidth,
“width”:self.itemWidth
});
//}
var m = Math.floor(ind / self.itemsVisible);
$(pid).find(“.horizontal-timeline-scrollable-items”).css(“margin-left”,”-“+(m * self.itemWidth * self.itemsVisible)+”px”);
self.showFeedback(ind,false);
self.enableDisableButtons();
}
this.enableDisableButtons = function(){
$(pid).find(“.horizontal-timeline-scrollable-arrow”).removeClass(“disabled”);
var left = Math.abs(parseInt($(pid).find(“.horizontal-timeline-scrollable-items”).css(“margin-left”),10));
var scrollWid = $(pid).find(“.horizontal-timeline-scrollable-items”)[0].scrollWidth;
var wid = $(pid).find(“.horizontal-timeline-scrollable-items-container”).width();
if(left == 0){
$(pid).find(“.horizontal-timeline-scrollable-arrow-prev”).addClass(“disabled”);
}
if((left + wid) >= scrollWid){
$(pid).find(“.horizontal-timeline-scrollable-arrow-next”).addClass(“disabled”);
}
}
this.scrollTimeline = function(type){

var scrollWid = $(pid).find(“.horizontal-timeline-scrollable-items”)[0].scrollWidth;
var wid = $(pid).find(“.horizontal-timeline-scrollable-items-container”).width();
var left = Math.abs(parseInt($(pid).find(“.horizontal-timeline-scrollable-items”).css(“margin-left”),10));

if(type == 1){
ml = left + wid;

/*if(ml > (scrollWid – wid)){
ml = (scrollWid – wid);
}*/
}else{
ml = left – wid;
if(ml < 0){ ml = 0; } } $(pid).find(".horizontal-timeline-scrollable-arrow").addClass("disabled"); $(pid).find(".horizontal-timeline-scrollable-item").removeClass("item-before-selected"); $(pid).find(" .horizontal-timeline-scrollable-items-content .horizontal-timeline-scrollable-item-content").animate({ opacity:0 },500,function(){ $(pid).find(".horizontal-timeline-scrollable-item").removeClass("selected"); }); $(pid).find(".horizontal-timeline-scrollable-items").animate({ marginLeft: "-"+ml+"px" },500,function(){ self.enableDisableButtons(); var ind = Math.floor(ml/self.itemWidth); self.showFeedback(ind,true); }); } $(window.parent?window.parent.window:window).resize(function(){ self.setTimelineWidth(); }); $(window).load(function(){ self.setTimelineWidth(); setTimeout(function(){ self.setTimelineWidth(); },5000); }); //self.showFeedback(0); } /*** horizontal_timeline_scrollable_template template end here ***/ /****MCQMMCQTemplate start here***/ function MCQMMCQTemplate(pid){ var pid = "#"+pid; var tick_array=[]; //console.log(pid); $(pid+".mcq_mmcq_template .question .optionSet").prop('disabled',true); $(pid+ ".mcq_mmcq_template .question").find("#optionSet_0").prop('disabled',false); function checkDisable(){ $(pid+ ".mcq_mmcq_template .question").each(function(i){ //console.log("#optionSet_"+i); if($(this).find("#optionSet_"+i).prop('disabled')==false) { //console.log("not disabled"); $(this).find("#optionSet_"+i).find(".options").on("click",checkAnswer); $(this).find("#optionSet_"+i).find(".options").css('cursor','pointer'); } else { //console.log("disabled"); ////console.log($(this).find("#optionSet_"+i).find(".options")); $(this).find("#optionSet_"+i).find(".options").off("click"); $(this).find("#optionSet_"+i).find(".options").css('cursor','default'); } i++; }); } $(window).load(function () { checkDisable(); }); function checkAnswer(event){ if($(this).parent().parent().attr("type")=="mmcq"){ if($(this).hasClass("selected")){ $(this).removeClass("selected"); $(this).find(".mmcq_tick").css({"background-position":"0px 0px"}); tick_array.pop($(this).attr("id").split("_")[1]); //console.log("pop"+tick_array); } else{ //alert("hruhruj"); $(this).addClass("selected"); $(this).find(".mmcq_tick").css({"background-position":"-20px 0px"}); //console.log($(this).attr("id").split("_")[1]); tick_array.push($(this).attr("id").split("_")[1]); //console.log("push"+tick_array); } var count=0; $(this).parent().find(".options").each(function(){ if($(this).hasClass("selected")){ count=count+1; //console.log(count); } }); if(count>0){
$(this).parent().parent().find(“.view_answer”).removeClass(“disabled”);
}
else{
$(this).parent().parent().find(“.view_answer”).addClass(“disabled”);
}
/*var len=$(this).parent().find(“.options”);
for(var i=1;i<)*/ } else{ $(this).parent().find(".options").find(".mcq_tick").css({"background-position":"0px 0px"}); $(this).parent().find(".options").removeClass("selected"); $(this).addClass("selected"); /*if($(this).attr("answer")=="correct"){ $(this).find(".mcq_tick").css({"background-position":"-34px 0px"}); } else{ $(this).find(".mcq_tick").css({"background-position":"-34px 0px"}); }*/ $(this).find(".mcq_tick").css({"background-position":"-20px 0px"}); if($(this).hasClass("selected")){ $(this).parent().parent().find(".view_answer").removeClass("disabled"); } else{ $(this).parent().parent().find(".view_answer").addClass("disabled"); } } } $(pid+ ".mcq_mmcq_template .view_mcq").on("click",function(){ $(this).parent().parent().find(".options").each(function(){ if($(this).hasClass("selected")){ if($(this).attr("answer")=="correct"){ $(this).find(".mcq_tick").css({"background-position":"-40px 0px"}); } else if($(this).attr("answer")=="incorrect"){ $(this).find(".mcq_tick").css({"background-position":"-60px 0px"}); } else{ } } else{ if($(this).attr("answer")=="correct"){ $(this).find(".mcq_tick").css({"background-position":"-40px 0px"}); } } }); $(pid+".mcq_mmcq_template .question .optionSet").prop('disabled',true); var p_id=$(this).attr("id").split('_')[1] $(pid+".mcq_mmcq_template .question").find("#viewans_"+p_id).addClass("disabled"); p_id=parseInt(p_id)+1; $(pid +".mcq_mmcq_template .question").find("#optionSet_"+p_id).prop('disabled',false); checkDisable(); $(this).parent().find(".feedback").slideDown(); }); $(pid+ ".mcq_mmcq_template .view_mmcq").on("click",function(){ //console.log("11111"); var len=tick_array.length; var op_id=$(this).parent().parent().find(".optionSet").attr("id").split("_")[1]; $(this).parent().parent().find(".options").each(function(){ if($(this).attr("answer")=="correct"){ $(this).children(".mmcq_tick").addClass("mmcq_correct"); } }); for(var i=0;i800){
changeDesktopLayout();
}
});
$(window).resize(function(){
if($(window).width() >800){
changeDesktopLayout();
}
});
var departheight_1,departheight_1=0;
function changeDesktopLayout(){
departheight_1=$(pid).find(“.desktop_version .departments”).height();
//console.log(departheight_1);
$(pid).find(“.desktop_version .departments .department span”).css(“height”,departheight_1-41);
departheight_1=$(pid).find(“.desktop_version .department_set .departments”).height();
//console.log(departheight_1);
$(pid).find(“.desktop_version .department_set .departments span”).css(“height”,departheight_1-41);
}
}
/*********TwoBranchFlowChartTemplate end here***********/
/***********TabwithMCQwithFeedbackTemplate start here****/
function TabwithMCQwithFeedbackTemplate(pid) {
pid = “#” + pid;
$(pid+ “.tabwithmcqwithfeedback_template .question .options”).on(“click”,checkAnswer);
function checkAnswer(event){
if($(this).parent().parent().attr(“type”)==”mcq”){
$(pid + “.tabwithmcqwithfeedback_template .options .mcq_tick”).css({“background-position”:”0px 0px”});
$(pid + “.tabwithmcqwithfeedback_template .options”).removeClass(“selected”);
$(pid + “.tabwithmcqwithfeedback_template .optionSet:last-child”).find(“.options”).css(“margin-bottom”,”0px”);
$(this).addClass(“selected”);
$(this).find(“.mcq_tick”).css({“background-position”:”-20px 0px”});
var f_desc=$(this).attr(“feedback”);
$(pid + “.tabwithmcqwithfeedback_template .optionSet .feedback”).remove();
$(this).parent().append(“

“);
$(this).filter(“[correct=’correct’]”).children(“.mcq_tick”).css({“background-position”:”-60px 0px”});
$(this).filter(“[correct=’correct’]”).parent().find(“.feedback”).addClass(“wrong”);
$(this).filter(“[correct=’incorrect’]”).children(“.mcq_tick”).css({“background-position”:”-40px 0px”});
$(this).filter(“[correct=’incorrect’]”).parent().find(“.feedback”).addClass(“correct”);
if ( $( this ).parent().is( “:last-child” ) ){
$(this).css(“margin-bottom”,”10px”);
}
//

}
}
}
/***********TabwithMCQwithFeedbackTemplate end here****/
/*****horizontaltab1sample_template start here***/
function HorizontalTabSample1Template(pid) {
pid = “#” + pid;

loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
$(pid + “.horizontaltab1sample_template #myTab_W1G78”).tabCollapse();
});
$(pid).find(“.nav-tabs a”).on(“click”,function(){
$(pid).find(“.tabwithmcqwithfeedback_template .options .mcq_tick”).css({“background-position”:”0px 0px”});
$(pid).find(“.tabwithmcqwithfeedback_template .optionSet .feedback”).remove();
var id= $(this).attr(“href”);
$(id).find(“.panel-heading”).addClass(“collapsed”);
$(id).find(“.panel-heading .glyphicon”).removeClass(“glyphicon-menu-up”).addClass(“glyphicon-menu-down”);
$(id).find(“.panel-collapse”).removeClass(“in”);
$(id).find(“.panel-heading”).first().removeClass(“collapsed”).attr(“aria-expanded”,true);
$(id).find(“.panel-heading”).first().find(“.glyphicon”).removeClass(“glyphicon-menu-down”).addClass(“glyphicon-menu-up”);
$(id).find(“.panel-collapse”).first().addClass(“in”).css(“height”,”auto”);
//$(id).find(“.image_with_content_with_button_reveal_content .collapse”).removeClass(“in”);
var visibleContent =$(id).find(“.content_with_pagination_template #media_1 #page_1”).html();
$(id).find(“.content_with_pagination_template #media_1 #content”).html(visibleContent);
$(id).find(“.content_with_pagination_template #page-selection ul > li”).removeClass(“active”);
$(id).find(“.content_with_pagination_template #page-selection .pagination> li.prev”).addClass(“disabled”).find(“a span”).css(“color”,”rgb(204,204,204)”);
$(id).find(“.content_with_pagination_template #page-selection .pagination li.next”).attr(“data-lp”,2).removeClass(“disabled”).find(“a span”).css(“color”,”rgb(102,102,102)”);
$(id).find(“.content_with_pagination_template #page-selection .pagination li:nth-child(2)”).addClass(“active”);

});
}
/*****horizontaltab1sample_template end here***/
/*****TabbedInfographicClickRevealTemplate start here****/
function TabbedInfographicClickRevealTemplate(pid,myArray,mobileBaseImage){
pid = “#” + pid;
var img_arr=[];
loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
$(pid + “.tabbedinfographicclickreveal_template #myTab_W1G18”).tabCollapse();
});
var len=$(pid + “.tabbedinfographicclickreveal_template”).find(“.circle”).length;
//console.log(len);
var myArraySet = [];
var imageSet = [];
var coodSet = [];
function deskLayout(){
$(pid + “.tabbedinfographicclickreveal_template”).find(“.circle”).each(function(index){

coodSet.push($(this).attr(“atrimage”));
imageSet.push($(this).attr(“coords”));
//myArraySet[1]=$(this).attr(“atrimage”);
});
for(i=0;i 901) {
setlayout();

}

});
$(window).resize(function(){
if($(window).width() > 901) {
setlayout();
iplayout();
}
else{
$(pid).find(“.desktop_version label”).removeClass(“active”);
$(pid).find(“.desktop_version label”).first().addClass(“active”);
$(pid).find(“.desktop_version .panel_data”).removeClass(“selected”).css(“width”, “0px”);
$(pid).find(“.desktop_version .panel_data”).first().addClass(“selected”);
// Portrait orientation
}

});
var panel_width=0;
function iplayout(){
$(pid).find(“.mobile_version .panel-heading”).addClass(“collapsed”).attr(“aria-expanded”,false);
$(pid).find(“.mobile_version .panel-collapse”).removeClass(“in”).attr(“aria-expanded”,false);
$(pid).find(“.mobile_version .panel-heading”).first().removeClass(“collapsed”).attr(“aria-expanded”,true);
$(pid).find(“.mobile_version .panel-collapse”).first().addClass(“in”).attr(“aria-expanded”,true).css(“height”,”auto”);
}
function setlayout(){
var tab_len = $(pid).find(“.desktop_version label”).length;
////console.log(tab_len+”yguib uu”);
panel_width= ($(pid).find(“.desktop_version .acidjs-horizontal-accordion”).width()) – (tab_len * 47);
/*$(pid).find(“.desktop_version label”).removeClass(“active”);
$(pid).find(“.desktop_version label”).first().addClass(“active”);
$(pid).find(“.desktop_version .panel_data”).removeClass(“selected”).css(“width”, “0px”);
$(pid).find(“.desktop_version .panel_data”).first().addClass(“selected”).css(“width”, panel_width);*/
////console.log(panel_width);
$(pid).find(“.desktop_version .panel_data”).each(function(){
if($(this).hasClass(“selected”)){
$(this).css(“width”, panel_width);
}
else{
$(this).css(“width”, “0px”);
}
});
$(pid).find(“.desktop_version label”).on(“click”, function() {
//panel_width= ($(pid).find(“.desktop_version .acidjs-horizontal-accordion”).width()) – (tab_len * 47);
$(pid).find(“.desktop_version .panel_data”).first().removeClass(“selected”).css(“width”, “0px”);
$(pid).find(“.desktop_version label”).first().removeClass(“active”);
$(pid).find(“.desktop_version label”).removeClass(“active”);
$(pid).find(“.desktop_version .panel_data”).removeClass(“selected”).css(“width”, “0px”);
$(this).parent().find(“.panel_data”).addClass(“selected”).css(“width”, panel_width);
$(this).toggleClass(“active”);
});
}
}
/*** horizontal accordion template end here****/
function FlipBoxImageTemplate(pid){
pid= “#” + pid + “.flip_box_with_image_template”;
$(window).load(function () {

var ht =$(pid).find(“.box img”).height();
$(pid).find(“.box”).css(“height”,ht);
$(pid).find(“.boxes”).css(“height”,ht);

});
$(window).resize(function(){

var ht =$(pid).find(“.box img”).height();
$(pid).find(“.box”).css(“height”,ht);
$(pid).find(“.boxes”).css(“height”,ht);

});
}
/*** inphographic click to reveal template start here****/
function InfographicClickToRevealTemplate(pid) {
pid = “#” + pid + “.inphographic_click_to_reveal_template”;
var clickedImage=[];
var imageArr=[];
$(window).load(function () {

if($(window).width()<700) { $(pid).find(".mobile_version .icons").each(function(){ imageArr.push($(this).find("img").attr("src")); clickedImage.push($(this).attr("attrimage")); }); for(i=0;i“+str+”

“+$(this).attr(“data-txt”);
}
});
$(pid + ‘.button_icon’).on(‘shown.bs.popover’, function () {
if($(this).attr(“data-correct”) == “true”){
$(this).closest(“.tooltipCustom”).addClass(“correct”);
}else{
$(this).closest(“.tooltipCustom”).addClass(“wrong”);
}
});
this.setCoordniates = function(){
var attr = “data-desktop”;
if($(window).width() < 550){ attr = "data-mobile"; } $(pid + '.button_icon').each(function(){ var arr = $(this).attr(attr).split(","); $(this).css("left",arr[0]+"px"); $(this).css("top",arr[1]+"px"); }); } var self = this; $(window.top).resize(function(){ self.setCoordniates(); }); self.setCoordniates(); } /*** click_through_hotspot_with_mcq_template template end here ***/ /****image_template start here*****/ function ImageTemplate(pid){ var wt=0; pid = "#" + pid + ".image_template "; $(window).load(function () { Dimensions(); }); $(window).resize(function () { Dimensions(); }); function Dimensions(){ wt=$(pid).find("img").width(); $(pid).css("width",wt); } } /****image_template end here*****/ /***click_image_reveal_template start here***/ function ClickImageRevealtTemplate(pid){ pid = "#" + pid + ".click_image_reveal_template "; var wid= $(pid).find(".bg_container").attr("attr-maxwidth"); console.log(wid); var isOnceFlag1= false; var isOnceFlag2= false; window.onload=function(){ if(parseInt($(pid).outerWidth(),10) > wid){
setDesktopLayout();
}

else{
setMobileLayout();
}
}
$(window).resize(function () {

if(parseInt($(pid).outerWidth(),10) > wid){
setDesktopLayout();
}
else{
setMobileLayout();
}
});
function setDesktopLayout(){
if($(window).width() < 700){ $(pid).find(".feedback").hide(); $(pid).find(".bg_imageDesktop").attr("src",$(pid).find(".bg_container").attr("attr-desktop")); } //( '‘ ).before( $(pid).find(“.bg_container .trans”));
if(isOnceFlag1==false){
isOnceFlag1 = true;

$(pid).find(“.feedback”).empty();

}

$(pid).find(“.bg_container”).css({
width:$(pid).find(“.bg_container”).attr(“attr-desktop-width”),
height:$(pid).find(“.bg_container”).attr(“attr-desktop-height”)
});
$(pid).find(“.bg_container area”).each(function(){
$(this).attr(“coords”,$(this).attr(“attr-desktop-coords”));
});

$(pid).find(“.hotspot”).on(“click”,function(){
$(pid).find(“.feedback”).show();
$(pid).find(“.feedback”).css({
width: $(pid).find(“.feedback”).attr(“data-desktop-width”),
height: $(pid).find(“.feedback”).attr(“data-desktop-height”),
left: $(pid).find(“.feedback”).attr(“data-x”),
top: $(pid).find(“.feedback”).attr(“data-y”)
});
$(pid).find(“.feedback”).empty();
$(pid).find(“.bg_imageDesktop”).attr(“src”,$(this).attr(“attrimage-desktop”));

// $(pid).find(“bg_container .feedback img”).remove();

// $(pid).find(“.feedback”).attr(“src”,$(this).attr(“attrimage-desktop-popup”));
$(pid).find(“.feedback”).append(‘

‘+$(this).attr(“attrcontent”)+’

‘);
});
//console.log($(pid).find(“.bg_container img”).css(‘width’));
}
function setMobileLayout(){
$(pid).find(“.feedback”).hide();
$(pid).find(“.bg_imageMobile”).attr(“src”,$(pid).find(“.bg_container”).attr(“attr-mobile”));
if(isOnceFlag2==false){
isOnceFlag2 = true;

$(pid).find(“.feedback”).empty();
}

$(pid).find(“.bg_container”).css({
width:$(pid).find(“.bg_container”).attr(“attr-mobile-width”),
height:$(pid).find(“.bg_container”).attr(“attr-mobile-height”)
});
$(pid).find(“.bg_container area”).each(function(){
$(this).attr(“coords”,$(this).attr(“attr-mobile-coords”));
});

$(pid).find(“.hotspot”).on(“click”,function(e){
e.stopPropagation();
$(pid).find(“.feedback”).show();
$(pid).find(“.feedback”).css({
width: $(pid).find(“.feedback”).attr(“data-mobile-width”),
height: $(pid).find(“.feedback”).attr(“data-mobile-height”),
left: $(pid).find(“.feedback”).attr(“data-mobile-x”),
top: $(pid).find(“.feedback”).attr(“data-mobile-y”)
});
$(pid).find(“.feedback”).empty();
$(pid).find(“.bg_imageMobile”).attr(“src”,$(this).attr(“attrimage-mobile”));

// $(pid).find(“bg_container .feedback img”).remove();

// $(pid).find(“.feedback”).attr(“src”,$(this).attr(“attrimage-desktop-popup”));
$(pid).find(“.feedback”).append(‘

‘+$(this).attr(“attrcontent”)+’

‘);
});
//console.log($(pid).find(“.bg_container img”).css(‘width’));

}

}
/***click_image_reveal_template end here***/
/**
* Creates an instance of HorizontalTimeline2Template.
*
* @constructor
* @this {HorizontalTimeline2Template}
* @param {string} pid – template id.
* @param {Object[]} setArray – contains the description for each component/title.
*/
function HorizontalTimeline2Template(pid,setArray){
/**
* @type {string}
*/
pid = “#” + pid + “.horizontal_timeline2_template “;

var isBlocksCreated = false;

var isMobile = false;

var wind = window;

if(window.parent){

wind = window.parent.window;

}

function nvsOnScreen(element) {

// window bottom edge

var windowBottomEdge = $(wind).scrollTop() + $(wind).height();

// element top edge

var elementTopEdge = element.offset().top;

var offset = 100;

// if element is between window’s top and bottom edges

return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid+".horizontal-timeline-item").each(function(){ $(this).find(".horizontal-timeline-item-img").css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-img").css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-img").css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-img").css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 250; }); $(pid+".horizontal-timeline-item").each(function(){ $(this).find(".horizontal-timeline-item-title").css("-webkit-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-title").css("-moz-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-title").css("-ms-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-title").css("animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".item-popover").css("-webkit-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".item-popover").css("-moz-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".item-popover").css("-ms-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".item-popover").css("animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); }); $(pid+".horizontal-timeline-item").find(".item-popover .item-popover-footer").click(function(){ if($(this).attr("data-expand") == "true"){ $(this).attr("data-expand","false"); $(this).closest(".item-popover").attr("data-expand","false"); $(this).prev(".item-popover-content").css("max-height","86px"); $(this).find(".glyphicon").removeClass("glyphicon-menu-up").addClass("glyphicon-menu-down"); }else{ $(this).attr("data-expand","true"); var hgt = parseInt($(this).closest(".item-popover").find(".item-popover-content")[0].scrollHeight,10) + 20; $(this).closest(".item-popover").attr("data-expand","true"); $(this).prev(".item-popover-content").css("max-height",hgt); $(this).find(".glyphicon").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up"); } }) } function resizePopoverContent(){ if(!isMobile){ return; } $(pid+".horizontal-timeline-item").each(function(){ if($(this).find(".item-popover .item-popover-content").length != "") { if(parseInt($(this).find(".item-popover .item-popover-content")[0].scrollHeight,10) <= 82){ $(this).find(".item-popover .item-popover-content").removeClass("more-content"); }else{ $(this).find(".item-popover .item-popover-content").addClass("more-content"); } } }); } function resizeContainer(){ if(isMobile){ $(pid+".horizontal-timeline-items-container").css("padding","0px 0px 15px 0px"); return; } //toggle all boxes to possible max height $(pid+".horizontal-timeline-item .item-popover").each(function(){ $(this).attr("data-expand","true"); $(this).find(".item-popover-content").css("max-height","none"); $(this).find(".glyphicon").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up"); }); var hgt1 = 0; var hgt2 = 0; var tmp; $(pid+".horizontal-timeline-item:nth-child(odd)").each(function(){ tmp = parseInt($(this).find(".item-popover").height(),10); if(tmp > hgt1){

hgt1 = tmp;

}

});

$(pid+”.horizontal-timeline-item:nth-child(even)”).each(function(){

tmp = parseInt($(this).find(“.item-popover”).height(),10);

if(tmp > hgt2){

hgt2 = tmp;

}

});

hgt1 += 25;

hgt2 += 10;

$(pid+”.horizontal-timeline-items-container”).css(“padding”,hgt2+”px 0px “+hgt1+”px 0px”);

}

function animate(){

isBlocksCreated = true;

$(pid+”.horizontal-timeline-items”).addClass(“start-animation”);

//fix for ie 11 window 7 bug – animation play state can not be changed…

var delay = 0;

$(pid+”.horizontal-timeline-item”).each(function(){

$(this).find(“.horizontal-timeline-item-img”).css(“-webkit-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards “);

$(this).find(“.horizontal-timeline-item-img”).css(“-moz-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);

$(this).find(“.horizontal-timeline-item-img”).css(“-ms-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);

$(this).find(“.horizontal-timeline-item-img”).css(“animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);

delay += 250;

});

$(pid+”.horizontal-timeline-item”).each(function(){

$(this).find(“.horizontal-timeline-item-title”).css(“-webkit-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);

$(this).find(“.horizontal-timeline-item-title”).css(“-moz-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);

$(this).find(“.horizontal-timeline-item-title”).css(“-ms-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);

$(this).find(“.horizontal-timeline-item-title”).css(“animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);

$(this).find(“.item-popover”).css(“-webkit-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);

$(this).find(“.item-popover”).css(“-moz-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);

$(this).find(“.item-popover”).css(“-ms-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);

$(this).find(“.item-popover”).css(“animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);

});

// fix end for ie…

}

$(window).load(function () {

if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } resizeContainer(); init(); resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ animate(); } }); $(window).on('resize.'+pid, function (e) { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } resizeContainer(); resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); $(window).load(function () { if($(window).width() >800){
showpopup();
}
});
$(window).resize(function () {

if($(window).width() >800){
showpopup();
}
else
{
$(pid+”.popover-container .popover-content”).hide();

}
});
function showpopup(){
$(pid+”.horizontal-timeline-item-container .horizontal-timeline-item-img”).on(“click”,function(){
$(pid+”.popover-container .popover-content”).hide();

$(pid+”.horizontal-timeline-item-container .horizontal-timeline-item-img”).css(“background-position”,”0px 0px”);

var imgId=$(this).attr(“id”).split(‘_’)[1];
var imgWidth= $(pid+”.horizontal-timeline-item-container .horizontal-timeline-item-img”).width();
if(setArray[imgId-1]!=” “){

$(this).css(‘background-position’, “-“+imgWidth+”px 0px”);

$(pid+”.popover-container .popover-content”).html(setArray[imgId-1]);

$(pid+”.popover-container .popover-content”).show();
}
else{
$(this).css(“cursor”,”default”);
}
});
}

}

/*** horizontal timeline2 with thumbnails template end here*/
/**Click Image to Reveal Template 2 start here**/
function ClickImageRevealtTemplate2(pid){
pid = “#” + pid + “.click_image_reveal_template2 “;
$(pid).find(“.hotspot”).on(“click”,function(){
$(pid).find(“.feedback”).empty();
$(pid).find(“.bg_image”).attr(“src”,$(this).attr(“attrimage”));
if($(this).attr(“attrimage-popup”) != “” ){
$(pid).find(“.feedback”).css(
“background-color”,$(this).attr(“attr-popupcolor”)
).append(‘

‘+$(this).attr(“attrcontent”)+’

‘);
}
else{
$(pid).find(“.feedback”).css(
“background-color”,$(this).attr(“attr-popupcolor”)
).append(‘

‘+$(this).attr(“attrcontent”)+’

‘);
}
});
}
/**Click Image to Reveal Template 2 end here**/
/**Image_with_rollover_template start here*/
/**
* Creates an instance of ImagewithRolloverTemplate.
*
* @constructor
* @this {ImagewithRolloverTemplate}
* @param {string} pid – template id.
*/
function ImagewithRolloverTemplate(pid){
/**
* @type {string}
*/
pid = “#” + pid + “.Image_with_rollover_template “;
var imgheight=0;
var imgwidth=0;
var delay=100;
var desHeight=0;
desHeight=$(pid+”.description”).height();
console.log(desHeight+”desheight”);
function imgDimension(){
imgwidth=$(pid+”.set_margin img”)[0].getBoundingClientRect().width;
imgheight=$(pid+”.set_margin img”)[0].getBoundingClientRect().height;
}
$(pid+”.bottom_icon”).on(“click”,function (){
if($(this).parent().hasClass(“selected”))
{
$(this).parent().css({“border-top-left-radius”:”0px”,”border-top-right-radius”:”0px”});
$(this).parent().removeClass(“selected”);

$(this).parent().css({“height”:desHeight+20,
“-moz-transition”: “height 500ms ease”,
“-webkit-transition”: “height 500ms ease”,
“-ms-transition”: “height 500ms ease”,
“transition”: “height 500ms ease”
});
$(this).parent().children(“div”).first().css({
‘overflow’:’hidden’
});
$(this).find(“.glyphicon”).removeClass(“glyphicon-menu-down”).addClass(“glyphicon-menu-up”);
}
else{
$(this).parent().addClass(“selected”);
$(this).parent().css(“border-radius”,”6px”);
/*$(this).parent().animate({
height:imgheight
});*/
$(this).parent().css({“height”:imgheight,
“-moz-transition”: “height 500ms ease”,
“-webkit-transition”: “height 500ms ease”,
“-ms-transition”: “height 500ms ease”,
“transition”: “height 500ms ease”
});
$(this).parent().children(“div”).first().css({
‘overflow’:’visible’
});
$(this).find(“.glyphicon”).removeClass(“glyphicon-menu-up”).addClass(“glyphicon-menu-down”);
}
});
//$(pid+ ” .bgcolor”).css(“width”, contentWidth);
$(window).resize(function () {
//alert(“hello”);
imgheight=0;
imgDimension();

$(pid+”.description”).each(function(){
$(this).css(“width”,imgwidth);
if($(this).hasClass(“selected”))
{
//console.log(“yes have”);

$(this).css(“height”,imgheight);
}
});
//
});
$(window).load(function () {

imgDimension();
$(pid+”.description”).css(“width”,imgwidth);
});

}
/****Image_with_rollover_template end here*/
/***icon_based_template start here***/
/***icon_based_template end here */
/*******Click Reveal 3 Template start here*******************/
function ClickReavealDifferenceTemplate(pid){
pid = “#” + pid + “.click_revealdifference_template”;
//console.log(pid);
var imageArr=[];
var textcontainer=[];
var mobileImageArr=[];

var id,textcontainerId,content,mobileid=0;
$(pid).find(“.box_container”).css({
width:$(pid).find(“.box_container”).attr(“data-width”)+”px”,
height:$(pid).find(“.box_container”).attr(“data-height”)+”px”
});
$(pid).find(“.mobile_container”).css({
width:$(pid).find(“.mobile_container”).attr(“data-width”)+”px”

});
/* $(pid).find(“.box img”).each(function(){
imageArr.push($(this).attr(“src”));
});
$(pid).find(“.text_container img”).each(function(){
textcontainer.push($(this).attr(“src”));
});
$(pid).find(“.mobile_container a img”).each(function(){
mobileImageArr.push($(this).attr(“src”));
}); */
//console.log(textcontainer);
$(pid).find(“.box”).on(“click”,function(){
id=$(this).attr(“id”).split(“_”)[1];
$(pid).find(“.box”).each(function(){
$(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+” “);
});
$(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+”click “);
$(pid).find(“.desktop_container .text_container”).each(function(){
$(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+” “);
});
$(this).parent().find(“.text_container div”).remove();
$(this).parent().find(“.text_container”).each(function(){
$(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+”click “);
$(this).append(“

“+$(this).attr(“data-content”)+”

“);
});
});
$(pid).find(“.mobile_container .panel-heading a”).on(“click”,function(){
$(pid).find(“.mobile_container a”).each(function(){
$(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+” “);
});
$(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+”click “);
});
}

/***Bootstrap Click Tooltip template starts here***/

function BootstrapClickTooltip(pid) {
pid = “#” + pid + “.Bootstrap_click_tooltip “;
var wid = parseInt($(pid+”.Bootstrap_click_tooltip_template_img”).attr(“data-width”),10);
var hgt = parseInt($(pid+”.Bootstrap_click_tooltip_template_img”).attr(“data-height”),10);
$(pid+”.Bootstrap_click_tooltip_left_block”).css(“max-width”,wid+”px”);
$(pid).find(“.button_icon”).each(function(){
var x = parseInt($(this).attr(“data-x”),10);
var y = parseInt($(this).attr(“data-y”),10);
var lx = x/wid * 100;
var ly = y/hgt * 100;
$(this).css({left:lx+”%”,top:ly+”%”});
$(this).css(‘background-position’, ‘0px 0px’);
});

$(pid+”.button_icon”).hover(

function () {
$(this).css(‘background-position’, ‘100% 0px’);
},

function () {
$(this).css(‘background-position’, ‘0px 0px’);
}
);

$(pid + ‘[data-toggle=”popover”]’).popover();

$(‘body’).on(‘click’, function (e) {
$(pid + ‘[data-toggle=”popover”]’).each(function () {
//the ‘is’ for buttons that trigger popups
//the ‘has’ for icons within a button that triggers a popup
if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $(‘.popover’).has(e.target).length === 0) {
$(this).popover(‘hide’);
$(this).css(‘background-position’, ‘0px 0px’);
}
});
});
}
/***Bootstrap Click Tooltip template ends here***/
/**********Tab with click to reveal template starts here*******/
function TabWithClicktoReveal(pid){
t_id = “#” + pid;
pid = “#” + pid + “.tab_with_click2reveal “;
pid_tab1 = pid + “.click_hotspot_with_content “;
pid_tab2d = pid + “.clickable_image_box .desktop_version”;
pid_tab2m = pid + “.clickable_image_box .mobile_version”;
pid_tab3d = pid + “.tab_click_reveal .desktop_version”;
pid_tab3m = pid + “.tab_click_reveal .mobile_version”;

console.log(pid_tab2d);
loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
$(t_id + “.tab_with_click2reveal #myTab_W1G69”).tabCollapse();
});
function empty_tab1(){
$(pid_tab1).find(“.feedback”).empty();
$(pid_tab1).find(“.img_desktop”).attr(“src”,$(“.click_hotspot_with_content map:first”).find(“area:first”).attr(“attrimage”));
$(pid_tab1).find(“.img_mobile”).attr(“src”,$(“.click_hotspot_with_content map:last”).find(“area:first”).attr(“attrimage”));
$(pid_tab1).find(“.feedback”).append(‘

‘+$(“.click_hotspot_with_content map”).find(“area:first”).attr(“attrtitle”)+’

‘+$(“.click_hotspot_with_content map”).find(“area:first”).attr(“attrcontent”)+’

‘);
}
function empty_tab2(){
//Desktop mode
var wid = $(pid_tab2d).find(“.image_item”).width();
$(pid_tab2d).find(“.image_item”).css(“background-position”,”0px 0px”);
$(pid_tab2d).find(“.info_image”).find(“div”).addClass(“disabled”);
$(pid_tab2d).find(“.feedback_tab2”).remove();
$(pid_tab2d).find(“.image_item:first”).css(“background-position”,+wid+”px 0px”);
$(pid_tab2d).find(“.image_item:first”).find(“div”).removeClass(“disabled”);
$(pid_tab2d).find(“.row”).append(‘

‘);

//Mobile mode
var mwid = $(pid_tab2m).find(“.image_item”).width();
$(pid_tab2m).find(“.image_item”).css(“background-position”,”0px 0px”);
$(pid_tab2m).find(“.info_image”).find(“div”).addClass(“disabled”);
$(pid_tab2m).find(“.feedback_tab2”).remove();
$(pid_tab2m).find(“.image_item:first”).css(“background-position”,+mwid+”px 0px”);
$(pid_tab2m).find(“.image_item:first”).find(“div”).removeClass(“disabled”);
$(pid_tab2m).find(“.info_image:first”).after(‘

‘);
}
function empty_tab3(){
//Desktop mode
var wid = $(pid_tab3d).find(“.image_item”).width();
$(pid_tab3d).find(“.image_item”).css(“background-position”,”0px 0px”);
$(pid_tab3d).find(“.image_item:first”).css(“background-position”,+wid+”px 0px”);
$(pid_tab3d).find(“.text_icon”).removeClass(“active”);
$(pid_tab3d).find(“.text_icon:first”).addClass(“active”);
var desc=$(pid_tab3d).find(“.image_item:first”).attr(“attrcontent”);
$(pid_tab3d).find(“.description_box”).html(desc);
//Mobile mode
var hgt = $(pid_tab3m).find(“.image_item_mobile”).height();
$(pid_tab3m).find(“.image_item_mobile”).css(“background-position”,”0px 0px”);
$(pid_tab3m).find(“.image_item_mobile:first”).css(“background-position”,”0px -“+hgt+”px”);
$(pid_tab3m).find(“.mobile_icon_text”).removeClass(“active”);
$(pid_tab3m).find(“.mobile_icon_text:first”).addClass(“active”);
$(pid_tab3m).find(“.mobile_icon_box .desc”).hide();
$(pid_tab3m).find(“.info_image_mobile:first”).find(“.mobile_icon_box .desc”).slideDown();
}
$(pid).find(“.nav-tabs”).on(“click”,function(){
empty_tab1();
empty_tab2();
empty_tab3();
});
$(pid).find(“a”).on(“click”, function(){
empty_tab1();
empty_tab2();
empty_tab3();
});
}
/****Tab 1 Js****/
function ClickHotspotWithContent(pid){
pid = “#” + pid + “.click_hotspot_with_content “;
$(pid).find(“.hotspot”).on(“click”,function(){
$(pid).find(“.feedback”).empty();
a = $(this).attr(“attrtitle”);
$(pid).find(“.bg_image”).attr(“src”,$(this).attr(“attrimage”));
$(pid).find(“.feedback”).append(‘

‘+$(this).attr(“attrtitle”)+’

‘+$(this).attr(“attrcontent”)+’

‘);
});
}
/****Tab 2 Js****/
function ClickableImagebox(pid){
pid = “#” + pid + “.clickable_image_box “;
$(pid).find(“.desktop_version .image_item”).on(“click”,function(){
var wid = $(pid).find(“.desktop_version .image_item”).width();
var desk_width = $(pid).find(“.desktop_version”).width();
$(pid).find(“.desktop_version .image_item”).css(“background-position”,”0px 0px”);
$(pid).find(“.desktop_version .info_image .black_box”).removeClass(“disabled”);
$(this).parent().siblings().find(“div”).addClass(“disabled”);
$(this).css(“background-position”,+wid+”px 0px”);
$(pid).find(“.feedback_tab2”).remove();
$(pid).find(“.row”).append(‘

‘);
});

$(pid).find(“.mobile_version .image_item”).on(“click”,function(){
c_id = this.id.replace(“imageItem_”,””);
var wid = $(pid).find(“.mobile_version .image_item”).width();
var desk_width = $(pid).find(“.mobile_version”).width();
$(pid).find(“.mobile_version .image_item”).css(“background-position”,”0px 0px”);
$(pid).find(“.mobile_version .info_image .black_box”).addClass(“disabled”);
$(this).parent().find(“.black_box”).removeClass(“disabled”);
$(this).css(“background-position”,+wid+”px 0px”);
$(pid).find(“.feedback_tab2”).remove();
$(this).parent().after(‘

‘);
});
}
/****Tab 3 Js****/
function TabClickReveal(pid){
pid = “#” + pid + “.tab_click_reveal “;
$(pid).find(“.desktop_version .info_image”).each(function(){
$(this).css({
width:$(this).attr(“attr-width”)+”%”
});
});
$(pid).find(“.desktop_version .image_item”).on(“click”,function(){
var wid = $(pid).find(“.desktop_version .image_item”).width();
$(pid).find(“.desktop_version .image_item”).css(“background-position”,”0px 0px”);
$(this).css(“background-position”,+wid+”px 0px”);
$(pid).find(“.desktop_version .text_icon”).removeClass(“active”);
$(this).parent().find(“.text_icon”).addClass(“active”);
var desc=$(this).attr(“attrcontent”);
$(pid).find(“.description_box”).html(desc);
});

$(pid).find(“.mobile_version .image_item_mobile”).on(“click”,function(){
var hgt = $(pid).find(“.mobile_version .image_item_mobile”).height();
$(pid).find(“.mobile_version .image_item_mobile”).css(“background-position”,”0px 0px”);
$(this).css(“background-position”,”0px -“+hgt+”px”);
$(pid).find(“.mobile_version .mobile_icon_text”).removeClass(“active”);
$(this).parent().parent().find(“.mobile_icon_text”).addClass(“active”);
$(this).parent().parent().slideDown();
$(pid).find(“.mobile_icon_box .desc”).hide();
$(this).parent().parent().find(“.mobile_icon_box .desc”).slideDown();
});
}

/**********Tab with click to reveal template ends here*******/
/***horizontal_timelinewitharrowicons_template starts here***/
function HorizontalTimelinewithArrowIcons(pid) {
pid = “#” + pid + “.horizontal_timelinewitharrowicons_template “;

$(window).load(function () {
setImage();
});
$(window).resize(function () {
setImage();
});
function setImage(){
if($(window).width() >800){
$(pid).find(“.horizontal-timeline-item-container”).each(function(){
$(this).find(“img”).attr(“src”,$(this).attr(“attr-desktop”))
});
}
else{
$(pid).find(“.horizontal-timeline-item-container”).each(function(){
$(this).find(“img”).attr(“src”,$(this).attr(“attr-mobile”))
});
}
}
}
/***horizontal_timelinewitharrowicons_template end here***/
/***Infographic template 5 starts here***/
function Infographictemplate5(pid){
pid = “#” + pid + “.infographic_template_5 “;

var isBlocksCreated = false;
var wind = window;
if(window.parent){
wind = window.parent.window;
}
function nvsOnScreen(element) {
// window bottom edge
var windowBottomEdge = $(wind).scrollTop() + $(wind).height();
// element top edge
var elementTopEdge = element.offset().top;
var offset = 100;
// if element is between window’s top and bottom edges
return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay= 0; var delay_m = 0; $(pid+".desktop_view .info_image").each(function(){ if((pid+".desktop_view .info_image").hasClass("linearbar")){ console.log("It has class abc"); } else{ console.log("It has not abc class"); } if((pid+".desktop_view .info_image").hasClass("title")){ console.log("It has class title"); } $(this).css("-webkit-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); delay += 1000; }); $(pid+".mobile_view .info_image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards paused"); $(this).css("-moz-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards paused"); $(this).css("-ms-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards paused"); $(this).css("animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards paused"); delay_m += 1000; }); } function animate(){ isBlocksCreated = true; //fix for ie 11 window 7 bug - animation play state can not be changed... var delay = 0; var delay_m = 0; $(pid+".desktop_view .info_image").each(function(){ if($(this).hasClass("bar_dot")){ delay-=1000; console.log("THis has class"); $(this).css("-webkit-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); } else if($(this).hasClass("title")){ $(this).css("-webkit-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); } else{ $(this).css("-webkit-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); } delay += 1000; }); $(pid+".mobile_view .info_image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards "); $(this).css("-moz-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards"); $(this).css("-ms-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards"); delay_m += 1000; }); } $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ animate(); } }); } /***Infographic template 5 ends here***/ /***IN7000 – week 3 ends here***/ function clickToRevealMin7000(pid, data){ pid = "#" + pid + ".clickToRevealMin7000"; var buttonClicked = false; var prevHeight = window.height; var prevWidth = window.width; var self = this; var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); var $desktopViewListHoder = $(pid).find('.desktopViewListHoder'); var $mobileViewListHolder = $(pid).find('.mobileViewListHolder'); var $jesusImageContainer = $(pid).find('.jesusImageHolder'); var $groupBox1 = $(pid).find('#groupBox_1'); var $groupBox2 = $(pid).find('#groupBox_2'); var $groupBox3 = $(pid).find('#groupBox_3'); var isBlocksCreated = false; var wind = window; if(window.parent){ wind = window.parent.window; } function nvsOnScreen(element) { // window bottom edge var windowBottomEdge = $(wind).scrollTop() + $(wind).height(); // element top edge var elementTopEdge = element.offset().top; var offset = 100; // if element is between window's top and bottom edges return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid+".groupBoxes").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 1000; }); } function animate(){ isBlocksCreated = true; //$(pid+".horizontal-timeline-items").addClass("start-animation"); //fix for ie 11 window 7 bug - animation play state can not be changed... var delay = 0; $(pid).find(".groupBoxes").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); delay +=1000; }); // fix end for ie... } $(window).load(function () { //resizeContainer(); //init(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ animate(); } }); $(window).on('resize', function (e) { //resizeContainer(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animate(); } }); /* setTimeout(function(){ $jesusImageContainer.css({ "visibility":"visible" , "opacity":1 }) setTimeout(function(){ $groupBox1.css({ "visibility":"visible" , "opacity":1 }) setTimeout(function(){ $groupBox2.css({ "visibility":"visible" , "opacity":1 }) setTimeout(function(){ $groupBox3.css({ "visibility":"visible" , "opacity":1 }) },1000); },1000); },1000); },1000); */ $('.desktopViewListHoder').hide(); $('.mobileViewListHolder').hide(); $(window).resize(function(){ // self.windowResizedHandler(); }); // Window Resized Handler this.windowResizedHandler = function(){ if(isMobile && (window.innerHeight < window.innerWidth)){ $mobileViewListHolder.hide() $desktopViewListHoder .hide() .slideDown('slow', 'swing'); }else{ $desktopViewListHoder.hide(); $mobileViewListHolder .hide() .slideDown(2000, 'swing'); } } // Boxes Clicked Handler this.boxesClickedHandler = function(e){ $(pid) .find('.groupBoxes .groupBox') .removeClass('active'); $(this) .parent() .find('.groupBox') .addClass('active'); var $desktopViewListHoder = $(pid).find('.desktopViewListHoder'); $desktopViewListHoder.html(''); var $mobileViewListHolder = $(pid).find('.mobileViewListHolder'); // Hide show mobile/desktop view if(!isMobile){ $desktopViewListHoder .slideDown('slow', 'swing'); }else if(window.innerHeight > window.innerWidth){
$mobileViewListHolder
.slideDown(3000, ‘swing’);
}else{
$desktopViewListHoder
.hide()
.slideDown(‘slow’, ‘swing’);
}
// Carousal slide boxes holder
var $min7000Carousel = $(pid).find(‘#clickToRevealMin7000Carousel .carousel-inner’);
$min7000Carousel.html(”);
// Carousal bullet holder
var $carouselIndicators = $(pid).find(‘#clickToRevealMin7000Carousel .carousel-indicators’);
$carouselIndicators.html(”);
// Clikced box Id
var boxId = parseInt($(e.currentTarget).attr(‘id’).split(‘_’)[1]);
$.each(data[boxId].data, function(i, v){
var sectionName = v.section;
var listItems = v.listItems
//———————-For desktop———————————————
var $desktopListBox = $(‘

‘,{
class:”desktopViewListBox”
});
var $deskSection = $(‘‘,{
class:”desktopViewListBoxHeading”,
text: sectionName
});
var $deskUl = $(‘

    ‘);
    for(var k = 0; k < listItems.length; k++){ var $deskli = $('

  • ‘,{
    text:listItems[k]
    });
    $deskli.appendTo($deskUl);
    }
    $desktopListBox.append($deskSection, $deskUl);
    $desktopViewListHoder.append($desktopListBox);
    //——————————-For mobile—————————————
    if(isMobile){
    console.log(“uwyriwr rhuwhyriuwu”);
    var $scrollButtles = $(‘

  • ‘,{
    “data-target”: “#clickToRevealMin7000Carousel”
    ,
    })
    var $mobileListBox = $(‘

    ‘,{
    class:”mobileViewListBox item”,
    “data-slide-to”:i
    });
    if(i == 0){
    $mobileListBox.addClass(‘active’);
    $scrollButtles.addClass(‘active’);
    }
    $carouselIndicators.append($scrollButtles);
    var $mobileSection = $(‘‘,{
    class:”mobileViewListBoxHeading”,
    text: sectionName
    });
    var $mobUl = $(‘

      ‘);
      for(var l = 0; l < listItems.length; l++){ var $mobkli = $('

    • ‘,{
      text:listItems[l]
      });
      $mobkli.appendTo($mobUl);

      }

      $mobileListBox.append($mobileSection, $mobUl);
      $min7000Carousel.append($mobileListBox);
      }
      });
      buttonClicked = true;
      }

      var $groupBox = $(pid).find(‘.hotSpot’);
      $groupBox.on(‘click’, this.boxesClickedHandler);
      setInterval(function(){
      if(buttonClicked){
      if($(window).width() > 400){
      $(‘.desktopViewListHoder’).show();
      $(‘.mobileViewListHolder’).hide();
      }

      else{
      $(‘.desktopViewListHoder’).hide();
      $(‘.mobileViewListHolder’).show();
      }
      }
      }, 500);
      }
      /***IN7000 – week 3 ends here***/
      function info_6(pid){

      pid = “#” + pid + “.infographic_template_”;

      // var acc = document.getElementsByClassName(“accordion”);

      var panel = document.getElementsByClassName(‘panel’);
      $(‘.accordion’).on(‘click’, function() {
      $parent_box = $(this).closest(‘.full_class’);
      $parent_box.siblings().find(‘.accordionChild’).slideUp(1000);
      $parent_box.find(‘.accordionChild’).slideToggle(1000);
      });

      $(“.templates-list .template-name a”).on(‘click’, function(event) {

      if (this.hash !== “”) {
      // Prevent default anchor click behavior
      event.preventDefault();
      // Store hash
      var hash = this.hash;
      // Using jQuery’s animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $(‘html, body’).animate({
      scrollTop: $(hash).offset().top – 140
      }, 500, function(){

      // Add hash (#) to URL when done scrolling (default click behavior)
      window.location.hash = hash;

      });
      } // End if
      });

      }
      /****personalitytraits_template start here***/
      function PersonalityTraitsTemplate(pid) {
      pid = “#” + pid + “.personalitytraits_template “;
      $(pid+”.box”).on(“click”,showPopup);
      $(pid+”.row_box”).each(function(){
      var col = $(this).attr(“attr-color”);
      $(this).children(“.box”).css(“background-color”,col)
      });
      /* $(window).load(function () {
      referesh();
      });
      $(window).resize(function () {
      referesh();
      }); */
      function referesh(){
      $(pid+”.box”).removeClass(“selected”);
      $(pid+”.row_box”).find(“.feedback_box”).remove();
      }
      function showPopup(){
      $(pid+”.box”).not(this).removeClass(“selected”);
      $(pid+”.row_box”).find(“.feedback_box”).remove();
      if($(window).width() >600){
      $(this).parent().append(“

      “);
      }
      else{
      $(this).after(“

      “);
      }
      if($(this).hasClass(“selected”))
      {
      $(this).removeClass(“selected”);
      $(“.feedback_box”).slideUp();
      }
      else{
      $(this).addClass(“selected”);
      $(“.feedback_box”).slideDown();
      }
      }
      }
      /****personalitytraits_template end here***/
      /*** Interactive Template***/
      function InteractiveTemplate(pid){
      pid = “#” + pid + “.template-Interactive-class “;

      /*var isBlocksCreated = false;
      var wind = window;
      if(window.parent){
      wind = window.parent.window;
      }
      function navsOnScreen(element) {
      // window bottom edge
      var windowBottomEdge = $(window).scrollTop() + $(window).height();

      // element top edge
      var elementTopEdge = element.offset().top;
      var offset = 100;
      // if element is between window’s top and bottom edges
      return elementTopEdge + $(window).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid+".multiplegroupBoxes").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 1000; }); } function animation(){ isBlocksCreated = true; var delay = 0; $(pid).find(".multiplegroupBoxes").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); delay +=1000; }); // fix end for ie... } $(window).load(function () { //resizeContainer(); //init(); //resizePopoverContent(); if(navsOnScreen($(pid))){ animation(); } }); $(wind).on('scroll.'+pid, function (e) { if(navsOnScreen($(pid))){ animation(); } }); $(window).on('resize', function (e) { //resizeContainer(); //resizePopoverContent(); if(navsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animation(); } });*/ } /****** mcq dropdown template start here***/ function MCQDropDownTemplate(pid) { pid = "#" + pid + ".mcq_dropdown_template "; function enableDisableSubmit() { var bool = true; $(pid).find("select").each(function () { if ($(this).val() == "" || $(this).val() == "0") { bool = false; } }); if (bool) { $(pid + '#btn-submit').removeClass('disabled'); } else { $(pid + '#btn-submit').addClass('disabled'); } } $(pid).find("select").change(function () { enableDisableSubmit(); }); $(pid + '#btn-submit').on("click", function () { $(pid).find("select").each(function () { var glph = $(this).closest(".row").find(".glyphicon"); if ($(this).val() == $(this).attr("data-answer")) { $(glph).addClass("glyphicon-ok-circle"); $(glph).css({ "visibility": "visible", "color": "#339900" }); } else { $(glph).addClass("glyphicon-remove-circle"); $(glph).css({ "visibility": "visible", "color": "#d41920" }); } }); $(pid + '#btn-showme').removeClass('disabled'); $(pid + 'select').prop('disabled', true); $(pid + '#btn-submit').addClass('disabled'); }); } /******mcq dropdown template end here***/ assets/css/custom_new.css /***page css****/ .templates-list{ border:solid 1px #333; margin-bottom:20px; } .btn.disabled, .btn[disabled] { opacity: .3; } .panel-default{ border:1px solid #dddddd; } @media all and (min-width: 300px) and (max-width: 500px) { .templates-list{ width:300px; } } .reference_content{ font-size:12px; color:#555555; } /***page css****/ /***global css****/ .center_Div{ width: 300px; margin: 0px auto; } .set_anchor{ display: block; padding: 0px; line-height: 1.42857143; } .thumbnail a ,.set_anchor a{ border: none !important; } .thumbnail a:hover,.set_anchor a:hover { color: #fff; border: none !important; text-decoration: none; } /***global css****/ /*** html_list template end here ***/ .accordion_list_template .panel-default > .panel-heading_tab[aria-expanded=”true”] {
      background-color: #132f90;
      background-image: none;
      filter: none;
      color: #fff;
      cursor: pointer;
      }
      .accordion_list_template .icon{
      width: 27px;
      height: 34px;
      vertical-align: middle;
      margin-right: 10px;
      min-width:27px;
      }
      /* .accordion_list_template .panel-title a{
      display:flex;
      } */
      .accordion_list_template .content_with_pagination_template {
      margin: 9px 0px;
      }
      .accordion_list_template .content_with_pagination_template .fill_grey img
      {
      border-radius:0px;
      }
      .accordion_list_template .image-container {
      padding: 10px 0px;
      }
      .accordion_list_template .image-container p {
      margin-top: 10px;
      }
      .accordion_list_template .gif_animation{
      position:relative;
      }
      .accordion_list_template .image-container-left-block {
      float: left;
      padding-right: 15px;
      }
      .accordion_list_template .panel-group .panel{
      border-radius:6px;
      }
      .accordion_list_template .panel-heading {
      background-color: #E6E6E6;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      }
      .accordion_list_template .panel-default > .panel-heading_tab[aria-expanded=”false”] {
      background-color: #E6E6E6;
      color: #000;
      }
      .accordion_list_template .panel-default > .panel-heading_tab.collapsed {
      background-color: #E6E6E6;
      color: #000;
      }
      .accordion_list_template .panel-default > .panel-heading_tab .panel-title >a {
      cursor: pointer;
      /* padding-right: 15px; */
      }

      .accordion_list_template .panel-default > .panel-heading_tab .panel-title >a {
      float:left;
      width: 92%;
      padding-right: 15px;
      }
      .accordion_list_template .panel-default > .panel-heading_tab[aria-expanded=”true”], .accordion_list_template .panel-default > .panel-heading_tab[aria-expanded=”false”] {
      overflow: hidden;
      }
      }
      @media (max-width: 500px) and (min-width: 320px){
      .accordion_list_template .image-container-left-block{
      padding-right:0px;
      }
      .accordion_list_template .image-container{
      padding-bottom: 0px;
      }
      .accordion_list_template .image-container-left-block img{
      margin-bottom:0px;
      }
      .accordion_list_template .content_with_pagination_template .fill_grey img
      {
      border-radius:6px;
      }
      }
      .accordion_list_template .panel-default > .collapsed .panel-title >a:hover {
      color:#000 !important;
      }
      .accordion_list_template .panel-collapse {
      padding: 0px 10px;
      }
      /*** html_list template end here ***/
      /*** tabbed_content template start here ***/
      .tabbed_content_template .tab-pannel-content {
      padding: 10px;
      }
      .tabbed_content_template .tab-pannel-content ul {
      list-style-position: inside;
      padding: 0px;
      }
      @media all and (max-width: 800px) {
      .tabbed_content_template .img-rounded ,.tabbed_content_template .carousel{
      float: none !important;
      margin: 0px auto 5px auto !important;
      text-align: center;
      }

      .tabbed_content_template .tab-pannel-content ul, .tabbed_content_template .tab-pannel-content ol {
      list-style-position: outside;
      padding-left:15px;
      text-indent: 0px;
      }

      }
      .tabbed_content_template .tab-pannel-content ul li{
      line-height: 1.42857143 !important;
      padding-bottom: .5em;
      left: 15px;
      padding-right: 15px;
      position: relative;
      }
      .tabbed_content_template li{
      padding-bottom:0px;
      }
      .tabbed_content_template .panel-body{
      padding:0px;
      }
      /*** tabbed_content template end here ***/
      /*** block_quote template start here ***/
      .block_quote_template {
      background-color:#e6e6e6;
      border-left: 5px solid #132f90;
      }
      .block_quote_template .testimonials blockquote::after {
      width : 75px;
      height:69px;
      right: 0;
      bottom: 0;
      content: ” “;
      display: block;
      position: absolute;
      background-image: url(‘../img/Design1_End_Quote ‘);
      background-repeat: no-repeat;
      background-position: 0px 0px;
      }
      .block_quote_template .testimonials .carousel-info img {
      border: 1px solid #f5f5f5;
      border-radius: 150px !important;
      height: 75px;
      padding: 3px;
      width: 75px;
      }
      .block_quote_template .testimonials .carousel-info {
      overflow: hidden;
      }
      .block_quote_template .testimonials .carousel-info img {
      margin-right: 15px;
      }
      .block_quote_template .testimonials .carousel-info p {
      display: block;
      line-height: 18px;

      }
      .block_quote_template .testimonials p.testimonials-name {
      color: #132f90;
      font-size: 16px;
      font-weight: 500;
      margin: 20px 0 7px;
      text-align: right;
      }
      .block_quote_template .testimonials p.testimonials-post {
      color: #000;
      font-size: 11px;
      display: inline-block;
      float: right;
      }

      .block_quote_template .blockquote_w3g1 blockquote{
      padding: 20px 95px 0px 46px !important;
      margin: 0 0 0 10px !important;
      background-image: url(../img/Design1_Starting_Quote );
      background-repeat: no-repeat;
      background-position:3px 7px;
      width: 100%;
      border: none;
      font-size: 16px;
      color: #000;
      }
      .block_quote_template .testimonials span.testimonials-name {
      float:right;
      }
      @media (max-width: 479px) and (min-width: 320px){
      .block_quote_template .blockquote_w3g1 blockquote{
      padding: 20px 76px 0px 46px !important;
      }
      }
      /*** block_quote template end here ***/

      /**block_quote_sample2 template start here**/
      .block_quote_sample2{
      background-color:#e6e6e6;
      margin-bottom:10px;
      }
      .block_quote_sample2 blockquote{
      margin:15px 30px 0px;
      padding: 0px 115px 0px 0px !important;
      width: 100%;
      border: none;
      font-size: 16px;
      color: #000;
      padding-left:0px;
      padding-right:0px;
      }
      .block_quote_sample2 .testimonials blockquote::after {
      width : 75px;
      height:69px;
      right: 0px;
      top: -24px;
      content: ” “;
      display: block;
      position: absolute;
      background-image: url(‘../img/Design2_End_Quote ‘);
      background-repeat: no-repeat;
      background-position: 0px 0px;
      }
      .block_quote_sample2 .testimonials span.testimonials-name {
      float:right;
      }.block_quote_sample2 .testimonials p.testimonials-name {
      color: #eb8400;
      font-size: 16px;
      font-weight: 500;
      margin: 20px 0 7px;
      text-align: right;
      }
      .block_quote_sample2 .testimonials p.testimonials-post {
      color: #000;
      font-size: 11px;
      display: inline-block;
      float: right;
      }
      @media (max-width: 479px) and (min-width: 320px){
      .block_quote_sample2 .circle_image{
      float:none !important;
      margin-bottom: 10px;
      }
      .block_quote_sample2 blockquote {
      padding: 0px 40px 0px 0px !important;
      }
      .block_quote_sample2 .footer{
      padding-right: 10px !important;
      padding-left:10px;
      }
      }
      /**block_quote_sample2 template end here**/

      /*** Html Content With Images Template start here ***/
      .html_content_with_images_template .set_margin{
      margin-bottom:15px;
      border-radius:6px;
      }
      .html_content_with_images_template .box{
      padding-left:0px;
      }
      @media (min-width: 992px){
      .html_content_with_images_template .box{
      width:32%;
      }
      }
      @media all and (min-width: 300px) and (max-width: 500px) {
      .html_content_with_images_template .col-xs-6{
      width:100%;
      }
      }
      /*** Html Content With Images Template end here ***/
      /*** links_resources_template start here ***/
      .links_resources_template .color_orange{
      margin-left:5px;
      margin-right:5px;
      }
      /*** links_resources_template end here ***/

      /*** mcq_checklist_template template start here ***/
      .mcq_checklist_template .mcq_template_question{
      margin-bottom:20px !important;
      }
      .mcq_template_question .resp-tabs-container.light_bg h2.resp-accordion{
      display:flex !important;
      }
      .mcq_checklist_template .mcq-question-ou-list{
      display: inline-block;
      vertical-align: top;
      padding-left: 20px;
      }
      .mcq_checklist_template .glyphicon{
      margin-top:2px;
      margin-right:5px;
      }
      .mcq_checklist_template .mcq_template_question:not(:last-child) .resp-tab-content:last-child.resp-tab-content-active{
      margin-bottom:4px;
      }
      .mcq_checklist_template .resp-accordion.selected.correct-answer .glyphicon, .mcq_checklist_template .resp-accordion.selected.correct-answer + .resp-tab-content{
      color:#339900;
      }
      .mcq_checklist_template .resp-accordion.selected.wrong-answer .glyphicon,.mcq_checklist_template .resp-accordion.selected.wrong-answer + .resp-tab-content{
      color:#EE3124;
      }
      /*** mcq_checklist_template template end here ***/

      /*** bootstrap_table template start here ***/
      .bootstrap_table_template .table_w1g1 > tbody>tr:nth-of-type(even) {
      background-color: #f9f9f9;
      }
      .bootstrap_table_template .table_w1g1 > tbody >tr > td:first-child {
      width: 20%;
      }
      .bootstrap_table_template .table_w1g1 > tbody >tr > td:last-child {
      width: 80%;
      }
      .bootstrap_table_template em a{
      border-bottom: 1px solid #132f90 !important;
      color:#000 !important;
      }
      .bootstrap_table_template em a:hover{
      border-bottom: 1px solid #000 !important;
      }
      /*** bootstrap_table template end here ***/
      /******modal_popup_template start here ****/
      @media (min-width: 320px) and (max-width:600px) {
      .modal_popup_template .bgcolor_icon {
      padding: 0px 2px;
      }
      }
      @media (min-width: 601px) and (max-width:667px) {
      .modal_popup_template .bgcolor_icon {
      padding: 12px 2px;
      }
      }
      @media (min-width: 700px) and (max-width:768px) {
      .modal_popup_template .bgcolor_icon {
      padding: 18px 2px;
      }
      }
      @media (min-width: 769px) and (max-width:1024px) {
      .modal_popup_template .bgcolor_icon {
      padding: 20px 2px;
      }
      }
      /******modal_popup_template end here ****/

      /*** video_playlist template start here ***/
      @media only screen and (min-width: 1224px) {
      .video_playlist_template #ipadView {
      display: none !important;
      }
      .video_playlist_template #desktopView {
      display: block !important;
      }
      }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      .video_playlist_template #ipadView {
      display: block !important;
      }
      .video_playlist_template #desktopView {
      display: none !important;
      }
      }
      @media only screen and (max-width: 995px) {
      .video_playlist_template #ipadView {
      display: block !important;
      }
      .video_playlist_template #desktopView {
      display: none !important;
      }
      }
      @media screen and (device-aspect-ratio: 375/667) {
      .video_playlist_template #ipadView {
      display: block !important;
      }
      .video_playlist_template #desktopView {
      display: none !important;
      }
      }
      .video_playlist_template .tab-content>.active {
      border:none;
      }
      /*** video_playlist template end here ***/
      /*** nested_tab_with_slider template start here ***/
      .nested_tab_with_slider_template .tab-content>.active {
      border-radius: 6px;
      }
      .nested_tab_with_slider_template .carousel-inner {
      padding-bottom: 32px;
      border: 1px solid #ddd;
      }
      .nested_tab_with_slider_template #myTabContent_nested_tab_with_slider .tab-pannel-content {
      padding: 10px;
      }
      @media all and (max-width: 600px) {
      .nested_tab_with_slider_template .resp-tab-content .fill_grey img{
      border-radius:6px;
      }
      }
      @media all and (min-width: 320px) and (max-width: 767px) {
      .nested_tab_with_slider_template #myTab_nested_tab_with_slider-accordion .tab-pannel-content>p>img {
      text-align: center;
      display: inline-block;
      float: none !important;
      margin: 0px auto !important;
      }
      .nested_tab_with_slider_template #myTab_nested_tab_with_slider-accordion .tab-pannel-content>p {
      text-align: center;
      }
      .nested_tab_with_slider_template #myTab_nested_tab_with_slider-accordion .tab-pannel-content>p.contentText {
      text-align: left;
      }
      }
      @media (min-width: 320px) and (max-width: 1024px) {
      .nested_tab_with_slider_template .res_mobile {
      display: block;
      }
      .nested_tab_with_slider_template .res_desktop {
      display: none;
      }
      }
      @media (min-width: 1025px) and (max-width: 2100px) {
      .nested_tab_with_slider_template .res_desktop {
      display: block;
      }
      .nested_tab_with_slider_template .res_mobile {
      display: none;
      }
      }
      .nested_tab_with_slider_template .res_mobile .panel-default>.panel-heading_tab[aria-expanded=”true”] {
      background-color: #132f90 !important;
      background-image: none;
      filter: none;
      color: #fff;
      cursor: pointer;
      }
      .nested_tab_with_slider_template .res_mobile .panel-heading {
      background-color: #E6E6E6;
      }
      .nested_tab_with_slider_template .res_mobile .panel-default>.panel-heading_tab[aria-expanded=”false”] {
      background-color: #E6E6E6;
      color: #000;
      }
      .nested_tab_with_slider_template .res_mobile .panel-default>.panel-heading_tab.collapsed {
      background-color: #E6E6E6;
      color: #000;
      }
      .nested_tab_with_slider_template .res_mobile .panel-default>.panel-heading_tab .panel-title>a {
      cursor: pointer;
      padding-right: 15px;
      }
      .nested_tab_with_slider_template .res_mobile .panel-collapse {
      padding: 10px 15px;
      }
      .nested_tab_with_slider_template .tab-pannel-content{
      padding:10px;
      }
      .nested_tab_with_slider_template p a{
      border-bottom: 1px solid #132f90 !important;
      color: #000 !important;
      }
      .nested_tab_with_slider_template p a:hover{
      border-bottom: 1px solid #000 !important;
      }
      /*** nested_tab_with_slider template end here ***/
      /*** photo_gallery template start here ***/
      @charset “utf-8”;
      .photo_gallery_template .carousel-example {
      /*display: inline-block;*/
      }
      .photo_gallery_template .carousel-control.left{

      background:transparent !important;
      }
      .photo_gallery_template .carousel-caption >p {
      margin-bottom:0px;
      }
      @media all and (min-width: 320px) and (max-width: 479px) {
      /*.photo_gallery_template .carousel-caption >p {
      margin: 15px 47px 15px 47px;
      }*/
      .container.photo_gallery_template_container {
      padding-right: 0px;
      padding-left: 0px;
      width: 100% !important;
      }
      .photo_gallery_template .carousel-control .icon-prev,.photo_gallery_template .carousel-control .icon-next,.photo_gallery_template .carousel-control .glyphicon-chevron-left,.photo_gallery_template .carousel-control .glyphicon-chevron-right {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-block;
      }
      }
      @media all and (min-width: 480px) and (max-width: 767px) {
      /*.photo_gallery_template .carousel-caption >p {
      margin: 15px 47px 15px 47px;
      }*/
      .photo_gallery_template .carousel-control .icon-prev,.photo_gallery_template .carousel-control .icon-next,.photo_gallery_template .carousel-control .glyphicon-chevron-left,.photo_gallery_template .carousel-control .glyphicon-chevron-right {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-block;
      }
      .container.photo_gallery_template_container {
      padding-right: 0px;
      padding-left: 0px;
      width: 100% !important;
      }
      }
      @media all and (min-width: 768px) and (max-width: 1207px) {
      /*.photo_gallery_template .carousel-caption >p {
      margin: 15px 80px 15px 80px;
      }*/
      .container.photo_gallery_template_container {
      width: auto;
      }
      .photo_gallery_template .carousel-control .icon-prev,.photo_gallery_template .carousel-control .icon-next,.photo_gallery_template .carousel-control .glyphicon-chevron-left,.photo_gallery_template .carousel-control .glyphicon-chevron-right {
      position: absolute;
      top: 45%;
      z-index: 5;
      display: inline-block;
      }
      }
      @media all and (min-width: 1208px) and (max-width: 2100px) {
      .photo_gallery_template.carousel-caption >p {
      margin: 15px 125px 15px 125px;
      }
      .photo_gallery_template .carousel-control .icon-prev,.photo_gallery_template .carousel-control .icon-next,.photo_gallery_template .carousel-control .glyphicon-chevron-left,.photo_gallery_template .carousel-control .glyphicon-chevron-right {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-block;
      }
      }
      .photo_gallery_template ul.thumbnails-carousel {
      padding: 5px 0 0 0;
      margin: 0;
      list-style-type: none;
      text-align: center;
      }
      .photo_gallery_template ul.thumbnails-carousel .center {
      display: inline-block;
      }
      .photo_gallery_template .controls-background-reset {
      background: transparent !important;
      }
      .photo_gallery_template .active-thumbnail {
      opacity: 0.4;
      }
      .photo_gallery_template .indicators-fix {
      bottom: 70px;
      }
      .photo_gallery_template .carousel-caption {
      bottom: 0px;
      padding: 5px;
      /*background-color: #fff;*/
      border-radius: 6px;
      color: #000;
      text-shadow: none;
      position: relative;
      left: 0px;
      right: 0px;
      text-align: center;
      }
      .photo_gallery_template .carousel-inner {
      border: 1px solid #dfdfdf;
      }
      .photo_gallery_template ul.thumbnails-carousel {
      padding: 5px 5%;
      margin: 0;
      list-style-type: none;
      text-align: center;
      background: none !important;
      display: inline-table;
      /* position: absolute;*/
      margin: 0 auto;
      width: 100%;
      }
      .photo_gallery_template ul.thumbnails-carousel li {
      margin-right: 5px;
      float: left;
      margin-bottom: 5px;
      cursor: pointer;
      }
      @media (max-width: 768px) {
      .container.photo_gallery_template_container {
      width: auto !important;
      }
      }
      /*** photo_gallery template end here ***/
      /*** responsive_table template start here ***/

      /*.responsive_table_template #page-wrap {
      margin: 20px;
      }*/
      /*
      Generic Styling, for Desktops/Laptops
      */
      .responsive_table_template table {
      width: 100%;
      border-collapse: collapse;
      table-layout:fixed;
      }

      /* Zebra striping */
      .responsive_table_template tr:nth-of-type(odd) {
      background: #E4E4E4;
      }
      .responsive_table_template .icon{
      width:31.5px;
      height:42px;
      margin-right:10px;
      background-position:0px 0px;
      }
      .responsive_table_template td:nth-of-type(1) div{
      display:flex;
      align-items:center;
      }
      .responsive_table_template th {
      background: #333;
      color: white;
      font-weight: bold;
      text-align: center;
      }
      .responsive_table_template td, .responsive_table_template th {
      padding: 10px;
      border: 1px solid #999999;

      }

      /*
      Max width before this PARTICULAR table gets nasty
      This query will take effect for any screen smaller than 760px
      and also iPads specifically.
      */
      @media only screen and (max-width: 760px) {
      /* Force table to not be like tables anymore */
      .responsive_table_template table, .responsive_table_template thead, .responsive_table_template tbody, .responsive_table_template th, .responsive_table_template td, .responsive_table_template tr {
      display: block;
      }
      .responsive_table_template .icon{
      background-position:-31px 0px;
      }
      /* Hide table headers (but not display: none;, for accessibility) */
      .responsive_table_template thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
      }
      .responsive_table_template tr {
      border: 1px solid #666666;
      }
      .responsive_table_template td {
      /* Behave like a “row” */
      border: none;
      border-bottom: 1px solid #999999;
      position: relative;
      padding-left: 30%;
      min-height:64px;
      }
      .responsive_table_template td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      font-weight: bold;
      }
      /*
      Label the data
      */
      .responsive_table_template td:nth-of-type(1){
      padding-left:1%;
      background-color:#262626;
      color:#ffffff;
      }
      .responsive_table_template td:nth-of-type(2):before {
      content: “Regulatory officaial \A policies”;
      white-space: pre-wrap;
      }
      .responsive_table_template td:nth-of-type(3):before {
      content: “Regulatory officaial \A policies”;
      white-space: pre-wrap;
      }
      }

      /* Smartphones (portrait and landscape) ———– */
      @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
      .responsive_table_template body {
      padding: 0;
      margin: 0 px;
      }
      .responsive_table_template #page-wrap {
      margin: 0px;
      }
      .responsive_table_template td {
      /* Behave like a “row” */
      border: none;
      border-bottom: 1px solid #999999;
      position: relative;
      padding-left: 50%;
      min-height:78px;
      }
      }

      /* iPads (portrait and landscape) ———– */
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      .responsive_table_template body {
      width: 495px;
      }
      }
      .responsive_table_template #demo-top-bar {
      text-align: left;
      background: #222;
      position: relative;
      zoom: 1;
      width: 100% !important;
      z-index: 6000;
      padding: 20px 0 20px;
      }
      .responsive_table_template #demo-bar-inside {
      width: 960px;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      }
      .responsive_table_template #demo-bar-buttons {
      padding-top: 10px;
      float: right;
      }
      .responsive_table_template #demo-bar-buttons a {
      font-size: 12px;
      margin-left: 20px;
      color: white;
      margin: 2px 0;
      text-decoration: none;
      font: 14px “Lucida Grande”, Sans-Serif !important;
      }
      .responsive_table_template #demo-bar-buttons a:hover, .responsive_table_template #demo-bar-buttons a:focus {
      text-decoration: underline;
      }
      .responsive_table_template #demo-bar-badge {
      display: inline-block;
      width: 302px;
      padding: 0 !important;
      margin: 0 !important;
      background-color: transparent !important;
      }
      .responsive_table_template #demo-bar-badge a {
      display: block;
      width: 100%;
      height: 38px;
      border-radius: 0;
      bottom: auto;
      margin: 0;
      background: url(/images/examples-logo ) no-repeat;
      background-size: 100%;
      overflow: hidden;
      text-indent: -9999px;
      }
      .responsive_table_template #demo-bar-badge:before, .responsive_table_template #demo-bar-badge:after {
      display: none !important;
      }
      .responsive_table_template em a{
      border-bottom: 1px solid #132f90 !important;
      color:#000 !important;
      }
      .responsive_table_template em a:hover{
      border-bottom: 1px solid #000 !important;
      }
      /*** responsive_table template end here ***/
      /*** image_toggle_with_content template start here ***/
      .image_toggle_with_content_template #media_w3_g5 {
      cursor: pointer;
      }
      .image_toggle_with_content_template #media_w3_g5_1 {
      cursor: pointer;
      }
      @media all and (min-width: 320px) and (max-width: 992px) {
      .image_toggle_with_content_template .thumbnail_1 {
      margin-bottom: 20px !important;
      }
      }
      /*** image_toggle_with_content template end here ***/
      /*** mcq_droplist_template_old starts here ***/
      .mcq_droplist_template_old .marginTop_mcq71{
      margin-top: 10px;
      }
      .mcq_droplist_template_old .color_orange .disabled{
      background: rgba(235, 132, 0, 0.3) !important;
      opacity: none !important;
      cursor: not-allowed;
      }
      /*** mcq_droplist_template_old end here ***/
      /****mcq_droplist template start here**/
      .mcq_droplist_template a:hover{
      background-color:#eb8400 !important;
      }
      .mcq_droplist_template .form-control{
      padding: 6px 3px;
      }
      .mcq_droplist_template .table>tbody>tr>td, .mcq_droplist_template .table>thead>tr>th {
      padding: 10px;
      border-right: 0px;
      }
      .mcq_droplist_template table tbody td:nth-child(2) {
      width: 150px;
      }
      .mcq_droplist_template table tbody td:nth-child(3) {
      width: 100px;
      }
      .mcq_droplist_template a[disabled], .mcq_droplist_template a.disabled {
      pointer-events: none;
      }
      .mcq_droplist_template table tbody tr:last-child td {
      border-bottom: 1px solid #ddd;
      }
      @media all and (max-width: 500px) {
      .mcq_droplist_template table tbody td:nth-child(3) {
      width: 60px;
      }
      .mcq_droplist_template table tbody td:nth-child(2) {
      width: 120px;
      }
      }

      /***mcq_droplist template end here*/
      /*** image_with_click_and_button template start here ***/
      .image_with_click_and_button_template .btnRedGrey {
      background-color: #262626;
      color: #ffffff !important;
      border-radius: 0px !important;

      }
      .image_with_click_and_button_template .btnRedGrey.selected {
      background-color: #eb8400;
      color: #ffffff !important;
      border-radius: 0px !important;

      }
      .image_with_click_and_button_template .image_content {
      display: none;
      }
      /*** image_with_click_and_button template end here ***/

      /*** image_with_gif_animation template start here ***/
      .image_with_gif_animation_template .animationBtn{
      /* top:42%; */
      margin-left: -31px;
      margin-top: -31px;
      }
      @media (max-width: 479px) and (min-width: 320px){
      .image_with_gif_animation_template .animationBtn{
      left:39%;
      }
      }
      /*** image_with_gif_animation template end here ***/

      /*** canvas_animation template start here ***/
      /*** canvas_animation_template template start here ***/
      .canvas_animation_template .thumbnail{
      padding: 4px;
      margin-bottom:0px;
      display:inline-block !important;
      }
      .canvas_animation_template .canvas_animation_with_content_template_block{
      position: relative;
      z-index:1;
      }
      .canvas_animation_template .canvas_animation_container{
      display: block;
      font-size: 0;
      line-height: 1;
      }
      .canvas_animation_template .canvas_animation {
      line-height:1;
      position:relative;
      }
      .canvas_animation_template .canvas_animation canvas.animation{
      position:absolute;
      top:0px;
      left:0px;
      border-radius:6px;
      }
      .canvas_animation_template .canvas_animation .dom_overlay_container{
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      border-radius:6px;
      }
      .canvas_animation_template .animationBtn{
      margin-left:-31px;
      margin-top:-31px;
      }
      /*** canvas_animation_template template end here ***/
      /*** canvas_animation template end here ***/
      /*** content_with_pagination_template starts here ***/
      @media all and (max-width: 1024px){
      .content_with_pagination_template .fill_grey img
      {
      border-radius:6px;
      }
      }
      .content_with_pagination_template .pages
      {
      display:none;
      }
      .content_with_pagination_template #content,#page_1,#page_2,#page_3,#page_4,#page_5
      {
      text-align:left;
      }
      .content_with_pagination_template #page-selection > ul > li.active > a
      {
      background:#eb8400 !important;
      border:1px solid #eb8400 !important;
      }
      .content_with_pagination_template .pagination li a {
      border:1px solid #ddd !important;
      }
      .content_with_pagination_template .pagination {
      /* float: right; */
      margin: 0px;
      }
      /*.content_with_pagination_template .bgcolor
      {
      float: left;
      }*/
      .content_with_pagination_template #page-selection > ul > li{
      padding-right:0px;
      }
      .content_with_pagination_template #page-selection
      {
      text-align:right;
      margin-right:10px;
      }
      .content_with_pagination_template #page-selection > ul > li.prev > a,#page-selection > ul > li.next > a
      {
      font-size:25px;
      position: relative;
      max-height:30px;
      }
      .content_with_pagination_template .pagination>.active>a, .pagination>.active>a:focus,
      .pagination>.active>a:hover, .pagination>.active>span,
      .pagination>.active>span:focus, .pagination>.active>span:hover
      {
      color:#fff !important;
      }
      .content_with_pagination_template #page-selection > ul > li.prev.disabled>a>span
      {
      color:#white !important;
      }

      /*@media all and (min-width: 320px) and (max-width: 767px){
      .content_with_pagination_template .img_1_m2G25{
      display:none;
      }
      .content_with_pagination_template .img_2_m2G25{
      display:block;
      }
      }
      @media all and (min-width: 768px) and (max-width: 20000px){
      .content_with_pagination_template .img_1_m2G25{
      display:block !important;
      }
      .content_with_pagination_template .img_2_m2G25{
      display:none !important;
      }
      }*/
      /*** content_with_pagination_template ends here ***/
      /***vertical_tab_gif_animation template start here***/
      .vertical_tab_gif_animation .customIndicator {
      bottom: 0px !important;
      }
      /*Tab vertical*/
      @media all and (min-width: 320px) and (max-width: 767px) {
      .vertical_tab_gif_animation #myTab_m1g8-accordion .tab-pannel-content > p > img {
      text-align: center;
      display: inline-block;
      float: none !important;
      margin:0px auto !important;
      }
      .vertical_tab_gif_animation #myTab_m1g8-accordion .tab-pannel-content > p {

      text-align: center;
      }
      .vertical_tab_gif_animation #myTab_m1g8-accordion .tab-pannel-content > p.contentText {
      text-align: left;
      }
      }

      @media (min-width: 320px) and (max-width:1024px) {
      .vertical_tab_gif_animation .res_mobile{
      display:block;
      }
      .vertical_tab_gif_animation .res_desktop{
      display:none;
      }

      }

      @media (min-width: 1025px) and (max-width: 2100px) {
      .vertical_tab_gif_animation .res_desktop{
      display:block;
      }
      .vertical_tab_gif_animation .res_mobile{
      display:none;
      }
      .vertical_tab_gif_animation #imageContent_m1g8 .tab-pane{
      padding:10px;
      }
      }
      .vertical_tab_gif_animation .res_mobile .panel-default > .panel-heading_tab[aria-expanded=”true”] {
      background-color: #132f90 !important;
      background-image: none;
      filter: none;
      color : #fff;
      cursor: pointer;
      }
      .vertical_tab_gif_animation .res_mobile .panel-heading{
      background-color: #E6E6E6 !important;
      }

      .vertical_tab_gif_animation .res_mobile .panel-default > .panel-heading_tab[aria-expanded=”false”]{
      background-color: #E6E6E6 !important;
      color : #000 !important;
      }
      .vertical_tab_gif_animation .res_mobile .panel-default > .panel-heading_tab.collapsed{
      background-color: #E6E6E6 !important;
      color : #000;
      }

      .vertical_tab_gif_animation .res_mobile .panel-default > .panel-heading_tab .panel-title >a {
      cursor:pointer;
      padding-right: 15px;
      }
      .vertical_tab_gif_animation .res_mobile .panel-default > .panel-heading_tab[aria-expanded=”false”] .panel-title >a {
      color:#000;
      }
      .vertical_tab_gif_animation .res_mobile .panel-collapse{
      padding: 10px 15px;
      position: relative;

      }

      .vertical_tab_gif_animation .tab-content > .active{
      border-top:1px solid #dfdfdf;
      }
      /***vertical_tab_gif_animation template end here***/
      /*** bootstrap_flowchart template start here ***/
      .bootstrap_flowchart_template .content {
      /*font-family: Verdana;
      font-size: 18px;*/
      position: relative;
      }
      .bootstrap_flowchart_template .content * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      }
      .bootstrap_flowchart_template .org-chart {
      display: block;
      clear: both;
      margin-bottom: 30px;
      position: relative;
      }
      .bootstrap_flowchart_template ul li {
      padding-bottom: 0px !important;
      }
      .bootstrap_flowchart_template .org-chart.cf:before, .bootstrap_flowchart_template .org-chart.cf:after, .bootstrap_flowchart_template .org-chart .departments:after {
      content: ” “;
      /* 1 */
      display: table;
      clear: both;
      /* 2 */
      }
      .bootstrap_flowchart_template .org-chart.cf:after {
      clear: both;
      }
      .bootstrap_flowchart_template .org-chart.cf {
      *zoom: 1;
      }
      .bootstrap_flowchart_template .org-chart ul {
      padding: 0;
      margin: 0;
      list-style: none;
      }
      .bootstrap_flowchart_template .org-chart ul li {
      position: relative;
      }
      .bootstrap_flowchart_template .org-chart .section div ul {
      list-style-type: circle;list-style-position: inside;
      }
      .bootstrap_flowchart_template .org-chart ul li span {
      display: block;
      border: 1px solid #132f90;
      text-align: center;
      overflow: hidden;
      text-decoration: none;
      color: #FFF;
      /*font-size: 18px;*/
      box-shadow: 4px 4px 9px -4px rgba(0, 0, 0, 0.4);
      -webkit-transition: all linear .1s;
      -moz-transition: all linear .1s;
      transition: all linear .1s;
      background: #132f90;
      padding: 4px;
      line-height: 1.5;
      }
      .bootstrap_flowchart_template .org-chart .lvl-a {
      background: #262626;
      border: 1px solid #262626;
      color: #FFF;
      padding-top: 15px;
      padding-bottom: 15px;
      }
      .bootstrap_flowchart_template .org-chart .board {
      width: 70%;
      margin: 0 auto;
      display: block;
      position: relative;
      }
      .bootstrap_flowchart_template .org-chart .board:before {
      content: “”;
      display: block;
      position: absolute;
      height: 75px;
      width: 0px;
      border-left: 2px solid #262626;
      margin-left: 49%;
      top: 15px;
      }
      .bootstrap_flowchart_template .org-chart ul.columnOne {
      height: 90px;
      position: relative;
      width: 100%;
      display: block;
      clear: both;
      text-align: center;
      }
      .bootstrap_flowchart_template .org-chart ul.columnOne span {
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 10px;
      padding-right: 10px;
      }
      .bootstrap_flowchart_template .org-chart ul.columnOne li {
      text-align: center;
      margin: 0px auto;
      top: 15px;
      display: inline-block;
      }
      .bootstrap_flowchart_template .org-chart ul.columnTwo {
      position: relative;
      width: 100%;
      display: block;
      height: 90px;
      clear: both;
      }
      .bootstrap_flowchart_template .org-chart ul.columnTwo li:first-child {
      width: 30%;
      float: left;
      }
      .bootstrap_flowchart_template .org-chart ul.columnTwo li {
      width: 30%;
      float: right;
      }
      .bootstrap_flowchart_template .org-chart ul.columnTwo:before {
      content: “”;
      display: block;
      position: relative;
      width: 80%;
      height: 10px;
      border-top: 2px solid #262626;
      margin: 0 auto;
      top: 40px;
      }
      .bootstrap_flowchart_template .org-chart ul.columnThree {
      position: relative;
      width: 100%;
      display: block;
      clear: both;
      }
      .bootstrap_flowchart_template .org-chart ul.columnThree li:first-child {
      width: 30%;
      float: left;
      margin-left: 0;
      }
      .bootstrap_flowchart_template .org-chart ul.columnThree li {
      width: 30%;
      margin-left: 5%;
      float: left;
      }
      .bootstrap_flowchart_template .org-chart ul.columnThree li:last-child {
      width: 30%;
      float: right;
      margin-left: 0;
      }
      .bootstrap_flowchart_template .org-chart ul.columnThree:before {
      content: “”;
      display: block;
      position: relative;
      width: 100%;
      height: 10px;
      border-top: 2px solid #262626;
      margin: 0 auto;
      top: 40px;
      }
      .bootstrap_flowchart_template .org-chart .departments {
      width: 95%;
      display: block;
      clear: both;
      }
      .bootstrap_flowchart_template .org-chart .departments:before {
      content: “”;
      display: block;
      width: 78%;
      height: 22px;
      border-top: 2px solid #262626;
      border-left: 2px solid #262626;
      border-right: 2px solid #262626;
      margin: 0 auto;
      top: 0px;
      }
      .bootstrap_flowchart_template .org-chart .department {
      border-left: 2px solid #262626;
      width: 15.5%;
      float: left;
      margin: 0px 4px;
      margin-bottom: 70px;
      }
      .bootstrap_flowchart_template .org-chart .department:after {
      content: “”;
      position: absolute;
      display: block;
      width: 10px;
      height: 22px;
      border-left: 2px solid #262626;
      left: 50%;
      top: -22px;
      }
      .bootstrap_flowchart_template .org-chart .department:first-child:after {
      display: none;
      }
      .bootstrap_flowchart_template .org-chart .department:last-child:after {
      display: none;
      }
      .bootstrap_flowchart_template .org-chart .department.central {}
      .bootstrap_flowchart_template .org-chart .department.central:after {
      display: none;
      }
      .bootstrap_flowchart_template .org-chart .department div {
      border-left: 1px solid #262626;
      }
      .bootstrap_flowchart_template .org-chart .department .section {
      padding-left: 25px;
      border-bottom: 2px solid #262626;
      height: 58px;
      }
      .bootstrap_flowchart_template .org-chart .department li div {
      background: #e6e6e6;
      top: 18px;
      position: absolute;
      z-index: 1;
      width: 95%;
      padding-top: 10px;
      padding-bottom: 10px;
      min-height: 150px;
      height: auto;
      vertical-align: middle;
      right: 0px;
      line-height: 14px;
      text-align:center;
      border: 1px solid #acacac;
      color: #484848;
      line-height: 1.5;
      display: flex;
      justify-content: center;
      align-content: center;
      flex-direction: column;
      }
      .bootstrap_flowchart_template .org-chart .department li span strong {}
      .bootstrap_flowchart_template .org-chart .department .sections {
      /*margin-top: -20px;*/
      }

      /* MEDIA QUERIES */
      @media all and (max-width: 800px) {
      .bootstrap_flowchart_template .org-chart .board {
      margin: 0px;
      width: 100%;
      }
      .bootstrap_flowchart_template .org-chart .board:before {
      height: 100px;
      }
      .bootstrap_flowchart_template .org-chart .departments {
      width: 95%;
      display: block;
      clear: both;
      }
      .bootstrap_flowchart_template .org-chart .departments:before {
      border: none;
      }
      .bootstrap_flowchart_template .org-chart .department {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-bottom: 40px;
      }
      .bootstrap_flowchart_template .org-chart .department:before {
      content: “”;
      display: block;
      position: absolute;
      width: 15px;
      height: 60px;
      border-left: 2px solid #333333;
      z-index: 1;
      top: -45px;
      left: 0%;
      margin-left: -2px;
      }
      .bootstrap_flowchart_template .org-chart .department:after {
      display: none;
      }
      .bootstrap_flowchart_template .org-chart .department:first-child:before {
      display: none;
      }
      .bootstrap_flowchart_template .org-chart .department li div {
      min-height: 70px;
      }
      }
      /*** bootstrap_flowchart template end here ***/

      /****Modal_popup_with_content_template start here ****/
      .modal_popup_with_content_template .modal_popup_with_content_template_left_block{
      float:left;
      padding-right:15px;
      }
      @media all and (max-width:600px){
      .modal_popup_with_content_template .modal_popup_with_content_template_left_block{
      float:none;
      padding-right:0px;
      text-align:center;
      }
      .modal_popup_with_content_template .modal_popup_with_content_template_left_block img{
      margin: 0 auto;
      }
      .modal_popup_with_content_template .modal_popup_with_content_template_right_block{
      padding-top:15px;
      }
      }

      /**Modal popup with content template end */
      /*** lynda_links_template template start here ***/
      @media all and (min-width: 569px) {
      .lynda_links_template #lyndaIcons_w1g12 .paddingToplynda {
      padding-top: 30px;
      }
      }
      @media all and (min-width: 667px) and (max-width: 767px) {

      #lynda_links_template1 .lynda_links_template1_row {
      padding-left: 110px !important;
      }
      }

      /*** lynda_links_template template end here ***/
      /*** vertical_tab_with_clickable_image_maps timeline template start here **/
      .vertical_tab_with_clickable_image_maps .tabs{
      margin: 0;
      padding: 0;
      display:inline-block;
      list-style: none;
      vertical-align:top;
      }
      .vertical_tab_with_clickable_image_maps .tab_container{
      padding-left:15px;
      display:inline-block;
      vertical-align:top;
      }
      .vertical_tab_with_clickable_image_maps .tabs .tab,.vertical_tab_with_clickable_image_maps .tab_drawer_heading{
      display:block;
      cursor: pointer;
      background-color: #E6E6E6;
      color: #000;

      border-radius: 3px;
      border-bottom: 0;
      text-decoration: none;
      padding: 10px 15px;
      font-weight: normal;
      margin-top: 0;
      margin-bottom: 10px;
      font-size: 16px;
      }
      .vertical_tab_with_clickable_image_maps .tabs .tab.active,.vertical_tab_with_clickable_image_maps .tab_drawer_heading.active{
      background-color: #132f90;
      cursor: default;
      color:#fff;
      }

      .vertical_tab_with_clickable_image_maps .tab_container .tab_drawer_heading{
      display:none;
      }
      .vertical_tab_with_clickable_image_maps .tab_container .tab_content{
      display:none;

      }
      .vertical_tab_with_clickable_image_maps .tab_container .tab_content.active{
      display:block;
      }

      .vertical_tab_with_clickable_image_maps .block-content{
      position:relative;
      }
      .vertical_tab_with_clickable_image_maps .block-content .button_icon{
      position:absolute;
      border-radius: 50% !important;
      border: 3px solid black !important;
      width: 20px !important;
      height: 20px !important;
      cursor:pointer;
      }

      .vertical_tab_with_clickable_image_maps .popover-title {
      border: none !important;
      background: #f1f1f1 !important;
      font-size: 12px;
      color: #000;
      padding: 8px;
      line-height: 16px;
      }

      .vertical_tab_with_clickable_image_maps .popover-content {
      display: none !important;
      }

      .vertical_tab_with_clickable_image_maps .popover {
      border: none !important;
      background: #f1f1f1 !important;
      }

      .vertical_tab_with_clickable_image_maps .popover.top>.arrow {
      border-top-color: #f1f1f1 !important;
      }

      .vertical_tab_with_clickable_image_maps .popover.top>.arrow:after {
      border-top-color: #f1f1f1 !important;
      }

      @media screen and (max-width:740px) {
      .vertical_tab_with_clickable_image_maps .tabs{
      display:none;
      }
      .vertical_tab_with_clickable_image_maps .tab_container .tab_drawer_heading{
      display:block;
      margin-bottom:10px;
      }
      .vertical_tab_with_clickable_image_maps .tab_container .tab_drawer_heading.active{
      margin-bottom:0px;
      }
      .vertical_tab_with_clickable_image_maps .tab_container .tab_content{
      padding:5px 5px 5px 5px;
      border: 1px solid #ddd !important;
      border-radius: 4px;
      border-top:0px !important;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      margin-bottom:10px;
      }
      .vertical_tab_with_clickable_image_maps .tab_container{
      display:block;
      }
      .vertical_tab_with_clickable_image_maps .tab_container .block-content{
      margin:0 auto;
      max-width: 500px;
      }

      }
      @media screen and (max-width:480px) {
      .vertical_tab_with_clickable_image_maps .block-content .button_icon{
      width:15px !important;
      height:15px !important;
      }
      }
      /*** vertical_tab_with_clickable_image_maps timeline template end here **/

      /***tab_with_image_comparison_template start here****/
      /***tab_with_image_comparison_template end here****/

      /**lynda_links_template start here****/
      .lynda_links_template a{
      border-bottom: 1px solid #132f90 !important;
      color:#000 !important;
      }
      .lynda_links_template a:hover{
      border-bottom: 1px solid #000 !important;
      }
      /**lynda_links_template end here****/
      /***image template start here***/
      @media (max-width: 500px) and (min-width: 300px){
      .image_template {
      width:300px !important;
      }
      }
      /***image template end here***/
      /*** image_with_click_template****/
      @media (max-width: 500px) and (min-width: 300px){
      .image_with_click_template img{
      float:none !important;
      margin:0px auto 5px auto !important;
      }
      }
      /*** image_with_click_template****/

      /**image content with bullet list template*/
      .image_with_content_with_bullet_list_template .image_with_content_with_bullet_list_template_left_block {
      float: left;
      padding-right: 15px;
      }
      .image_with_content_with_bullet_list_template ul,.image_with_content_with_bullet_list_template ol {
      list-style-position: inside;
      padding: 0px;
      }
      .image_with_content_with_bullet_list_template ul li,.image_with_content_with_bullet_list_template ol li {
      line-height: 1.42857143 !important;
      padding-bottom: .5em;
      left: 15px;
      padding-right: 15px;
      position: relative;
      }
      @media all and (max-width:700px) {
      .image_with_content_with_bullet_list_template .image_with_content_with_bullet_list_template_left_block {
      float: none;
      padding-right: 0px;
      padding-bottom: 10px;
      }
      .image_with_content_with_bullet_list_template .image_with_content_with_bullet_list_template_left_block img {
      margin: 0 auto;
      }
      .image_with_content_with_bullet_list_template .image_with_content_with_bullet_list_template_right_block {
      padding-bottom: 15px;
      }
      .image_with_content_with_bullet_list_template section {
      padding: 4px;
      }
      .image_with_content_with_bullet_list_template ul, .image_with_content_with_bullet_list_template ol {
      list-style-position: outside;
      padding: 0px 0px 0px 30px;
      text-indent: 0px;
      }
      .image_with_content_with_bullet_list_template ul li,.image_with_content_with_bullet_list_template ol li{
      left: 0px;
      padding-right: 0px;
      }
      }
      /**image content with bullet list template*/
      /***tab_with_slider_without_text template***/
      .tab_with_slider_without_text_template .panel-body{
      padding:10px;
      }
      /***tab_with_slider_without_text template***/

      /*****infographic_template_1 start here****/
      /* .infographic_template_1 .set_margin{
      position:relative;
      padding-bottom:20px;
      background-color:#333333;
      margin-bottom:14px;
      }
      .infographic_template_1 .img_desc{
      position:absolute;
      top: 55%;
      left: 4%;
      right:4%;
      color:#ffb11a;
      }
      .infographic_template_1 .bg_container{
      padding-left:0px;

      }
      @media (min-width: 320px) and (max-width:500px) {
      .infographic_template_1 .col .col-xs-5{
      width:100%;
      padding-left:12px;
      }
      .infographic_template_1 .col{
      padding-left:12px;
      }
      } */
      /*****infographic_template_1 end here****/
      /******infographic_sample_template_2 start here***/
      .infographic_sample_template_2 .infographic_img_box,.infographic_sample_template_2 .infographic_img_box_mobile{
      padding:0px;
      }
      @media (min-width: 701px) and (max-width:2100px) {
      .infographic_sample_template_2 .iphone_view{
      display:none;
      }
      }
      @media (min-width:1100px) and (max-width:2100px) {
      .infographic_sample_template_2 #text_0{
      width:45%;
      right:1%;
      }
      .infographic_sample_template_2 #text_2{
      width:48%;
      right:4%;
      }
      }
      @media (min-width:801px) and (max-width:1000px) {
      .infographic_sample_template_2 #text_0{
      right: 4%;
      width: 45.6%;
      }
      .infographic_sample_template_2 #text_2{
      right: 6%;
      width: 47.6%;
      }
      }
      @media (min-width: 300px) and (max-width:700px) {
      .infographic_sample_template_2 .desktop_view{
      display:none;
      }
      .infographic_sample_template_2 .infographic_text_mobile{
      width:270px;
      height:200px;
      }
      }
      @media (min-width: 600px) and (max-width:700px) {
      .infographic_sample_template_2 .iphone_view .infographic_img_box_mobile{
      width:47.7%;
      }
      }
      /******infographic_sample_template_2 end here***/
      //*** horizontal_timeline templates start here ***/

      .horizontal_timeline_template .horizontal-timeline-items-container {
      position: relative;
      padding: 100px 0px;
      margin: 0 auto;
      text-align: center;
      }

      .horizontal_timeline_template .horizontal-timeline-items {
      margin: 15px 100px;
      position: relative;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      }

      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item {
      z-index: 2;
      position: relative;
      padding: 25px 35px;
      text-align: center;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
      }

      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item .horizontal-timeline-item-container {
      position: relative;
      }

      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item .horizontal-timeline-item-container img {
      display: block;
      max-width: 100%;
      opacity: 0;
      }

      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item .horizontal-timeline-item-title {
      text-align: center;
      font-weight: bold;
      position: absolute;
      width: 100%;
      opacity: 0;
      }

      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(even) .horizontal-timeline-item-title {
      top: 100%;
      }

      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(odd) .horizontal-timeline-item-title {
      top: -22px;
      }

      .horizontal_timeline_template .item-popover {
      position: absolute;
      background: #f7f7f7;
      border: 4px solid #f7f7f7;
      text-align: center;
      color: #333;
      left: -30%;
      right: -30%;
      border-radius: 6px;
      padding: 8px;
      z-index: 100;
      opacity: 0;
      }

      .horizontal_timeline_template .item-popover .item-popover-footer {
      background: #ececec;
      color: #acacac;
      padding: 5px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      display: none;
      }

      .horizontal_timeline_template .horizontal-timeline-item img {
      /*animation: zoom-in-animation 1s linear 0s normal 1 forwards paused;*/
      }

      .horizontal_timeline_template .horizontal-timeline-item .horizontal-timeline-item-title {
      /*animation: fade-in-animation 1s linear 1s normal 1 forwards paused;*/
      }

      .horizontal_timeline_template .horizontal-timeline-item .item-popover {
      /*animation: slide-in-animation 1s linear 1s normal 1 forwards paused;*/
      }

      .horizontal_timeline_template .start-animation .horizontal-timeline-item img, .horizontal_timeline_template .start-animation .horizontal-timeline-item .horizontal-timeline-item-title, .horizontal_timeline_template .start-animation .horizontal-timeline-item .item-popover {
      -webkit-animation-play-state: running !important;
      -moz-animation-play-state: running !important;
      -ms-animation-play-state: running !important;
      animation-play-state: running !important;
      }
      @-webkit-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-moz-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }

      @keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-webkit-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      @-moz-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }

      @keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }

      @-webkit-keyframes hslide-in-animation {
      0% {
      margin-top: 20px;
      margin-bottom: 20px;
      opacity: 0;
      }
      100% {
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }
      @-moz-keyframes hslide-in-animation {
      0% {
      margin-top: 20px;
      margin-bottom: 20px;
      opacity: 0;
      }
      100% {
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }

      @keyframes hslide-in-animation {
      0% {
      margin-top: 20px;
      margin-bottom: 20px;
      opacity: 0;
      }

      100% {
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }

      @media all and (min-width: 769px) {
      .horizontal_timeline_template .horizontal-timeline-items.arrow_lines .horizontal-timeline-item:not(:first-child):before {
      content: “\e258″;
      display: inline-block;
      font-family: ‘Glyphicons Halflings’;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: top;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      top: 51%;
      left: 0%;
      margin-top: -9px;
      color: #333;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:not(:last-child):after {
      content: ”;
      position: absolute;
      border-bottom: 1px #333 dashed;
      top: 50%;
      width: 100%;
      z-index: -1;
      left:40%;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(even) .item-popover {
      bottom: 100%;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(odd) .item-popover {
      top: 100%;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item .item-popover:after, .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item .item-popover:before {
      left: 50%;
      border: solid transparent;
      content: ” “;
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(230, 230, 230, 0);
      border-width: 15px;
      margin-left: -15px;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(odd) .item-popover:after, .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(odd) .item-popover:before {
      bottom: 100%;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(odd) .item-popover:after, .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(odd) .item-popover:before {
      border-bottom-color: #f7f7f7;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(even) .item-popover:after, .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(even) .item-popover:before {
      top: 100%;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(even) .item-popover:after, .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(even) .item-popover:before {
      border-top-color: #f7f7f7;
      }
      }

      @media all and (max-width: 768px) {
      .horizontal_timeline_template .horizontal-timeline-items {
      display: block;
      margin: 15px;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item {
      text-align: left;
      padding: 25px 0px;
      display: table;
      width: 100%;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item-container {
      display: table-cell;
      width: 100px;
      vertical-align: top;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:first-child {
      padding-top: 0px;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:last-child {
      padding-bottom: 0px;
      }
      .horizontal_timeline_template .horizontal-timeline-items.arrow_lines .horizontal-timeline-item:not(:first-child):before {
      content: “\e259″;
      display: inline-block;
      font-family: ‘Glyphicons Halflings’;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: top;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      top: 9px;
      left: 41.5px;
      color: #333;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item:after {
      content: ”;
      position: absolute;
      border-left: 1px #333 dashed;
      top: 0%;
      left: 0%;
      height: 100%;
      width: 101px;
      margin-left: 49px;
      z-index: -1;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item .horizontal-timeline-item-title {
      top: 100px !important;
      /*position:relative !important;*/
      background: #ffffff;
      padding-bottom: 5px;
      }
      .horizontal_timeline_template .item-popover-container {
      display: table-cell;
      vertical-align: middle;
      padding-left: 20px;
      }
      .horizontal_timeline_template .item-popover {
      position: relative;
      background: none;
      border: none;
      text-align: center;
      color: #333;
      border-radius: 6px;
      padding: 0;
      z-index: 100;
      top: auto !important;
      left: auto !important;
      right: auto !important;
      }
      .horizontal_timeline_template .item-popover .item-popover-content {
      max-height: 86px;
      overflow: hidden;
      padding: 8px;
      background: #f7f7f7;
      border: 4px solid #f7f7f7;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      transition: max-height 500ms linear;
      display: flex;
      vertical-align: middle;
      }
      .horizontal_timeline_template .item-popover .item-popover-content:not(.more-content) {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      max-height: none !important;
      }
      .horizontal_timeline_template .item-popover .item-popover-content.more-content + .item-popover-footer {
      display: block;
      cursor: pointer;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item .item-popover:after, .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item .item-popover:before {
      right: 100%;
      top: 50%;
      border: solid transparent;
      content: ” “;
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(230, 230, 230, 0);
      border-right-color: #f7f7f7;
      border-width: 10px;
      margin-top: -10px;
      }
      .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item .item-popover[data-expand=”true”]:after, .horizontal_timeline_template .horizontal-timeline-items .horizontal-timeline-item .item-popover[data-expand=”true”]:before {
      top: 60px !important;
      }
      @-webkit-keyframes hslide-in-animation {
      0% {
      transform: scale(0);
      margin-bottom: 0px;
      margin-top: 0px;
      opacity: 0;
      }
      100% {
      transform: scale(1);
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }
      @-moz-keyframes hslide-in-animation {
      0% {
      transform: scale(0);
      margin-bottom: 0px;
      margin-top: 0px;
      opacity: 0;
      }
      100% {
      transform: scale(1);
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }

      @keyframes hslide-in-animation {
      0% {
      transform: scale(0);
      margin-bottom: 0px;
      margin-top: 0px;
      opacity: 0;
      }
      100% {
      transform: scale(1);
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }

      }
      /*** horizontal_timeline templates end here ***/
      /**image with checklist template*/
      .image_with_checklist_template .image_with_checklist_template_left_block {
      float: left;
      padding-right: 15px;
      }
      .image_with_checklist_template ul,.image_with_checklist_template ol {
      list-style-position: inside;
      list-style:none;
      padding: 0px;
      }
      .image_with_checklist_template ul li,.image_with_checklist_template ol li {
      line-height: 1.42857143 !important;
      padding-bottom: .5em;
      left: 15px;
      padding-right: 15px;
      position: relative;
      }
      .image_with_checklist_template ul li img {
      margin-right:3px;
      vertical-align: middle;
      }
      @media all and (max-width:700px) {
      .image_with_checklist_template .image_with_checklist_template_left_block {
      float: none;
      padding-right: 0px;
      padding-bottom: 10px;
      }
      .image_with_checklist_template .image_with_checklist_template_left_block img {
      margin: 0 auto;
      }
      .image_with_checklist_template .image_with_checklist_template_right_block {
      padding-bottom: 15px;
      }
      .image_with_checklist_template section {
      padding: 4px;
      }
      .image_with_checklist_template ul, .image_with_checklist_template ol {
      list-style-position: outside;
      padding: 0px 0px 0px 30px;
      text-indent: 0px;
      }
      .image_with_checklist_template ul li,.image_with_checklist_template ol li{
      left: 0px;
      padding-right: 0px;
      }
      }
      /**image with checklist template*/
      /***infographic_sample_template_1***/
      .infographic_sample_template_1 .bg_container{
      background-color:#333333;
      }
      .infographic_sample_template_1 .img_desc{
      color:#ffb11a;

      }
      .infographic_sample_template_1 .set_margin{
      position:relative;
      }
      /***infographic_sample_template_1***/
      /***icon_based_template****/
      .icon_based_template .bg_container{
      position:relative;
      }
      .icon_based_template .image_item{
      position:absolute;
      opacity:0;
      }
      @-webkit-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-moz-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }

      @keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-webkit-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      @-moz-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }

      @keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      /***icon_based_template****/
      /*** icon_based_template 2 start here***/
      @media (min-width: 601px) and (max-width:2100px) {
      .icon_based_template_2 .iphone_view{
      display:none;
      }
      .icon_based_template_2 .desktop_view .shell-image{
      position: absolute;
      top: 32%;
      left: 27%;
      opacity:0;
      }
      .icon_based_template_2 .desktop_view .bg-container{
      position:relative;
      width:440px;
      }
      .icon_based_template_2 .desktop_view .center-image{
      position:absolute;
      top: 3%;
      left: 30.4%;
      opacity: 0;
      }
      .icon_based_template_2 .desktop_view #image_item_2{
      top: 54.4%;
      right: 18.5%;
      }
      .icon_based_template_2 .desktop_view #image_item_1{
      top: 28%;
      right: 3.5%;
      }
      .icon_based_template_2 .desktop_view #image_item_3{
      top: 60.5%;
      left: 39.9%;
      }
      .icon_based_template_2 .desktop_view #image_item_4{
      top: 54.8%;
      left: 17.6%;
      }
      .icon_based_template_2 .desktop_view #image_item_5{
      top: 28%;
      left: 2%;
      }
      }
      @media (min-width: 300px) and (max-width:600px) {
      .icon_based_template_2 .desktop_view{
      display:none;
      }
      .icon_based_template_2 .iphone_view .shell-image{
      position: absolute;
      top: 36%;
      left: 47.7%;
      opacity:0;
      }
      .icon_based_template_2 .iphone_view .bg-container{
      position:relative;
      width:300px;
      }
      .icon_based_template_2 .iphone_view .center-image{
      position:absolute;
      top: 1%;
      left: 6.5%;
      opacity:0;
      }
      .icon_based_template_2 .iphone_view #image_item_2{
      top: 47%;
      right: 52%;
      }
      .icon_based_template_2 .iphone_view #image_item_1{
      top: 33.3%;
      right: 6.5%;
      }
      .icon_based_template_2 .iphone_view #image_item_3{
      top: 58.8%;
      left: 50.9%;
      }
      .icon_based_template_2 .iphone_view #image_item_4{
      top: 71%;
      left: 7.6%;
      }
      .icon_based_template_2 .iphone_view #image_item_5{
      top: 83.2%;
      left: 51%;
      }
      }
      .icon_based_template_2 .circle,.icon_based_template_2 .image_item{
      -webkit-animation-play-state: running !important;
      -moz-animation-play-state: running !important;
      -ms-animation-play-state: running !important;
      animation-play-state: running !important;
      }
      .icon_based_template_2 .image_item{
      max-height:20px;
      position:absolute;
      opacity:0;
      transition: max-height 500ms linear;
      }
      @-webkit-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-moz-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }

      @keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-webkit-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      @-moz-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }

      @keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      /*** icon_based_template 2 end here***/
      /***icon_based_template_3 start here***/
      .infographic_sample_template_3 .desktop_view .image_item{
      width:20%;
      margin-right:10px;
      height:170px;
      border-radius:10px;
      text-align:center;
      padding:20px;
      }
      .infographic_sample_template_3 .desktop_view .image_item img{
      margin-bottom:5px;
      }
      .infographic_sample_template_3 .desktop_view .img_separator{
      width: 2%;
      margin-right: 7px;
      float: left;
      height: 170px;
      padding: 71px 0px;
      }
      @media (min-width:1001px) and (max-width:2100px){
      .infographic_sample_template_3 .iphone_view{
      display:none;
      }
      }
      @media (min-width:300px) and (max-width:1000px){
      .infographic_sample_template_3 .desktop_view{
      display:none;
      }
      }
      .infographic_sample_template_3 .iphone_view .image_item{
      border-radius:10px;
      padding:25px;
      }
      .infographic_sample_template_3 .iphone_view .image_item img{
      float:left;
      margin-right:20px;
      }
      .infographic_sample_template_3 .iphone_view .img_separator{
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      margin:5px auto;
      }
      .infographic_sample_template_3 .info_image{
      opacity:0;
      -webkit-animation-play-state: running !important;
      -moz-animation-play-state: running !important;
      -ms-animation-play-state: running !important;
      animation-play-state: running !important;
      }
      @-webkit-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      @-moz-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }

      @keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      /***icon_based_template_3 end here***/
      /*** color_slider_template template start here ***/
      .color_slider_template .item .item-description{
      padding:10px;
      color:#FFF;
      margin:0px;
      text-align:center;
      }
      .color_slider_template .li1 {
      background: #f1b809 !important;
      }
      .color_slider_template .li2 {
      background: #6b913e !important;
      }
      .color_slider_template .li3 {
      background: #035aaa !important;
      }
      .color_slider_template .carousel-indicators{
      position: relative;
      bottom:auto;
      line-height:1;
      margin-bottom:0px;
      margin-top:10px;
      }
      .color_slider_template .carousel-indicators li {
      height: 30px;
      width: 60px;
      border:solid 2px #FFF;
      border-radius: 0px;
      margin:0px;
      }
      .color_slider_template .carousel-indicators li.active {
      border: solid 2px #d41920;
      }
      .color_slider_template .img-responsive {
      margin: 0 auto;
      }
      /*** color_slider_template template end here ***/
      /***horizontal timeline sample1 start here***/
      .horizontaltimelinesample1_template .cd-horizontal-timeline {
      opacity: 0;
      /* margin: 2em auto; */
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      transition: opacity 0.2s;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline::before {
      /* never visible – this is used in jQuery to check the current MQ */
      content: ‘mobile’;
      display: none;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline.loaded {
      /* show the timeline after events position has been set (using JavaScript) */
      opacity: 1;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .timeline {
      position: relative;
      height: 100px;
      /* width: 90%; */
      max-width: 990px;
      /* margin: 0 auto; */
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-wrapper {
      position: relative;
      height: 100%;
      margin: 0 40px;
      overflow: hidden;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-wrapper::after,.horizontaltimelinesample1_template .cd-horizontal-timeline .events-wrapper::before {
      /* these are used to create a shadow effect at the sides of the timeline */
      content: ”;
      position: absolute;
      z-index: 2;
      top: 0;
      height: 100%;
      width: 20px;
      }
      /*.horizontaltimelinesample1_template .cd-horizontal-timeline .events-wrapper::before {
      left: 0;
      background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
      background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-wrapper::after {
      right: 0;
      background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
      background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
      }*/
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events {
      /* this is the grey line/timeline */
      position: absolute;
      z-index: 1;
      left: 0;
      top: 49px;
      height: 2px;
      /* width will be set using JavaScript */
      background: #e6e6e6;
      -webkit-transition: -webkit-transform 0.4s;
      -moz-transition: -moz-transform 0.4s;
      transition: transform 0.4s;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .filling-line {
      /* this is used to create the green line filling the timeline */
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color:#132f90;
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -ms-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events a {
      position: absolute;
      bottom: 0;
      z-index: 2;
      text-align: center;
      font-size: 1.3rem;
      padding-bottom: 15px;
      color: #383838;
      /* fix bug on Safari – text flickering while timeline translates */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events a::after {
      /* this is used to create the event spot */
      content: ”;
      position: absolute;
      left: 50%;
      right: auto;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -5px;
      height: 12px;
      width: 12px;
      border-radius: 50%;
      border: 2px solid #e6e6e6;
      background-color: #ffffff;
      -webkit-transition: background-color 0.3s, border-color 0.3s;
      -moz-transition: background-color 0.3s, border-color 0.3s;
      transition: background-color 0.3s, border-color 0.3s;
      }
      .horizontaltimelinesample1_template .no-touch .cd-horizontal-timeline .events a:hover::after {
      background-color: #132f90;
      border-color: #132f90;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events a.selected {
      pointer-events: none;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events a.selected::after {
      background-color: #132f90;
      border-color: #132f90;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events a.older-event::after {
      border-color: #132f90;;
      }
      @media only screen and (min-width: 1100px) {
      .horizontaltimelinesample1_template .cd-horizontal-timeline {
      /* margin: 6em auto; */
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline::before {
      /* never visible – this is used in jQuery to check the current MQ */
      content: ‘desktop’;
      }
      }
      .horizontaltimelinesample1_template .cd-timeline-navigation a {
      /* these are the left/right arrows to navigate the timeline */
      position: absolute;
      z-index: 1;
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 34px;
      width: 34px;
      border-radius: 50%;
      border: 2px solid #e6e6e6 !important;
      /* replace text with an icon */
      overflow: hidden;
      color: transparent;
      text-indent: 100%;
      white-space: nowrap;
      -webkit-transition: border-color 0.3s;
      -moz-transition: border-color 0.3s;
      transition: border-color 0.3s;
      }
      .horizontaltimelinesample1_template .cd-timeline-navigation a::after {
      /* arrow icon */
      content: “>”;
      position: absolute;
      height: 16px;
      width: 16px;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      background: url(../img/cd-arrow.svg) no-repeat 0 0;
      }
      .horizontaltimelinesample1_template .cd-timeline-navigation a.prev {
      left: 6px;
      -webkit-transform: translateY(-50%) rotate(180deg);
      -moz-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
      -o-transform: translateY(-50%) rotate(180deg);
      transform: translateY(-50%) rotate(180deg);
      }
      .horizontaltimelinesample1_template .cd-timeline-navigation a.next {
      right: 6px;
      }
      .horizontaltimelinesample1_template .no-touch .cd-timeline-navigation a:hover {
      border-color: #7b9d6f;
      }
      .horizontaltimelinesample1_template .cd-timeline-navigation a.inactive {
      cursor: not-allowed;
      }
      .horizontaltimelinesample1_template .cd-timeline-navigation a.inactive::after {
      background-position: 0 -16px;
      }
      .horizontaltimelinesample1_template .no-touch .cd-timeline-navigation a.inactive:hover {
      border-color: #dfdfdf;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content {
      position: relative;
      width: 100%;
      margin: 2em 0;
      overflow: hidden;
      -webkit-transition: height 0.4s;
      -moz-transition: height 0.4s;
      transition: height 0.4s;
      }
      .horizontaltimelinesample1_template .events ol{
      padding-left:0px;
      }
      .horizontaltimelinesample1_template .events ol a {
      left:0px;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content li {
      position: absolute;
      z-index: 1;
      width: 100%;
      left: 0;
      top: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
      padding: 0 5%;
      opacity: 0;
      -webkit-animation-duration: 0.4s;
      -moz-animation-duration: 0.4s;
      animation-duration: 0.4s;
      -webkit-animation-timing-function: ease-in-out;
      -moz-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content li.selected {
      /* visible event content */
      position: relative;
      z-index: 2;
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content li.enter-right, .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content li.leave-right {
      -webkit-animation-name: cd-enter-right;
      -moz-animation-name: cd-enter-right;
      animation-name: cd-enter-right;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content li.enter-left, .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content li.leave-left {
      -webkit-animation-name: cd-enter-left;
      -moz-animation-name: cd-enter-left;
      animation-name: cd-enter-left;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content li.leave-right, .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content li.leave-left {
      -webkit-animation-direction: reverse;
      -moz-animation-direction: reverse;
      animation-direction: reverse;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content li > * {
      max-width: 800px;
      margin: 0 auto;
      }

      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content em::before {
      content: ‘- ‘;
      }
      @media only screen and (min-width: 768px) {
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content h2 {
      font-size: 7rem;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content em {
      font-size: 2rem;
      }
      .horizontaltimelinesample1_template .cd-horizontal-timeline .events-content p {
      font-size: 1.8rem;
      }
      }
      .horizontaltimelinesample1_template ul,.horizontaltimelinesample1_template ol{
      list-style:none;
      }
      .horizontaltimelinesample1_template .timeline:before {
      display:none;
      }
      @-webkit-keyframes cd-enter-right {
      0% {
      opacity: 0;
      -webkit-transform: translateX(100%);
      }
      100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
      }
      }
      @-moz-keyframes cd-enter-right {
      0% {
      opacity: 0;
      -moz-transform: translateX(100%);
      }
      100% {
      opacity: 1;
      -moz-transform: translateX(0%);
      }
      }
      @keyframes cd-enter-right {
      0% {
      opacity: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
      }
      100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      }
      }
      @-webkit-keyframes cd-enter-left {
      0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      }
      100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
      }
      }
      @-moz-keyframes cd-enter-left {
      0% {
      opacity: 0;
      -moz-transform: translateX(-100%);
      }
      100% {
      opacity: 1;
      -moz-transform: translateX(0%);
      }
      }
      @keyframes cd-enter-left {
      0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
      }
      100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      }
      }
      /***horizontal timeline sample1 end here***/
      /*** accordion_paginationwithanimation_template end here ***/
      @media (max-width: 600px){
      .accordion_paginationwithanimation_template .content_with_pagination_template img{
      border-radius:6px;
      }
      }
      .accordion_paginationwithanimation_template .panel-default > .panel-heading_tab[aria-expanded=”true”] {
      background-color: #132f90;
      background-image: none;
      filter: none;
      color: #fff;
      cursor: pointer;
      }
      .accordion_paginationwithanimation_template .panel-heading {
      background-color: #E6E6E6;
      border-radius:6px 6px 0px 0px;
      }
      .accordion_paginationwithanimation_template .panel-group .panel{
      border-radius:6px;
      }
      .accordion_paginationwithanimation_template .panel-default > .panel-heading_tab[aria-expanded=”false”] {
      background-color: #E6E6E6;
      color: #000;
      }
      .accordion_paginationwithanimation_template .panel-default > .panel-heading_tab.collapsed {
      background-color: #E6E6E6;
      color: #000;
      }
      .accordion_paginationwithanimation_template .panel-default > .panel-heading_tab .panel-title >a {
      cursor: pointer;
      /* padding-right: 15px; */
      }
      @media (max-width: 768px) and (min-width: 320px)
      {
      .accordion_paginationwithanimation_template .panel-default > .panel-heading_tab .panel-title >a {
      float:left;
      width: 92%;
      padding-right: 15px;
      }
      .accordion_paginationwithanimation_template .panel-default > .panel-heading_tab[aria-expanded=”true”], .accordion_paginationwithanimation_template .panel-default > .panel-heading_tab[aria-expanded=”false”] {
      overflow: hidden;
      }
      }
      .accordion_paginationwithanimation_template .panel-default > .collapsed .panel-title >a:hover {
      color:#000 !important;
      }
      .accordion_paginationwithanimation_template .panel-collapse {
      padding: 0px 15px;
      }
      .accordion_paginationwithanimation_template .content_with_pagination_template{
      margin:9px 0px;
      }
      .accordion_paginationwithanimation_template .content_with_pagination_template img{
      margin-bottom:5px;
      cursor:pointer;
      }
      .accordion_paginationwithanimation_template .gif_image{
      display:none;
      }
      .accordion_paginationwithanimation_template .gif_animation{
      position:relative;
      }
      @media (max-width: 2200px) and (min-width: 1024px){
      .accordion_paginationwithanimation_template .animationBtn{
      top: 40%;
      left: 48%;
      }
      }
      @media (max-width: 479px) and (min-width: 320px){
      .accordion_paginationwithanimation_template .animationBtn {
      left:39%;
      }
      }
      @media (max-width: 767px) and (min-width: 480px){
      .accordion_paginationwithanimation_template .animationBtn {
      top:45%;
      }
      }
      @media (max-width: 1023px) and (min-width: 768px){
      .accordion_paginationwithanimation_template .animationBtn {
      left:47%;
      }
      }
      /*** accordion_paginationwithanimation_template end here ***/
      /*** flip_box_template template start here ***/
      .flip_box_template .box {
      width: 100%;
      height: 260px;
      position: relative;
      overflow: hidden;
      padding: 0px;
      transform: perspective(400px);
      cursor: pointer;
      margin-bottom: 24px;
      }
      .flip_box_template .front {
      background: #f4f4f4;
      position: absolute;
      width: 100%;
      height: 100%;
      transform: perspective(400px) rotateY(0deg);
      backface-visibility: hidden;
      transition: 1.0s;
      opacity: 1;
      line-height: 260px;
      text-align: center;
      }
      .flip_box_template .back {
      background: #f4f4f4;
      position: absolute;
      width: 100%;
      height: 100%;
      transform: perspective(400px) rotateY(-180deg);
      backface-visibility: hidden;
      transition: 1.0s;
      opacity: 0;
      }
      .flip_box_template .flip-front {
      opacity: 0;
      transform: perspective(400px) rotateY(180deg);
      display: table;
      }
      .flip_box_template .flip-back {
      display: table !important;
      opacity: 1;
      transform: perspective(400px) rotateY(0deg);
      }
      .flip_box_template .back {
      display: table !important;
      }
      .flip_box_template .flip-front {
      display: table !important;
      }
      .flip_box_template .back p {
      display: table-cell !important;
      vertical-align: middle !important;
      }
      .flip_box_template .flip-back p {
      display: table-cell !important;
      vertical-align: middle !important;
      }
      @media (max-width: 768px) and (min-width: 700px){
      .flip_box_template .col-xs-12{
      width:50%;
      }
      }
      /*** flip_box_template template end here ***/
      /***********infographic4_template start here*************/
      .infographic4_template .image{
      padding:0px 15px;
      color:#ffffff;
      display:flex;
      align-items:center;
      }
      .infographic4_template .title{
      border-right:1px solid #ffffff;
      }
      .infographic4_template .description{
      padding-left:10px;
      }
      .infographic4_template .des{
      color:#000000;
      font-weight:bold;
      }
      .infographic4_template .image>.full-des{
      display:flex;
      align-items:center;
      }
      .infographic4_template .image>.full-des img{
      margin-right:50px;
      }
      .infographic4_template .rowItem{
      opacity:0;

      }
      .infographic4_template .mobile_container{
      display:none;
      }
      @media (max-width: 700px){
      .infographic4_template .desktop_container{
      display:none;
      }
      .infographic4_template .mobile_container{
      display:block !important;
      width:300px;
      }
      .infographic4_template .mobile_container a{
      display:flex !important;
      }
      .infographic4_template .mobile_container .panel-default{
      border:none !important;
      }
      }
      /***********infographic4_template end here*************/

      /***Click to Reveal Template Start Here*/
      .click_to_reveal_template area {outline: 0;}
      .click_to_reveal_template .content-box1 {width: 376px; float: left; padding: 10px;border-radius: 6px;}
      .click_to_reveal_template .content-box1 p {color: #fff; padding-top: 4px; padding-bottom: 0; margin: 0px;}
      .click_to_reveal_template .content-box1 img {border-radius: 6px; margin: 0 auto;}
      .click_to_reveal_template .img-box1 {float: left;}
      @media screen and (max-width: 700px) {
      .click_to_reveal_template .content-box1 {width: 100%;}
      .click_to_reveal_template .p-b-10-m {padding-bottom: 10px;}
      }
      @media screen and (max-width: 667px){
      .click_to_reveal_template .content-box1 {width: 52% !important;}
      }
      @media screen and (max-width: 440px){
      .click_to_reveal_template .content-box1 {width: 100% !important;}
      }
      /*******Click to Reveal Template Ends Here*/
      /*Flip Box Template With Images Startes here*/
      .flip_box_withimages_template .f-b-t-w-i-box {display: block; float: left; width: 350px; height: 260px; margin-bottom: 10px; margin-right: 10px;}
      .flip_box_withimages_template .thumbnail {border-radius: 6px;}
      .flip_box_withimages_template .f-b-t-w-i-box.clearfix {clear: both;}
      .flip_box_withimages_template .box-orange {position: absolute; bottom: 0; background-color: #e28003; opacity: .95; font-size: 16px; min-height: 87px;width:100%}
      .flip_box_withimages_template .box-blue {position: absolute; bottom: 0; background-color: #094485; opacity: .95; font-size: 16px; min-height: 87px;width:100%}
      .flip_box_withimages_template .mediaSubheading {padding-bottom: 0px;}
      .flip_box_withimages_template .box-blue p { text-align: left; color: #fff; padding: 10px; padding-bottom: 0;}
      .flip_box_withimages_template .box-orange p { text-align: left; color: #fff; padding: 10px; padding-bottom: 0;}
      .flip_box_withimages_template .m-l-0 {margin-left: 0px;}
      .flip_box_withimages_template .t-bold {font-weight: 700;}
      /*.flip_box_template .flip-back p {display: block !important;}*/
      .flip_box_withimages_template .front {width: inherit !important;}
      .flip_box_withimages_template .box {
      width: 100%;
      height: 260px;
      position: relative;
      overflow: hidden;
      padding: 0px;
      transform: perspective(400px);
      cursor: pointer;
      margin-bottom: 24px;
      }
      .flip_box_withimages_template .front {
      background: #f4f4f4;
      position: absolute;
      width: 100%;
      height: 100%;
      transform: perspective(400px) rotateY(0deg);
      backface-visibility: hidden;
      transition: 1.0s;
      opacity: 1;
      /* line-height: 260px; */
      text-align: center;
      }
      .flip_box_withimages_template .back {
      background: #f4f4f4;
      position: absolute;
      width: 100%;
      height: 100%;
      transform: perspective(400px) rotateY(-180deg);
      backface-visibility: hidden;
      transition: 1.0s;
      opacity: 0;
      }
      .flip_box_withimages_template .flip-front {
      opacity: 0;
      transform: perspective(400px) rotateY(180deg);
      display: table;
      }
      .flip_box_withimages_template .flip-back {
      display: table !important;
      opacity: 1;
      transform: perspective(400px) rotateY(0deg);
      }
      .flip_box_withimages_template .back {
      display: table !important;
      }
      .flip_box_withimages_template .flip-front {
      display: table !important;
      }
      .flip_box_template .back p {
      display: table-cell !important;
      vertical-align: middle !important;
      }
      .flip_box_template .flip-back p {
      display: table-cell !important;
      vertical-align: middle !important;
      }

      @media screen and (max-width: 800px) {
      .flip_box_withimages_template .m-l-0 {margin-left: inherit;}
      .flip_box_withimages_template .f-b-t-w-i-box {margin-left: inherit;}
      .flip_box_withimages_template .box {height: 250px;}
      .flip_box_withimages_template .clearfix-device {clear: both;}
      .flip_box_withimages_template .f-b-t-w-i-box {margin-bottom: 0px;float:none !important}
      }
      @media screen and (max-width: 667px){
      .flip_box_withimages_template .clearfix-device {clear: both;}
      .flip_box_withimages_template .box-orange p {padding-bottom: 10px;}
      .flip_box_withimages_template .box-blue {min-height: 96px;}
      .flip_box_withimages_template .box-orange {min-height: 96px;}
      }

      @media screen and (max-width: 400px){
      .flip_box_withimages_template .f-b-t-w-i-box {width: 100%; height:219px;}
      .flip_box_withimages_template .clearfix-device {clear: both;}
      .flip_box_withimages_template .box {height: 212px;}
      .flip_box_withimages_template .box-blue {min-height: 108px;}
      .flip_box_withimages_template .box-orange {min-height: 108px;}
      .flip_box_withimages_template .box-orange p {padding-bottom: 0px;}
      }

      @media screen and (max-width: 325px){
      .flip_box_withimages_template .box {height: 210px;}
      .flip_box_withimages_template .f-b-t-w-i-box {height: 210px; margin-bottom: 10px !important;}
      }
      /*Flip Box Template With Images Ends here*/
      /******Click to reveal with zoom**********/
      .clicktorevealwithzoom .bg_container{
      position:relative;
      background-color:#f7f7f7;
      border-radius:6px;
      }
      .clicktorevealwithzoom .imageContainer{
      position:absolute;
      z-index:2;

      }
      .clicktorevealwithzoom .imageContainer p{
      position:absolute;
      color:#ffffff;
      cursor:pointer;
      }
      .clicktorevealwithzoom .circle{
      outline:0;
      z-index:10;
      }
      .clicktorevealwithzoom .content{
      position: absolute;
      display: flex;
      align-items: center;
      text-align: center;
      color:#ffffff;
      -webkit-animation:fade-in-animation 1s linear 500ms 1 normal forwards;
      -moz-animation:fade-in-animation 1s linear 500ms 1 normal forwards;
      -ms-animation:fade-in-animation 1s linear 500ms 1 normal forwards;
      animation:fade-in-animation 1s linear 500ms 1 normal forwards;
      opacity:0;
      }
      .clicktorevealwithzoom .feedbackContainer{
      position: absolute;
      z-index:11;
      left:0%;
      top:0%;
      }
      .clicktorevealwithzoom .feedbackContainer .closeBtn{
      width: 22px;
      height: 24px;
      position: absolute;
      top: 15%;
      right: 21%;
      background-image: url(../../assets/img/SU_INS7115_W6_G1_img7 );
      background-position:0px 0px;
      cursor:pointer;
      z-index:100;
      -webkit-animation:fade-in-animation 1s linear 500ms 1 normal forwards;
      -moz-animation:fade-in-animation 1s linear 500ms 1 normal forwards;
      -ms-animation:fade-in-animation 1s linear 500ms 1 normal forwards;
      animation:fade-in-animation 1s linear 500ms 1 normal forwards;
      opacity:0;
      }
      .clicktorevealwithzoom .feedbackContainer .closeBtn:hover{
      background-position:-22px 0px;
      right:20.3%;
      }
      .clicktorevealwithzoom .feedbackContainer img, .clicktorevealwithzoom .feedbackContainer .closeBtn{
      -webkit-animation-play-state: running !important;
      -moz-animation-play-state: running !important;
      -ms-animation-play-state: running !important;
      animation-play-state: running !important;
      }
      .clicktorevealwithzoom .feedbackContainer img{
      -webkit-animation:zoom-in-animation 500ms linear 10ms 1 normal forwards;
      -moz-animation:zoom-in-animation 500ms linear 10ms 1 normal forwards;
      -ms-animation:zoom-in-animation 500ms linear 10ms 1 normal forwards;
      animation:zoom-in-animation 500ms linear 10ms 1 normal forwards;
      opacity:0;
      }
      @-webkit-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-moz-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }

      @keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-webkit-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      @-moz-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }

      @keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      /******Click to reveal with zoom**********/
      /*********infographic template********/
      .infographic3modes_template .box_darkgreen{
      background-color:#d6e7e6;
      border-radius:6px;
      }
      .infographic3modes_template .box_darkgreen img,.infographic3modes_template .box_darkgreen .img_desc{
      position:absolute;
      }
      .infographic3modes_template #box_1{
      width:325px;
      height:300px;
      }
      /*********infographic template********/
      /*** horizontal_timeline_scrollable_template template start here ***/
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items-container-block{
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items:center;
      align-items: center;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items-container{
      position:relative;
      display:inline-block;
      overflow-x:hidden;
      flex:1;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items{
      height:110px;
      position: relative;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item{
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
      vertical-align:top;
      position: relative;
      /* width:150px;
      min-width:150px;
      max-width:150px; */
      z-index: 2;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item .horizontal-timeline-scrollable-item-circle{
      position: absolute;
      background: #FFF;
      border: solid 2px #acacac;
      left: 50%;
      top: 50%;
      margin-left: -7.5px;
      width: 15px;
      height: 15px;
      margin-top: -7.5px;
      border-radius: 50%;
      cursor:pointer;
      z-index:2;
      transition: background 300ms, border 300ms, scale 300ms;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items:before{
      content: ”;
      position:absolute;
      top:50%;
      left:0px;
      right:0px;
      width:100%;
      margin-top:-1px;
      border-bottom:solid 2px #acacac;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item-filling-line{
      position:absolute;
      top:50%;
      left:0%;
      width:0%;
      margin-top:-1px;
      border-bottom:solid 2px #132f90;
      z-index:1;
      transition: width 300ms linear;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item .horizontal-timeline-scrollable-item-circle:hover{
      background:#132f90;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item.selected .horizontal-timeline-scrollable-item-circle{
      background:#132f90;
      border: solid 2px #132f90;
      transform:scale(1.1);
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item .horizontal-timeline-scrollable-item-title{
      width: 100%;
      bottom:calc(50% + 15px);
      text-align: center;
      position:absolute;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items-content{
      margin-top:-15px;
      background:#f7f7f7;
      color:#000;
      position:relative;
      border-radius:6px;
      text-align:left;
      padding:15px;
      display:none;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item-content{
      opacity:0;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-global-items-content{
      display: block;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items-content.top-arrow:before{
      content:” “;
      width:0px;
      background:transparent;
      height:0;
      position:absolute;
      top:-10px;
      border-right: 10px solid transparent;
      border-top: none;
      border-left: 10px solid transparent;
      border-bottom: 10px solid #f7f7f7;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow-block{
      flex: 0 0 40px;
      width: 40px;
      vertical-align: middle;
      position:relative;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow{
      background-color:#fff;
      width: 40px;
      height: 40px;
      border:solid 2px #ccc;
      border-radius: 50%;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content:center;
      justify-content: center;
      -webkit-align-items:center;
      align-items: center;
      z-index:1;
      position:absolute;
      left:0px;
      top:50%;
      margin-top:-20px;
      transition: all 300ms;
      }

      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow.disabled{
      opacity:.5;
      cursor:default;
      pointer-events: none;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow:not(.disabled):hover{
      border-color:#aaa;
      background-color:#fff;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow.horizontal-timeline-scrollable-arrow-next{
      right:0px;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow span{
      background: url(../img/next_back_arrows ) no-repeat;
      flex: 0 0 12px;
      width:12px;
      height:19px;
      margin-top:2px;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow.horizontal-timeline-scrollable-arrow-next span{
      background-position: -36px 0px;
      margin-left:1px;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow.horizontal-timeline-scrollable-arrow-next:not(.disabled):hover span{
      background-position: -48px 0px;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow.horizontal-timeline-scrollable-arrow-next.disabled span{
      background-position: -60px 0px;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow.horizontal-timeline-scrollable-arrow-prev span{
      background-position: -24px 0px;
      margin-left:-1px;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow.horizontal-timeline-scrollable-arrow-prev:not(.disabled):hover span{
      background-position: -12px 0px;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow.horizontal-timeline-scrollable-arrow-prev.disabled span{
      background-position: 0px 0px;
      }
      @media all and (min-width: 769px) {
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item .horizontal-timeline-scrollable-items-content{
      display:none !important;
      }
      }
      @media all and (max-width: 768px) {
      .horizontal_timeline_scrollable_template .horizontal_timeline_scrollable_template_container{
      width:auto !important;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items-container-block{
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items:left;
      align-items:left;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items{
      -webkit-flex-direction: column;
      flex-direction: column;
      height:auto;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items:before{
      top: 0%;
      left: 20px;
      right: 0px;
      width: 0px;
      height: 100%;
      margin-top:0px;
      margin-left:-1px;
      border-bottom:none;
      border-right: solid 2px #acacac;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item{
      /* min-height:150px; */
      width:100% !important;
      max-width:100% !important;
      min-width:100% !important;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item .horizontal-timeline-scrollable-item-circle{
      left:20px;
      top:67.5px;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item .horizontal-timeline-scrollable-item-title{
      text-align:left;
      margin-left:50px;
      margin-top:56px;
      bottom:auto;
      width:auto;
      position:relative;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item-filling-line{
      top: 0%;
      left: 20px;
      right: 0px;
      width: 0px;
      height: 0px;
      margin-top:0px;
      margin-left:-1px;
      border-bottom:none;
      border-right: solid 2px #132f90;
      z-index:1;
      transition: height 300ms linear;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-arrow-block{
      display: none;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-global-items-content{
      display:none;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items-content{
      margin-left: 50px;
      margin-top: 15px;
      width: auto;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-item-content{
      opacity:1;
      }
      .horizontal_timeline_scrollable_template .horizontal-timeline-scrollable-items-content.top-arrow:before{
      left:15px !important;
      }
      }
      @media screen and (min-width: 554px){
      .pull-left figcaption, .pull-left img {
      padding:0px;
      }
      .content-side-by-side-block{
      padding-right:15px;
      }
      }
      /*** horizontal_timeline_scrollable_template template end here ***/
      /*****mcq_mmcq_template start here*****/
      .mcq_mmcq_template .options{
      margin-bottom:20px;
      padding:10px;
      background-color:#E6E6E6;
      cursor:pointer;
      }
      .mcq_mmcq_template .question{
      padding-left:0px;
      margin-bottom:15px;
      }
      .mcq_mmcq_template .view_answer[disabled], .mcq_mmcq_template .view_answer.disabled {
      pointer-events: none;
      }
      .mcq_mmcq_template .mmcq_tick{
      float:left;
      height:20px;
      width:20px;
      margin-right:10px;
      background-image:url(../../assets/img/MCQ_MMCQ_tick );
      background-position:0px 0px;
      }
      .mcq_mmcq_template .mmcq_correct{
      background-position:-40px 0px !important;
      opacity:1;
      animation: fade 1s linear;
      }
      .mcq_mmcq_template .view_answer:hover{
      background-color:#eb8400 !important;
      }
      .mcq_mmcq_template .mmcq_incorrect{
      opacity:1;
      animation: fade 1s linear;
      background-position:-60px 0px !important;
      }
      .mcq_mmcq_template .feedback{
      display:none;
      padding:10px;
      background-color: rgba(235,132,0,0.3);
      }
      .mcq_mmcq_template .mcq_tick{
      float:left;
      height:20px;
      width:20px;
      margin-right:10px;
      margin-top:3px;
      background-image:url(../../assets/img/MCQ_MMCQ_radio_btn );
      background-position:0px 0px;
      }
      @media(min-width:300px) and (max-width:500px){
      .mcq_mmcq_template .options {
      width:48%;
      margin-bottom:10px;
      }
      .mcq_mmcq_template .options:nth-child(even){
      margin-left:10px;
      }
      }
      .mcq_mmcq_template .mcq_correct{
      background-position:-20px 0px !important;
      opacity:1 !important;
      animation: fade 1s linear !important;
      }
      .mcq_mmcq_template .mcq_incorrect{
      opacity:1 !important;
      animation: fade 1s linear !important;
      background-position:-34px 0px !important;
      }
      @keyframes fade {
      0% { opacity: 0 }
      100% { opacity: 1 }
      }
      @-webkit-keyframes fade{
      0% { opacity: 0 }
      100% { opacity: 1 }
      }
      @-moz-keyframes{
      0% { opacity: 0 }
      100% { opacity: 1 }
      }
      /***mcq_mmcq_template end here****/
      /*Infographic Template Start Here*/
      .infographic_template .mediaSubheading {padding-bottom: 0px;}
      .infographic_template .custom-box {width: 80%; font-size: 16px;}
      .infographic_template .arrow-icon-box {position: relative; display: block; float: left; padding-right: 15px;}
      .infographic_template .box1 {float: left; width: 30.5%;}
      .infographic_template .bo1 {float: left; display: block; margin-top: 30%;}
      .infographic_template .bo2 {float: left; display: block;width:100px;}
      .infographic_template .box3 {float: left; display: block; width: 26%;}
      .infographic_template .p-l-18 {padding-left: 15px;}
      .infographic_template .p-t-10 {padding-top: 10px; text-align: center;}
      .infographic_template .p-l-18 li {line-height: 1.42857143 !important; padding-left: 3px; margin-left: 18px; padding-bottom: 0;}
      .infographic_template .p-r-20 {padding-right: 10px; text-align: left; padding-left: 4px;}
      .infographic_template .bo1-1 {float: right; display: block; margin-top: 30.5%;}
      .infographic_template .row2.box3 {width: 26%;}
      .infographic_template .bo2 img {box-shadow: 5px 3px 10px 0px #ccc;}
      .infographic_template .custom-box p {line-height: 1.42857143; margin-bottom: 10px;}
      .infographic_template .c-width {width: 63px;}
      .infographic_template .m-t-52 {margin-top: 29.5%;}
      .infographic_template .infographic_template_desktop .row {margin-left: 0px; margin-right: 0;}

      @media screen and (max-width: 767px) {
      .infographic_template .infographic_template_desktop {display: none;}
      .infographic_template .infographic_template_mobile {display: block !important;}
      .infographic_template .box1-mobile {float: left; display: block; padding-right: 15px;width:115px;}
      .infographic_template .box1-mobile img {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
      .infographic_template .box2-mobile {display: block; width: 55%; float: left;}
      .infographic_template .p-l-18 li {line-height: 1.42857143;}
      .infographic_template .box1-mobile img {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
      .infographic_template .custom-shadow {box-shadow: none !important;}
      .infographic_template .infographic_template_mobile .row {margin-left: 0px;}
      .infographic_template .p-l-18 {padding-top: 5px; margin-top: 10px;}
      }
      @media screen and (min-width: 800px) {
      .infographic_template .box3 {width: 31%;}
      .infographic_template .infographic_template_desktop {display: block !important;}
      .infographic_template .box1 {width: 31.5%;}
      .infographic_template .p-r-20 {padding-right: 10px; text-align: left;}
      .infographic_template .p-l-18 {padding-top: 0px;}
      .infographic_template .custom-box p {line-height: 1.42857143; margin-bottom: 10px;}
      .infographic_template .p-l-18 li {line-height: 1.22857143;}
      }
      @media screen and (max-width: 1024px) {
      .infographic_template .custom-box {width: 100% !important;}
      }
      @media screen and (max-width: 1920px) {
      .infographic_template .infographic_template_mobile {display: none;}
      .infographic_template .infographic_template_mobile .row {margin-left: 0px; margin-right: 0;}
      }
      .infographic_template .custom-box,.infographic_template_mobile.row{display: none;}
      .infographic_template .bo1,.bo1-1, .bo2, .box3, .box2-mobile, .box1-mobile img, .box1-mobile div.p-t-10, .box1-mobile div.p-t-10>div img{opacity: 0;}
      /*Infographic Template Ends Here*/
      /*Image with Content with Button to Reveal Content CSS starts here*/
      .image_with_content_with_button_reveal_content .nav-tabs>li.active>a {background-color: #000; color: #fff; border-radius: 0;}
      .image_with_content_with_button_reveal_content .nav-tabs>li>a {background-color: #eb8400; color: #fff; border-radius: 0;}
      .image_with_content_with_button_reveal_content .nav-tabs>li {margin-right: 10px; margin-bottom: 5px; padding-bottom: 0;}
      .image_with_content_with_button_reveal_content .nav-tabs {border-bottom: 0px;}
      .image_with_content_with_button_reveal_content .tab-pane{display: none;}
      .image_with_content_with_button_reveal_content .tab-content>.active {border-radius: 6px; border: 0px; background-color: #f4f4f4; font-size: 16px;}
      .image_with_content_with_button_reveal_content .tab-content .tab-pane {padding: 10px 10px 10px 12px;}
      .image_with_content_with_button_reveal_content .m-b-0 {margin-bottom: 0px;}
      .image_with_content_with_button_reveal_content .p-l-r-0 {padding-left: 0px; padding-right: 0px;}
      .image_with_content_with_button_reveal_content .tab-content {overflow-y: hidden;}
      .active .arrow-down {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent;
      border-top: 8px solid #000; margin: 0 auto;}
      .image_with_content_with_button_reveal_content .pull-left.p-0.m-r-10 img {padding: 0; margin-right: 10px; margin-bottom: 10px; margin-right: 15px;}
      .image_with_content_with_button_reveal_content .slideDown{
      animation-name: slideDown;
      -webkit-animation-name: slideDown;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      animation-timing-function: ease;
      -webkit-animation-timing-function: ease;
      visibility: visible !important;
      }
      @-webkit-keyframes slideDown {
      0% {
      -webkit-transform: translateY(-100%);
      }
      }
      .image_with_content_with_button_reveal_content .nav-tabs li a {margin-right: 0;}
      .image_with_content_with_button_reveal_content .nav>li>a {padding: 4px 20px; outline: 0;}
      .image_with_content_with_button_reveal_content h4 {padding: 0;
      margin: 0;
      font-weight: bold;}

      /*Image with Content with Button to Reveal Content CSS Ends here*/
      /*Click Reveal 3 Template start here*/
      .click_reveal3_template .desktop_container .boxes{
      float:left;
      }
      .click_reveal3_template .box{
      cursor:pointer;
      }
      .click_reveal3_template .text_container{
      position:relative;
      }
      .click_reveal3_template .text_container div{
      position:absolute;
      color:#5b1100;
      top:0%;
      padding:10px;
      }
      .click_reveal3_template .mobile_container{
      display:none;
      }
      .click_reveal3_template .mobile_container a{
      display:inline-block;
      }
      @media screen and (max-width: 584px) {
      .click_reveal3_template .mobile_container{
      display:block;
      /* width:249px; */
      }
      .click_reveal3_template .desktop_container{
      display:none;
      }
      }
      .click_reveal3_template .mobile_container .panel-group .panel+.panel {
      margin-top: 0px;
      }
      .click_reveal3_template .mobile_container .panel-heading {
      padding: 0px;
      border:none;
      }
      .infographic4_template .mobile_container .panel-default:not(:last-child){
      border-bottom:1px solid #351634 !important;
      }
      .click_reveal3_template .mobile_container .panel-default:not(:last-child){
      border-bottom: none;
      }
      .click_reveal3_template .mobile_container .panel-default{
      border:none !important;
      border-radius:0px;
      }

      /*Click Reveal 3 Template end here*/
      /***infographic_template start here*******/
      .infographic_template_1 .set_row,.infographic_template_1 .col{

      display:inline-block;

      }
      .infographic_template_1 .set_margin img{
      margin-top:10px !important;
      }
      .infographic_template_1 .bg_container{
      background-color:#262626;
      margin:0px 15px 15px 0px;
      padding: 10px;
      width:300px;
      color:#ffffff;
      display: inline-block;
      }
      .infographic_template_1 .img_desc{
      text-align:left;
      margin-top:5px;
      }
      @media all and (min-width: 1001px) {
      .infographic_template_1 .desktop_version {
      display:block;
      }
      .infographic_template_1 .mobile_version {
      display:none;
      }
      }
      @media all and (max-width: 1000px) {
      .infographic_template_1 .desktop_version {
      display:none;
      }
      .infographic_template_1 .mobile_version {
      display:block;
      }
      }
      /***infographic_template end here*******/
      /***clicktoreval_infographic_template start here***/
      .clicktoreval_infographic_template .image_item,.clicktoreval_infographic_template .image_item_mobile{
      cursor:pointer;
      }
      @media (min-width: 701px) and (max-width:2100px) {
      .clicktoreval_infographic_template .desktop_view .image_item{
      width:205px;
      height:85px;
      background-position:0px 0px;
      margin-bottom:10px;
      }
      .clicktoreval_infographic_template .desktop_view .info_image{
      width:205px;
      text-align:center;
      float:left;
      }
      .clicktoreval_infographic_template .iphone_view{
      display:none;
      }
      }
      @media (min-width:300px) and (max-width:700px){
      .clicktoreval_infographic_template .iphone_view .image_item_mobile{
      width:85px;
      height:205px;
      background-position:0px 0px;
      }
      .clicktoreval_infographic_template .desktop_view{
      display:none;
      }
      }
      .clicktoreval_infographic_template .description_boxes{
      margin-top:10px;
      display:inline-block;
      }
      .clicktoreval_infographic_template .description_box{
      display:none;
      background-color: #f4f4f4;
      padding: 10px;
      border-radius: 6px;
      }
      .clicktoreval_infographic_template .info_image_mobile{
      width:85px;
      text-align:center;
      }
      @media (min-width:300px) and (max-width:500px){
      .clicktoreval_infographic_template .description_boxes{
      width:70%;
      }
      }
      .clicktoreval_infographic_template .info_image,.clicktoreval_infographic_template .info_image_mobile{
      opacity:0;
      -webkit-animation-play-state: running !important;
      -moz-animation-play-state: running !important;
      -ms-animation-play-state: running !important;
      animation-play-state: running !important;
      }
      /***clicktoreval_infographic_template end here***/
      /*** twobranch_flowchart_template start here ***/
      .twobranch_flowchart_template{
      max-width:970px;
      }
      .twobranch_flowchart_template .content {
      /*font-family: Verdana;
      font-size: 18px;*/
      position: relative;
      }
      .twobranch_flowchart_template .mobile_version{
      display:none;
      }
      .twobranch_flowchart_template .content * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      }
      .twobranch_flowchart_template .org-chart {
      display: block;
      clear: both;
      margin-bottom: 30px;
      position: relative;
      }
      .twobranch_flowchart_template ul li {
      padding-bottom: 0px !important;
      }
      .twobranch_flowchart_template .org-chart.cf:before, .twobranch_flowchart_template .org-chart.cf:after, .twobranch_flowchart_template .org-chart .departments:after {
      content: ” “;
      /* 1 */
      display: table;
      clear: both;
      /* 2 */
      }
      .twobranch_flowchart_template .org-chart.cf:after {
      clear: both;
      }
      .twobranch_flowchart_template .org-chart.cf {
      *zoom: 1;
      }
      .twobranch_flowchart_template .org-chart ul {
      padding: 0;
      margin: 0;
      list-style: none;
      }
      .twobranch_flowchart_template .org-chart ul li {
      position: relative;
      }
      .twobranch_flowchart_template .org-chart .section div ul {
      list-style-type: circle;list-style-position: inside;
      }
      .twobranch_flowchart_template .org-chart ul li span {
      display: block;
      border: 1px solid #132f90;
      text-align: center;
      overflow: hidden;
      text-decoration: none;
      color: #FFF;
      /*font-size: 18px;*/
      box-shadow: 4px 4px 9px -4px rgba(0, 0, 0, 0.4);
      -webkit-transition: all linear .1s;
      -moz-transition: all linear .1s;
      transition: all linear .1s;
      background: #132f90;
      padding: 4px;
      line-height: 1.5;
      }
      .twobranch_flowchart_template .org-chart .lvl-a {
      background: #262626;
      border: 1px solid #262626;
      color: #FFF;
      padding:15px;
      }
      .twobranch_flowchart_template .org-chart .board {
      width: 70%;
      margin: 0 auto;
      display: block;
      position: relative;
      }
      .twobranch_flowchart_template .org-chart .board:before {
      content: “”;
      display: block;
      position: absolute;
      height: 65px;
      width: 0px;
      border-left: 2px solid #262626;
      margin-left: 49%;
      top: 15px;
      }
      .twobranch_flowchart_template .org-chart ul.columnOne {
      height: 80px;
      position: relative;
      width: 100%;
      display: block;
      clear: both;
      text-align: center;
      }
      .twobranch_flowchart_template .org-chart ul.columnOne span {
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 50px;
      padding-right: 50px;
      }
      .twobranch_flowchart_template .org-chart ul.columnOne li {
      text-align: center;
      margin: 0px auto;
      /* top: 15px; */
      display: inline-block;
      }

      .twobranch_flowchart_template .org-chart .desktop_version .departments:before {
      content: “”;
      display: block;
      width: 500px;
      height: 22px;
      border-top: 2px solid #262626;
      border-left: 2px solid #262626;
      border-right: 2px solid #262626;
      margin: 0 auto;
      top: 0px;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .department_set .departments:before {
      width: 240px;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .department ,.twobranch_flowchart_template .org-chart .desktop_version .department_1{
      /* width: 24.5%; */
      width:200px;
      float: left;
      margin-bottom: 19px;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .departments {
      width: 790px;
      display: block;
      clear: both;
      position:relative;
      margin: 0 auto;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .department_1{
      width: 199px;
      margin-left:40px;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .department_1:first-child{
      margin-left:0px;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .departments .department:first-child{
      margin-left:45px;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .department_set{
      width:950px;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .department_set .departments:nth-child(2) {
      margin-left:56px;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .department_set:before{
      width:704px;
      }
      .twobranch_flowchart_template .org-chart .departments .board_branch:before {
      content: “”;
      display: block;
      position: absolute;
      height: 146px;
      width: 0px;
      border-left: 2px solid #262626;
      margin-left: 19%;
      /* top: 0px; */
      z-index: -1;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .department:before{
      content: “”;
      display: block;
      position: absolute;
      height: 147px;
      width: 0px;
      border-left: 2px solid #262626;
      margin-left: 49%;
      z-index:-1;

      }

      .twobranch_flowchart_template .org-chart .departments .desktop_version .department:first-child {
      margin-left: 50px;
      }
      .twobranch_flowchart_template .org-chart .departments .desktop_version .department_set .department:first-child {
      margin-left:45px;
      }
      .twobranch_flowchart_template .org-chart .desktop_version .departments .department:nth-child(2) {
      margin-right: 50px;
      }
      .twobranch_flowchart_template .org-chart .department:first-child:after {
      display: none;
      }
      .twobranch_flowchart_template .org-chart .department:last-child:after {
      display: none;
      }
      .twobranch_flowchart_template .org-chart .lvl-b {
      background: #e6e6e6;
      border: 1px solid #acacac;
      color: #484848;
      padding: 15px;
      }
      .twobranch_flowchart_template .org-chart .department_set .departments{
      display: inline-block;
      width: 440px;
      margin-left: 8px;
      }
      /* MEDIA QUERIES */
      @media all and (max-width: 970px) {
      .twobranch_flowchart_template .mobile_version{
      display:block;
      max-width:700px;
      }
      .twobranch_flowchart_template .desktop_version{
      display:none;
      }
      .twobranch_flowchart_template .org-chart ul li{
      margin-top:0px;
      }
      .twobranch_flowchart_template .org-chart .board {
      margin: 0px;
      width: 100%;
      }
      .twobranch_flowchart_template .org-chart .board:before {
      height: 100px;
      }
      .twobranch_flowchart_template .org-chart .departments {
      width: 100%;
      display: block;
      clear: both;
      }
      .twobranch_flowchart_template .org-chart .departments .department_1 {
      margin: 20px 0px 40px;
      height: 53px;
      border-bottom: 2px solid #262626;
      padding-left: 20px;
      }

      .twobranch_flowchart_template .org-chart .department {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-bottom: 10px;
      }
      .twobranch_flowchart_template .org-chart .departments:before {
      content: “”;
      display: block;
      position: absolute;
      height: 418px;
      border-left: 2px solid #333333;
      z-index: 1;
      left: 0%;
      }
      .twobranch_flowchart_template .org-chart .department_set:before {
      content: “”;
      display: block;
      position: absolute;
      height: 150px;
      border-left: 2px solid #333333;
      z-index: 1;
      left: 0%;
      top: 20px;

      }
      }
      .twobranch_flowchart_template .mobile_version .lvl-b{
      height:104px;
      }
      .twobranch_flowchart_template .mobile_version .departments:before{
      height:250px;
      }
      .twobranch_flowchart_template .mobile_version .department_set:before {
      height: 227px;
      }
      .twobranch_flowchart_template .mobile_version .departments .department_1{
      margin: 20px 0px 65px;
      }
      @media all and (max-width: 500px) {
      .twobranch_flowchart_template{
      max-width:300px;
      }
      .twobranch_flowchart_template .mobile_version .lvl-b{
      height:135px;
      }
      .twobranch_flowchart_template .org-chart .departments .department_1 {
      margin: 20px 0px 91px;
      }
      .twobranch_flowchart_template .org-chart .departments:before{
      height: 300px;
      }
      .twobranch_flowchart_template .mobile_version .department_set:before {
      height: 275px;
      }
      .twobranch_flowchart_template .org-chart ul.columnOne li{
      display:block;
      }
      }
      @media (min-width:700px) and (max-width:800px){
      .twobranch_flowchart_template .mobile_version .lvl-b{
      height:90px;
      }
      .twobranch_flowchart_template .org-chart .departments .department_1{
      height:42px;
      }
      .twobranch_flowchart_template .mobile_version .department_set:before{
      height:205px;
      }
      }
      }
      /*** twobranch_flowchart_template end here ***/
      /*** flip_box_template template start here ***/
      .flip_box_with_image_template .box{
      margin-bottom:15px;
      }
      .flip_box_with_image_template .boxes{
      padding-left:0px;
      width:348px;
      height:258px;
      display: inline-flex;
      margin-right: 13px;
      margin-bottom: 15px;
      }
      .flip_box_with_image_template .front{
      line-height: 1.42857143;

      }
      .flip_box_with_image_template .blue_box{

      }
      .flip_box_with_image_template .front .blue_box{
      position: absolute;
      bottom: 0;
      background-color: #132f90;
      opacity: .95;
      color:#fff;
      min-height:40px;
      width:100%;
      }
      .flip_box_with_image_template .back{
      background-color: #132f90;
      color:#fff;
      padding:20px;
      }
      .flip_box_with_image_template .front .blue_box p{
      margin-bottom:0px;
      }
      .flip_box_with_image_template .front .blue_box{
      padding:9px;
      }
      .flip_box_with_image_template .back .blue_box p{
      display:block !important;
      }
      @media only screen and (max-width: 500px) {
      .flip_box_with_image_template .box img{
      display:block;
      max-width:100%;
      height:auto;
      }
      .flip_box_with_image_template .boxes{
      width:100%;
      /* height:232px; */
      }
      .flip_box_with_image_template .box{
      width:100%;
      }
      }
      /*** flip_box_template template end here ***/
      /***horizontaltab1sample_template start here***/
      .horizontaltab1sample_template .options{
      margin-bottom: 10px;
      width: 100%;
      margin-left: 0px;
      padding: 10px;
      background-color: #E6E6E6;
      cursor: pointer;
      display:flex;
      }
      .horizontaltab1sample_template .optionSet:last-child > .options{
      margin-bottom: 0px;
      }
      .horizontaltab1sample_template .mcq_tick {
      height: 20px;
      width: 20px;
      margin-right: 10px;
      background-image: url(../../assets/img/MCQ_MMCQ_radio_btn );
      background-position: 0px 0px;
      margin-top: 5px;
      max-width: 20px;
      min-width: 20px;
      }
      .horizontaltab1sample_template .question{
      padding:0px;
      }
      .horizontaltab1sample_template .question_text{
      margin-bottom:15px;
      }
      .horizontaltab1sample_template .wrong{
      color:#EE3124;
      }
      .horizontaltab1sample_template .correct{
      color:#339900;
      }
      .horizontaltab1sample_template .feedback span:first-child{
      color:#000000;
      font-weight:bold;
      }
      /***horizontaltab1sample_template end here***/
      /****nestedtabwithtable start here****/
      .nestedtabwithtable .set_table{
      display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden;
      }
      .nestedtabwithtable .ithead{
      background-color:#e4e4e4;
      padding: 10px 15px;
      border-bottom: 1px solid #999999;
      text-align:center;
      }
      .nestedtabwithtable .innertable{
      flex: 1;
      border: 1px solid #999999;
      border-right:0px;
      }
      .nestedtabwithtable .innertable:last-child{
      border-right:1px solid #999999;
      }
      .nestedtabwithtable .itcontent{
      padding: 10px 15px;
      }
      .nestedtabwithtable .resp-vtabs .resp-tabs-container{
      border:none !important;
      }
      @media only screen and (min-width: 900px) {
      .nestedtabwithtable .resp-vtabs .resp-tabs-container .resp-tab-content{
      padding:0px;
      }
      }
      .nestedtabwithtable .resp-vtabs .resp-tabs-list li:last-child{
      margin-bottom:0px;
      }
      @media only screen and (max-width: 600px) {
      .nestedtabwithtable .set_table{
      display: block;
      width: 100%;
      }
      .nestedtabwithtable .innertable{
      border-right: 1px solid #999999;
      }
      }
      /****nestedtabwithtable end here****/
      /***tabbedinfographicclickreveal_template start here***/
      .tabbedinfographicclickreveal_template{
      padding-left:15px;
      padding-right:15px;
      }
      .tabbedinfographicclickreveal_template .tab-pannel-content {
      padding: 10px;
      }
      .tabbedinfographicclickreveal_template .instruction{
      text-align:left;
      }
      .tabbedinfographicclickreveal_template .tab-pannel-content .image_container {
      display:inline-block;
      position:relative;
      }
      .tabbedinfographicclickreveal_template .tab-pannel-content .circle {
      z-index:10;

      }
      .tabbedinfographicclickreveal_template .img_desc {
      text-align: left;
      }
      @media all and (min-width: 701px) {
      .tabbedinfographicclickreveal_template .img_desc {
      position:absolute;
      display:none;
      color: #ffffff;
      }
      .tabbedinfographicclickreveal_template .desktop{
      display:block;
      }
      .tabbedinfographicclickreveal_template .mobile{
      display:none;
      }
      }
      @media all and (max-width: 700px) {
      .tabbedinfographicclickreveal_template .desktop{
      display:none;
      }
      .tabbedinfographicclickreveal_template{
      padding-left:0px;
      padding-right:0px;
      }
      .tabbedinfographicclickreveal_template .mobile{
      display:block;
      }
      .tabbedinfographicclickreveal_template .img_desc p:first-child {
      margin-top: 5px;
      }
      .tabbedinfographicclickreveal_template .img_desc p:last-child{
      margin-bottom: 0px;
      }
      }
      @media all and (max-width: 800px) {
      .tabbedinfographicclickreveal_template img {
      float: none !important;
      margin: 0px auto 0px auto !important;
      text-align: center;
      }
      }
      @media all and (max-width: 500px) {
      .tabbedinfographicclickreveal_template .tab-pannel-content{
      padding-bottom:5px;
      }
      }
      .tabbedinfographicclickreveal_template li{
      padding-bottom:0px;
      }
      .tabbedinfographicclickreveal_template .panel-body{
      padding:0px;
      }
      /***tabbedinfographicclickreveal_template end here***/
      /***horizontal accordion template start here****/
      .horizontal_accordion_template{
      max-width:1100px;
      overflow:hidden;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion, .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > div, .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > label {
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul, .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > * {
      margin: 0;
      padding: 0;
      list-style: none;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul, .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > div {
      height: 322px;
      /* height of the accordion */
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion, .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > input:checked + label {
      background: #fff;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > input, .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > label {
      position: absolute;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > div, .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > input {
      opacity: 0;
      /* we hide the radio button with opacity and position: absolute in order to preserve the keyboard arrow navigation */
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion {
      width: 100%;
      padding: 1px;
      cursor: default;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > label {
      display: block;
      width: 322px;
      /* height of the accordion button */
      padding: 0 10px;
      line-height:42px;
      background: #E6E6E6;
      color: #000;
      text-align: left;
      cursor: pointer;
      font-weight:normal;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin:0px;
      border-radius:6px;
      -webkit-transition: all .3s cubic-bezier(.09, .11, .24, .91);
      -moz-transition: all .3s cubic-bezier(.09, .11, .24, .91);
      -ms-transition: all .3s cubic-bezier(.09, .11, .24, .91);
      -o-transition: all .3s cubic-bezier(.09, .11, .24, .91);
      transition: all .3s cubic-bezier(.09, .11, .24, .91);
      -webkit-transform: translateX(-100%) rotate(-90deg);
      -moz-transform: translateX(-100%) rotate(-90deg);
      -ms-transform: translateX(-100%) rotate(-90deg);
      -o-transform: translateX(-100%) rotate(-90deg);
      transform: translateX(-100%) rotate(-90deg);
      -webkit-transform-origin: right top;
      -moz-transform-origin: right top;
      -ms-transform-origin: right top;
      -o-transform-origin: right top;
      transform-origin: right top;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      -webkit-font-smoothing: antialiased;
      backface-visibility: hidden;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > .active{
      color: #fff;
      background-color: #132f90;
      border-radius: 6px 6px 0px 0px;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > input:not(:checked) + label:hover {
      background: #2c2926;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > input:checked + label {
      border-bottom-color: transparent;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li {
      float: left;
      padding: 0 42px 0 0;
      border-right: 0;
      margin-left:5px;
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > div {
      width: 0;
      margin:0 -43px 0 42px;
      border:1px solid #dfdfdf;
      border-left:0px;
      border-radius:6px;
      -webkit-transition: all .3s cubic-bezier(.09, .11, .24, .91);
      -moz-transition: all .3s cubic-bezier(.09, .11, .24, .91);
      -ms-transition: all .3s cubic-bezier(.09, .11, .24, .91);
      -o-transition: all .3s cubic-bezier(.09, .11, .24, .91);
      transition: all .3s cubic-bezier(.09, .11, .24, .91);
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > .selected {
      border-radius: 0px 6px 6px 0px;
      padding: 10px;
      /* overflow: auto; */
      opacity: 1;
      }
      .horizontal_accordion_template .panel_data img{
      margin-right:15px;
      }
      .horizontal_accordion_template .image-container {
      padding: 10px;
      }
      .horizontal_accordion_template .image-container-left-block {
      padding-right: 15px;
      }
      .horizontal_accordion_template .panel-collapse{
      padding:0px;
      }
      @media all and (min-width: 901px) {
      .horizontal_accordion_template .desktop_version{
      display:block;
      }
      .horizontal_accordion_template .mobile_version{
      display:none;
      }
      }
      @media all and (max-width: 900px) {
      .horizontal_accordion_template .desktop_version{
      display:none;
      }
      .horizontal_accordion_template .mobile_version{
      display:block;
      }
      }
      @media(min-width:900px) and (max-width:1050px){
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul, .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > div {
      height: 365px;
      /* height of the accordion */
      }
      .horizontal_accordion_template .acidjs-horizontal-accordion > form > ul > li > label {
      width:365px;
      }
      }
      .horizontal_accordion_template .mobile_version .image-container p:last-child{
      margin-bottom:0px;
      }
      @media all and (max-width: 500px) {
      .horizontal_accordion_template .mobile_version .image-container-left-block{
      padding-right:0px;
      }
      .horizontal_accordion_template .mobile_version .image-container-left-block img{
      margin-bottom:5px;
      }
      }
      /***horizontal accordion template end here****/
      /***inphographic click to reveal template start here****/
      .inphographic_click_to_reveal_template .desktop_version .bg_container{
      width:700px;
      height:620px;
      position:relative;
      }
      .inphographic_click_to_reveal_template .icons{
      position:absolute;
      bottom:4%;
      cursor:pointer;
      }
      .inphographic_click_to_reveal_template #icon_0{
      left:10%;
      }
      .inphographic_click_to_reveal_template #icon_1{
      left:32%;
      }
      .inphographic_click_to_reveal_template #icon_2{
      right:31%;
      }
      .inphographic_click_to_reveal_template #icon_3{
      right:10%;
      }
      .inphographic_click_to_reveal_template .desktop_version .image_description {
      position: absolute;
      top: 20px;
      width: 590px;
      left: 37px;
      }
      .inphographic_click_to_reveal_template .image_description img{
      margin-right:10px;
      }
      .inphographic_click_to_reveal_template .pull-left{
      float:left !important;
      }
      @media all and (min-width: 701px) {
      .inphographic_click_to_reveal_template .mobile_version {
      display:none;
      }
      .inphographic_click_to_reveal_template .desktop_version {
      display:block;
      }
      .inphographic_click_to_reveal_template .desktop_version #icon_0{
      left:80px;
      }
      .inphographic_click_to_reveal_template .desktop_version #icon_1{
      left:232px;
      }
      .inphographic_click_to_reveal_template .desktop_version #icon_2{
      left:384px;
      }
      .inphographic_click_to_reveal_template .desktop_version #icon_3{
      left:536px;
      }
      }
      @media all and (max-width: 700px) {
      .inphographic_click_to_reveal_template .mobile_version {
      display:block;
      }
      .inphographic_click_to_reveal_template .desktop_version {
      display:none;
      }
      .inphographic_click_to_reveal_template .mobile_version #icon_0{
      left:10%;
      }
      .inphographic_click_to_reveal_template .mobile_version #icon_1{
      left:32%;
      }
      .inphographic_click_to_reveal_template .mobile_version #icon_2{
      right:31%;
      }
      .inphographic_click_to_reveal_template .mobile_version #icon_3{
      right:10%;
      }
      }
      .inphographic_click_to_reveal_template .mobile_version .bg_container{
      width:300px;
      height:210px;
      position:relative;
      }
      .inphographic_click_to_reveal_template .mobile_version .image_description{
      margin-top:10px;

      }
      /***inphographic click to reveal template end here****/
      /***click to reveal template start here******/
      @media all and (min-width: 901px) {
      .clickreveal_template .desktop_version{
      display:block;
      }
      .clickreveal_template .mobile_version{
      display:none;
      }
      .clickreveal_template .desktop_version .image_item{
      width:85px;
      height:94px;
      background-position:0px 0px;
      cursor:pointer;
      display:inline-block;
      }
      .clickreveal_template .desktop_version .icon_set{
      float: right;
      height: 121px;
      }
      .clickreveal_template .desktop_version .img_container{
      display:inline-block;
      }
      .clickreveal_template .desktop_version .icon_set .glyphicon-triangle-right{
      top:41px;
      }
      .clickreveal_template .desktop_version .info_image {
      padding-bottom:120px;
      }

      .clickreveal_template .desktop_version .description{
      height: auto;
      position: absolute;
      border:1px #000 dashed;
      margin: 50px 0px;
      border-radius: 6px;
      width:100%;
      z-index:-1;
      }
      .clickreveal_template .desktop_version .description_box{
      padding: 70px 10px 10px 10px;

      }

      }

      .clickreveal_template .active{
      color:#0d83d6;
      }
      /* .clickreveal_template .info_image:after{
      content: “\e250″;
      } */
      @media all and (max-width: 900px) {
      .clickreveal_template .desktop_version{
      display:none;
      }
      .clickreveal_template .mobile_version{
      display:block;
      position:relative;
      }
      .clickreveal_template .mobile_version .image_item_mobile{
      width:95px;
      height:85px;
      background-position:0px 0px;
      }
      .clickreveal_template .mobile_version .info_image_mobile{
      display:flex;
      padding: 25px 50px 10px 0px;
      width:100%;

      }
      .clickreveal_template .mobile_version .icon_set .glyphicon-triangle-bottom{
      left:41px;

      }
      .clickreveal_template .mobile_version .img_container{
      display:table-cell;
      }
      .clickreveal_template .mobile_version .mobile_icon_box{
      display:table-cell;
      vertical-align:top;
      padding:30px 0px 0px 20px;
      }
      .clickreveal_template .mobile_version .image_items .info_image_mobile :after{
      content: ”;
      position: absolute;
      border: 1px #333 dashed;
      top: 0%;
      left: 0%;
      height: 100%;
      width: 87%;
      margin: 0px 49px;
      z-index: -1;
      border-radius:6px;
      }
      .clickreveal_template .mobile_icon_box .desc{
      display:none;
      }
      .clickreveal_template .mobile_icon_box :first-child.desc{
      display:block;
      }
      }
      /***click to reveal template end here******/
      /*** click_tooltip_template template start here ***/
      .click_tooltip_template .click_tooltip_template_block{
      position:relative;
      }
      .click_tooltip_template .click_tooltip_template_block img{
      border-radius: 6px;
      }
      .click_tooltip_template .click_tooltip_template_block.selected img{
      border-radius: 6px 6px 0px 0px;
      }
      .click_tooltip_template .click_tooltip_template_block .button_icon{
      position:absolute;
      width:20px;
      height:20px;
      background-image:url(../img/num_circle );
      background-position:0px 0px;
      cursor:pointer;
      text-decoration:none;
      border-bottom:none;
      visibility:hidden;
      }
      .click_tooltip_template .click_tooltip_template_block .button_icon.selected{
      background-position:-20px 0px;
      }
      .click_tooltip_template .click_tooltip_template_content_area .button_icon_content{
      background: #262626;
      padding:10px;
      display:none;
      color:#FFF;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
      }

      .click_tooltip_template .button_icon_content img.pull-left{
      margin-right:10px;
      float:left !important;
      }
      .click_tooltip_template .button_icon_content img.pull-right{
      margin-left:10px;
      float:right !important;
      }
      .click_tooltip_template .button_icon_content p:last-child{
      margin-bottom:0px;
      }
      /*** click_tooltip_template template end here ***/
      /***clicktoreveal_with_locatoricons_template start here***/
      .clicktoreveal_with_locatoricons_template .locator_block{
      position:relative;
      }
      .clicktoreveal_with_locatoricons_template .item_buttons{
      width: 175px;
      background-color: #e9e9e9;
      border-radius: 50px;
      height: 60px;
      vertical-align: middle;
      display: flex;
      padding:0px;
      align-items: center;
      cursor:pointer;
      margin: 10px auto 0px auto;
      /* margin: 2% 2% 0% 4%; */
      }
      .clicktoreveal_with_locatoricons_template .active{
      color:#ffffff;
      }
      .clicktoreveal_with_locatoricons_template .item_buttons img{
      margin: 0px 5px;
      }
      .clicktoreveal_with_locatoricons_template #item_1{
      color:#034085;
      }
      .clicktoreveal_with_locatoricons_template #item_2{
      color:#c30202;
      }
      .clicktoreveal_with_locatoricons_template #item_3{
      color:#267105;
      }
      .clicktoreveal_with_locatoricons_template .button_icon{
      position: absolute;
      width: 31px;
      height: 43px;
      background-position: 0px 0px;
      cursor: pointer;
      text-decoration: none;
      border-bottom: none;
      opacity:0;
      /* visibility:hidden; */
      }
      .clicktoreveal_with_locatoricons_template #block_1 .button_icon{
      background-image:url(../img/SU_NSG3039_W3_G4_Grocery_locator );
      }
      .clicktoreveal_with_locatoricons_template #block_2 .button_icon{
      background-image:url(../img/SU_NSG3039_W3_G4_Fastfood_locator );
      }
      .clicktoreveal_with_locatoricons_template #block_3 .button_icon{
      background-image:url(../img/SU_NSG3039_W3_G4_Playground_locator );
      }
      .clicktoreveal_with_locatoricons_template .button_icon{
      -webkit-animation-play-state: running !important;
      -moz-animation-play-state: running !important;
      -ms-animation-play-state: running !important;
      animation-play-state: running !important;
      }
      @media all and (max-width: 600px) {
      .clicktoreveal_with_locatoricons_template .desktop_version, .clicktoreveal_with_locatoricons_template .desktop_version .button_icon{
      display:none;
      }
      .clicktoreveal_with_locatoricons_template .mobile_version, .clicktoreveal_with_locatoricons_template .mobile_version .button_icon{
      display:block;
      max-width:300px;
      }
      .clicktoreveal_with_locatoricons_template .locator_block{
      max-width:300px !important;
      }
      .clicktoreveal_with_locatoricons_template .buttons_container{
      max-width:300px;
      }
      .clicktoreveal_with_locatoricons_template .item_buttons{
      float:none;
      }
      }
      @media all and (min-width: 601px) {
      .clicktoreveal_with_locatoricons_template .desktop_version, .clicktoreveal_with_locatoricons_template .desktop_version .button_icon{
      display:block;
      }
      .clicktoreveal_with_locatoricons_template .mobile_version, .clicktoreveal_with_locatoricons_template .mobile_version .button_icon{
      display:none;
      }
      .clicktoreveal_with_locatoricons_template .buttons_container{
      display: inline-flex;
      justify-content: space-between;
      }
      }
      @-webkit-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-moz-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }

      @keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      /***clicktoreveal_with_locatoricons_template end here***/
      /** image_with_content_template start here***/
      .image_with_content_template .mr-15{
      margin-right:15px;
      }
      @media (max-width: 500px)
      {
      .image_with_content_template img {
      margin: 0 auto 5px auto !important;
      }
      }
      /** image_with_content_template end here***/
      /***infographic_verticalslide_template start here****/
      .infographic_verticalslide_template .horizontal-timeline-item{
      position:absolute;
      width:130px;
      text-align:center;
      color:#ffffff;
      opacity:0;
      }
      .infographic_verticalslide_template .item_container{
      height: 270px;
      position: relative;
      width: 294px;
      top:0%;
      }
      .infographic_verticalslide_template .item_box{
      position: absolute;
      width: 294px;
      top: 57%;
      height: 270px;
      overflow:hidden;
      }
      s
      .infographic_verticalslide_template .next_icon{
      position: absolute;
      bottom: 12%;
      width: 36px;
      height: 37px;
      right: 6%;
      display:none;
      }
      .infographic_verticalslide_template .previous_icon{
      position: absolute;
      top: 51%;
      right: 6%;
      width: 36px;
      height: 37px;
      display:none;
      }
      .infographic_verticalslide_template .desktop_version,.infographic_verticalslide_template .mobile_version{
      position:relative;
      }
      @media all and (min-width: 701px) {
      .infographic_verticalslide_template .desktop_version {
      display:block;
      }
      .infographic_verticalslide_template .mobile_version {
      display:none;
      }
      }
      @media all and (max-width: 700px) {
      .infographic_verticalslide_template .desktop_version {
      display:none;
      }
      .infographic_verticalslide_template .mobile_version {
      display:block;
      }
      }
      /***inphographic template4 end here****/
      /****bootstrap_table_with_icons start here***/
      .bootstrap_table_with_icons table{
      width:100%;
      table-layout: fixed;
      }
      .bootstrap_table_with_icons td img{
      margin-right: 10px;
      width: 20px;
      height: 20px;
      margin-top: 3px;
      }
      .bootstrap_table_with_icons td div{
      display:flex;
      }
      /****bootstrap_table_with_icons end here***/
      /****vertical_tab_template start here***/
      .vertical_tab_template .img-bg{
      margin-bottom:5px;
      }
      .vertical_tab_template .color_orange{
      margin:10px 10px 0px 0px;
      }
      .vertical_tab_template .resp-tab-content .set_margin{
      margin-bottom:0px;
      padding-bottom:0px;
      }
      .vertical_tab_template .resp-tab-content{
      position:relative;
      }
      .vertical_tab_gif_animation_template .show_image{
      cursor:pointer;
      }
      .vertical_tab_gif_animation_template .imageAnimation{
      display:none;
      margin:0 auto;
      cursor:pointer
      }
      @media all and (max-width:600px) {
      .vertical_tab_template .fill_grey .show_image ,.vertical_tab_template .fill_grey .imageAnimation{
      border-radius:6px;
      }
      .vertical_tab_template .fill_grey {
      background-color:#ffffff;
      }
      }
      /****vertical_tab_template start here***/
      /***image_carousel_template template start here******/
      .image_carousel_template .color_orange{
      margin:0px;
      }
      .image_carousel_template .set_margin{
      margin-bottom:0px;
      }
      .image_carousel_template .customIndicator {
      bottom: 15px;
      }
      .image_carousel_template .carousel{
      border-radius:6px;
      }
      .image_carousel_template .fill_grey{
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      }
      @media (max-width: 479px) and (min-width: 320px){
      .image_carousel_template .carousel-inner .item .zoom_Icon {
      padding: 10px 0px 35px 0px;
      }
      }
      /***image_carousel_template template end here******/
      /****click_image_reveal start here***/
      .click_image_reveal_template .bg_container{
      position:relative;
      display:inline-block;
      width:577px;
      }
      .click_image_reveal_template .feedback,.click_image_reveal_template .bg_imageDesktop,.click_image_reveal_template .bg_imageMobile{
      position:absolute;
      color:#ffffff;
      border-radius:6px;
      }
      .click_image_reveal_template .feedback div{
      position:absolute;
      top:5px;
      left:5px;
      }
      .click_image_reveal_template .trans{
      position:absolute;
      width:100%;
      height:100%;
      z-index:10;
      }
      .click_image_reveal_template .feedback{
      display:none;
      }
      @media all and (min-width:551px) {
      .click_image_reveal_template .bg_imageMobile{
      display:none;
      }
      }
      @media (max-width: 550px) and (min-width: 320px){
      .click_image_reveal_template .bg_container{
      width:300px !important;
      }
      .click_image_reveal_template .feedback div{
      position:absolute;
      top:30%;
      left:1%;
      padding:10px;
      }

      .click_image_reveal_template .feedback div p{
      width:auto !important;
      margin-left:0px !important;
      }
      .click_image_reveal_template .bg_imageMobile{
      display:none;
      }
      .click_image_reveal_template .feedback{
      display:block !important;
      }
      }
      /****click_image_reveal end here***/
      /*** horizontal_timeline2 templates start here ***/

      .horizontal_timeline2_template .horizontal-timeline-items-container {
      position: relative;
      padding: 25px 0px;
      margin: 0 auto;
      text-align: center;
      }
      .horizontal_timeline2_template .popover-content ul{
      margin-bottom:0px;
      -webkit-padding-start: 25px;
      padding-inline-start:25px;
      }
      .horizontal_timeline2_template .horizontal-timeline-items {
      margin: 0px -14px;
      position: relative;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      }

      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item {
      z-index: 2;
      position: relative;
      padding: 45px 20px;
      margin:-24px 0px 20px 0px;
      text-align: center;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
      }

      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item .horizontal-timeline-item-container {
      position: relative;
      }

      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item .horizontal-timeline-item-container .horizontal-timeline-item-img {
      display: block;
      max-width: 100%;
      opacity: 0;
      cursor:pointer;
      height:100px;
      width:100px;
      /*background-position:-28px 0px;*/
      background-position:0px 0px;
      /* margin:10px 0px; */
      }

      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item .horizontal-timeline-item-title {
      text-align: center;
      font-weight: bold;
      position: absolute;
      width: 100%;
      opacity: 0;
      cursor:pointer;
      }

      .horizontal_timeline2_template .popover-content {

      background: #f7f7f7;
      border: 4px solid #f7f7f7;

      /* color: #333; */
      border-radius: 6px;
      padding: 8px;
      z-index: 100;
      display:none;

      }
      .horizontal_timeline2_template .item-popover-container {
      display:none;
      }
      @-webkit-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-moz-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }

      @keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-webkit-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      @-moz-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }

      @keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }

      @-webkit-keyframes hslide-in-animation {
      0% {
      margin-top: 20px;
      margin-bottom: 20px;
      opacity: 0;
      }
      100% {
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }
      @-moz-keyframes hslide-in-animation {
      0% {
      margin-top: 20px;
      margin-bottom: 20px;
      opacity: 0;
      }
      100% {
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }

      @keyframes hslide-in-animation {
      0% {
      margin-top: 20px;
      margin-bottom: 20px;
      opacity: 0;
      }

      100% {
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }
      @media all and (min-width: 769px) {
      .horizontal_timeline2_template .horizontal-timeline-items.arrow_lines .horizontal-timeline-item:not(:first-child):before {
      content: “\e258″;
      display: inline-block;
      font-family: ‘Glyphicons Halflings’;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: top;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      top: 50%;
      left: 0%;
      margin-top: -7px;
      color: #333333;
      }
      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item:not(:last-child):after {
      content: ”;
      position: absolute;
      border-bottom: 1px #333333 dashed;
      top: 50%;
      left:50%;
      width: 100%;
      z-index: -1;
      }
      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item:nth-child(5):after {
      left:50%;

      }
      }

      @media all and (max-width: 768px) {

      .horizontal_timeline2_template .horizontal-timeline-items {
      display:block;
      margin: 15px 0px;
      }
      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item .horizontal-timeline-item-container .horizontal-timeline-item-img {
      background-position:-100px 0px !important;
      }
      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item {
      text-align: left;
      padding: 30px 0px;
      display: table;
      width: 100%;
      }
      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item-container {
      display: table-cell;

      width: 115px;
      vertical-align: top;

      }
      .horizontal_timeline2_template .item-popover {

      background: #f7f7f7;
      border: 4px solid #f7f7f7;

      color: #333;
      border-radius: 6px;
      padding: 8px;
      z-index: 100;
      opacity:0;

      }

      .horizontal_timeline2_template .item-popover .item-popover-footer {
      background: #ececec;
      color: #acacac;
      padding: 5px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      display: none;
      }

      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item:first-child {
      padding-top: 0px;
      }
      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item:last-child {
      padding-bottom: 0px;
      }
      .horizontal_timeline2_template .horizontal-timeline-items.arrow_lines .horizontal-timeline-item:not(:first-child):before {
      content: “\e259″;
      display: inline-block;
      font-family: ‘Glyphicons Halflings’;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      vertical-align: top;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      top: 0px;
      left: 49px;
      color: #333333;
      }
      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item:after {
      content: ”;
      position: absolute;
      border-left: 1px #333 dashed;
      top: 0%;
      left: 0%;
      height: 100%;
      width: 114px;
      margin-left: 57px;
      z-index: -1;
      }
      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item .item-popover:after, .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item .item-popover:before {
      right: 100%;
      top: 13%;
      border: solid transparent;
      content: ” “;
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(230, 230, 230, 0);
      border-right-color: #f7f7f7;
      border-width: 13px;
      margin-top: -10px;
      }
      .horizontal_timeline2_template .horizontal-timeline-items .horizontal-timeline-item .horizontal-timeline-item-title {

      top: 26px !important;
      position:relative !important;
      background: #ffffff;
      padding-bottom: 5px;
      }
      .horizontal_timeline2_template .item-popover-container {
      display: table-cell;
      vertical-align: middle;
      padding-left: 20px;

      }
      .horizontal_timeline2_template .item-popover {
      position: relative;
      background: none;
      border: none;
      text-align: center;
      color: #333;
      border-radius: 6px;
      padding: 0;
      z-index: 100;
      top: auto !important;
      left: auto !important;
      right: auto !important;
      opacity:0;
      }
      .horizontal_timeline2_template .item-popover .item-popover-content {
      max-height: 86px;
      overflow: hidden;
      padding: 8px;
      background: #f7f7f7;
      border: 4px solid #f7f7f7;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      transition: max-height 500ms linear;
      display: flex;
      vertical-align: middle;
      }
      .horizontal_timeline2_template .item-popover .item-popover-content:not(.more-content) {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      max-height: none !important;
      }
      .horizontal_timeline2_template .item-popover .item-popover-content.more-content + .item-popover-footer {
      display: block;
      cursor: pointer;
      }
      @-webkit-keyframes hslide-in-animation {
      0% {
      transform: scale(0);
      margin-bottom: 0px;
      margin-top: 0px;
      opacity: 0;
      }
      100% {
      transform: scale(1);
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }
      @-moz-keyframes hslide-in-animation {
      0% {
      transform: scale(0);
      margin-bottom: 0px;
      margin-top: 0px;
      opacity: 0;
      }
      100% {
      transform: scale(1);
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }

      @keyframes hslide-in-animation {
      0% {
      transform: scale(0);
      margin-bottom: 0px;
      margin-top: 0px;
      opacity: 0;
      }
      100% {
      transform: scale(1);
      margin-right: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      opacity: 1;
      }
      }

      }
      /*** horizontal_timeline2 templates end here ***/
      /**Click Image to Reveal Template 2 start here**/
      .click_image_reveal_template2 .feedback{
      max-width:376px;
      padding:10px;
      border-radius:6px;
      color:#ffffff;
      float:right;
      }
      .click_image_reveal_template2 .hotspot{
      outline:none;
      }
      .click_image_reveal_template2 .bg_image{
      margin-bottom:10px;
      }
      .click_image_reveal_template2 .set_margin{
      margin-bottom:0px;
      margin-top:5px;
      }
      @media all and (max-width: 800px) {
      .click_image_reveal_template2 .feedback{
      float:none;
      max-width:300px;
      width:300px;
      }
      }
      /**Click Image to Reveal Template 2 end here**/
      /***Image_with_rollover_template start here***/
      .Image_with_rollover_template .col .col-sm-4{
      padding-left:0px;
      margin-bottom:15px;
      }
      .Image_with_rollover_template .wscl_align{
      padding-left:0px;
      margin-bottom:15px;
      }
      .Image_with_rollover_template .set_margin{
      position:relative;
      text-align:center;
      }
      .Image_with_rollover_template .description{
      position:absolute;
      background-color:rgba(0,0,0,0.8);
      color:#ffffff;
      bottom:0px;
      width:100%;
      padding:10px;
      /* height:80px; */
      height:90px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      }
      .Image_with_rollover_template .bottom_icon{
      position:absolute;
      bottom:0%;
      left:36%;
      cursor:pointer;
      width: 90px;
      height: 25px;
      background-color: #000000;
      }
      .Image_with_rollover_template .bottom_icon .glyphicon{
      top:4px;
      }
      .Image_with_rollover_template .description div:first-child{
      /* height:45px; */
      height:45px;
      overflow:hidden;
      text-align:left;
      }
      @media (min-width:300px) and (max-width:500px){
      .Image_with_rollover_template .col .col-xs-6{
      width:100%;
      }
      .Image_with_rollover_template .bottom_icon{
      left:34%;
      }
      }
      @media (min-width:1100px) and (max-width:2100px){
      .Image_with_rollover_template .bottom_icon{
      left:38%;
      }
      }
      @media (min-width:701px) and (max-width:1090px){
      .Image_with_rollover_template .bottom_icon{
      left:36%;
      }
      }
      @media (min-width:600px) and (max-width:700px){
      .Image_with_rollover_template .bottom_icon{
      left:33%;
      }
      }
      /***Image_with_rollover_template end here***/
      /*** click_through_hotspot_template template start here ***/
      .click_through_hotspot_template .click_through_hotspot_template_left_block {
      float: left;
      margin-right: 10px;
      position: relative;
      line-height: 1;
      z-index: 1;
      }
      .click_through_hotspot_template .click_through_hotspot_template_left_block .backgroundImage {
      display: inline-block;
      position: relative;
      }
      .click_through_hotspot_template .button_icon {
      border: 1px solid #FFF !important;
      border-radius: 50% !important;
      height: 18px !important;
      width: 18px !important;
      min-width: auto;
      min-height: auto;
      background-image:url(../img/hotspot );
      background-size: cover;
      position: absolute;
      padding: 0px;
      margin: 0px;
      cursor: pointer;
      }
      .click_through_hotspot_template .button_icon:focus{
      outline:none;
      outline-offset:0px;
      }
      .click_through_hotspot_template .tooltip-inner {
      display: block;
      opacity: 1;
      padding: 5px 5px;
      width: 100px !important;
      font-size: 12px;
      }
      .click_through_hotspot_template .popover-title {
      border: none !important;
      background: #f4f4f4 !important;
      font-size: 12px;
      color: #000;
      padding: 8px;
      line-height: 16px;
      }
      .click_through_hotspot_template .popover-content {
      display: none !important;
      }
      .click_through_hotspot_template .popover {
      border: none !important;
      background: #f4f4f4 !important;
      width: auto;
      max-width:200px;
      min-width:100px;
      }
      .click_through_hotspot_template .popover.top>.arrow:after {
      border-top-color: #f4f4f4 !important;
      }
      .click_through_hotspot_template .button_icon {
      text-shadow: none;
      }
      .click_through_hotspot_template .tooltip {
      opacity: 1 !important;
      background-color: #f4f4f4 !important;
      }
      .click_through_hotspot_template .tooltip.top .tooltip-arrow {
      border-top-color: #f4f4f4 !important;
      bottom: -5px !important;
      }
      .click_through_hotspot_template .tooltip.right .tooltip-arrow {
      border-right-color: #f4f4f4 !important;
      left: -5px;
      }
      .click_through_hotspot_template .tooltip-inner {
      display: block;
      background-color: #f4f4f4 !important;
      padding: 5px 5px;
      /*width:400px;*/
      font-size: 12px;
      color: #000;
      opacity: 1;
      }
      .click_through_hotspot_template ol, .click_through_hotspot_template ul {
      list-style-position: inside;
      padding: 0px;
      margin-bottom: 0px;
      }
      .click_through_hotspot_template ul li, .click_through_hotspot_template ol li {
      color: #000;
      line-height: 1.42857143 !important;
      /* padding-bottom: .5em;*/
      position: relative;
      left: 15px;
      padding-right: 15px;
      }
      .click_through_hotspot_template .popover.left>.arrow, .click_through_hotspot_template .popover.left>.arrow:after {
      border-left-color: #f4f4f4;
      }
      .click_through_hotspot_template .popover.right>.arrow, .click_through_hotspot_template .popover.right>.arrow:after {
      border-right-color: #f4f4f4;
      }
      .click_through_hotspot_template .popover.top>.arrow, .click_through_hotspot_template .popover.top>.arrow:after {
      border-top-color: #f4f4f4;
      }
      .click_through_hotspot_template .popover.bottom>.arrow, .click_through_hotspot_template .popover.bottom>.arrow:after {
      border-bottom-color: #f4f4f4;
      }
      @media all and (max-width:700px) {
      .click_through_hotspot_template .click_through_hotspot_template_left_block {
      float: none;
      padding-right: 0px;
      text-align: center;
      }
      .click_through_hotspot_template .click_through_hotspot_template_right_block {
      padding-top: 5px;
      }48
      .click_through_hotspot_template ul, .click_through_hotspot_template ol {
      list-style-position: outside;
      padding: 0px 0px 0px 30px;
      text-indent: 0px;
      }
      .click_through_hotspot_template ul li, .click_through_hotspot_template ol li {
      left: 0px;
      padding-right: 0px;
      }
      .click_through_hotspot_template .popover {
      width: 200px;
      }
      }
      /*** click_through_hotspot_template template end here ***/
      /*** click_revealdifference_template end here ***/
      .click_revealdifference_template .text_container div{
      color:#ffffff;
      }
      .click_revealdifference_template .mobile_container .title_m{
      font-weight:bold;
      }
      .click_revealdifference_template .row0 img{
      float:left;
      }
      @media screen and (max-width: 684px) {
      .click_revealdifference_template .mobile_container{
      display:block !important;
      /* width:249px; */
      }
      .click_revealdifference_template .desktop_container{
      display:none !important;
      }
      .click_revealdifference_template {
      width:300px;
      }
      }
      /*** click_revealdifference_template end here ***/
      /***Boostrap Click Tooltip template starts here***/

      .Bootstrap_click_tooltip .click_through_hotspot_template_left_block {
      float: left;
      margin-right: 10px;
      position: relative;
      line-height: 1;
      z-index: 1;
      }
      .Bootstrap_click_tooltip .Bootstrap_click_tooltip_left_block .backgroundImage {
      display: inline-block;
      position: relative;
      }
      .Bootstrap_click_tooltip .Bootstrap_click_tooltip_left_block {
      width:300px !important;
      }
      .Bootstrap_click_tooltip .button_icon {
      border: none !important;
      height: 23px !important;
      width: 267px !important;
      min-width: auto;
      min-height: auto;
      background-size: cover;
      position: absolute;
      padding: 0px;
      margin: 0px;
      cursor: pointer;
      }
      .Bootstrap_click_tooltip .button_icon:focus{
      outline:none;
      outline-offset:0px;
      }
      .Bootstrap_click_tooltip .tooltip-inner {
      display: block;
      opacity: 1;
      padding: 5px 5px;
      width: 100px !important;
      font-size: 12px;
      }
      .Bootstrap_click_tooltip .popover-title {
      border-radius: 6px !important;
      border: none !important;
      background: #17181a !important;
      font-size: 12px;
      color: #fff;
      padding: 8px;
      line-height: 16px;
      font-weight: normal !important;
      }
      .Bootstrap_click_tooltip .popover-content {
      display: none !important;
      }
      .Bootstrap_click_tooltip .popover {
      border: none !important;
      background: #17181a !important;
      width: auto;
      max-width:285px;
      min-width:100px;
      }
      .Bootstrap_click_tooltip .popover.top>.arrow:after {
      border-top-color: #17181a !important;
      }
      .Bootstrap_click_tooltip .button_icon {
      text-shadow: none;
      }
      .Bootstrap_click_tooltip .tooltip {
      opacity: 1 !important;
      background-color: #17181a !important;
      }
      .Bootstrap_click_tooltip .tooltip.top .tooltip-arrow {
      border-top-color: #17181a !important;
      bottom: -5px !important;
      }
      .Bootstrap_click_tooltip .tooltip.right .tooltip-arrow {
      border-right-color: #17181a !important;
      left: -5px;
      }
      .Bootstrap_click_tooltip .tooltip-inner {
      display: block;
      background-color: #17181a !important;
      padding: 5px 5px;
      /*width:400px;*/
      font-size: 12px;
      color: #000;
      opacity: 1;
      }
      .Bootstrap_click_tooltip ol, .click_through_hotspot_template ul {
      list-style-position: inside;
      padding: 0px;
      margin-bottom: 0px;
      }
      .Bootstrap_click_tooltip ul li, .Bootstrap_click_tooltip ol li {
      color: #000;
      line-height: 1.42857143 !important;
      /* padding-bottom: .5em;*/
      position: relative;
      left: 15px;
      padding-right: 15px;
      }
      .Bootstrap_click_tooltip .popover.left>.arrow, .Bootstrap_click_tooltip .popover.left>.arrow:after {
      border-left-color: #17181a;
      }
      .Bootstrap_click_tooltip .popover.right>.arrow, .Bootstrap_click_tooltip .popover.right>.arrow:after {
      border-right-color: #17181a;
      }
      .Bootstrap_click_tooltip .popover.top>.arrow, .Bootstrap_click_tooltip .popover.top>.arrow:after {
      border-top-color: #17181a;
      }
      .Bootstrap_click_tooltip .popover.bottom>.arrow, .Bootstrap_click_tooltip .popover.bottom>.arrow:after {
      border-bottom-color: #17181a;
      }
      .Bootstrap_click_tooltip #img1button_1{
      }
      @media all and (max-width:700px) {
      .Bootstrap_click_tooltip .Bootstrap_click_tooltip_left_block {
      width:300px !important;
      float: none;
      padding-right: 0px;
      text-align: center;
      }
      .Bootstrap_click_tooltip .Bootstrap_click_tooltip_right_block {
      padding-top: 5px;
      }
      .Bootstrap_click_tooltip ul, .Bootstrap_click_tooltip ol {
      list-style-position: outside;
      padding: 0px 0px 0px 30px;
      text-indent: 0px;
      }
      .Bootstrap_click_tooltip ul li, .Bootstrap_click_tooltip ol li {
      left: 0px;
      padding-right: 0px;
      }
      .Bootstrap_click_tooltip .popover {
      max-width: 285px;
      }
      }
      /*************bootstrap_click_tooltip end here**********/
      /**********links_resourcessample1_template start here*******/
      .links_resourcessample1_template .bgcolor{
      text-align:left;
      padding:30px;
      margin-bottom:5px;
      }
      .links_resourcessample1_template .color_orange{
      width:180px;
      min-width:180px;
      }
      @media all and (max-width:500px) {
      .links_resourcessample1_template{
      width:100%;
      }
      }
      /**********links_resourcessample1_template end here*******/
      /**********Tab with click to reveal template starts here*******/
      /* Tab 1 */
      .tab_with_click2reveal .tab-content>.active{
      border-radius: 0px 0px 6px 6px !important;
      }
      .tab_with_click2reveal .tab-pannel-content .instruction{
      margin-top:10px;
      padding-bottom: 10px;
      }
      .tab_with_click2reveal .reference_content {
      padding:0px;
      }
      .click_hotspot_with_content{
      margin:20px 10px 10px 10px;
      position: relative;
      }
      .tab_with_click2reveal .reference_heading{
      margin-top:10px;
      padding:0px;
      }
      .click_hotspot_with_content .bg_image{
      margin-right:15px;
      }
      .click_hotspot_with_content .tab_ins{
      position:absolute;
      left: 125px;
      top: 176px;
      width: 180px;
      text-align: center;
      }
      .click_hotspot_with_content .feedback .ct_title{
      background-color:#888888;
      color:white;
      padding:8px 5px 6px 10px;
      width:185px;
      }
      .click_hotspot_with_content .feedback .ct_border{
      border-top:2px solid grey;
      }
      .click_hotspot_with_content .feedback p{
      margin-top:5px;
      }
      @media(min-width:701px) {
      .click_hotspot_with_content .img_desktop{
      display:block;
      }
      .click_hotspot_with_content .img_mobile{
      display:none;
      }
      }
      @media(max-width:700px) {
      .click_hotspot_with_content .img_desktop{
      display:none;
      }
      .click_hotspot_with_content .img_mobile{
      display:block;
      }
      .click_hotspot_with_content .tab_ins {
      left: 40%;
      top: 100px;
      width: 125px;
      }
      }
      .tab_with_click2reveal span.glyphicon-triangle-bottom::after{
      display: none;
      }
      span.glyphicon-triangle-bottom::after{
      display: none;
      }
      .tab_with_click2reveal .reference_content {
      margin-bottom:0px;
      }
      .desktop_version .l_child{
      top:80.7% !important;
      left:49.9% !important;
      }

      @media(min-width:801px) and (max-width:1100px){
      .tab_with_click2reveal .reference_content {
      margin-bottom:0px;
      }
      .tab3_click2r .desktop_version .l_child{
      top:80.7% !important;
      left:49.9% !important;
      }
      .click_hotspot_with_content .col-xs-12 {
      width:48% !important;
      }
      }

      @media (min-width: 1100px){
      .click_hotspot_with_content .col-md-6 {
      width: 58% !important;
      }
      }

      @media(min-width:701px) and (max-width: 900px){
      .click_hotspot_with_content .tab_ins {
      left: 36%;
      top: 175px;
      width: 180px;
      }
      .tab_with_click2reveal .reference_content {
      margin-bottom:0px;
      }
      }
      @media(min-width:501px) and (max-width: 700px){
      .click_hotspot_with_content .tab_ins {
      left: 39%;
      top: 85px;
      width: 114px;
      }
      .tab_with_click2reveal .reference_content {
      margin-bottom:0px;
      }
      .click_hotspot_with_content .img_mobile{
      margin: 0px auto 5px auto !important;
      }
      .click_hotspot_with_content .img_mobile{
      float: none!important;
      }
      }
      @media (max-width: 500px){
      .click_hotspot_with_content .tab_ins {
      left: 28%;
      top: 75px;
      width: 114px;
      }
      .tab_with_click2reveal .reference_content {
      margin-bottom:0px;
      }
      .clickable_image_box .feedback_tab2{
      margin:0px !important;
      padding-left: 0px !important;
      }
      }
      @media(max-width:770px){
      .click_hotspot_with_content {
      margin: 20px 0px !important;
      }
      .click_hotspot_with_content .feedback {
      margin-top: 10px;
      }
      }
      img.map, map area{
      outline: none;
      }

      /* Tab 2 */
      .clickable_image_box .desktop_version{
      margin-top:5px;
      }
      @media(max-width: 1100px){
      .clickable_image_box .desktop_version{
      display:none;
      }
      .clickable_image_box .feedback_tab2{
      margin:10px;
      }
      }
      @media(min-width: 1101px){
      .clickable_image_box .mobile_version{
      display:none;
      }
      }
      .clickable_image_box .image_item{
      width:255px;
      height:182px;
      background-position:0px 0px;
      border-radius: 6px;
      cursor:pointer;
      position:relative;
      }
      .clickable_image_box .info_image{
      padding:10px 0px;
      }
      .clickable_image_box .info_image .black_box {
      position: absolute;
      bottom:0px;
      padding-top: 5px;
      background-color: #000000;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      opacity: .90;
      color: #fff;
      min-height: 35px;
      width: 255px;
      }
      .clickable_image_box .info_image .disabled {
      background-color: #666666;
      }

      .clickable_image_box .feedback_tab2{
      margin-top:10px;
      }
      .clickable_image_box .mobile_version .img_cen{
      float:left;
      }
      .clickable_image_box .mobile_version .image_mid{
      display:flex;
      align-items:center;
      }
      @media(max-width:500px){
      .clickable_image_box .mobile_version .img_cen{
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      }
      .clickable_image_box .mobile_version{
      max-width: 300px;
      }
      .clickable_image_box .feedback_tab2 {
      margin-top: 0px;
      margin-bottom: 10px;
      padding-left: 5px;
      padding-right: 5px;
      }
      .clickable_image_box .mobile_version .image_mid{
      display:block;
      }
      }
      /* Tab 3 */
      /***click to reveal template start here******/
      .tab_click_reveal .mobile_version{
      margin-top:10px;
      }
      @media(min-width: 1100px){
      .tab_click_reveal .desktop_version .l_child{
      left:49.9% !important;
      top:96.6% !important;
      }
      }
      @media all and (min-width: 901px) {
      .tab_click_reveal .desktop_version{
      display:block;
      margin-top:10px;
      padding:0px;
      }
      .tab_click_reveal .mobile_version{
      display:none;
      margin-top:10px;
      }
      .tab_click_reveal .desktop_version .glyphicon{
      position: absolute !important;
      color:#df4831;
      top:53px;
      left:-2px;
      }
      .tab_click_reveal .desktop_version .f_child{
      left:-18px;
      }
      .tab_click_reveal .desktop_version .image_item{
      width:100px;
      height:113px;
      background-position:0px 0px;
      cursor:pointer;
      }
      .tab_click_reveal .desktop_version .info_image {
      padding-right: 0px;
      padding-bottom: 115px;
      padding-left: 0px;
      }
      .tab_click_reveal .desktop_version .description{
      height: auto;
      position: absolute;
      border:2px #df4831 dashed;
      margin: 60px 0px;
      border-radius: 6px;
      width:100%;
      z-index:-1;
      }
      .tab_click_reveal .desktop_version .description_box{
      padding: 90px 10px 10px 10px;

      }

      }

      .tab_click_reveal .active{
      color:#df4831;
      }
      @media all and (max-width: 900px) {
      .tab_click_reveal .desktop_version{
      display:none;
      }
      .tab_click_reveal .mobile_version{
      display:block;
      position:relative;
      margin-top:15px;
      }

      .tab_click_reveal .mobile_version .glyphicon{
      color:#df4831;
      padding-top:20px;
      left:42px;
      }
      .tab_click_reveal .mobile_version .f_child{
      position: absolute;
      top:-26px;
      left:50%;
      }

      span.glyphicon.glyphicon-triangle-top::after{
      display:none;
      }
      .tab_click_reveal .mobile_version .image_item_mobile{
      width:111px;
      height:99px;
      background-position:0px 0px;
      }
      .tab_click_reveal .mobile_version .info_image_mobile{
      display:flex;
      padding: 20px 50px 0px 0px;
      width:100%;

      }
      .tab_click_reveal .mobile_version .last_item{
      padding: 20px 50px 10px 0px !important;
      }
      .tab_click_reveal .mobile_version .img_container{
      display:table-cell;
      }
      .tab_click_reveal .mobile_version .mobile_icon_box{
      display:table-cell;
      vertical-align:top;
      padding:38px 0px 0px 20px;
      }
      @media(max-width:500px){
      .tab_click_reveal .mobile_version .mobile_icon_box{
      padding: 38px 5px 0px 6px;
      }
      }
      .tab_click_reveal .mobile_version .image_items .info_image_mobile :after{
      content: ” !important;
      position: absolute;
      border:2px #df4831 dashed;
      top: 0%;
      left: 0%;
      height: 100%;
      width: 87%;
      margin: 0px 49px;
      z-index: -1;
      border-radius:6px;
      }
      .glyphicon .glyphicon-triangle-bottom :after{
      content:” !important;
      display: none !important;
      }
      .tab_click_reveal .mobile_icon_box .desc{
      display:none;
      }
      .tab_click_reveal .mobile_icon_box :first-child.desc{
      display:block;
      }
      }
      @media all and (max-width: 500px){
      .tab_click_reveal .mobile_version .f_child{
      left:60% !important;
      }
      }
      /**********Tab with click to reveal template ends here*******/
      /***horizontal_timelinewitharrowicons_template start here***/
      .horizontal_timelinewitharrowicons_template .horizontal-timeline-items .horizontal-timeline-item{
      padding:26px 0px;
      }
      @media (max-width: 768px){
      .horizontal_timelinewitharrowicons_template .horizontal-timeline-items .horizontal-timeline-item:after{
      margin-left:56px;
      }
      .horizontal_timelinewitharrowicons_template .horizontal-timeline-items .horizontal-timeline-item .item-popover[data-expand=”true”]:after, .horizontal_timelinewitharrowicons_template .horizontal-timeline-items .horizontal-timeline-item .item-popover[data-expand=”true”]:before{
      top: 42px !important;
      }
      .horizontal_timelinewitharrowicons_template .horizontal-timeline-items .horizontal-timeline-item .item-popover:after, .horizontal_timelinewitharrowicons_template .horizontal-timeline-items .horizontal-timeline-item .item-popover:before{
      top: 48% !important;
      }
      }
      @media (max-width: 500px){
      .horizontal_timelinewitharrowicons_template .horizontal-timeline-items .horizontal-timeline-item .item-popover:after, .horizontal_timelinewitharrowicons_template .horizontal-timeline-items .horizontal-timeline-item .item-popover:before{
      top: 37% !important;
      }
      }
      @media (min-width: 769px){
      .horizontal_timelinewitharrowicons_template .horizontal-timeline-items{
      margin: 0px 190px;
      }
      .horizontal_timelinewitharrowicons_template .horizontal-timeline-items .horizontal-timeline-item:not(:last-child):after{
      display:none;
      }
      }
      .horizontal_timelinewitharrowicons_template .horizontal-timeline-items.arrow_lines .horizontal-timeline-item:not(:first-child):before{
      display:none;
      }
      /***horizontal_timelinewitharrowicons_template end here***/

      /***Infographic template 5 starts here***/
      .infographic_template_5 .desktop_view{
      position: relative;
      height:300px;
      width:300px;
      }
      .infographic_template_5 .desktop_view .bg_image .img_l{
      background-color: #E3AB22;
      float:left;
      height:675px;
      width:270px;
      position: absolute;
      }
      .infographic_template_5 .desktop_view .bg_image .img_r{
      background-color: #A7A49C;
      float:left;
      height:675px;
      width:270px;
      position: absolute;
      left:270px
      }
      .infographic_template_5 .mobile_view .bg_image .img_l{
      background-color: #E3AB22;
      float:left;
      height:675px;
      width:270px;
      position: absolute;
      }
      .infographic_template_5 .mobile_view .bg_image .img_r{
      background-color: #A7A49C;
      float:left;
      height:675px;
      width:270px;
      position: absolute;
      top:793px;
      }

      .infographic_template_5 .desktop_view .image_right{
      left:270px;
      position: absolute;
      }
      .infographic_template_5 .image_item_top{
      width:270px;
      padding-left: 0px;
      float:left;
      }
      .infographic_template_5 .desktop_view .img_bar{
      position: relative;
      width:540px;
      }
      .infographic_template_5 .desktop_view .img_bar .bar_dot{
      top:91px;
      left:9px;
      }
      .infographic_template_5 .desktop_view .image_item{
      width:270px;
      padding-left: 0px;
      height:125px;
      float:left;
      }
      .infographic_template_5 .desktop_view .info_image img{
      margin-bottom:5px;

      }
      .infographic_template_5 .info_image .heading{
      position: absolute;
      font-size: 24px;
      font-style: italic;
      font-weight: bold;
      color:#2f2d29;
      top:10px;
      left:30px;
      }
      .infographic_template_5 .info_image .heading-line{
      height:2px ;
      width: 80%;
      position: absolute;
      top:50px;
      }
      .infographic_template_5 .info_image .hl_left{
      background-color: #2f2d29;
      }
      .infographic_template_5 .info_image .hl_right{
      background-color: #312400;
      }
      .infographic_template_5 .info_image .h_right{
      left:52px;
      color:#312400 !important;
      }
      .infographic_template_5 .desktop_view .info_image .hl_right{
      left:20%;
      }

      .infographic_template_5 .desktop_view .rowitem{
      height:121px;
      width:270px;
      position: absolute;
      display: flex;
      align-items: center;
      }
      .infographic_template_5 .desktop_view .r_right{
      left:270px;
      }
      .infographic_template_5 .desktop_view .info_image .bottom{
      top:172px;
      }
      .infographic_template_5 .desktop_view .rowitem .s_text, .rowitems .s_text{
      margin-left: 20px;
      }
      .infographic_template_5 .rowitem .c_text, .rowitems .c_text{
      margin-left: 55px;
      margin-right: 5px;
      }
      .infographic_template_5 .rowitem .s_text .a_bold, .rowitems .s_text .a_bold{
      font-size: 20px;
      color:#443103;
      font-weight: bold;
      margin-right: 5px;
      }
      .infographic_template_5 .rowitem .s_text .n_bold, .rowitems .s_text .n_bold{
      font-size: 24px;
      color:#443103;
      font-weight: bold;
      margin-right: 5px;
      }
      .infographic_template_5 .rowitem .c_text .a_bold, .rowitems .c_text .a_bold{
      font-size: 20px;
      color:#312400;
      font-weight: bold;
      margin-right: 5px;
      }
      .infographic_template_5 .rowitem .c_text .n_bold, .rowitems .c_text .n_bold{
      font-size: 24px;
      color:#312400;
      font-weight: bold;
      }
      .infographic_template_5 .rowitem .s_text .regular, .rowitems .s_text .regular{
      color:#312e28;
      margin-right: 5px;
      }
      .infographic_template_5 .rowitem .c_text .regular, .rowitems .c_text .regular{
      color:#343023;
      margin-right: 5px;
      }
      .infographic_template_5 .desktop_view .circle_img{
      width: 520px;
      left:10px;
      position: absolute;
      text-align: center;
      z-index: 100;
      }
      .infographic_template_5 .bar_dot{
      position: relative;
      margin-top: 22px;
      opacity: 0.5;
      }
      .infographic_template_5 .bar_s{
      position: absolute;
      width: 100%;
      margin-top: 62px;
      height:3px;
      background-color:#b78813;
      }
      .infographic_template_5 .bar_c{
      position: absolute;
      width: 100%;
      margin-top: 62px;
      height:3px;
      background-color:#87847c;
      }
      .infographic_template_5 .mobile_view .info_image .heading-line{
      width:270px;
      position: relative;
      top:15px;
      }
      .infographic_template_5 .mobile_view .rowitem, .rowitems{
      display: flex;
      align-items: center;
      position: absolute;
      width: 270px;
      height:125px;
      padding-bottom: 2px;
      }
      .infographic_template_5 .mobile_view .info_image .rowitem{
      height:110px;
      }
      .infographic_template_5 .mobile_view .rowitem .bar, .rowitems .bar{
      width:100%;
      position: absolute;
      top:115px;
      }
      .infographic_template_5 .mobile_view .image_item_m .rowitem .bar, .rowitems .bar{
      top:122px;
      }
      .infographic_template_5 .mobile_view .rowitem .circle_img, .rowitems .circle_img{
      margin-left: 20px;
      }
      .infographic_template_5 .mobile_view .info_image .rowitem .s_text, .rowitems .s_text{
      margin-left: 20px;
      margin-right: 5px;
      }
      .infographic_template_5 .mobile_view .image_item{
      width:270px;
      padding-left: 0px;
      height:150px;
      float:left;
      }
      .infographic_template_5 .mobile_view .image_item_m{
      width:270px;
      padding-left: 0px;
      height:125px;
      float:left;
      }
      .infographic_template_5 .mobile_view .info_image .rowitem .c_text, .mobile_view .info_image .rowitems .c_text{
      margin-left:20px;
      margin-right: 5px;
      }
      @media(min-width: 501px){
      .infographic_template_5 .mobile_view{
      display: none;
      }
      }
      @media(max-width: 500px){
      .infographic_template_5 .desktop_view{
      display: none;
      }
      .infographic_template_5 .mobile_view .info_image .heading{
      left:20px;
      position: relative !important;
      }
      .infographic_template_5 .image_item_top{
      height:175px;
      }

      }

      .infographic_template_5 .image_item_top{
      opacity:1;
      }
      .infographic_template_5 .info_image{
      opacity:0;
      -webkit-animation-play-state: running !important;
      -moz-animation-play-state: running !important;
      -ms-animation-play-state: running !important;
      animation-play-state: running !important;
      }
      @-webkit-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }
      @-moz-keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }

      @keyframes fade-in-animation {
      0% {
      opacity: 0
      }
      100% {
      opacity: 1;
      }
      }

      /***Infographic template 5 ends here***/

      @media (max-width: 991px){
      .infographic_template_6 {

      position: relative;
      }
      .infographic_template_6 .numerc_content.table_class.wow.slideInLeft.last_num {
      border-bottom: transparent;
      }
      .infographic_template_6 .hideMe {
      display: none;
      }
      .infographic_template_6 div.panel {

      margin-bottom: 0px;position:relative;

      }
      .infographic_template_6 .pro_text{
      margin-bottom:0px !important;
      }
      .infographic_template_6 div.panel.active {
      display: block !important;
      position:relative;
      }
      .infographic_template_6 .templates-list .template-name{
      text-align:center;
      padding:5px;

      }
      .infographic_template_6 .templates-list .template-name:not(:last-child){
      border-bottom:solid 1px #333;
      }
      .infographic_template_6 .template-container{margin-bottom: 10px;}
      .infographic_template_6 .template-top-class{
      margin-bottom:10px;
      }
      .infographic_template_6 .reference_heading{
      font-size:14px;
      color:#555555;
      font-weight:bold;
      margin:0px;
      }
      .clearfix{
      clear:both;
      }
      .infographic_template_6 .imfograph_class{
      padding-top:60px;
      }
      .infographic_template_6 .left_nav{
      background: #292929;
      height: 100%;
      min-height: 100%;
      color: #fff; padding: 0px;
      min-height: 100%;
      overflow-y: hidden;
      position: relative;
      bottom:-10px;
      width: 300px;

      }
      .infographic_template_6 .img_imfo{background-image:url(‘../img/pastor ‘);background-size: contain;background-repeat: no-repeat;height: 220px;background-position: 50%; margin-top: 10px;}
      .infographic_template_6 .poster_color{
      background:#cb6e33;
      }
      .infographic_template_6 .poster_color{
      border-bottom: 1px solid #000;
      }
      .infographic_template_6 .analyse{
      background:#fbef71;
      }
      .infographic_template_6 .analyse p{
      color:#cb6e33 !important;
      font-weight:400 !important;
      }
      .infographic_template_6 .numerc_content{
      padding: 10px 10px;
      border-bottom: 1px solid #fbef71;
      position:relative;
      display: table;width:100%;
      }
      .infographic_template_6 .bold_yellow{
      color:#fbef71;font-weight:600;
      }
      .infographic_template_6 .numeric_value{
      display: table-cell;
      color: #fbef71;
      vertical-align: middle;
      font-size: 25px;
      }
      .infographic_template_6 .para_text{
      display: table-cell;
      padding-left: 5px;
      font-size: 16px;
      vertical-align: middle;
      }
      .infographic_template_6 .poster p{
      font-weight: bold;
      color: #fff;
      font-size: 25px;
      padding: 10px 12px;
      margin-bottom: 1px;

      }

      }

      @media (min-width: 800px){
      .infographic_template_6 .poster_desktop {
      position: absolute;
      display:block;
      right: 0px;
      bottom: 20px;
      width: 363px;
      height: 218px;
      padding-left: 75px;
      }
      .infographic_template_6 .numerc_content.table_class.wow.slideInLeft.last_num{
      border-bottom:transparent;

      }
      .infographic_template_6 .pro_text{
      margin-bottom:0px !important;
      }
      .infographic_template_6 .imfo_img_contain{
      position:relative;
      }
      .infographic_template_6 {
      position: relative;
      }
      /* .img_imfo:before{ */
      /* content: ” “; */
      /* background:#fff; */
      /* position:absolute; */
      /* right:0px; */
      /* } */
      .infographic_template_6 div.panel {
      margin-bottom: 0px;
      }
      .infographic_template_6 div.panel.active {
      display: block !important;
      position:relative;
      }
      .infographic_template_6 .templates-list .template-name{
      text-align:center;
      padding:5px;

      }
      .infographic_template_6 .templates-list .template-name:not(:last-child){
      border-bottom:solid 1px #333;
      }
      .infographic_template_6 .template-container{margin-bottom: 10px;}
      .infographic_template_6 .template-top-class{
      margin-bottom:10px;
      }
      .infographic_template_6 .reference_heading{
      font-size:14px;
      color:#555555;
      font-weight:bold;
      margin:0px;
      }
      .infographic_template_6 .hideMe{
      display:none;
      }
      .clearfix{
      clear:both;
      }
      .infographic_template_6 .numerc_content:nth-child(odd) .numeric_value{
      padding-left:0px;

      }
      .infographic_template_6 .imfograph_class{
      padding-top:60px;
      }
      .infographic_template_6 div#infographic_template_1 {
      top: 100px;
      position: relative;
      }
      .infographic_template_6 .left_nav{
      background: #292929;
      height: 100%;
      min-height: 100%;width: 500px;
      color: #fff; padding: 0px;
      min-height: 100%;
      overflow-y: hidden;
      position: relative;
      bottom:-10px;

      }
      .infographic_template_6 .img_imfo{
      background-image: url(../img/pastor );
      background-repeat: no-repeat;
      height: 399px;
      margin-top: 10px;
      width: 290px;
      z-index: 100;
      display: inline-block;
      position: relative;
      top: 5px;
      left: 10px;
      }
      .poster.poster_color.horizontal-timeline-items.hidden-sm.hidden-xs.poster_desktop{
      display:block !important;

      }

      .infographic_template_6 .poster_desktop {
      position: absolute;
      right: 0px;
      bottom: 20px;
      width: 363px;
      height: 218px;
      padding-left: 75px;
      }
      .poster.analyse.wow.fadeIn.accordion {
      display: block !important;
      }
      .poster {
      display:block;
      }

      .infographic_template_6 .poster_desktop p{
      font-size:45px !important;
      }
      .infographic_template_6 .poster_color{
      background:#cb6e33;
      }
      .infographic_template_6 .poster_color{
      border-bottom: 1px solid #000;
      display:none;
      }
      .infographic_template_6 .analyse{
      background:#fbef71;
      }
      .infographic_template_6 .analyse p{color:#cb6e33 !important;font-weight: 600 !important;}
      .accordionChild .numerc_content{
      padding-bottom: 15px;
      padding-top: 15px;
      border-bottom: 1px solid #fbef71;
      position: relative;
      overflow: hidden;
      width: 440px;
      }
      .infographic_template_6 .accordionChild .numerc_content:last-of-type{
      border-bottom: transparent !important;
      }
      .infographic_template_6 .numerc_content:nth-child(even){
      float:right !important;
      }
      .infographic_template_6 .numerc_content:last-child{
      border-bottom:1px solid #292929 !important;
      }
      .infographic_template_6 .bold_yellow{
      color:#fbef71;font-weight:600;
      }
      .infographic_template_6 .numeric_value{
      display: table-cell;
      width: 80px;
      color: #fbef71;
      font-size: 40px;
      font-family: arial;
      font-weight: bold; vertical-align: middle;
      }
      .infographic_template_6 .accordion p{
      padding-left: 15px !important;
      }
      .infographic_template_6 .show{
      /* -webkit-transition-delay: 1s; */
      /* -webkit-transition: all 1s ease-in-out; */
      /* -moz-transition: all 1s ease-in-out; */
      /* -o-transition: all 1s ease-in-out; */
      /* transition: all 1s ease-in-out; */
      transition: all 2s linear;

      }
      .infographic_template_6 .para_text{
      display: table-cell;
      padding-left: 5px;
      font-size: 18px;
      vertical-align: middle;
      }
      .infographic_template_6 .poster p{
      font-weight: bold;
      color: #fff;
      font-size: 35px;
      padding: 0px 95px;
      margin-bottom: 1px;
      }
      }

      @media (min-width: 1024px){
      .infographic_template_6 .poster_desktop {
      position: absolute;
      right: 0px;
      bottom: 20px;
      width: 373px;
      height: 218px;
      padding-left: 75px;
      }
      .infographic_template_6 .numerc_content.table_class.wow.slideInLeft.last_num{
      border-bottom:transparent;

      }
      .infographic_template_6 .pro_text{
      margin-bottom:0px !important;
      }
      .infographic_template_6 .imfo_img_contain{
      position:relative;
      }
      .infographic_template_6 {
      position: relative;
      }
      /* .img_imfo:before{ */
      /* content: ” “; */
      /* background:#fff; */
      /* position:absolute; */
      /* right:0px; */
      /* } */
      .infographic_template_6 div.panel {
      margin-bottom: 0px;
      }
      .infographic_template_6 div.panel.active {
      display: block !important;
      position:relative;
      }
      .infographic_template_6 .templates-list .template-name{
      text-align:center;
      padding:5px;

      }
      .infographic_template_6 .templates-list .template-name:not(:last-child){
      border-bottom:solid 1px #333;
      }
      .infographic_template_6 .template-container{margin-bottom: 10px;}
      .infographic_template_6 .template-top-class{
      margin-bottom:10px;
      }
      .infographic_template_6 .reference_heading{
      font-size:14px;
      color:#555555;
      font-weight:bold;
      margin:0px;
      }
      .infographic_template_6 .hideMe{
      display:none;
      }
      .clearfix{
      clear:both;
      }
      .infographic_template_6 .numerc_content:nth-child(odd) .numeric_value{
      padding-left:15px;

      }
      .infographic_template_6 .imfograph_class{
      padding-top:60px;
      }
      .infographic_template_6 div#infographic_template_1 {
      top: 100px;
      position: relative;
      }
      .infographic_template_6 .left_nav{
      background: #292929;
      height: 100%;width:500px;
      min-height: 100%;
      color: #fff; padding: 0px;
      min-height: 100%;
      overflow-y: hidden;
      position: relative;
      bottom:-10px;

      }
      .infographic_template_6 .img_imfo{
      background-image: url(../img/pastor );
      background-repeat: no-repeat;
      height: 365px;
      margin-top: 15px;
      width: 290px;
      z-index: 100;
      display: inline-block;
      position: relative;
      left: 10px;
      margin-bottom: 0px;
      }
      .poster {
      display: block;
      }
      .infographic_template_6 .poster_desktop p{
      font-size:45px !important;
      }
      .infographic_template_6 .poster_color{
      background:#cb6e33;
      }
      .infographic_template_6 .poster_color{
      border-bottom: 1px solid #000;
      }
      .infographic_template_6 .analyse{
      background:#fbef71;
      }
      .infographic_template_6 .analyse p{color:#cb6e33 !important;font-weight: 600 !important;}
      .accordionChild .numerc_content{
      padding-bottom: 15px;
      padding-top: 15px;
      border-bottom: 1px solid #fbef71;
      position: relative;
      overflow: hidden;
      width: 440px;
      }
      .infographic_template_6 .accordionChild .numerc_content:last-of-type{
      border-bottom: transparent !important;
      }
      .infographic_template_6 .numerc_content:nth-child(even){
      float:right !important; padding-left: 9px;
      }
      .infographic_template_6 .numerc_content:last-child{
      border-bottom:1px solid #292929 !important;
      }
      .infographic_template_6 .bold_yellow{
      color:#fbef71;font-weight:600;
      }
      .infographic_template_6 .numeric_value{
      display: table-cell;
      width: 80px;
      color: #fbef71;
      font-size: 40px;
      font-family: arial;
      font-weight: bold; vertical-align: middle;
      }
      .infographic_template_6 .accordion p{
      padding-left: 18px !important;
      }
      .infographic_template_6 .show{
      /* -webkit-transition-delay: 1s; */
      /* -webkit-transition: all 1s ease-in-out; */
      /* -moz-transition: all 1s ease-in-out; */
      /* -o-transition: all 1s ease-in-out; */
      /* transition: all 1s ease-in-out; */
      transition: all 2s linear;

      }
      .infographic_template_6 .para_text{
      display: table-cell;
      padding-left: 5px;
      font-size: 18px;
      vertical-align: middle;
      }
      .infographic_template_6 .poster p{
      font-weight: bold;
      color: #fff;
      font-size: 35px;
      padding: 0px 95px;
      margin-bottom: 1px;
      }

      }
      .infographic_template_6 .accordion p{
      cursor:pointer;
      }

      #infographic_template_1{
      margin-top: 90px;
      }
      /****personalitytraits_template start here***/
      .personalitytraits_template{
      max-width:580px;
      }
      .personalitytraits_template .box{
      margin-bottom:7px;
      width: 138px;
      display: flex;
      align-items:center;
      height: 45px;
      text-align: center;
      vertical-align: middle;
      line-height: 2.5;
      color:#ffffff;
      font-weight:bold;
      /* background-color:#f3a33f; */
      text-transform:uppercase;
      cursor:pointer;
      padding:0px;
      }
      .personalitytraits_template .row_box .box:not(:last-child){
      margin-right:7px;
      }
      .personalitytraits_template .row_box .selected:last-child{
      margin:0px !important;
      }
      .personalitytraits_template .box span{
      margin:auto;
      }
      .personalitytraits_template .row_box{
      margin:0px;
      }
      .personalitytraits_template .feedback_box{
      background-color:#f7f7f7;
      width: 100%;
      display: inline-block;
      padding: 15px 17px;
      margin-bottom: 7px;
      max-width:573px;
      display:none;
      z-index:-1;
      }
      .personalitytraits_template .selected{
      background-color:#777777 !important;
      }
      .personalitytraits_template .selected:after{
      left: 51%;
      border: solid transparent;
      content: ” “;
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      /* border-color: rgba(230, 230, 230, 0); */
      border-width: 13px;
      margin-left: -15px;
      top: 100%;
      border-top-color: #777777;

      }
      @media(max-width: 500px){
      .personalitytraits_template .box{
      width:285px;
      margin-right:0px;
      }
      .personalitytraits_template .feedback_box{
      max-width:285px;
      }
      }
      /* MIN7000 – week 3 start here */
      #clickToRevealMin7000 .mainTemplateContainer{
      max-width: 716px;
      height: auto;
      position: relative;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700{
      height: 312px;
      background: #ffffff;
      overflow: hidden;
      position: relative;
      }
      #clickToRevealMin7000 .img-mobile{
      display:none;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .boxesHolder{
      width: 425px;
      margin: auto;
      height:100%;
      margin-top: 25px;
      position: relative;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .boxesHolder .groupBox{
      border-radius: 50%;
      background-color: red;
      height: 130px;
      width: 130px;
      margin:auto;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .jesusImageHolder{
      bottom: 0px;
      position: absolute;
      /* width: 716px;
      height: 10px;
      margin: auto;
      height: 99px;*/
      text-align: center;
      /* background: url(‘../../assets/img/SU_MIN7000_W3_G2_Desktop_jesus ‘); */
      right: 0;
      left: 0;
      opacity: 1;
      /* -webkit-transition: opacity 600ms, visibility 600ms;
      transition: opacity 600ms, visibility 600ms; */
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .groupBoxes{
      width: 140px;
      /* background: #ffffff; */
      opacity: 0;
      -webkit-animation-play-state: running !important;
      -moz-animation-play-state: running !important;
      -ms-animation-play-state: running !important;
      animation-play-state: running !important;
      /* -webkit-transition: opacity 600ms, visibility 600ms;
      transition: opacity 600ms, visibility 600ms; */
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .groupBoxes .groupBoxLable{
      text-align: center;
      margin-top: -8px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_1{
      margin: auto;
      z-index: 1;
      position:relative;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_1 .groupBox{
      /* cursor: pointer; */
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Desktop_icon2 ‘) 0px 0px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_1 .active{
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Desktop_icon2 ‘) -130px 0px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_2{
      top: 115px;
      position: absolute;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_2 .groupBox{
      /* cursor: pointer; */
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Desktop_icon1 ‘) 0px 0px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_2 .active{
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Desktop_icon1 ‘) -130px 0px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_3{
      right: 0;
      top: 115px;
      position: absolute;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_3 .groupBox{
      /* cursor: pointer; */
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Desktop_icon3 ‘) 0px 0px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_3 .active{
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Desktop_icon3 ‘) -130px 0px;
      }
      #clickToRevealMin7000 .bottomSection_min700{
      height: 100%;
      position: relative;
      background-color: #f5f5f5;
      display:inline-block;
      padding:0px;
      }
      #clickToRevealMin7000 .bottomSection_min700 .instructionText{
      left: 0;
      right: 0;
      position: absolute;
      margin: auto;
      z-index: -2;
      color: #989797;
      text-align: center;
      font-size: 13px;
      height: 100px;
      margin-top:20px;
      }
      #clickToRevealMin7000 .bottomSection_min700 .desktopViewListHoder{
      /* height: 98%; */
      background-color: #f5f5f5;
      /* width: 716px; */
      margin: auto;
      padding: 30px;
      padding-top: 25px;
      display: none;
      overflow:auto;
      }
      #clickToRevealMin7000 .bottomSection_min700 .desktopViewListHoder .desktopViewListBox{
      width: 50%;
      float: left;
      }
      #clickToRevealMin7000 .bottomSection_min700 .desktopViewListHoder .desktopViewListBox .desktopViewListBoxHeading{
      color:#444444;
      }
      #clickToRevealMin7000 .bottomSection_min700 .mobileViewListHolder{
      display:none;
      }
      #clickToRevealMin7000 .bottomSection_min700 .desktopViewListHoder .desktopViewListBox ul{
      margin-left: -10px;
      color: #444444;
      margin-top: 10px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .groupBoxes .hotSpot{
      width: 102px;
      height: 102px;
      border-radius: 50%;
      top: 6px;
      position: absolute;
      left: 14px;
      cursor: pointer;
      }
      /*iPhone 6 Portrait*/
      @media (max-width: 500px){

      /* #clickToRevealMin7000 .container-fluid{
      padding-right: 0;
      padding-left: 0;
      } */
      #clickToRevealMin7000 .img-mobile{
      display:block;
      }
      #clickToRevealMin7000 .img-desk{
      display:none;
      }
      #clickToRevealMin7000 .bottomSection_min700 .instructionText{
      top: 12px;
      font-size: 11px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .boxesHolder{
      width: auto;
      margin: 40px 0px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .jesusImageHolder{
      margin: 0px;
      position: absolute;
      /* bottom: -2px;
      height: 10px;
      width: 300px;
      background-repeat: no-repeat;
      height: 91px; */
      text-align: center;
      /* background: url(‘../../assets/img/SU_MIN7000_W3_G2_Phone_jesus ‘); */
      right: 0;
      left: 0;

      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .boxesHolder .groupBox{
      height: 109px;
      width: 101px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_1 .groupBoxLable{
      width:100px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_1 .groupBox{
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Phone_icon2 ‘) -4px 1px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_1 .active{
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Phone_icon2 ‘) -114px 1px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_2 .groupBox{
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Phone_icon1 ‘) -4px 1px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_2 .active{
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Phone_icon1 ‘) -114px 1px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_3 .groupBox{
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Phone_icon3 ‘) -4px 1px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_3 .active{
      background: url(‘../../assets/img/SU_MIN7000_W3_G2_Phone_icon3 ‘) -114px 1px;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .groupBoxes{
      width: 109px;

      }

      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .groupBoxes .groupBoxLable{
      font-size: 13px;
      }
      .desktopViewListHoder{
      display: none;
      }
      #clickToRevealMin7000 .bottomSection_min700 .mobileViewListHolder{
      width: auto;
      margin: 0px;
      background-color: #f5f5f5;
      height: 98%;
      }

      #clickToRevealMin7000Carousel{
      overflow: hidden;
      }
      #clickToRevealMin7000Carousel .carousel-control{
      border-bottom: none;
      color: unset;
      }
      #clickToRevealMin7000Carousel .controlBox{
      text-align: center;
      margin-top: 15px;
      }
      #clickToRevealMin7000Carousel .controlBox a{
      text-decoration:none;
      border:none;
      top:2.5px;
      }
      #clickToRevealMin7000Carousel .controlBox a:active{
      border:none;
      }
      #clickToRevealMin7000Carousel .controlBox a:focus{
      border:none;
      }
      #clickToRevealMin7000Carousel .controlBox a:hover{
      border:none;
      }
      #clickToRevealMin7000Carousel .carousel-indicators{
      bottom: unset;
      display: inline;
      margin-left: unset;
      padding-left: unset;
      position: unset;
      /* top:2px; */
      /* margin-left: 5px;
      margin-right: 5px; */
      }
      #clickToRevealMin7000Carousel .carousel-indicators .active{
      background-color: #000000;
      width:10px;
      height: 10px;
      }
      #clickToRevealMin7000Carousel .carousel-indicators li{
      border: none;
      background-color: #bebdbd;
      margin: auto;
      padding-left: unset;
      position: unset;

      }
      #clickToRevealMin7000Carousel .carousel-indicators li:not(:first-child){
      margin-left:4px;
      }
      #clickToRevealMin7000Carousel .carousel-inner{
      margin-top:15px;
      background-color: transparent;
      border: none;
      }
      #clickToRevealMin7000Carousel .carousel-inner .mobileViewListBox{
      font-size:15px;
      padding-left: 5px;
      padding-right: 5px;
      }
      #clickToRevealMin7000Carousel .carousel-inner .mobileViewListBoxHeading{
      margin-left: 18px;
      color: #454545;
      }
      #clickToRevealMin7000Carousel .carousel-inner .mobileViewListBox ul{
      color: #454545;
      margin-left: 8px;
      }
      #clickToRevealMin7000Carousel .carousel-inner .mobileViewListBox ul li{
      white-space: pre-line;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .groupBoxes .hotSpot{
      width: 82px;
      height: 82px;
      top: 7px;
      position: absolute;
      left: 9px;
      }
      }
      @media(min-width:501px) and (max-width: 2100px){
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .groupBoxes .groupBoxLable{
      text-align:left !important;
      }
      }
      /*iPhone 6 landscape*/
      @media(min-width:300px) and (max-width: 1100px){
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 #groupBox_1{
      left:1%;
      top:8%;
      }
      }
      @media(min-width:501px) and (max-width: 700px){
      #clickToRevealMin7000 .bottomSection_min700 .mobileViewListHolder{
      display:none !important;
      }
      #clickToRevealMin7000 .mainTemplateContainer .topSection_min700 .jesusImageHolder{
      /* width: 95%; */
      background-repeat: no-repeat;
      /* bottom: 3px; */
      background-position: center;
      }
      #clickToRevealMin7000 .bottomSection_min700 .desktopViewListHoder{
      /* width: 95%; */
      overflow: auto;
      /* display:block !important; */
      }

      }
      @-webkit-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      @-moz-keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }

      @keyframes zoom-in-animation {
      0% {
      transform: scale(0);
      opacity: 0
      }
      100% {
      transform: scale(1);
      opacity: 1;
      }
      }
      /* MIN7000 – week 3 ends here */

      /*NSG 6320*/
      body {
      color: #000 !important; }

      /*Glossary Template CSS Start From Here*/
      .template-top-class {
      border-bottom: solid 1px #dddddd;
      margin-bottom: 15px;
      padding-bottom: 15px;
      clear: both;
      }
      .templates-list {
      border: solid 1px #333;
      margin-bottom: 20px;
      }
      .templates-list .template-name:not(:last-child) {
      border-bottom: solid 1px #333;
      }
      .templates-list .template-name {
      text-align: center;
      padding: 5px;
      }

      /* Default mode */
      .glossary-template {
      clear: both;
      }
      .glossary-template .tabbable-line > .nav-tabs {
      border: none;
      margin: 0px;
      }
      .glossary-template .tabbable-panel ul {
      padding-top: 0px !important;
      }
      .glossary-template .nav>li>a {
      padding: 10px 14px;
      }
      .glossary-template .tabbable-line > .nav-tabs > li {
      margin-right: 3px;
      margin-bottom: 15px;
      background-color: #ccc;
      position: relative;
      }
      .glossary-template .tabbable-line > .nav-tabs > li:first-child {
      border-radius: 5px 0px 0px 5px;
      }
      .glossary-template .tabbable-line > .nav-tabs > li:last-child {
      border-radius: 0px 5px 5px 0px;
      }
      .glossary-template .tabbable-line > .nav-tabs > li > a {
      border: 0;
      margin-right: 0;
      color: #737373;
      color: #999;
      font-weight: 700;
      }
      .glossary-template .tabbable-line > .nav-tabs > li > a > i {
      color: #a6a6a6;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.open,
      .tabbable-line > .nav-tabs > li:hover {
      border-bottom: 0px !important;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.active-alphabet:hover span {
      position: absolute;
      bottom: 0px;
      height: 1px;
      border-bottom: 4px solid #ee3124;
      width: 100%;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.active-alphabet.active:hover span {
      position: absolute;
      bottom: inherit;
      height: 1px;
      border-bottom: 4px solid #ee3124;
      width: 100%;
      }
      .glossary-template .tabbable-panel li.active-alphabet a:hover {
      color: #ee3124 !important;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.open > a,
      .tabbable-line > .nav-tabs > li:hover > a {
      border: 0;
      background: none !important;
      color: #999;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.open > a > i,
      .tabbable-line > .nav-tabs > li:hover > a > i {
      color: #a6a6a6;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.open .dropdown-menu,
      .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
      margin-top: 0px;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.active {
      position: relative;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.active span {
      position: absolute;
      height: 1px;
      border-bottom: 4px solid #ee3124;
      width: 100%;
      margin-top: 3px;
      left: 0;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.active > a {
      border: 0;
      color: #333333;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.active > a > i {
      color: #404040;
      }
      .glossary-template .tabbable-line > .tab-content {
      background-color: #fff;
      padding: 10px 0;
      }
      .glossary-template .portlet .tabbable-line > .tab-content {
      padding-bottom: 0;
      }

      /* Below tabs mode */
      .glossary-template .tabbable-line.tabs-below > .nav-tabs > li {
      border-top: 4px solid transparent;
      }
      .glossary-template .tabbable-line.tabs-below > .nav-tabs > li > a {
      margin-top: 0;
      }
      .glossary-template .tabbable-line.tabs-below > .nav-tabs > li:hover {
      border-bottom: 0;
      border-top: 4px solid #fbcdcf;
      }
      .glossary-template .tabbable-line.tabs-below > .nav-tabs > li.active {
      margin-bottom: -2px;
      border-bottom: 0;
      border-top: 4px solid #f3565d;
      }
      .glossary-template .tabbable-line.tabs-below > .tab-content {
      margin-top: -10px;
      border-top: 0;
      border-bottom: 1px solid #eee;
      padding-bottom: 15px;
      }
      .glossary-template h2 {
      color: #000;
      padding-bottom: 5px;
      }
      .glossary-template h3 {
      color: #000;
      padding-top: 0;
      padding-bottom: 0px;
      }
      .glossary-template ul li {
      padding-bottom: 0px !important;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.active a {
      background-color: #ee3124;
      color: #fff !important;
      border-radius: 0;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.active a:hover {
      background-color: #ee3124 !important;
      }
      .glossary-template .active-alphabet a {
      color: #000 !important;
      }
      .glossary-template .tab-content>.active {
      border: 0px;
      }
      .glossary-template .bg-box-gray {
      background-color: #f4f4f4;
      padding: 10px 10px 10px 12px;
      }
      .glossary-template .bg-box-white {
      background-color: #fff;
      padding: 10px;
      }
      .glossary-template .tab-content h3 {
      color: #ee3124;
      font-size: 20px;
      text-transform: capitalize;
      }
      .glossary-template .disabled {
      pointer-events: none;
      }
      .glossary-template .bg-box-gray p {
      margin-bottom: 0px;
      margin-top: 2px;
      line-height: 1.4285em;
      color: #000;
      }
      .glossary-template .bg-box-white p {
      margin-bottom: 0px;
      margin-top: 2px;
      line-height: 1.4285em;
      color: #000;
      }
      .glossary-template .tabbable-panel .nav li {
      text-transform: uppercase;
      }
      .bg-box-gray h3 span {
      font-size: 30px;
      }
      .bg-box-white h3 span {
      font-size: 30px;
      }
      .bg-box-gray p,
      .bg-box-white p {
      margin-left: 2px;
      }
      .glossary-template .tab-content p {
      font-size: 16px;
      }

      /*Media Query*/
      @media (max-width:1024px) {
      .glossary-template .tabbable-line > .nav-tabs > li {
      min-width: 47px;
      }
      .glossary-template .tabbable-line > .nav-tabs > li > a {
      text-align: center;
      }
      .glossary-template .tabbable-line > .nav-tabs > li {
      margin-bottom: 11px;
      }
      .glossary-template .bg-box-gray {
      padding: 10px 10px 15px 10px;
      }
      .glossary-template .bg-box-white {
      padding: 10px 10px 15px 10px;
      }
      .glossary-template .tabbable-line > .nav-tabs > li.active-alphabet:hover span {
      position: absolute;
      bottom: -7px !important;
      height: 1px;
      border-bottom: 4px solid #ee3124;
      width: 100%;
      }
      }
      @media (max-width: 767px) {}

      /*Glossary template CSS Ends Here*/

      /*canvas animation (Q3 Tech) CSS Starts Here*/
      .canvas_comparison {
      clear: both;
      }
      .canvas_comparison.grey-border {
      border: solid 1px #DDD;
      padding: 5px;
      margin-left: 0;
      margin-right: 0;
      border-radius: 6px;
      display: inline-block;
      }
      .canvas_comparison .customblock {
      float: left;
      margin-right: 10px;
      }
      .canvas_comparison .canvas_animation_container {
      position: relative;
      }
      .canvas_comparison .canvas_animation_container .thumbnail {
      border: 0px;
      border-radius: 0;
      }
      .canvas_comparison .m-r-0 {
      margin-right: 0px;
      }
      .canvas_comparison .customblock canvas {
      border-radius: 6px;
      }
      .canvas_comparison .thumbnail {
      padding: 0px !important;
      margin-bottom: 0px !important;
      }
      @media (max-width: 767px) {
      .customblock {
      margin-right: 0 !important;
      padding: 0 5px;
      }
      .canvas_comparison .canvas_animation.img-rounded {
      margin: 0 auto;
      }
      .canvas_comparison.grey-border {
      padding: 0px;
      }
      .canvas_comparison.grey-border {
      padding-bottom: 5px;
      }
      }
      @media (max-width: 667px) {
      .canvas_comparison.grey-border {
      padding: 5px;
      }
      .customblock {
      padding: 0px;
      }
      .canvas_comparison .customblock {
      float: inherit;
      }
      .canvas_comparison .customblock .mediaheading.custom-hide-1 {
      display: none;
      }
      .canvas_comparison .customblock .instruction.custom-hide-2 {
      padding: 0px;
      max-height: 10px;
      }
      }

      /*canvas animation (Q3 Tech) CSS Ends Here*/

      /*BIO1010-template CSS Start From Here*/
      .BIO1010-template .m-b-10 {
      margin-bottom: 10px;
      margin-right: -10px;
      margin-left: -10px;
      }
      .BIO1010-template .image-box {
      position: relative;
      overflow: hidden;
      }
      .BIO1010-template .custom-arrows img {
      z-index: 8;
      margin-left: -45px;
      left: 50%;
      position: absolute;
      bottom: 0;
      cursor: pointer;
      }
      .BIO1010-template .BIO1010-overlay {
      position: absolute;
      width: 100%;
      height: 42%;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 2;
      line-height: 1.4285em;
      padding: 6px 10px;
      color: #fff;
      font-size: 16px;
      padding-bottom: 25px;
      border-radius: 6px;
      }
      .BIO1010-overlay p {
      display: none;
      color: #fff;
      line-height: 1.4285em;
      font-size: 16px;
      }
      .BIO1010-template .BIO1010-overlay-full {
      position: absolute;
      width: 100%;
      height: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 2;
      cursor: pointer;
      line-height: 18px;
      padding: 0px 5px;
      color: #fff;
      transition: height 2s linear;
      }
      .BIO1010-template .slider {
      overflow-y: hidden;
      max-height: 500px;
      /* approximate max height */
      transition-property: all;
      transition-duration: .5s;
      transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
      }
      .BIO1010-template .slider.closed {
      max-height: 0;
      }
      .BIO1010-template .mo-img img {
      border-radius: 6px;
      }
      .BIO1010-template .p-10 {
      padding: 10px;
      padding-top: 0;
      }
      .BIO1010-template .custom-img-box {
      width: 180px;
      height: 260px;
      float: left;
      display: inline-block;
      margin: 0px 5px 10px;
      }

      /*Media Query*/
      @media (max-width:1024px) {
      .mo-img img {
      min-width: 100%;
      }
      }

      /*BIO1010-template CSS Ends Here*/

      /*BIO1010-template CSS Ends Here*/

      /*MAAA122_M1_G7 Tab With Gif Animation & Buttons Starts Here*/
      .Tab-With-Gif-Animation-and-Buttons ul {
      line-height: inherit !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .carousel-indicators-numbers li {
      text-indent: 0;
      margin: 0 2px;
      width: 30px;
      height: 30px;
      border: none;
      border-radius: 0px;
      line-height: 30px;
      color: #fff;
      background-color: #d41920;
      margin: 0 2px;
      width: 30px;
      height: 30px;
      }
      .Tab-With-Gif-Animation-and-Buttons .m-r-l-0 {
      margin-right: 0px !important;
      margin-left: 0px !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .gif-animation {
      position: relative;
      margin-bottom: 30px;
      padding-bottom: 10px;
      }
      .Tab-With-Gif-Animation-and-Buttons .gif-animation-pagination ol {
      position: absolute;
      bottom: -30px;
      z-index: 15;
      width: 100%;
      padding-left: 0px;
      margin-left: -33%;
      text-align: center;
      list-style: none;
      left: 0px !important;
      margin: 0 auto;
      }
      .Tab-With-Gif-Animation-and-Buttons .responsive-ou-list {
      list-style-position: inside;
      padding: 0px;
      margin-bottom: 0px;
      }
      .hidden {
      display: none;
      }
      .Tab-With-Gif-Animation-and-Buttons .responsive-ou-list li {
      color: #000;
      line-height: 1.4285em !important;
      position: relative;
      left: 10px;
      padding-right: 15px;
      font-size: 16px;
      }
      .Tab-With-Gif-Animation-and-Buttons p {
      font-size: 16px;
      line-height: 1.4285em !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .gif-animation img {
      margin-right: 10px !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .gif-animation img {
      padding: 0px !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .p-r-0 {
      padding-right: 0px !important;
      }
      .Tab-With-Gif-Animation-and-Buttons ol.responsive-ou-list li {
      color: #000;
      }

      /* .Tab-With-Gif-Animation-and-Buttons .m-t-mi-6 {margin-top: -6px;} */
      .Tab-With-Gif-Animation-and-Buttons .gif-animation-pagination ol .tab-active {
      background-color: #000;
      }
      .Tab-With-Gif-Animation-and-Buttons .gif-animation-pagination ol li:hover {
      background-color: #000;
      }
      .Tab-With-Gif-Animation-and-Buttons .m-b-0 img {
      margin-bottom: 0px;
      }
      .Tab-With-Gif-Animation-and-Buttons .gif-animation p {
      line-height: 1.4285em;
      }
      .t-box-border {
      border: solid 1px #ddd;
      border-radius: 6px;
      padding: 5px;
      }
      .Tab-With-Gif-Animation-and-Buttons {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .p-10 {
      padding: 10px;
      padding-top: 0px;
      }
      .Tab-With-Gif-Animation-and-Buttons .resp-tabs-container {
      margin-right: 0 !important;
      }
      .Tab-With-Gif-Animation-and-Buttons ul.resp-tabs-list {
      width: calc(100% + 4px);
      }
      @media (max-width: 1024px) {
      .Tab-With-Gif-Animation-and-Buttons .pull-right.gif-animation {
      margin-left: 0px;
      }
      }
      @media (max-width:767px) {
      .Tab-With-Gif-Animation-and-Buttons .pull-right img {
      margin: -10px -10px 10px -10px !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .pull-left {
      float: none !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .pull-right {
      float: none !important;
      }
      /*.Tab-With-Gif-Animation-and-Buttons .pull-left img {width: 100%;}
      .Tab-With-Gif-Animation-and-Buttons .pull-right img {width: 100%;}*/
      .Tab-With-Gif-Animation-and-Buttons .p-r-0 {
      padding-left: 0px;
      }
      .Tab-With-Gif-Animation-and-Buttons .m-t-mi-6 {
      padding-top: 5px;
      }
      .Tab-With-Gif-Animation-and-Buttons .gif-animation {
      text-align: center;
      }
      .Tab-With-Gif-Animation-and-Buttons .pull-left img {
      margin: 0 auto !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .pull-right img {
      margin: 0 auto !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .gif-animation {
      padding-top: 0px !important;
      }
      }
      @media (max-width: 700px) {
      .Tab-With-Gif-Animation-and-Buttons .responsive-ou-list {
      list-style-position: outside;
      padding: 0px 0px 0px 30px;
      text-indent: 0px;
      }
      .Tab-With-Gif-Animation-and-Buttons .responsive-ou-list li {
      left: 0px;
      padding-right: 0px;
      }
      }
      @media (max-width:375px) and (orientation: portrait) {
      .Tab-With-Gif-Animation-and-Buttons .gif-animation {
      padding-top: 0;
      }
      .Tab-With-Gif-Animation-and-Buttons .pull-right img {
      margin-bottom: 0px !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .pull-right.gif-animation {
      margin-left: 0;
      padding: 10px !important;
      padding-top: 0px !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .pull-left img {
      display: block;
      margin-right: 0px !important;
      }
      .Tab-With-Gif-Animation-and-Buttons .pull-right img {
      display: block;
      margin-right: 0px !important;
      }
      }

      /*CSS Start from here for MCQ Droplist template*/
      .MCQ-droplist .mcq_droplist_template table tbody td:nth-child(1) {width: 150px;}
      .MCQ-droplist .mcq_droplist_template table tbody td:nth-child(2) {
      width: 310px;
      }
      .MCQ-droplist.template-top-class {
      border-bottom: 0px;
      }
      .p-5 {
      padding: 5px !important;
      }
      .mcq_droplist_template .table>tbody>tr>td, .mcq_droplist_template .table>thead>tr>th {padding: 10px; border-right: 0px;}
      .mcq_droplist_template {border: solid 1px #ddd; border-radius: 6px; padding: 5px;}
      .mcq_droplist_template table tbody tr:last-child td {border-bottom: 1px solid #ddd;}
      .mcq_droplist_template .btn.disabled {opacity: .3;}
      .mcq_droplist_template a.btn.color_red, a.btn {margin-left: 5px; margin-right: 5px;}
      .mcq_droplist_template .c-overflow-hidden {overflow: hidden;}

      @media (max-width: 1024px) {
      .mcq_droplist_template .table.c-width-100 {width: 100%;}
      }
      @media (max-width: 500px) {
      .mcq_droplist_template table tbody td:nth-child(2) {width: 120px !important;}
      .color_red {margin-left: 5px; margin-right: 5px;}
      }

      @media (max-width:375px) and (orientation: portrait) {
      .MCQ-droplist .mcq_droplist_template table tbody td: nth-child(2) {width: 133px;}
      .mcq_droplist_template table tbody td:nth-child(3) {width: 40px;}
      .MCQ-droplist .mcq_droplist_template table tbody td:nth-child(1) {width: 70px; padding-right: 0px;}
      }

      /*CSS Ends from here for MCQ Droplist template*/

      /* CSS Multiple Content Boxes – GADA10_Template Start Here*/
      .Multiple-Content-Boxes-GADA10 p {color: inherit; line-height: 1.42857143 !important; font-size: 16px;}
      .Multiple-Content-Boxes-GADA10 .m-c-box {width: 180px; height: 254px; float: left; display: inline-block; margin: 0px 5px 10px;}
      .Multiple-Content-Boxes-GADA10 .p-10 {padding: 10px; padding-top: 0;}
      .Multiple-Content-Boxes-GADA10 .m-c-box img {border-radius: 6px;}

      /* CSS Multiple Content Boxes – GADA10_Template Ends Here*/

      /*CSS Vertical Tab Toggle Tamplate Start Here*/
      .vertical_tab_toggle-temp .p-0 {padding: 0px;}
      .vertical_tab_toggle-temp p {line-height: 1.42857143 !important; font-size: 16px;}
      .vertical_tab_toggle-temp .img-bg {background: #262626; border-radius: 6px !important;}
      .vertical_tab_toggle-temp .resp-tab-content img {margin-bottom: 8px !important;}
      .vertical_tab_toggle-temp ul {line-height: 1.42857143 !important;}
      .vertical_tab_toggle-temp .img-padd li img {padding: 0px 15px 0px 0px;}
      .vertical_tab_toggle-temp button {background-color: #EE3124 !important; color: #fff !important; border-radius: 0px !important; white-space: pre-wrap;
      height: inherit; width: inherit; padding: 4px 0px; margin: 4px 0 5px 0px; font-size: 16px; width: 165px;}
      .vertical_tab_toggle-temp button:hover {color: #fff !important;}
      .vertical_tab_toggle-temp button:focus {outline: none;}
      .vertical_tab_toggle-temp .resp-accordion img {padding: 0px 15px 0px 0px;}
      .vertical_tab_toggle-temp .m-0-a {margin: 0 auto;}
      .vertical_tab_toggle-temp .p-10 {padding: 10px;}
      .vertical_tab_toggle-temp .resp-tabs-container.vertical_tab_template_tab_container.originalDiv {display: none;}
      .vertical_tab_toggle-temp .img-responsive {margin: 0 auto;}
      .vertical_tab_toggle-temp .resp-tabs-container {margin-right: 0px;}
      .vertical_tab_toggle-temp .mb-0 {margin-bottom: 0px !important;}
      .vertical_tab_toggle-temp button.selected{background-color: #000 !important;}
      .vertical_tab_toggle-temp p {color:#000;}
      @media (max-width: 767px) {
      .vertical_tab_toggle-temp .defaultDiv {display: none !important; clear: both !important;}
      .vertical_tab_toggle-temp .defaultDiv img {width: 100% !important;}
      .vertical_tab_toggle-temp .originalDiv {display: block !important; clear: both !important;}
      .vertical_tab_toggle-temp .resp-tab-content img {box-sizing: unset !important;}
      }

      @media (max-width: 420px) {
      .vertical_tab_toggle-temp .resp-tab-content img {border-radius: 6px; box-sizing: unset !important;}
      .vertical_tab_toggle-temp .img-responsive {border-radius: 6px;}
      }

      /*CSS Vertical Tab Toggle Tamplate Ends Here*/
      /*CSS HTML List with Content, Code and Output Starts Here*/
      .HTML-list-Code-and-output .panel-default > .panel-heading_tab[aria-expanded=”true”] {
      background-color: #333 !important; background-image: none; filter: none;
      color: #fff; cursor: pointer; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
      }
      .HTML-list-Code-and-output .panel-default > .panel-heading_tab.collapsed {
      background-color: #555 !important; color: #fff;}
      .HTML-list-Code-and-output p {line-height: 1.42857143 !important; font-size: 16px; color: #000;
      padding: 0px; margin: 0px;}
      .HTML-list-Code-and-output .thumbnail {padding: 0;}
      .HTML-list-Code-and-output .panel-group {margin-bottom: 0px;}
      .HTML-list-Code-and-output .anchor_link_template_row {display: flex; margin-left: 0px; margin-right: 0px;
      padding-bottom: 0px !important; margin-top: 10px;}
      .HTML-list-Code-and-output .header {background: #cccccc; border-bottom: solid 2px #FFF; color: #000;
      font-weight: bold; margin-bottom: 2px; margin-top: 0px; padding: 5px 20px;}
      .HTML-list-Code-and-output .code_area {background: #f4f4f4; padding: 0px; margin: 0px;}
      .HTML-list-Code-and-output .code_css {padding: 10px 20px;}
      .HTML-list-Code-and-output .code_area:first-child {margin-right: 2px;}
      .HTML-list-Code-and-output .s-r-l-a {color: mediumblue;}
      .HTML-list-Code-and-output code {color: #c7254e;}
      .HTML-list-Code-and-output .s-c-heading {color: #000;}
      .HTML-list-Code-and-output .code_color-555 {color: #555;}
      .custom-h-tags h1 {display: block; font-size: 2em; font-weight: bold; padding-top: 0px; margin-top: 0px;
      margin-bottom: 0px; padding-bottom: 0px; color: #000;}
      .custom-h-tags h2 {display: block; font-size: 1.5em; font-weight: bold; margin-top: 0px; color: #000;
      padding-bottom: 0px;}
      .custom-h-tags h3 {display: block; font-size: 1.17em; font-weight: bold; padding-bottom: 0; color: #000;}
      .custom-h-tags h4 {display: block; font-weight: bold; padding-bottom: 0; color: #000;}
      .custom-h-tags h5 {display: block; font-size: 0.83em; font-weight: bold; padding-top: 0px; color: #000;}
      .custom-h-tags h6 {display: block; font-size: 0.67em; font-weight: bold; color: #000; text-transform: capitalize;
      padding-top: 0px;}
      .HTML-list-Code-and-output .panel .panel-collapse {padding: 0px !important;}
      .HTML-list-Code-and-output .thumbnail {border: 0px; border-radius: 0px;}
      .HTML-list-Code-and-output .panel-default {border: 1px solid #ddd; border-radius: 6px;}
      .HTML-list-Code-and-output .panel-heading {border-radius:6px;}
      .HTML-list-Code-and-output .panel-group .panel+.panel {margin-top: 2px;}
      /* .HTML-list-Code-and-output h4 {padding:0px;} */
      .HTML-list-Code-and-output code {background-color: transparent;}
      /*Media Query*/
      @media (max-width: 767px) {
      .HTML-list-Code-and-output .anchor_link_template_row {
      display: block !important;
      }
      }
      @media (max-width: 768px) {
      .HTML-list-Code-and-output .code_css {
      border-bottom: solid 2px #FFF;
      }
      }
      /*CSS HTML List with Content, Code and Output Ends Here*/
      /*CSS Bullet List with checklist template Starts Here*/
      .bullet_list_with_checklist_template .image_with_checklist_template_left_block {float: left; padding-right: 15px;}
      .bullet_list_with_checklist_template.image_with_checklist_template ul li, .image_with_checklist_template ol li {
      line-height: 1.42857143 !important; padding-bottom: .5em; left: 15px; padding-right: 15px; position: relative;
      font-size: 16px; color: #000;}
      .bullet_list_with_checklist_template.image_with_checklist_template ul, .image_with_checklist_template ol {
      list-style-position: inside; list-style: none; padding: 0px;}
      .bullet_list_with_checklist_template.image_with_checklist_template ul li img {margin-right: 3px; vertical-align: middle;
      }
      .bullet_list_with_checklist_template .image_with_checklist_template_right_block p {line-height: 1.42857143; font-size: 16px;}
      .bullet_list_with_checklist_template h4 {padding:0px;}
      @media (max-width: 700px) {
      .bullet_list_with_checklist_template.image_with_checklist_template ul, .image_with_checklist_template ol {list-style-position: outside;
      padding: 0px 0px 0px 0px;
      text-indent: 0px;}

      .bullet_list_with_checklist_template.image_with_checklist_template .image_with_checklist_template_left_block {
      float: none; padding-right: 0px; padding-bottom: 10px;}
      .bullet_list_with_checklist_template.image_with_checklist_template .image_with_checklist_template_left_block img {margin: 0 auto;}
      }
      /*CSS Bullet List with checklist template Ends Here*/
      /****mth1010_template start here*****/

      @keyframes topFadeOut {
      0% {
      position: absolute;
      top: -3rem;
      opacity: 0;
      }
      75% {
      position: absolute;
      top: 25%;
      opacity: 1;
      }
      100% {
      opacity: 0;
      }
      }

      .mth1010_template .btn-play-toggle.playing {
      position:absolute;
      background-color: #000 !important;
      color: #ffffff !important;
      border-radius: 0px !important;
      width: 100px;
      height:36px;
      position: absolute;
      top: 50%;
      left: 50%;
      }
      .mth1010_template .btn-play-toggle {
      background-color: #eb8400 !important;
      color: #ffffff !important;
      border-radius: 0px !important;
      width: 100px;
      position: absolute;
      background-color: #ffffff;
      color: #555555;
      width: 100px;
      height: 36px;
      position: absolute;
      top: 50%;
      left: 50%;
      }
      .mth1010_template #audio_icon{
      /*position: absolute;*/
      top: 65%;
      }
      .mth1010_template .num {
      background-color: #ffffff;
      color: #555555;
      margin: -3px 10px -3px -9px;
      border-radius: 0px !important;
      }
      .mth1010_template .bg {
      text-align: center;
      border-radius: 6px;
      padding: 10px;
      }
      .mth1010_template .off {
      margin-right: 10px;
      }
      .mth1010_template .value {
      background-color: #ffffff;
      color: #555555;
      margin-right: -10px;
      margin-top: -3px;
      margin-bottom: -3px;
      border-radius: 0px !important;
      }
      .mth1010_template .on {
      line-height: 1.8;
      margin-right: 30px;
      }
      .mth1010_template .bgc {
      background-color: #cccccc;
      border-radius: 0px;
      }

      .container-fluid{
      padding-right: 5px !important;
      padding-left: 5px !important;
      }
      .mth1010_template .resp-tabs-list li{
      padding: 11.5px 10px !important;
      border-radius: 0px;
      margin:0px;
      color:#000;
      background-color:#E6E6E6;
      }
      .mth1010_template .resp-tabs-list li:first-child{
      border-top-left-radius: 6px;
      }
      .mth1010_template .resp-tabs-list li:last-child{
      border-bottom-left-radius: 6px;
      }
      .mth1010_template .resp-vtabs ul.resp-tabs-list{
      border-right:0px;
      background-color:#E6E6E6;;
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      }
      .mth1010_template .resp-vtabs .resp-tabs-container{
      border: 1px solid #dfdfdf !important;
      border-radius:0px;
      border:none;
      /*background-color:#f9f9f9;*/
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      position: relative;
      }
      .mth1010_template h2.resp-accordion{
      margin:0px;
      border-radius:0px;
      background:#262626;
      color:#999999;
      }
      .mth1010_template .resp-arrow{
      display:none;
      }
      .mth1010_template h2.resp-accordion img{
      margin-right:10px;
      }
      .mth1010_template #content{
      display:inline-block;

      }

      .mth1010_template .resp-tabs-list .set_image,.mth1010_template .resp-accordion .set_image{
      margin-right:10px;
      width: 14px;
      display: inline-block;
      height: 10px;
      vertical-align: middle;
      background-position:0px 0px;
      }
      .mth1010_template .resp-tabs-list li.resp-tab-active{
      color:#ffffff;
      background-color:#132f90;
      border-left:5px solid #bfbfbf;
      padding:11.5px 0px !important;
      }
      .mth1010_template .resp-tabs-list li.resp-tab-active > .set_image,.mth1010_template .resp-tab-active .set_image, .mth1010_template .resp-accordion.resp-accordion-closing .set_image{
      background-position:-14px 0px;
      }
      .mth1010_template p, .mth1010_template li{
      color: inherit;
      line-height: 1.42857143 !important;
      font-family: Lato, sans-serif !important;
      font-size: 16px !important;
      }

      .mth1010_template .main_content_image_with_content img{
      padding: 0px;
      padding-bottom: 10px;
      margin-bottom:0px;
      }
      .mth1010_template .main_content_image_with_content{
      margin-right: 80px;
      }
      .mth1010_template .color_red{
      margin-left:0px;
      }
      @media only screen and (max-width: 600px){
      .mth1010_template .main_content_image_with_content{
      margin-bottom: 5px;
      margin-right: 0px;
      }
      }
      .mth1010_template .responsive-ou-list {
      list-style-position: inside;
      padding: 0px;
      margin-bottom: 0px;
      }
      .mth1010_template .responsive-ou-list li {
      position: relative;
      left: 15px;
      padding-right: 15px;
      }
      .mth1010_template .resp-accordion.resp-tab-active, .mth1010_template .resp-accordion.resp-accordion-closing{
      background:#95989a !important;
      color:#ffffff !important;
      border-left: 5px solid #bfbfbf;
      padding-left: 20px !important;
      }
      .mth1010_template .resp-tab-content .img-bg {
      background: #262626;
      border-radius: 6px !important;
      overflow: hidden;
      margin-bottom: 5px !important;
      }
      @media only screen and (max-width: 768px){
      .mth1010_template .resp-vtabs .resp-tab-content {
      border:none;
      margin:0px;
      }
      }
      .mth1010_template .TranscriptStyle {
      padding: 10px;
      text-align: center;
      font-size: 14px!important;
      font-style: italic;
      line-height: 1.375em !important;
      }
      .mth1010_template .myClass{
      background-color: #f9f9f9 !important;
      }
      /*** canvas_animation_template template start here ***/
      .mth1010_template .canvas_animation_template .thumbnail{
      padding: 4px;
      margin-bottom:0px;
      display:inline-block !important;
      }
      .mth1010_template .canvas_animation_template .canvas_animation_with_content_template_block{
      position: relative;
      z-index:1;
      }
      .mth1010_template .canvas_animation_template .canvas_animation_container{
      display: block;
      font-size: 0;
      line-height: 1;
      }
      .mth1010_template .canvas_animation_template .canvas_animation {
      line-height:1;
      position:relative;
      }
      .mth1010_template .canvas_animation_template .canvas_animation canvas.animation{
      position:absolute;
      top:0px;
      left:0px;
      border-radius:6px;
      }
      .mth1010_template .canvas_animation_template .canvas_animation .dom_overlay_container{
      position:absolute;
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      border-radius:6px;
      }
      /*** canvas_animation_template template end here ***/

      /****video template start here***/
      .mth1010_template .embed-responsive {
      margin-bottom: 5px;
      }
      /***video template end here***/
      /***html_content_with_images_with_click_template start here***/
      .mth1010_template .html_content_with_images_with_click_template .thumbnail
      {
      margin-bottom:30px;
      }
      .mth1010_template .html_content_with_images_with_click_template .font-20{
      font-size:20px;
      }
      @media (max-width: 800px) and (min-width: 600px){
      .mth1010_template .html_content_with_images_with_click_template .col-xs-12 {
      width: 50%;
      }
      }
      /***html_content_with_images_with_click_template end here***/
      /***mth1010 template end here*****/

      .audio_icon_template.btn-play-toggle.playing {
      background-color: #000;
      color: #ffffff !important;
      border-radius: 0px !important;
      width: 100px;
      }
      .audio_icon_template.btn-play-toggle {
      background-color: #EE3124 !important;
      color: #ffffff !important;
      border-radius: 0px !important;
      width: 100px;
      }
      .audio_icon_template.num {
      background-color: #ffffff;
      color: #555555;
      margin: -3px 10px -3px -9px;
      border-radius: 0px !important;
      }
      .audio_icon_template .bg {
      text-align: center;
      border-radius: 6px;
      padding: 10px;
      }
      .audio_icon_template .off {
      margin-right: 10px;
      }
      .audio_icon_template .value {
      background-color: #ffffff;
      color: #555555;
      margin-right: -10px;
      margin-top: -3px;
      margin-bottom: -3px;
      border-radius: 0px !important;
      }
      .audio_icon_template .on {
      line-height: 1.8;
      margin-right: 30px;
      }
      .audio_icon_template .bgc {
      background-color: #cccccc;
      border-radius: 0px;
      }
      /*** Interactive Template PUB2001***/
      .template-Interactive-class .education {
      text-align:center;
      /* display:none; */
      }

      .template-Interactive-class .left_list ul,.template-Interactive-class .local_list1 ul,.template-Interactive-class .local_list2 ul,.template-Interactive-class .right_list ul {
      list-style-type: none;
      }
      .template-Interactive-class .left_list li, .template-Interactive-class .local_list1 li,.template-Interactive-class .local_list2 li,.template-Interactive-class .right_list li {
      padding-bottom: 0em;
      }
      .template-Interactive-class .left_list h5, .template-Interactive-class .right_list h5,.template-Interactive-class .local_list1 h5,.template-Interactive-class .local_list2 h5,.template-Interactive-class .protect_plants h5{
      line-height: 17px;

      }
      .template-Interactive-class .left_list_below .gap_below{
      padding-bottom:0.3em;
      }
      .template-Interactive-class .local_list1 ul{

      margin-bottom: 0px;

      }

      .template-Interactive-class .roadways {
      text-align:center;
      padding-left: 120px;
      }
      .template-Interactive-class .left_list{
      text-align:left;
      padding-left: 104px;
      }
      .template-Interactive-class .travel_safety1{
      text-align:center;
      padding-left: 64px;
      padding-bottom: 4px;
      }
      .template-Interactive-class .travel_safety2{
      text-align:center;
      padding-left: 100px;
      }
      .template-Interactive-class .local_list1{
      text-align: left;
      padding-top: 25px;
      padding-left: 145px;
      padding-right: 0px;
      }

      .template-Interactive-class .local_list2{
      padding-top: 60px;
      padding-left: 60px;
      }
      .template-Interactive-class .image{
      display:inline-block;
      }
      .template-Interactive-class .national_security{
      padding-left: 100px;
      }
      .template-Interactive-class .content{
      display: inline-block;
      padding-left:15px;
      line-height:20px !important;
      font-family: Lato, sans-serif;
      }
      .template-Interactive-class .protect_plants{
      padding-left: 185px;
      }
      .template-Interactive-class div.content.custom-content {
      word-wrap: break-word;
      width: 70%;
      vertical-align: middle;
      }
      .locallist2_content .content li{
      padding-bottom: 0px;
      }
      .template-Interactive-class .locallist2_content{
      margin-bottom: 0px;
      }
      .template-Interactive-class div.content.custom-content-style{

      word-wrap: break-word;
      width: 81%;
      vertical-align: middle;
      }
      .template-Interactive-class .gap_content{
      padding-left: 15px;
      }
      .template-Interactive-class #over{
      position: absolute;
      background-image: url(../img/InteractiveTemplate/SU_PUB2001_W2_G3_Desktop );
      background-repeat: no-repeat;
      width: 50%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      background-position: 50% 75%;

      }
      .template-Interactive-class .left_list li:nth-child(2) {
      padding-top: 7px;
      }

      .template-Interactive-class .right_list li:nth-child(5) {
      padding-top: 7px;
      }

      .template-Interactive-class .mobileView{
      display:none;
      }

      #interactivetemplateCarousel{
      overflow: hidden;
      }
      #interactivetemplateCarousel .carousel-control{
      border-bottom: none;
      color: unset;
      }
      #interactivetemplateCarousel .controlBox{
      text-align: center;
      margin-top: 15px;
      }
      #interactivetemplateCarousel .controlBox a{
      text-decoration:none;
      border:none;
      top:2.5px;
      }
      #interactivetemplateCarousel .controlBox a:active{
      border:none;
      }
      #interactivetemplateCarousel .controlBox a:focus{
      border:none;
      }
      #interactivetemplateCarousel .controlBox a:hover{
      border:none;
      }
      #interactivetemplateCarousel .carousel-indicators{
      bottom: unset;
      display: inline;
      margin-left: unset;
      padding-left: unset;
      position: unset;
      }

      #interactivetemplateCarousel .glyphicon-menu-left, #interactivetemplateCarousel .glyphicon-menu-right {
      color:#000;

      }

      #interactivetemplateCarousel .carousel-indicators .active{
      background-color: #000000;
      width:10px;
      height: 10px;
      }
      #interactivetemplateCarousel .carousel-indicators li{
      border: none;
      background-color: #bebdbd;
      margin: auto;
      padding-left: unset;
      position: unset;

      }
      #interactivetemplateCarousel .carousel-indicators li:not(:first-child){
      margin-left:4px;
      }
      #interactivetemplateCarousel .carousel-inner{
      margin-top:15px;
      background-color: transparent;
      border: none;
      }
      #interactivetemplateCarousel .carousel-inner .mobileViewListBox{
      font-size:15px;
      padding-left: 5px;
      padding-right: 5px;
      }
      #interactivetemplateCarousel .carousel-inner .mobileViewListBoxHeading{
      margin-left: 18px;
      color: #454545;
      }
      #interactivetemplateCarousel .carousel-inner .mobileViewListBox ul{
      color: #454545;
      margin-left: 8px;
      }
      #interactivetemplateCarousel .carousel-inner .mobileViewListBox ul li{
      white-space: pre-line;
      }
      #interactivetemplateCarousel .mainTemplateContainer .topSection_min700 .groupBoxes .hotSpot{
      width: 82px;
      height: 82px;
      top: 7px;
      position: absolute;
      left: 9px;
      }

      #interactivetemplateCarousel .headin h4{
      margin-left:10px;
      font-weight:bold;
      }
      .carousel-indicators li {
      background-color: #000;
      }
      /*a.glyphicon.glyphicon-menu-right {
      float: right;
      }*/
      .carousel-indicators{
      top:74%;
      }
      .image_mobile{
      text-align:center;
      }
      .Carousal_Content {
      background-color: #eee;
      height: 385px;
      border-radius: 6px;
      }

      .Carousal_Content .item{
      padding-left:10px;
      padding-right:20px;
      padding-top:10px;
      }
      .Carousal_Content .item ul{
      list-style-type: none;
      padding-left:20px;
      }
      /***** For Animation ***/
      .border_style{
      border-bottom:1px black dotted;
      border-top: 1px black dotted;

      }

      /*#Interactive_template .multiplegroupBoxes{

      opacity: 0;
      -webkit-animation-play-state: running !important;
      -moz-animation-play-state: running !important;
      -ms-animation-play-state: running !important;
      animation-play-state: running !important;

      }*/
      /* -webkit-transition: opacity 600ms, visibility 600ms;
      transition: opacity 600ms, visibility 600ms; */

      /**** Animation END****/

      @media (max-width: 768px) {
      .template-Interactive-class .mobileView{
      display:block;
      }
      .template-Interactive-class .desktopView{
      display:none;

      }
      }
      @media (min-width: 768px) and (max-width: 1024px){
      .header-four, .header-three, h3, h4{
      margin-bottom: 10px !important;
      }
      .template-Interactive-class .left_list{
      padding-left: 50px;
      }
      .template-Interactive-class .local_list1{
      padding-left: 84px;
      }
      .template-Interactive-class .protect_plants {
      padding-left: 122px;
      }
      .template-Interactive-class .roadways{
      padding-left: 100px;
      }

      }

      /*** Interactive Template PUB2001 END***/

      /*** MCQ Dropdown Template start here***/
      .mcq_dropdown_template {
      border: solid 1px #ddd;
      border-radius: 6px;
      padding: 5px;
      }
      .mcq_dropdown_template .content_gap{
      height:80px;
      display: flex;
      align-items: center;
      margin-left: -5px;
      margin-right: -5px;
      }
      .mcq_dropdown_template .addGlyphy{
      padding-top: 7px;
      text-align:center;
      }
      .mcq_dropdown_template .content_gap:nth-child(even) {
      background-color: #f7f7f7;
      }

      .mcq_dropdown_template a:hover{
      background-color:#eb8400 !important;
      }
      .mcq_dropdown_template .form-control{
      padding: 6px 3px;
      }

      .mcq_dropdown_template a[disabled], .mcq_dropdown_template a.disabled {
      pointer-events: none;
      }
      @media all and (max-width: 480px) {

      .mcq_dropdown_template .content_gap{
      display: block;
      }

      .mcq_dropdown_template .content_gap{
      height:auto;
      padding-top:5px;
      padding-bottom:5px;
      align-items: center;
      }
      .mcq_dropdown_template .options{
      padding-top:5px;
      padding-bottom:5px;

      }
      /*.mcq_droplist_template table tbody td:nth-child(3) {
      width: 60px;
      }
      .mcq_droplist_template table tbody td:nth-child(2) {
      width: 120px;
      }*/
      }

      /*** MCQ Dropdown Template end here***/

      assets/img/SU_MIN7000_W3_G2_Phone_icon3

      assets/img/SU_MIN7000_W3_G2_Phone_icon1

      assets/img/SU_MIN7000_W3_G2_Phone_icon2

      assets/img/SU_MIN7000_W3_G2_Desktop_icon3

      assets/img/SU_MIN7000_W3_G2_Desktop_icon1

      assets/img/SU_MIN7000_W3_G2_Desktop_icon2

      assets/img/pastor

      assets/img/hotspot

      assets/img/SU_NSG3039_W3_G4_Playground_locator

      assets/img/SU_NSG3039_W3_G4_Fastfood_locator

      assets/img/SU_NSG3039_W3_G4_Grocery_locator

      assets/img/num_circle

      assets/img/MCQ_MMCQ_radio_btn

      assets/img/MCQ_MMCQ_tick

      assets/img/next_back_arrows

      assets/img/SU_INS7115_W6_G1_img7

      assets/img/Design2_End_Quote

      assets/img/Design1_Starting_Quote

      assets/img/Design1_End_Quote

      assets/img/SU_MHA6080_W3_G2_img5

      assets/img/SU_MHA6080_W3_G2_img4

      assets/img/SU_MHA6080_W3_G2_img3

      assets/img/SU_MHA6080_W3_G2_img2

      assets/img/SU_MHA6080_W3_G2_img1

      assets/img/SU_MHA6080_W3_G2

      The Four Ps of the Marketing Mix.html

      The Four Ps of the Marketing Mix

      When the mission statement and the vision statement have been developed for the organization, it is time to focus on developing the organizational strategy that meets the needs of the customer. This is accomplished by examining the marketing mix, a commonly known foundation model used in marketing to help an organization achieve its marketing objectives.

      The four elements of the marketing mix are product/service, price, promotion, and place (distribution). These are referred to as the four Ps, and an effective strategy in healthcare marketing is understanding how these elements impact the marketing initiatives of an organization.

      The first element of the marketing mix is product/service. In healthcare marketing, this element is unique because both products and services can be provided in this industry. A product may refer to medical equipment or prescription medications. A product is a physical item. Services refer to the contractual obligations provided by the medical professional. An example of this includes going to a family physician for an annual physical. An example of a service may also be a procedure, such as a tonsillectomy or a root canal.

      The second element of the marketing mix is price. Price refers to the cost associated with the product/service received. It is important to understand that pricing may impact consumer demand. Likewise, it is important to understand that a relationship exists between availability and pricing.

      The third element of the marketing mix is promotion. Promotion refers to the way in which the product/service is presented to the public. This element is the visual communication to the audience.

      The final element of the marketing mix is place. This is also commonly referred to as distribution, as this element discusses the capacity for which the product and service can reach its target consumer. This element is concerned with where the business will be conducted, who will receive the product/services, and how these products/services will reach the target consumer.

      Additional Materials

      From your course textbook, Health Care Market Strategy, read the following chapters:

      Step 3: The Strategy/Action Match
      Step 4: Determining Marketing Actions

      From the South University Online Library, read the following articles:

      Imaging: The Self-Referral Boom and the Ongoing Search for Effective Policies to Contain It

      Healthcare Branding: Developing Emotionally Based Consumer Brand Relationships

      A Systematic Review of Medical Service Branding: Essential Approach to Hospital Sector

      From the Internet, review the following:

      Kotler, P. (2000). Marketing management. Upper Saddle River, NJ: Prentice Hall.

      Market Growth.html

      Market Growth

      In order to remain competitive in the market, an organization must be able to meet the needs of its consumers. This is the concept of strategically positioning an organization in the marketplace. Organizations can remain financially viable if they remain strategically positioned in the market. This is accomplished by ensuring that the products/services provided are indeed what the consumer is demanding and are offered at a price that the consumer is willing to pay.
      Likewise, if an organization desires growth, it must do one of the two things:

      Expand existing services to a new market.
      Offer new services to the existing market.

      Depending on market conditions, it may be beneficial for an organization to expand its existing services to a new market. This includes opening branches in new locations, partnering with other organizations to expand services to a new demographic, or offering similar services in a new delivery method (walk-in clinic available in a mall). An example of an organization expanding existing services to a new market is DaVita (2017) dialysis. This kidney care organization has expanded its dialysis services to more than 2,500 outpatient dialysis centers in the United States. Their ability to replicate existing services to meet the needs of a new market help them remain financially viable and competitively positioned in the marketplace.

      Likewise, it may be beneficial for an organization to offer new services to the existing market. (This is especially important in areas where healthcare disparities exist.) This includes expanding existing services to the current population or offering new products/services that have never been seen in the existing market before. An example of an organization offering new services to the existing market is a skilled nursing facility offering postoperative rehabilitation services such as physical therapy, occupational therapy, or speech-language pathology.

      Reference:

      DaVita. (2017). Home. Retrieved from https://www.davita.com/

      Healthcare Occupation

      Healthcare in the United States is complex, diverse, and constantly changing. This is a result of heightened regulatory oversight, a diverse population, and advancements in technology, respectively. As a result of these attributes, occupations in the healthcare sector are rising and are expected to continue rising through its peak in 2026. Specifically, the field of long-term care, including gerontology, is expected to dramatically increase as the population segment aged sixty-five and older continues to rapidly age. This demand for services began to present itself over the past ten years, which has increased the demand to further study the growth in the healthcare sector. The next ten years are expected to replicate the same demand. The demand for healthcare workers is expected to rise 18% through 2026, increasing the market with an additional 2.4 million new positions in the field (United States Bureau of Labor Statistics, n.d.)

      Reference:

      United States Bureau of Labor Statistics. (n.d.) Healthcare occupations. Retrieved from https://www.bls.gov/ooh/healthcare/home.htm

      Additional Materials

      From your course textbook, Health Care Market Strategy, read the following chapter:

      Step 3: The Strategy/Action Match

      From the South University Online Library, read the following articles:

      The Patient Empowerment: A promising Concept in Healthcare Marketing

      Identifying Competitive Strategies to Improve the Performance of Hospitals in a Competitive Environment

      Porter’s Generic Strategies, Discontinuous Environments, and Performance: A Longitudinal Study. . .

      From the Internet, review the following:

      Kotler, P. (2000). Marketing management. Upper Saddle River, NJ: Prentice Hall.

      assets/js/custom_new.js
      /*** Global function start here */
      /*****update bootstrap collapse plugin start here ****/
      +function ($) {
      ‘use strict’;
      $(document).off(‘click.bs.collapse.data-api’)
      // COLLAPSE PUBLIC CLASS DEFINITION
      // ================================
      var Collapse = function (element, options) {
      this.$element = $(element)
      this.options = $.extend({}, Collapse.DEFAULTS, options)
      //this.$trigger = $(‘[data-toggle=”collapse”][href=”#’ + element.id + ‘”],’ +'[data-toggle=”collapse”][data-target=”#’ + element.id + ‘”]’)
      this.$trigger = $(this.$element).closest(“.template-container”).find(‘[data-toggle=”collapse”][href=”#’ + element.id + ‘”],’ +
      ‘[data-toggle=”collapse”][data-target=”#’ + element.id + ‘”]’)

      this.transitioning = null
      if (this.options.parent) {
      this.$parent = this.getParent()
      } else {
      this.addAriaAndCollapsedClass(this.$element, this.$trigger)
      }
      if (this.options.toggle) this.toggle()
      }
      Collapse.VERSION = ‘3.3.7’
      Collapse.TRANSITION_DURATION = 350
      Collapse.DEFAULTS = {
      toggle: true
      }
      Collapse.prototype.dimension = function () {
      var hasWidth = this.$element.hasClass(‘width’)
      return hasWidth ? ‘width’ : ‘height’
      }
      Collapse.prototype.show = function () {
      if (this.transitioning || this.$element.hasClass(‘in’)) return
      var activesData
      var actives = this.$parent && this.$parent.children(‘.panel’).children(‘.in, .collapsing’)
      if (actives && actives.length) {
      activesData = actives.data(‘bs.collapse’)
      if (activesData && activesData.transitioning) return
      }
      var startEvent = $.Event(‘show.bs.collapse’)
      this.$element.trigger(startEvent)
      if (startEvent.isDefaultPrevented()) return
      if (actives && actives.length) {
      Plugin.call(actives, ‘hide’)
      activesData || actives.data(‘bs.collapse’, null)
      }
      var dimension = this.dimension()
      this.$element
      .removeClass(‘collapse’)
      .addClass(‘collapsing’)[dimension](0)
      .attr(‘aria-expanded’, true)
      this.$trigger
      .removeClass(‘collapsed’)
      .attr(‘aria-expanded’, true)
      this.transitioning = 1
      var complete = function () {
      this.$element
      .removeClass(‘collapsing’)
      .addClass(‘collapse in’)[dimension](”)
      this.transitioning = 0
      this.$element
      .trigger(‘shown.bs.collapse’)
      }
      if (!$.support.transition) return complete.call(this)
      var scrollSize = $.camelCase([‘scroll’, dimension].join(‘-‘))
      this.$element
      .one(‘bsTransitionEnd’, $.proxy(complete, this))
      .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize])
      }
      Collapse.prototype.hide = function () {
      if (this.transitioning || !this.$element.hasClass(‘in’)) return
      var startEvent = $.Event(‘hide.bs.collapse’)
      this.$element.trigger(startEvent)
      if (startEvent.isDefaultPrevented()) return
      var dimension = this.dimension()
      this.$element[dimension](this.$element[dimension]())[0].offsetHeight
      this.$element
      .addClass(‘collapsing’)
      .removeClass(‘collapse in’)
      .attr(‘aria-expanded’, false)
      this.$trigger
      .addClass(‘collapsed’)
      .attr(‘aria-expanded’, false)
      this.transitioning = 1
      var complete = function () {
      this.transitioning = 0
      this.$element
      .removeClass(‘collapsing’)
      .addClass(‘collapse’)
      .trigger(‘hidden.bs.collapse’)
      }
      if (!$.support.transition) return complete.call(this)
      this.$element
      [dimension](0)
      .one(‘bsTransitionEnd’, $.proxy(complete, this))
      .emulateTransitionEnd(Collapse.TRANSITION_DURATION)
      }
      Collapse.prototype.toggle = function () {
      this[this.$element.hasClass(‘in’) ? ‘hide’ : ‘show’]()
      }
      Collapse.prototype.getParent = function () {
      var ref = this;
      var id = this.$element.attr(“id”);
      this.$trigger = $(this.$element).closest(“.template-container”).find(‘[data-toggle=”collapse”][href=”#’ + id + ‘”],’ +
      ‘[data-toggle=”collapse”][data-target=”#’ + id + ‘”]’)
      return $(this.$element).closest(“.template-container”).find(this.options.parent)
      .find(‘[data-toggle=”collapse”][data-parent=”‘ + this.options.parent + ‘”]’)
      .each($.proxy(function (i, element) {
      var $element = $(element)
      ref.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element)
      }, this))
      .end()
      }
      Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) {
      var isOpen = $element.hasClass(‘in’)
      $element.attr(‘aria-expanded’, isOpen)
      $trigger
      .toggleClass(‘collapsed’, !isOpen)
      .attr(‘aria-expanded’, isOpen)
      }
      function getTargetFromTrigger($trigger) {
      var href
      var target = $trigger.attr(‘data-target’)
      || (href = $trigger.attr(‘href’)) && href.replace(/.*(?=#[^\s]+$)/, ”) // strip for ie7
      return $trigger.closest(“.template-container”).find(target);
      }

      // COLLAPSE PLUGIN DEFINITION
      // ==========================
      function Plugin(option) {
      return this.each(function () {
      var $this = $(this)
      var data = $this.data(‘bs.collapse’)
      var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == ‘object’ && option)
      if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false
      if (!data) $this.data(‘bs.collapse’, (data = new Collapse(this, options)))
      if (typeof option == ‘string’) data[option]()
      })
      }
      var old = $.fn.collapse
      $.fn.collapse = Plugin
      $.fn.collapse.Constructor = Collapse

      // COLLAPSE NO CONFLICT
      // ====================
      $.fn.collapse.noConflict = function () {
      $.fn.collapse = old
      return this
      }

      // COLLAPSE DATA-API
      // =================
      $(document).on(‘click.bs.collapse.data-api’, ‘[data-toggle=”collapse”]’, function (e) {
      var $this = $(this)
      if (!$this.attr(‘data-target’)) e.preventDefault()
      var $target = getTargetFromTrigger($this)
      var data = $target.data(‘bs.collapse’)
      var option = data ? ‘toggle’ : $this.data()
      Plugin.call($target, option)
      })
      }(jQuery);
      /*****update bootstrap collapse plugin end here ****/
      jQuery(document).ready(function () {

      $(document).on(“click”, “.modal-anchor”, function () {
      mypopup($(this)[0]);
      });

      /***** update bootstrap tab plugin start here ****/
      $.fn.tab.Constructor.prototype.show = function () {
      var $this = this.element
      var $ul = $this.closest(‘ul:not(.dropdown-menu)’)
      var selector = $this.data(‘target’)
      if (!selector) {
      selector = $this.attr(‘href’)
      selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ”) // strip for ie7
      }
      if ($this.parent(‘li’).hasClass(‘active’)) return
      var $previous = $ul.find(‘.active:last a’)
      var hideEvent = $.Event(‘hide.bs.tab’, {
      relatedTarget: $this[0]
      })
      var showEvent = $.Event(‘show.bs.tab’, {
      relatedTarget: $previous[0]
      })
      $previous.trigger(hideEvent)
      $this.trigger(showEvent)
      if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return
      var $target = $this.closest(“.template-container”).find(selector);
      this.activate($this.closest(‘li’), $ul)
      this.activate($target, $target.parent(), function () {
      $previous.trigger({
      type: ‘hidden.bs.tab’,
      relatedTarget: $this[0]
      })
      $this.trigger({
      type: ‘shown.bs.tab’,
      relatedTarget: $previous[0]
      })
      })
      }
      /***** update bootstrap tab plugin end here ****/
      /**** Fix fancybox modal popup issue */
      if ($.fn.fancybox) {
      $.fancybox.center = function () { };
      var fancyboxExtensions = {
      oldShowLoading: $.fancybox.showLoading,
      oldGetPosition: $.fancybox._getPosition,
      showLoading: function () {
      this.oldShowLoading();
      var topPosition = getTopPosition() + 150;
      $(“#fancybox-loading”).css({
      position: ‘fixed’,
      top: topPosition + “px”,
      left: “50%”
      });
      },
      _getPosition: function (onlyAbsolute) {
      var rez = this.oldGetPosition(onlyAbsolute);
      rez.top = getTopPosition() + 20;
      return rez;
      }
      };
      $.extend($.fancybox, fancyboxExtensions);
      /*var orig2 = $.fancybox.showLoading;
      $.extend($.fancybox, {
      showLoading: function () {
      var el, viewport;
      var F = this;
      var D = $(document);
      F.hideLoading();
      el = $(‘

      ‘).click(F.cancel).appendTo(‘body’);
      var topPosition = getTopPosition() + 150;
      el.css({
      position: ‘fixed’,
      top: topPosition+”px”,
      left:”50%”
      });
      // If user will press the escape-button, the request will be canceled
      D.bind(‘keydown.loading’, function (e) {
      if ((e.which || e.keyCode) === 27) {
      e.preventDefault();
      F.cancel();
      }
      });
      },

      });*/
      }
      /*$.fancybox.helpers.overlay = {
      defaults: {
      closeClick: true, // if true, fancyBox will be closed when user clicks on the overlay
      speedOut: 200, // duration of fadeOut animation
      showEarly: true, // indicates if should be opened immediately or wait until the content is ready
      css: {}, // custom CSS properties
      locked: true, // if true, the content will be locked into overlay
      fixed: true
      }
      }*/
      });

      // to be use in bootstrap
      function getTargetFromTrigger($trigger) {
      var href
      var target = $trigger.attr(‘data-target’)
      || (href = $trigger.attr(‘href’)) && href.replace(/.*(?=#[^\s]+$)/, ”) // strip for ie7
      return $trigger.closest(“.template-container”).find(target);
      }
      // to load script and css dynamically
      var loadedScripts = [];
      function loadScripts(arr, callback) {
      if (!$.isArray(arr)) {
      arr = [arr];
      }
      for (var i = arr.length – 1; i >= 0; i–) {
      if (loadedScripts.indexOf(arr[i]) >= 0) {
      arr.splice(i, 1);
      } else {
      //loadedScripts.push(arr[i]);
      }
      }
      var progress = 0;
      arr.forEach(function (script) {
      $.getScript(script, function () {
      if (++progress == arr.length) callback();
      });
      });
      }
      function loadCSS(path) {
      var ss = document.styleSheets;
      for (var i = 0, max = ss.length; i < max; i++) { if (ss[i].href == path) return; } var fileref = document.createElement("link") fileref.setAttribute("rel", "stylesheet") fileref.setAttribute("type", "text/css") fileref.setAttribute("href", path); document.getElementsByTagName("head")[0].appendChild(fileref) } function checkPosition(container) { container.each(function () { var actualContainer = $(this); if ($(window).scrollTop() + $(window).height() * 0.5 > actualContainer.offset().top) {
      actualContainer.addClass(‘is-visible’);
      }
      });
      }
      function getOffsetTop(elem) {
      var offsetTop = 0;
      do {
      if (!isNaN(elem.offsetTop)) {
      offsetTop += elem.offsetTop;
      }
      } while (elem = elem.offsetParent);
      return offsetTop;
      }
      function getIframePosition() {
      if (window.self == window.top) {
      return 0;
      }
      var iframes = window.parent ument.getElementsByTagName(‘iframe’);
      var yourURL = window.location.href;
      var iframe = null;
      for (var i = 0; i < iframes.length; i++) { if (yourURL.indexOf(iframes[i].src) != -1) { iframe = iframes[i]; break; } } //var rect = iframe.getBoundingClientRect(); var top = 0; if (iframe) { top = $(iframe).offset().top; } return top; } function getTopPosition() { var origScrollTop = $(window.parent ument).scrollTop(); var iframetop = getIframePosition(); //////console.log(iframetop+"::"+$(window.parent ument).scrollTop()); iframetop = origScrollTop - iframetop; if (iframetop < 0) { iframetop = 0; } return iframetop; } function mypopup(popupid) { var origScrollTop = $(window.parent ument).scrollTop(); var modelid = popupid.getAttribute("data-target"); var iframetop = 0; if (window.self != window.top) { iframetop = getTopPosition(); } $(modelid).removeAttr("tabindex"); $(modelid).removeClass("fade"); $(modelid + " .modal-dialog").css('top', iframetop + 'px'); //$(modelid + " .modal-dialog").css('margin-top','15px'); $(modelid).modal("toggle"); if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
      $(window.parent ument).scrollTop(origScrollTop);
      setTimeout(function () {

      $(window.parent ument).scrollTop(origScrollTop);
      }, 50);
      }
      }
      //draggable funtionality – credits to http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/
      function drags(dragElement, resizeElement, container, labelContainer, labelResizeElement) {
      dragElement.on(“mousedown vmousedown”, function (e) {
      dragElement.addClass(‘draggable’);
      resizeElement.addClass(‘resizable’);
      var dragWidth = dragElement.outerWidth(),
      xPosition = dragElement.offset().left + dragWidth – e.pageX,
      containerOffset = container.offset().left,
      containerWidth = container.outerWidth(),
      minLeft = containerOffset + 10,
      maxLeft = containerOffset + containerWidth – dragWidth – 10;
      dragElement.parents().on(“mousemove vmousemove”, function (e) {
      leftValue = e.pageX + xPosition – dragWidth;
      //constrain the draggable element to move inside his container
      if (leftValue < minLeft) { leftValue = minLeft; } else if (leftValue > maxLeft) {
      leftValue = maxLeft;
      }
      widthValue = (leftValue + dragWidth / 2 – containerOffset) * 100 / containerWidth + ‘%’;
      $(‘.draggable’).css(‘left’, widthValue).on(“mouseup vmouseup”, function () {
      $(this).removeClass(‘draggable’);
      resizeElement.removeClass(‘resizable’);
      });
      $(‘.resizable’).css(‘width’, widthValue);
      updateLabel(labelResizeElement, resizeElement, ‘left’);
      updateLabel(labelContainer, resizeElement, ‘right’);
      }).on(“mouseup vmouseup”, function (e) {
      dragElement.removeClass(‘draggable’);
      resizeElement.removeClass(‘resizable’);
      });
      e.preventDefault();
      }).on(“mouseup vmouseup”, function (e) {
      dragElement.removeClass(‘draggable’);
      resizeElement.removeClass(‘resizable’);
      });
      }
      function updateLabel(label, resizeElement, position) {
      if (label.length == 0) {
      return;
      }
      if (position == ‘left’) {
      (label.offset().left + label.outerWidth() < resizeElement.offset().left + resizeElement.outerWidth()) ? label.removeClass('is-hidden') : label.addClass('is-hidden'); } else { (label.offset().left > resizeElement.offset().left + resizeElement.outerWidth()) ? label.removeClass(‘is-hidden’) : label.addClass(‘is-hidden’);
      }
      }
      /*** Global function end here */
      /**** content_with_pagination template start here ****/
      function ContentWithPaginationTemplate(pid) {
      pid = “#” + pid + “.content_with_pagination_template “;
      var count=0;
      loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/pagination/jquery.bootpag.min.js”, function () {
      count=$(pid+’.pages’).length;
      init();
      });
      /* function contentWidth() {
      var contentWidth = $(pid).width();
      // ////console.log(“content=”+contentWidth);
      $(pid+ ” .bgcolor”).css(“width”, contentWidth);
      }*/
      function init() {
      $(pid+ ‘#media_1 #page-selection’).bootpag({
      total: count
      }).on(“page”, function (event, /* page number here */ num) {
      //$(“#content”).html(+num); // some ajax content loading…
      var contentId = $(pid+ “#media_1 #page_” + num).attr(“id”).split(“_”)[1];
      var visibleContent = $(pid+ “#media_1 #page_” + num).html();
      $(pid+ “#media_1 #content”).html(visibleContent);
      // some ajax content loading…
      paginationItemcss();
      fadeinout();
      //contentWidth();
      });
      paginationItemcss();
      //contentWidth();
      }

      function fadeinout() {
      //alert(“DSAd”);
      $(pid+ “#media_1 .parentContent”).fadeIn(5000, function () { });
      }
      function paginationItemcss() {
      $(pid+ “#media_1 #page-selection ul”).addClass(“pagination-sm”);
      $(pid+ “#media_1 #page-selection > ul > li >a”).css(“color”, “#666666”);
      $(pid+ “#media_1 .prev .disabled”).css(“display”, “none”);
      // $(pid+ “#media_1 #page-selection > ul > li.prev a,”+pid+”#media_1 #page-selection > ul > li.next a”).html(“”);
      $(pid+ ‘#media_1 #page-selection > ul > li.prev a’).html(“‹“);
      $(pid+ ‘#media_1 #page-selection > ul > li.next a’).html(“›“);
      $(pid+ ‘#media_1 #page-selection > ul > li.prev.disabled a span,’+pid+’#page-selection > ul > li.next.disabled a span’).css(“color”, “#cccccc”);
      //$(“#page-selection > ul > li a”).attr(“href”,”javascript:void(0);”);
      $(pid+ “#media_1 #page-selection > ul > li a”).css(“outline”, “none”);
      }
      /*$(window).resize(function () {
      contentWidth();
      });*/

      paginationItemcss();
      //contentWidth();

      }
      /*** content_with_pagination template end here ***/

      /**** image_comparison template start here ****/
      function ImageComparision(pid) {
      pid = “#” + pid;
      loadCSS(“https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G18_TabImageCompression/css/image_Comparision.css”);
      checkPosition($(pid + ‘.image_comparison_template .cd-image-container’));
      $(window).on(‘scroll.ImageComparision’, function () {
      checkPosition($(pid + ‘.image_comparison_template .cd-image-container’));
      });
      //make the .cd-handle element draggable and modify .cd-resize-img width according to its position
      $(pid + ‘.image_comparison_template .cd-image-container’).each(function () {
      var actual = $(this);
      drags(actual.find(‘.cd-handle’), actual.find(‘.cd-resize-img’), actual, actual.find(‘.cd-image-label[data-type=”original”]’), actual.find(‘.cd-image-label[data-type=”modified”]’));
      });
      //upadate images label visibility
      $(window).on(‘resize.ImageComparision’, function () {
      $(pid + ‘.image_comparison_template .cd-image-container’).each(function () {
      var actual = $(this);
      updateLabel(actual.find(‘.cd-image-label[data-type=”modified”]’), actual.find(‘.cd-resize-img’), ‘left’);
      updateLabel(actual.find(‘.cd-image-label[data-type=”original”]’), actual.find(‘.cd-resize-img’), ‘right’);
      });
      });
      }
      /*** image_comparison template end here ***/

      /**** nested_tab_with_slider template start here ****/
      function NestedTabWithSliderTemplate(pid) {
      pid = “#” + pid;
      loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”, function () {
      $(pid + “.nested_tab_with_slider_template #myTab_w2g2”).tabCollapse();
      $(pid + “.nested_tab_with_slider_template .js-tabcollapse-panel-heading”).on(“click”, function () {

      $(pid + “.nested_tab_with_slider_template .panelheadingVimeo”).removeClass(“selected”);
      var id= $(this).attr(“href”);
      $(pid + “.nested_tab_with_slider_template”+id).find(“.panelheadingVimeo”).first().addClass(“selected”);
      //$(“#headingw2g2_1”).addClass(“selected”);
      $(pid + “.nested_tab_with_slider_template #accordion1_w2g2 .panel-heading”).first().addClass(“selected”);
      $(pid + “.nested_tab_with_slider_template #accordion2_w2g2 .panel-heading”).first().addClass(“selected”);
      $(pid + “.nested_tab_with_slider_template .tab-pane”).removeClass(“in active”);
      $(pid + “.nested_tab_with_slider_template #tabw2g2_1”).addClass(“in active”);
      $(pid + “.nested_tab_with_slider_template #tabw2g2_4”).addClass(“in active”);
      $(pid + “.nested_tab_with_slider_template .res_mobile .panel-collapse”).removeClass(“in”);
      $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile1_w2g2”).addClass(“in”);
      $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile4_w2g2”).addClass(“in”);
      $(pid + “.nested_tab_with_slider_template .res_mobile .panel-heading_tab,.panel-collapse”).attr(“aria-expanded”, false);
      $(pid + “.nested_tab_with_slider_template #collapseListGroupHeading_mobile1_w2g2”).attr(“aria-expanded”, true);
      $(pid + “.nested_tab_with_slider_template #collapseListGroupHeading_mobile4_w2g2”).attr(“aria-expanded”, true);
      $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile4_w2g2”).attr(“aria-expanded”, true);
      $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile1_w2g2”).attr(“aria-expanded”, true);
      $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile1_w2g2”).removeAttr(‘style’);
      $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile4_w2g2”).removeAttr(‘style’);
      $(pid + “.nested_tab_with_slider_template #collapseListGroupHeading_mobile4_w2g2, #collapseListGroupHeading_mobile1_w2g2”).removeClass(“collapsed”);
      });
      $(pid + “.nested_tab_with_slider_template .panel-title”).on(“click”, function () {
      $(pid + “.nested_tab_with_slider_template .customIndicator li”).removeClass(“active”);
      $(pid + “.nested_tab_with_slider_template .carousel-inner .item”).removeClass(“active”);
      $(pid + “.nested_tab_with_slider_template .customIndicator li:first-child”).addClass(“active”);
      $(pid + “.nested_tab_with_slider_template .carousel-inner .item:first-child”).addClass(“active”);
      });
      $(pid + “.nested_tab_with_slider_template .panelheadingVimeo”).bind(“click”, function () {
      $(this).parents(“.nested_tab_with_slider_template”).find(“.panelheadingVimeo”).removeClass(“selected”);
      var id=$(this).attr(“id”).split(‘_’)[1];
      $(pid + “.nested_tab_with_slider_template .res_desktop .tab-pane”).removeClass(“in active”);
      $(pid + “.nested_tab_with_slider_template .res_desktop #tabw2g2_”+id).addClass(“in active”);
      //$(this).parent().parent().parent().children().children().children(“.panelheadingVimeo”).removeClass(“selected”);
      $(this).addClass(“selected”);
      });
      });
      }
      /*** nested_tab_with_slider template end here ***/

      /**** photo_gallery template start here ****/
      function PhotoGallery(pid) {
      pid = “#” + pid;
      //loadCSS(“assets/css/thumbnails.carousel.css”);
      loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/thumbnailcarousel/thumbnails.carousel.js”], function () {
      $(pid + ‘.photo_gallery_template .thumbnails-carousel’).thumbnailsCarousel();
      });
      }
      /*** photo_gallery template end here ***/

      /**** tab_color_chart template start here ****/
      function TabColorChartTemplate(pid, data1, data2) {
      pid = “#” + pid;
      var dntchart1, dntchart2;
      var selectedTab = 1;
      loadScripts([“https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js”, “https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
      Chart.defaults.global = {
      animation: false,
      responsive: false,
      customTooltips: function (tooltip) {
      if (tooltip) {
      $(“body”).css(“cursor”, “pointer”);
      } else {
      $(“body”).css(“cursor”, “default”);
      }
      return;
      },
      onAnimationComplete: function () {
      //////console.log(“animation completed”);
      }
      }
      $(pid + “.tab_color_chart_template .tab-element”).tabCollapse();
      $(pid + “.tab_color_chart_template .tab-element .tab1”).on(“click”, function () { setTimeout(initTab1, 500) });
      $(pid + “.tab_color_chart_template .tab-element .tab2”).on(“click”, function () { setTimeout(initTab2, 500) });
      //$(pid+”.tab_color_chart_template .tab-element .tab1″).click();
      initTab1();
      });
      function initTab1() {
      selectedTab = 1;
      /*$(“#tab2_W1L5S1G2”).css(“display”,”none”);
      $(“#tab1_W1L5S1G2”).css(“display”,”block”);
      $(“#tab1_W1L5S1G2”).addClass(“active”);
      $(“#tab2_W1L5S1G2”).removeClass(“active”);*/
      if (dntchart1) {
      resetChart(dntchart1, data1);
      return;
      }
      var ctx1 = $(pid + “.tab_color_chart_template #canvas_tab1”)[0].getContext(“2d”);
      dntchart1 = new Chart(ctx1).Doughnut(data1, { animateRotate: false, animateScale: false, showTooltips: false, percentageInnerCutout: 65 });
      $(pid + “.tab_color_chart_template #canvas_tab1”)[0].onclick = function (evt) {
      var activePoints = dntchart1.getSegmentsAtEvent(evt);
      if (activePoints.length > 0) {
      highlight(dntchart1, data1, activePoints[0].label);
      }
      }
      $(pid + “.tab_color_chart_template #canvas_tab1”)[0].onmousemove = function (evt) {
      var activePoints = dntchart1.getSegmentsAtEvent(evt);
      if (activePoints.length > 0) {
      $(“body”).css(“cursor”, “pointer”);
      } else {
      $(“body”).css(“cursor”, “default”);
      }
      }
      }
      function initTab2() {
      selectedTab = 2;
      /*$(“#tab2_W1L5S1G2”).css(“display”,”block”);
      $(“#tab1_W1L5S1G2”).css(“display”,”none”);
      $(“#tab2_W1L5S1G2”).addClass(“active”);
      $(“#tab1_W1L5S1G2”).removeClass(“active”);*/
      if (dntchart2) {
      resetChart(dntchart2, data2);
      return;
      }
      var ctx2 = $(pid + “.tab_color_chart_template #canvas_tab2”)[0].getContext(“2d”);
      dntchart2 = new Chart(ctx2).Doughnut(data2, { animateRotate: false, animateScale: false, showTooltips: false, percentageInnerCutout: 65 });
      $(pid + “.tab_color_chart_template #canvas_tab2”)[0].onclick = function (evt) {
      var activePoints = dntchart2.getSegmentsAtEvent(evt);
      if (activePoints.length > 0) {
      highlight(dntchart2, data2, activePoints[0].label);
      }
      }
      $(pid + “.tab_color_chart_template #canvas_tab2”)[0].onmousemove = function (evt) {
      var activePoints = dntchart2.getSegmentsAtEvent(evt);
      if (activePoints.length > 0) {
      $(“body”).css(“cursor”, “pointer”);
      } else {
      $(“body”).css(“cursor”, “default”);
      }
      }
      }
      function highlight(chart, cdata, label) {
      $(pid + “.tab_color_chart_template #canvas_tab1”).attr({ width: 300, height: 300 });
      $(pid + “.tab_color_chart_template #canvas_tab2”).attr({ width: 300, height: 300 });
      chart.segments.forEach(function (segment, i) {
      if (segment.label == label) {
      segment.fillColor = cdata[label – 1].highlight2;
      } else {
      segment.restore([“fillColor”]);
      }
      });
      chart.render();
      }
      function resetChart(chart, cdata) {
      $(pid + “.tab_color_chart_template #canvas_tab1”).attr({ width: 300, height: 300 });
      $(pid + “.tab_color_chart_template #canvas_tab2”).attr({ width: 300, height: 300 });
      chart.segments.forEach(function (segment, i) {
      segment.restore([“fillColor”]);
      });
      chart.render();
      }
      }

      /*** tab_color_chart template end here ***/

      /**** tab_color_chart_with_gif_animation template start here ****/
      function TabColorChartWithGifAnimationTemplate(pid, imageBasePath) {
      pid = “#” + pid;
      imageBasePath = imageBasePath || “assets/img/AI_FNDA150_W3_G8_Tab”;
      loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
      $(pid + “.tab_color_chart_with_gif_animation_template #myTab_W1G8”).tabCollapse();
      $(pid + “.tab_color_chart_with_gif_animation_template .colorbarBtn”).on(“click”, function (e) {
      var colorId = $(this).attr(“dataname”).split(“colorbarBtn_”)[1];
      //////console.log($(this).parent().attr(“id”));
      var parentId = $(this).parent().attr(“id”).split(“bootstrapColorBar_”)[1];
      //alert(colorId+”***”+parentId+”**”+”assets/AI_FNDA150_W3_G8_Tab”+parentId+”_img”+colorId+”.gif”);”
      $(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopupImage_” + parentId).attr({ “src”: imageBasePath + parentId + “_img” + colorId + “.gif” });
      $(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopup_” + parentId).show();
      $(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).show();
      $(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).on(“click”, function () {
      $(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopup_” + parentId).hide();
      $(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).hide();
      });
      });
      $(pid + “.tab_color_chart_with_gif_animation_template .colorbarBtnMobile”).on(“click”, function (e) {
      //alert(“hiii”)
      var colorId = $(this).attr(“dataname”).split(“colorbarBtn_”)[1];
      //////console.log($(this).parent().attr(“id”));
      var parentId = $(this).parent().attr(“id”).split(“bootstrapColorBarmobile_”)[1];
      //alert(colorId+”***”+parentId+”**”+”assets/AI_FNDA150_W3_G8_Tab”+parentId+”_mobile_img”+colorId+”.gif”);
      $(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopupMobileImage_” + parentId).attr({ “src”: imageBasePath + parentId + “_mobile_img” + colorId + “.gif” });
      $(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopupMobile_” + parentId).show();
      $(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).show();
      $(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).on(“click”, function () {
      $(pid + “.tab_color_chart_with_gif_animation_template #imageContainerPopupMobile_” + parentId).hide();
      $(pid + “.tab_color_chart_with_gif_animation_template .closeBtn”).hide();
      });
      });
      });
      }

      /*** tab_color_chart_with_gif_animation template end here ***/

      /**** tab_with_gif_animation template start here ****/
      function TabWithGifAnimation(pid) {
      pid = “#” + pid;
      loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”, function () {
      $(pid + “.tab_with_gif_animation_template #myTab_W1G21”).tabCollapse();
      var show_animation=[“assets/img/AI_MAAA111_M1_G1_Tab1.gif”, “assets/img/AI_MAAA111_M1_G1_Tab2.gif”, “assets/img/AI_MAAA111_M1_G1_Tab3.gif”];
      var show_image=[“assets/img/AI_MAAA111_M1_G1_tab1 “,”assets/img/AI_MAAA111_M1_G1_tab2 “,”assets/img/AI_MAAA111_M1_G1_tab3 “];
      $(pid + “.tab_with_gif_animation_template .btnAnimationShow”).click(function(){
      /*if($(this).attr(“data-set”)==0)
      {*/
      //////console.log(“jeieoioi111111111”);
      $(this).hide();
      var id=$(this).attr(“id”).split(‘_’)[1];
      //alert(id);
      //var id_1=id-1;
      $(this).parent().children(“.set_image”).attr(“src”,show_animation[id-1]);
      //alert($(this).parent().children(“.set_image”).attr(“src”));
      //$(this).attr(“data-set”,1)
      //}

      });
      $(pid + “.tab_with_gif_animation_template .set_image”).click(function(){
      //////console.log(“jeieoio22222”);
      var id=$(this).attr(“id”).split(‘_’)[1];
      $(pid + “.tab_with_gif_animation_template .btnAnimationShow”).show();
      $(this).attr(“src”,show_image[id-1]);
      });

      $(pid + “.tab_with_gif_animation_template a”).click(function(){
      //var id=$(this).attr(“href”).split(‘_’)[0][4];
      $(pid + “.tab_with_gif_animation_template .btnAnimationShow”).show();
      for(var i=1;i<=show_image.length;i++) { $(pid + ".tab_with_gif_animation_template #img_"+i).attr("src",show_image[i-1]); } //alert("iuuuuuuu"); //alert(id); }); }); } /*** tab_with_gif_animation template end here ***/ /**** tab_with_hotspot_modal_popup template start here ****/ function TabWithHotspotModalPopup(pid) { pid = "#" + pid; loadScripts(["https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js"], function () { $(pid + ".tab_with_hotspot_modal_popup #myTab_W4G27").tabCollapse(); }); } /*** tab_with_hotspot_modal_popup template end here ***/ /**** tab_with_image_comparison template start here ****/ function TabWithImageComparision(pid) { pid = "#" + pid; loadCSS("https://myclasses.southuniversity.edu/shared/plugins/imagecomparision/image_Comparision.css"); loadScripts(["https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js"], function () { $(pid + '.tab_with_image_comparison_template #myTab_w3g18').tabCollapse(); checkPosition($(pid + '.tab_with_image_comparison_template .cd-image-container')); $(window).on('scroll.TabWithImageComparision', function () { checkPosition($(pid + '.tab_with_image_comparison_template .cd-image-container')); }); $(pid + '.tab_with_image_comparison_template #myTab_w3g18 li').on('click',function(){ //alert("2222"); setImage(); }); $(pid + '.tab_with_image_comparison_template #myTab_w3g18-accordion').on('click',function(){ //alert("1111"); setImage(); }); function setImage(){ $(pid + '.tab_with_image_comparison_template .cd-handle').css("left","50%"); $(pid + '.tab_with_image_comparison_template .cd-resize-img').css("width","50%"); $(pid + '.tab_with_image_comparison_template .cd-image-label').removeClass("is-hidden"); } //make the .cd-handle element draggable and modify .cd-resize-img width according to its position $(pid + '.tab_with_image_comparison_template .cd-image-container').each(function () { var actual = $(this); drags(actual.find('.cd-handle'), actual.find('.cd-resize-img'), actual, actual.find('.cd-image-label[data-type="original"]'), actual.find('.cd-image-label[data-type="modified"]')); }); //upadate images label visibility $(window).on('resize.TabWithImageComparision', function () { $(pid + '.tab_with_image_comparison_template .cd-image-container').each(function () { var actual = $(this); updateLabel(actual.find('.cd-image-label[data-type="modified"]'), actual.find('.cd-resize-img'), 'left'); updateLabel(actual.find('.cd-image-label[data-type="original"]'), actual.find('.cd-resize-img'), 'right'); }); }); }); } /*** tab_with_image_comparison template end here ***/ /**** tab_with_mcq_video template start here ****/ function TabWithMcqVideo(pid) { pid = "#" + pid; loadScripts(["https://myclasses.southuniversity.edu/shared/plugins/vimeo/vimeo.js", "https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js"], function () { $(pid + '.tab_with_mcq_video_template #myTab_M6G2').tabCollapse(); init(); }); function init() { $(pid + ".tab_with_mcq_video_template .question").addClass("question_disabled"); $(pid + ".tab_with_mcq_video_template .panel-title").addClass("panel_disabled"); $(pid + ".tab_with_mcq_video_template .glyphicon").addClass("glyphicon_disabled"); var vimeosrcObj = ["https://player.vimeo.com/video/182844523?api=1&player_id=video_0&title=0&byline=0&portrait=0&color=fc120a;", "https://player.vimeo.com/video/182844504?api=1&player_id=video_1&title=0&byline=0&portrait=0&color=fc120a;"]; var count = []; var count1 = []; var q = '

      ‘ +
      ‘ + ‘

      ‘ + ‘

      View Fullscreen


      $(pid + “.tab_with_mcq_video_template .off”).on(“click”, function () {
      $(pid + “.tab_with_mcq_video_template .off”).removeClass(“off_enable”);
      $(this).addClass(“off_enable”);
      if ($(pid + “.tab_with_mcq_video_template .video_body”).children().hasClass(“embed-responsive”)) {
      }
      else {
      $(q).appendTo(pid + “.tab_with_mcq_video_template .video_body”);
      $(pid + “.tab_with_mcq_video_template .mcq_panel”).show();
      }
      var id = $(this).attr(“id”);
      var clickId = id.split(‘_’)[1];
      //place here vimeo links
      if (clickId == 0) {
      $(pid + ‘.tab_with_mcq_video_template #Fullscreen_link’).attr(‘href’, ‘https://player.vimeo.com/video/182844523’);
      }
      else if (clickId == 1) {
      $(pid + “.tab_with_mcq_video_template #Fullscreen_link”).attr(‘href’, ‘https://player.vimeo.com/video/182844504’);
      }
      //end here
      $(pid + “.tab_with_mcq_video_template .vimeo_video”).attr(“src”, vimeosrcObj[clickId]);
      $(pid + “.tab_with_mcq_video_template .vimeo_video”).attr(“id”, ‘video_’ + clickId);
      var player = $f($(pid + ‘.tab_with_mcq_video_template #video_’ + clickId)[0]);
      player.addEvent(‘ready’, function () {
      player.addEvent(‘finish’, onFinish);
      });

      function onFinish(id) {
      //count.push(clickId);
      //////console.log(count);
      ////alert(“going”);
      var found = jQuery.inArray(clickId, count);
      if (found >= 0) {
      // Element was found, remove it.
      count.splice(found, 1);
      } else {
      // Element was not found, add it.
      count.push(clickId);
      }
      if (count.length == 2) {
      //alert(“reach”);
      $(pid + “.tab_with_mcq_video_template .question”).removeClass(“question_disabled”)
      $(pid + “.tab_with_mcq_video_template .panel-title”).removeClass(“panel_disabled”);
      $(pid + “.tab_with_mcq_video_template .glyphicon”).removeClass(“glyphicon_disabled”);
      $(pid + “.tab_with_mcq_video_template #vimeo_w3g4 #accordion1_w6g2 .panel-heading”).on(“click”, function () {
      player.api(“pause”);
      //player.pause();
      var isCorrect = $(this).attr(“isCorrect”);
      //////alert(isCorrect);
      $(pid + “.tab_with_mcq_video_template #vimeo_w3g4 #accordion1_w6g2 .panel-heading .panel-title .glyphicon12”).addClass(“glyphicon-unchecked unchecked”).css(‘color’, ‘#666666’);
      $(pid + “.tab_with_mcq_video_template #vimeo_w3g4 #accordion1_w6g2 .panel-heading .panel-title .iscorrect”).hide();
      $(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”);//.css(‘color’,’green’);
      if (isCorrect == “true”) {
      $(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”).css(‘color’, ‘#d41920’);
      }
      else {
      $(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”).css(‘color’, ‘#339900’);
      }
      });
      $(pid + “.tab_with_mcq_video_template #accordion1_w6g2 .panel-heading”).attr(“data-toggle”, “collapse”);
      //$(“#collapseListGroup1_w6g2”).show();
      //$(“#collapseListGroup3_w6g2”).show();
      }
      //////console.log(‘video has ended’);
      //$(‘#vimeoembed’).addClass(‘finished’);
      }
      });

      /* ———————–*/
      $(pid + “.tab_with_mcq_video_template .list_tab”).on(“click”, function () {
      var attr_tab = $(this).attr(‘href’);
      var attrId = attr_tab.split(‘_’)[1];
      var checkId = attrId.split(‘-‘)[0];
      //////alert(Id);
      var player1 = $f($(pid + ‘.tab_with_mcq_video_template #videotab_’ + checkId)[0]);
      ////alert(player1);
      player1.addEvent(‘ready’, function () {
      ////alert(“hello”);
      player1.addEvent(‘finish’, onFinish1);
      });
      function onFinish1(id) {
      //count.push(clickId);
      //////console.log(count);
      //alert(“going”);
      var found1 = jQuery.inArray(checkId, count1);
      if (found1 >= 0) {
      // Element was found, remove it.
      count1.splice(found1, 1);
      } else {
      // Element was not found, add it.
      count1.push(checkId);
      }
      if (count1.length == 2) {
      //alert(“t5hui”);
      $(pid + “.tab_with_mcq_video_template .question”).removeClass(“question_disabled”)
      $(pid + “.tab_with_mcq_video_template .panel-title”).removeClass(“panel_disabled”);
      $(pid + “.tab_with_mcq_video_template .glyphicon”).removeClass(“glyphicon_disabled”);
      $(pid + “.tab_with_mcq_video_template #vimeotab_mobile #accordion2_w6g2 .panel-heading”).on(“click”, function () {
      //alert(“1111111”);
      //player1.api(“pause”);
      //player.pause();
      var isCorrect = $(this).attr(“isCorrect”);
      //////alert(isCorrect);
      $(pid + “.tab_with_mcq_video_template #vimeotab_mobile #accordion2_w6g2 .panel-heading .panel-title .glyphicon12”).addClass(“glyphicon-unchecked unchecked”).css(‘color’, ‘#666666’);
      $(pid + “.tab_with_mcq_video_template #vimeotab_mobile #accordion2_w6g2 .panel-heading .panel-title .iscorrect”).hide();
      $(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”);//.css(‘color’,’green’);
      if (isCorrect == “true”) {
      $(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”).css(‘color’, ‘#339900’);
      }
      else {
      $(this).children().children(“.glyphicon12”).removeClass(“glyphicon-unchecked unchecked”).addClass(“glyphicon-check checked”).css(‘color’, ‘#d41920’);
      }
      });
      $(pid + “.tab_with_mcq_video_template #accordion2_w6g2 .panel-heading”).attr(“data-toggle”, “collapse”);
      //$(“#collapseListGroup1_w6g2”).show();
      //$(“#collapseListGroup3_w6g2”).show();
      }
      //////console.log(‘video has ended’);
      //$(‘#vimeoembed’).addClass(‘finished’);
      }
      });
      /* ———————–*/

      }

      }
      /*** tab_with_mcq_video template end here ***/

      /**** tabbed_content template start here ****/
      function TabbedContentTemplate(pid) {
      pid = “#” + pid;

      loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
      $(pid + “.tabbed_content_template #myTab_W1G68”).tabCollapse();
      });
      $(pid).find(“.nav-tabs a”).on(“click”,function(){
      var img_attr=$(this).attr(“href”);

      if($(pid).find(img_attr).find(“.tab-pannel-content div”).hasClass(“carousel”)){
      $(pid).find(“.carousel .item”).removeClass(“active”);
      $(pid).find(“.carousel .item”).first().addClass(“active”);
      $(pid).find(“.carousel .customIndicator li”).removeClass(“active”);
      $(pid).find(“.carousel .customIndicator li”).first().addClass(“active”);
      }
      else{
      }

      });
      }

      /*** tabbed_content template end here ***/
      /**** video_playlist template start here ****/
      function VideoPlaylistTemplate(pid) {
      pid = “#” + pid;
      var vimeosrcObj = [];
      $(pid + “.video_playlist_template iframe.embed-responsive-item”).each(function (i) {
      vimeosrcObj.push({ value: $(this).attr(‘src’) });
      });
      $(pid + “.video_playlist_template .panelheadingVimeo”).bind(“click”, function () {
      $(this).parents(“.video_playlist_template”).find(“.panelheadingVimeo”).removeClass(“selected”);
      $(pid + “.video_playlist_template iframe.embed-responsive-item”).attr(“src”, “”);
      for (var j = 0, vimeosrcObjlength = vimeosrcObj.length; j < vimeosrcObjlength; j++) { $(pid + ".video_playlist_template iframe.embed-responsive-item:eq(" + j + ")").attr({ 'src': vimeosrcObj[j].value, 'frameborder': 0, 'webkitallowfullscreen': 'webkitallowfullscreen', 'mozallowfullscreen': 'mozallowfullscreen', 'allowfullscreen': 'allowfullscreen' }); } $(this).addClass("selected"); }); } /*** video_playlist template end here ***/ /**** image_rollover template start here ****/ function ImageRolloverTemplate(pid) { pid = "#" + pid + ".image_rollover_template "; var isVisible = false; var clickedAway = false; $(pid + '.popoverThis').popover({ html: true, title: $(this).attr('title'), content: function () { return $(this).attr('content'); }, trigger: 'manual' }).click(function (e) { idShow = $(this).attr('id') $(pid + '#' + idShow).popover('show') $(pid + '#' + idShow).parent('div').siblings('div').find('.popoverThis').popover('hide'); clickedAway = false isVisible = true }); $(document).on('click touchstart', function () { $(pid + ".popoverThis").removeClass('selected') $(pid + ".popoverThis").popover('hide'); }); $(pid + '.popoverThis').click(function () { return false; }); } /*** image_rollover template end here ***/ /**** bootstrap_click_through template start here ****/ function BootstrapClickThroughTemplate(pid) { pid = "#" + pid + ".bootstrap_click_through_template "; var isVisible = false; var clickedAway = false; $(pid+'.popoverThis').popover({ html: true, title: $(this).attr('title'), content: function () { return $(this).attr('content'); }, trigger: 'manual' }).click(function (e) { idShow = $(this).attr('id') $(pid+ '#' + idShow).popover('show') $(pid+'#' + idShow).parent('div').siblings('div').find('.popoverThis').popover('hide'); clickedAway = false isVisible = true //e.preventDefault() }); $(document).on('click touchstart', function () { $(pid+".popoverThis").removeClass('selected') $(pid+".popoverThis").popover('hide'); }); $(pid+'.popoverThis').click(function () { return false; }); } /*** bootstrap_click_through template end here ***/ /**** bootstrap_flowchart template start here ****/ function BootstrapFlowChartTemplate(pid){ pid = "#"+pid+".bootstrap_flowchart_template "; $(pid+ "span[data-href]").css("cursor", "pointer"); $(pid+ "span[data-href]").click(function () { if ($(this).attr("data-target") == || $(this).attr("data-target") == "_self") { window.location.href = $(this).attr("data-href"); } else { window.open($(this).attr("data-href"), "_blank"); } }); } /*** bootstrap_flowchart template end here ***/ function TwoBranchFlowChartTemplate(){ } /**** bootstrap_flowchart_branching template start here ****/ function BootstrapFlowChartBranchingTemplate(pid){ pid = "#"+pid+".bootstrap_flowchart_branching_template "; $(pid+ "span[data-href]").css("cursor", "pointer"); $(pid+ "span[data-href]").click(function () { if ($(this).attr("data-target") == || $(this).attr("data-target") == "_self") { window.location.href = $(this).attr("data-href"); } else { window.open($(this).attr("data-href"), "_blank"); } }); } /*** bootstrap_flowchart_branching template end here ***/ /**** image_slider_button_click_with_feedback template start here ****/ function ImageSliderButtonClickWithFeedbackTemplate(pid,feedbackArr1,feedbackArr2,feedbackArr3,feedbackArr4,feedbackArr5,feedbackArr6) { pid = "#" + pid + ".image_slider_button_click_with_feedback_template "; var currentIndex = 0; $(pid+'.carousel').on('slid.bs.carousel', function () { // This variable contains all kinds of data and methods related to the carousel var carouselData = $(this).data('bs.carousel'); // EDIT: Doesn't work in Boostrap >= 3.2
      //var currentIndex = carouselData.getActiveIndex();
      currentIndex = carouselData.getItemIndex(carouselData.$element.find(‘.item.active’));
      //alert(currentIndex);
      var total = carouselData.$items.length;
      $(pid+”#myTab_M1G36″).css(“padding-bottom”,”2em”);
      });
      $(pid+”.carousel-control”).bind(“click”, function () {
      $(pid+”#myTab_M1G36″).css(“padding-bottom”,”2em”);
      $(pid+”.button_content”).hide();
      $(pid+”.off”).removeClass(“selected”);
      $(pid+”.button_content”).removeClass(“Right wrong”);
      //$(“.button_content”).removeClass(“Right”);
      // $(“.button_content”).removeClass(“wrong”)
      });
      $(pid+”.carousel-indicators”).bind(“click”, function () {
      $(pid+”#myTab_M1G36″).css(“padding-bottom”,”2em”);
      $(pid+”.button_content”).hide();
      $(pid+”.off”).removeClass(“selected”);
      $(pid+”.button_content”).removeClass(“Right wrong”);
      //$(“.button_content”).removeClass(“Right”);
      //$(“.button_content”).removeClass(“wrong”);
      //restartAudio();
      });
      $(pid+”.off”).bind(“click”, showContent);
      var feedbackArr_1 = feedbackArr1 || [‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Well done! This is the correct option.
      In this image, you tend to perceive a series of four columns rather than anything else, because, at least, the oddly shaped objects are symmetrical. ‘, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’];
      var feedbackArr_2 = feedbackArr2 || [‘Well done! This is the correct option.
      In this image, you tend to perceive two columns of line instead of four different lines. The lines are grouped together because of how close they are to each other, or their proximity to one another.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’];
      var feedbackArr_3 = feedbackArr3 || [‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Well done! This is the correct option.
      In this image, you tend to perceive a cube, even though no actual cube is drawn. If you couldn't describe the image as a cube, how would you try and describe them?’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’];
      var feedbackArr_4 = feedbackArr4 || [‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Well done! This is the correct option.
      In this picture, you can see either an old lady or a young lady; you can't see both images at the same time. When you focus on important features of one, the other features become background and vice versa.’, ‘Sorry! This is incorrect. Try again.’];
      var feedbackArr_5 = feedbackArr5 || [‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Well done! This is the correct option.
      The images in the foreground are larger than the images in the background, still the viewer assumes that the objects are actually of the same size. The distance is inferred rather than the actual size.’];
      var feedbackArr_6 = feedbackArr6 || [‘Sorry! This is incorrect. Try again.’, ‘Well done! This is the correct option.
      In this image, you tend to perceive an “X,” that is two lines intersecting rather than two semicircles touching each other.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’, ‘Sorry! This is incorrect. Try again.’];
      function showContent() {
      $(pid+”#myTab_M1G36″).css(“padding-bottom”,”1em”);
      $(pid+”.off”).removeClass(“selected”);
      $(pid+”.button_content”).removeClass(“Right wrong”);
      var i = $(this).attr(“id”).split(“a_”)[1];
      $(this).addClass(“selected”);
      $(pid+”.button_content”).css(“display”, “block”);
      if ($(this).attr(“correct”) == “true”) {
      //alert(“hello”);
      //$(“.button_content”).css(“color”,”green”);
      $(pid+”.button_content”).addClass(“Right”);
      }
      else {
      //alert(“no”);
      $(pid+”.button_content”).addClass(“wrong”);
      }
      if ((currentIndex + 1) == 1) {
      $(pid+”.button_content”).html(feedbackArr_1[i – 1]);
      }
      else if ((currentIndex + 1) == 2) {
      $(pid+”.button_content”).html(feedbackArr_2[i – 1]);
      }
      else if ((currentIndex + 1) == 3) {
      $(pid+”.button_content”).html(feedbackArr_3[i – 1]);
      }
      else if ((currentIndex + 1) == 4) {
      $(pid+”.button_content”).html(feedbackArr_4[i – 1]);
      }
      else if ((currentIndex + 1) == 5) {
      $(pid+”.button_content”).html(feedbackArr_5[i – 1]);
      }
      else if ((currentIndex + 1) == 6) {
      $(pid+”.button_content”).html(feedbackArr_6[i – 1]);
      }
      else {
      }
      }
      }
      /*** image_slider_button_click_with_feedback template end here ***/

      /**** text_click_with_popover template start here ****/
      function TextClickWithPopoverTemplate(pid) {
      pid = “#” + pid + “.text_click_with_popover_template “;
      /*$(pid).on(“click”, function (e) {
      for (i = 1; i <= pop_length; i++) { $(pid + "#popup_" + i).css("display", "none"); //$("#popupMobile_"+i).attr({"src" : "assets/AI_PHOA208_M4_G2_mobile_img"+i+" "}); } });*/ $(pid + '[data-toggle="popover"]').popover(); } /*** text_click_with_popover template end here ***/ /**** click_through_hotspot template start here ****/ function ClickThroughHotspotTemplate(pid) { pid = "#" + pid + ".click_through_hotspot_template "; var wid = parseInt($(pid+".clickthroughhotspot_template_img").attr("data-width"),10); var hgt = parseInt($(pid+".clickthroughhotspot_template_img").attr("data-height"),10); $(pid+".click_through_hotspot_template_left_block").css("max-width",wid+"px"); $(pid).find(".button_icon").each(function(){ var x = parseInt($(this).attr("data-x"),10); var y = parseInt($(this).attr("data-y"),10); var lx = x/wid * 100; var ly = y/hgt * 100; $(this).css({left:lx+"%",top:ly+"%"}); }); $(pid + '[data-toggle="popover"]').popover(); $('body').on('click', function (e) { $(pid + '[data-toggle="popover"]').each(function () { //the 'is' for buttons that trigger popups //the 'has' for icons within a button that triggers a popup if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { $(this).popover('hide'); } }); }); } /*** click_through_hotspot template end here ***/ /**** click_through_timeline template start here ****/ function ClickThroughTimelineTemplate(pid) { pid = "#" + pid + ".click_through_timline_template "; $(pid + '.hotspotClick').click(function () { idofdiv = $(this).attr('id').split('_')[1]; //alert(idofdiv) $(pid + '#img_' + idofdiv).show(); $(pid + '#hotspot_' + idofdiv).css('background-image', 'url("https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/PHOA332_Media/AI_PHOA332_M2_G3_ClickthroughTimeline/assets/highlighter ")'); $(pid + '#hotspot_3').css('background-image', 'url("https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/PHOA332_Media/AI_PHOA332_M2_G3_ClickthroughTimeline/assets/highlighter1 ")'); $(pid + '#hotspot_7').css('background-image', 'url("https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/PHOA332_Media/AI_PHOA332_M2_G3_ClickthroughTimeline/assets/highlighter1 ")'); $(pid + '#img_' + idofdiv).siblings('div').hide(); $(pid + '#hotspot_' + idofdiv).siblings('div').css('background', 'none'); }); /*window.onorientationchange = function () { var orientation = window.orientation; switch (orientation) { case 0: window.location.reload(); break; case 90: window.location.reload(); break; case -90: window.location.reload(); break; case 180: window.location.reload(); break; } };*/ function init() { var flag = true; $(pid + '.gallery__controls-prev').addClass('text-grey'); $(pid + '.gallery__controls-prev').css('cursor', 'default'); var width = $(window).width(), height = $(window).height(); var lastItem = false; $(pid + '.gallery').find('.firstgalleryitem').find('a.timeline__step-marker').addClass('active'); $(pid + '.timeline__step-marker').on('click', function () { $(this).addClass('active'); $(this).parents('.gallery__item').siblings('div').find('a').removeClass('active'); }) $(pid + '.carousel').carousel({ wrap: false }); var isiPhone = navigator.userAgent.toLowerCase().indexOf("iphone"); var isiPad = navigator.userAgent.toLowerCase().indexOf("ipad"); var isiPod = navigator.userAgent.toLowerCase().indexOf("ipod"); if (isiPhone > -1 || isiPad > -1) {

      $(pid + “.carousel-inner”).swipe({
      //Generic swipe handler for all directions
      swipeLeft: function (event, direction, distance, duration, fingerCount) {
      $(this).parent().carousel(‘next’);
      id = $(this).find(‘.active’).attr(‘id’).split(‘_’)[1];
      selectedId = parseInt(id) + 1;

      $(pid + ‘#click_’ + selectedId).find(‘a’).addClass(‘active’);
      $(pid + ‘#click_’ + selectedId).siblings(‘div’).find(‘a’).removeClass(‘active’);
      toGalleryItem($(‘#click_’ + selectedId));
      },
      swipeRight: function () {
      $(this).parent().carousel(‘prev’);
      id = $(this).find(‘.active’).attr(‘id’).split(‘_’)[1];
      selectedId = parseInt(id) – 1;
      $(pid + ‘#click_’ + selectedId).find(‘a’).addClass(‘active’);
      $(pid + ‘#click_’ + selectedId).siblings(‘div’).find(‘a’).removeClass(‘active’);
      toGalleryItem($(‘#click_’ + selectedId));
      },
      //Default is 75px, set to 0 for demo so any distance triggers swipe
      threshold: 0
      });
      }
      var totalWidth = 0;
      // Total width is calculated by looping through each gallery item and
      // adding up each width and storing that in `totalWidth`
      $(pid + “.gallery__item”).each(function () {
      totalWidth = totalWidth + $(this).outerWidth();
      });
      // The maxScrollPosition is the furthest point the items should
      // ever scroll to. We always want the viewport to be full of images.
      var maxScrollPosition = totalWidth – $(pid+”.gallery-wrap”).outerWidth();

      if (width >= 1024) {
      maxScrollPosition = maxScrollPosition + 1;
      } else if (width >= 768 && width <= 1023) { maxScrollPosition = maxScrollPosition + 15; } else if (width >= 480 && width <= 767) { maxScrollPosition = maxScrollPosition + 10; } else if (width >= 320 && width <= 479) { maxScrollPosition = maxScrollPosition + 1; } // This is the core function that animates to the target item // ==================================================================== function toGalleryItem($targetItem) { /*if($($targetItem).hasClass('firstgalleryitem')) { $('.gallery__controls-prev').addClass('text-grey'); $('.gallery__controls-prev').css('cursor', 'default'); }else{ $('.gallery__controls-prev').removeClass('text-grey'); $('.gallery__controls-prev').css('cursor', 'pointer'); } if($($targetItem).hasClass('lastgalleryitem')){ $('.gallery__controls-next').addClass('text-grey'); $('.gallery__controls-next').css('cursor', 'default'); $(".gallery__controls-prev").on('click') }else{ $('.gallery__controls-next').removeClass('text-grey'); $('.gallery__controls-next').css('cursor', 'pointer'); }*/ // Make sure the target item exists, otherwise do nothing if ($targetItem.length) { // The new position is just to the left of the targetItem var newPosition = $targetItem.position().left; // If the new position isn't greater than the maximum width //alert(newPosition + " :::: " + $(".gallery-wrap").outerWidth()) //alert(newPosition + " ------ " + maxScrollPosition) if (newPosition == 0) { $(pid + '.gallery__controls-prev').addClass('text-grey'); $(pid + '.gallery__controls-prev').css('cursor', 'default'); } else if (newPosition >= maxScrollPosition) {
      $(pid + ‘.gallery__controls-next’).addClass(‘text-grey’);
      $(pid + ‘.gallery__controls-next’).css(‘cursor’, ‘default’);
      } else {
      $(pid + ‘.gallery__controls-prev’).removeClass(‘text-grey’);
      $(pid + ‘.gallery__controls-prev’).css(‘cursor’, ‘pointer’);
      $(pid + ‘.gallery__controls-next’).removeClass(‘text-grey’);
      $(pid + ‘.gallery__controls-next’).css(‘cursor’, ‘pointer’);
      }
      //alert(newPosition + ” —- ” + maxScrollPosition)
      if (newPosition <= maxScrollPosition) { // Add active class to the target item $targetItem.addClass("gallery__item--active"); // Remove the Active class from all other items $targetItem.siblings().removeClass("gallery__item--active"); // Animate .gallery element to the correct left position. $(pid + ".gallery").animate({ left: - newPosition }); } else { // Animate .gallery element to the correct left position. /*$(".gallery").animate({ left : - maxScrollPosition });*/ }; }; }; // Basic HTML manipulation // ==================================================================== // Set the gallery width to the totalWidth. This allows all items to // be on one line. $(pid + ".gallery").width(totalWidth); // Add active class to the first gallery item $(pid + ".gallery__item:first").addClass("gallery__item--active"); // When the prev button is clicked // ==================================================================== $(pid + ".gallery__controls-prev").on('click', function () { // Set target item to the item before the active item var $targetItem = $(pid + ".gallery__item--active").prev(); toGalleryItem($targetItem); }); // When the next button is clicked // ==================================================================== $(pid + ".gallery__controls-next").on('click', function () { //alert($(".gallery__item--active").next()) // Set target item to the item after the active item var $targetItem = $(pid + ".gallery__item--active").next(); toGalleryItem($targetItem); }); } init(); } /*** click_through_timeline template end here ***/ /**** bootstrap_image_video_slider template start here ****/ function BootstrapImageVideoSliderTemplate(pid) { pid = "#" + pid + ".bootstrap_image_video_slider "; var vimeosrcObj = []; var audiosrcObj = []; var currentIndex = 0; // init(); //pauseAudio(); pauseAudio(); $(pid + "iframe.embed-responsive-item").each(function (i) { vimeosrcObj.push({ value: $(this).attr('src') }); }); $(pid + ".audiosrc").each(function (i) { audiosrcObj.push({ value: $(this).attr('src') }); }); function pauseAudio() { var audio = $(pid + " #myAudio")[0]; var audio2 = $(pid + " #myAudio_2")[0]; var audio3 = $(pid + " #myAudio_3")[0]; audio.pause(); audio2.pause(); audio3.pause(); } function restartAudio() { var audio = $(pid + " #myAudio")[0]; var audio2 = $(pid + " #myAudio_2")[0]; var audio3 = $(pid + " #myAudio_3")[0]; $(pid + ".off").removeClass("show_1"); $(pid + ".off").off("click"); $(pid + ".off").addClass("disabled"); audio.currentTime = 0 audio2.currentTime = 0 audio3.currentTime = 0 pauseAudio(); } $(pid + ".carousel-indicators").bind("click", function () { ////console.log("click event indicators"); $(pid + ".off").removeClass("show_1"); $(pid + ".button_content").hide(); //restartAudio(); }); //////////////// // Listen to the 'slid carousel' event // to trigger our code after each slide change $(pid + '.carousel').on('slid.bs.carousel', function () { // This variable contains all kinds of data and methods related to the carousel var carouselData = $(this).data('bs.carousel'); // EDIT: Doesn't work in Boostrap >= 3.2
      //var currentIndex = carouselData.getActiveIndex();
      currentIndex = carouselData.getItemIndex(carouselData.$element.find(‘.item.active’));
      //alert(currentIndex);
      var total = carouselData.$items.length;
      // Create the text we want to display.
      // We increment the index because humans don’t count like machines
      var text = (currentIndex + 1) + ” of ” + total;
      // You have to create a HTML element

      // under your carousel to make this work
      ////console.log(“text =” + text);
      var audio = $(pid + ” #myAudio”)[0];
      var audio2 = $(pid + ” #myAudio_2″)[0];
      var audio3 = $(pid + ” #myAudio_3″)[0];
      audio.pause();
      audio2.pause();
      audio3.pause();
      //$(“.audiosrc”).attr(“src”,””);
      if ((currentIndex + 1) == 3) {
      if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
      // some code..
      //restartAudio();
      $(pid + “.off”).removeClass(“show_1”);
      $(pid + “.off”).off(“click”);
      $(pid + “.off”).addClass(“disabled”);
      //audio.currentTime = 0;
      //$(“.audiosrc”).setAttribute(‘autoplay’, false);
      $(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[0].value });
      }
      $(pid + “.off”).removeClass(“show_1”);
      $(pid + “.off”).off(“click”);
      $(pid + “.off”).addClass(“disabled”);
      //audio.play();
      //audio.currentTime = 0;
      $(pid + ” #myAudio”)[0].setAttribute(‘autoplay’, true);
      $(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[0].value });
      } else if ((currentIndex + 1) == 4) {
      if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
      // some code..
      //restartAudio();
      $(pid + “.off”).removeClass(“show_1”);
      $(pid + “.off”).off(“click”);
      $(pid + “.off”).addClass(“disabled”);
      //audio2.currentTime = 0;
      //$(“.audiosrc”).setAttribute(‘autoplay’, false);
      $(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[1].value });
      }
      $(pid + “.off”).removeClass(“show_1”);
      $(pid + “.off”).off(“click”);
      $(pid + “.off”).addClass(“disabled”);
      //audio2.play();
      //audio2.currentTime = 0;
      $(pid + ” #myAudio_2″)[0].setAttribute(‘autoplay’, true);
      $(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[1].value });
      } else if ((currentIndex + 1) == 5) {
      if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
      // some code..
      //restartAudio();
      $(pid + “.off”).removeClass(“show_1”);
      $(pid + “.off”).off(“click”);
      $(pid + “.off”).addClass(“disabled”);
      //audio3.currentTime = 0
      //$(“.audiosrc”).setAttribute(‘autoplay’, false);
      $(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[2].value });
      }
      $(pid + “.off”).removeClass(“show_1”);
      $(pid + “.off”).off(“click”);
      $(pid + “.off”).addClass(“disabled”);
      //audio3.play();
      $(pid + ” #myAudio_3″)[0].setAttribute(‘autoplay’, true);
      $(pid + “.audiosrc”).attr({ ‘src’: audiosrcObj[2].value });
      }
      });

      ///////////////////////////////
      $(pid + “.carousel-control”).bind(“click”, function () {
      ////console.log(“click event carousel”);
      $(pid + “.off”).removeClass(“show_1”);
      $(pid + “.button_content”).hide();
      ////console.log(“data =” + $(this).data());
      var audio = $(pid + ” #myAudio”)[0];
      var audio2 = $(pid + ” #myAudio_2″)[0];
      var audio3 = $(pid + ” #myAudio_3″)[0];
      //restartAudio();
      $(pid + “iframe.embed-responsive-item”).attr(“src”, “”);
      for (var j = 0, vimeosrcObjlength = vimeosrcObj.length; j < vimeosrcObjlength; j++) { $(pid + "iframe.embed-responsive-item:eq(" + j + ")").attr({ 'src': vimeosrcObj[j].value, 'frameborder': 0, 'webkitallowfullscreen': 'webkitallowfullscreen', 'mozallowfullscreen': 'mozallowfullscreen', 'allowfullscreen': 'allowfullscreen' }); } // $(this).addClass("selected"); }); /*var feedbackArr = ['

      asdfasdf

      ‘, ‘

      hghghg b bfgf bghfgf bvgfgfgt vbgfgr vgfgrt fgfgr

      ‘, ‘

      jhghhghghg b bfgf bghfgf bvgfgfgt vbgfgr vgfgrt fgfgr

      ‘, ‘

      jkhjjjh b bfgf bghfgf bvgfgfgt vbgfgr vgfgrt fgfgr

      ‘];

      var a=[]

      // $(“.off”).on(“click”, function()
      // {
      function showContent(){
      //alert(“show”);
      var i=$(this).attr(“id”).split(“a_”)[1];

      $(“.button_content”).css(“display”, “block”);
      $(“.button_content”).html(feedbackArr[i-1]);

      }*/

      //});
      var feedbackArr_1 = [‘

      When you are at a school, it is very unlikely that you may get professional hands-on experience just by completing your academic part of the graduation.

      ‘ + ‘

      So does that mean you cannot get a job right after you graduate? No! To meet the gap of professional hands-on experience in the field of photojournalism, most of the universities and schools either facilitate internships with local firms or provide counselors or advisors at school to help students get into an internship with a company or an agency.

      ‘ + ‘

      Internship or apprenticeship can be thought of as a trial job where you get an opportunity to see how your work measures up to the skills being sought in the professional field.

      ‘ + ‘

      The internships can be either paid or unpaid depending on the period of stay, amount of work, and your employer. For example, some low-budget newspaper agencies do not pay their interns.

      ‘ + ‘

      The salary or stipend you get as an intern is irrelevant. The advantages of an internship are the hands-on experience you gain from the assignments you work on and the networking you establish with the professionals in the field.

      ‘, ‘

      In the digital era, where information transfer is instantaneous, media companies and news agencies prefer photographers who can themselves write stories for their images A photographer with good writing skills helps in getting information published without any delays and retaining the original intent of the shot image Therefore, a photographer with good writing skills has better prospects of being hired than others.

      ‘ + ‘

      You can develop good writing skills by practicing, imbibing basic grammar rules, proofreading, and reading good written samples.

      ‘, ‘

      As you have learned in Milestone 1 of this course, joining an organization such as NPPA can provide you opportunities to get into internship programs and exclusive job openings.

      ‘ + ‘

      You can easily join the local chapter of the NPPA organization in your town. The NPPA group has developed its own database, which has a lot of internship opportunities with many of the largest news organizations in the country.

      ‘, ‘

      To be a successful photojournalist, you need to develop your personality as a whole. The field you are aspiring to enter is not only interesting and adventurous but also demanding. There can be instances in which you will be emotionally upset about a situation, but you need to be self-motivated to capture the situation and bring it in front of the world.

      ‘ + ‘

      As a photojournalist, you may be required to shoot assignments such as a day-and-night sports event or cross-border war. You need to be flexible enough to accommodate the shooting timings in your routine.

      ‘];
      var feedbackArr_2 = [‘

      Neil makes the following changes in his résumé to align it with the job requirements:

      ‘ + ‘

        ‘ + ‘

      • Adds the relevant key competencies and work experience in the résumé
      • ‘ + ‘

      • Highlights the accomplishments that present why he is eligible for the job he is applying for
      • ‘ + ‘

      • Highlights the involvement in career-based or community service organizations and gives complete details of organizations of which he holds membership
      • ‘ + ‘

      • Highlights his social and networking skills to present his ability to comfortably converse with professionals or subjects of his assignments
      • ‘ + ‘

      • Highlights technical skills and knowledge of software
      • ‘ + ‘

      • Proofreads his résumé to avoid any language or spelling issues
      • ‘ + ‘

      ‘, ‘

      Although Neil already has a portfolio in place, he understands that an applicant needs to customize his or her portfolio for each job opportunity. This is because you can present your skillset in the best possible way when you showcase the work that is relevant to your potential employer.

      ‘ + ‘

      In this case, where Neil has found an opportunity relevant to news photography, he employs the following strategies to customize his digital portfolio:

      ‘ + ‘

        ‘ + ‘

      • Includes more news-telling images and some sports-action images
      • ‘ + ‘

      • Adds images that show his skills and diversity in capturing low-light, action, and still-life photographs
      • ‘ + ‘

      • Keeps composition, lighting, and creativity at the forefront of his objectives when editing his images for the portfolio
      • ‘ + ‘

      • Checks that the number of images compiled in the portfolio is not more than 20–25
      • ‘ + ‘

      ‘];
      var feedbackArr_3 = [”];
      var a = []
      function showContent() {
      ////alert(“show11”);
      var i = $(this).attr(“id”).split(“a_”)[1];

      $(pid + “.button_content”).css(“display”, “block”);
      if ((currentIndex + 1) == 3) {
      $(pid + “.button_content”).html(feedbackArr_1[i – 1]);
      }
      else if ((currentIndex + 1) == 4) {
      $(pid + “.button_content”).html(feedbackArr_2[i – 1]);
      }
      else if ((currentIndex + 1) == 5) {
      $(pid + “.button_content”).html(feedbackArr_3[i – 1]);
      }
      else {
      }
      }

      var aud = $(pid + ” #myAudio”)[0];
      var aud2 = $(pid + ” #myAudio_2″)[0];
      var aud3 = $(pid + ” #myAudio_3″)[0];
      aud.onended = function () {
      $(pid + “.off”).addClass(“show_1”);
      $(pid + “.off”).bind(“click”, showContent);
      $(pid + “.off”).removeClass(“disabled”);
      };
      aud2.onended = function () {
      $(pid + “.off”).addClass(“show_1”);
      $(pid + “.off”).bind(“click”, showContent);
      $(pid + “.off”).removeClass(“disabled”);
      };
      aud3.onended = function () {
      $(pid + “.off”).addClass(“show_1”);
      $(pid + “.off”).bind(“click”, showContent);
      $(pid + “.off”).removeClass(“disabled”);
      };
      }
      /*** bootstrap_image_video_slider template end here ***/

      /**** flip_box template start here ****/

      /*** flip_box template end here ***/

      /**** flip_box_compact_view template start here ****/
      function FlipBoxCompactViewTemplate(pid) {
      pid = “#” + pid + “.flip_box_compact_view_template “;
      var boxid = 0;
      $(pid + “.box”).on(“click”, function () {
      boxid = $(this).attr(‘id’);
      $(this).children(“.front”).addClass(“flip-front”);
      $(this).children(“.back”).addClass(“flip-back”);
      $(pid + “.box”).each(function (i) {
      if ($(this).children(“.front”).hasClass(“flip-front”) && $(this).children(“.back”).hasClass(“flip-back”)) {
      if (i != boxid) {
      $(this).children(“.front”).removeClass(“flip-front”);
      $(this).children(‘.back’).removeClass(“flip-back”);
      }
      }
      });
      });
      }
      /*** flip_box_compact_view template end here ***/

      /**** bootstrap_flip_box template start here ****/
      function BootstrapFlipBoxTemplate(pid) {
      pid = “#” + pid + “.bootstrap_flip_box_template “;
      $(pid + “.box”).on(“click”, function () {
      var id = $(this).attr(‘id’).split(‘_’)[1]
      //alert(id);
      $(pid + “#card_” + id).toggleClass(“flipped”);
      for (i = 1; i <= 3; i++) { if (i != id) { if ($(pid + "#card_" + i).hasClass("flipped")) { $(pid + "#card_" + i).toggleClass("flipped"); } } } }); } /*** bootstrap_flip_box template end here ***/ /**** flip_box_vertical_view template start here ****/ function FlipBoxVerticalViewTemplate(pid) { pid = "#" + pid + ".flip_box_vertical_view_template "; var boxid = 0; $(pid + ".box").on("click", function () { boxid = $(this).attr('id'); $(this).children(".front").addClass("flip-front"); $(this).children(".back").addClass("flip-back"); $(pid + ".box").each(function (i) { if ($(this).children(".front").hasClass("flip-front") && $(this).children(".back").hasClass("flip-back")) { if (i != boxid) { $(this).children(".front").removeClass("flip-front"); $(this).children('.back').removeClass("flip-back"); } } }); }); } /*** flip_box_vertical_view template end here ***/ /**** zoom_in_zoom_out template start here ****/ function ZoomInZoomOutTemplate(pid){ pid = "#"+pid+".zoom_in_zoom_out_template "; var counter = 0; $(pid+"#plus").click(function () { setZoomInZoomOut(1); }); $(pid+"#minus").click(function () { setZoomInZoomOut(-1); }); function setZoomInZoomOut(incr){ var nval = counter+incr; if(nval < 0 || nval > 5){
      return;
      }
      counter = nval;
      var scale = 1 + counter/10;
      $(pid+”img “).css(‘transform’, ‘scale(‘+scale+’)’);
      setButtonsState();

      }
      function setButtonsState(){
      if(counter == 0){
      $(pid+ “#minus”).addClass(“disabled “);
      }else{
      $(pid+”#minus”).removeClass(“disabled “);
      }
      if(counter == 5){
      $(pid+ “#plus”).addClass(“disabled “);
      }else{
      $(pid+”#plus”).removeClass(“disabled “);
      }
      }
      setButtonsState();
      }
      /*** zoom_in_zoom_out template end here ***/

      /**** hotspot_click_and_graph template start here ****/
      function HotspotClickAndGraphTemplate(pid) {
      pid = “#” + pid + “.hotspot_click_and_graph_template “;

      function preload(arrayOfImages) {
      $(arrayOfImages).each(function () {
      $(‘‘)[0].src = this;
      });
      }
      // Usage:
      preload([
      ‘assets/img/AI_PHOA203_W3_L2_G2_img_effect0 ‘,
      ‘assets/img/AI_PHOA203_W3_L2_G2_img_effect1 ‘,
      ‘assets/img/AI_PHOA203_W3_L2_G2_img_effect2 ‘,
      ‘assets/img/AI_PHOA203_W3_L2_G2_img_effect3 ‘,
      ‘assets/img/AI_PHOA203_W3_L2_G2_img_effect4 ‘,
      ‘assets/img/AI_PHOA203_W3_L2_G2_img_effect5 ‘
      ]);
      $(pid+” .hotspot”).css(“background”, “url(‘assets/img/AI_PHOA203_W3_L2_G2_img_circle ‘)”);
      $(pid+”.reset”).click(function () {
      $(pid+” .hotspot”).css(“background”, “url(‘assets/img/AI_PHOA203_W3_L2_G2_img_circle ‘)”);
      $(pid+” .duplicateImage”).attr(“src”, “assets/img/AI_PHOA203_W3_L2_G2_img_duplicate “);
      $(pid+” .graphImage”).css(“background”, “url(‘assets/img/AI_PHOA203_W3_L2_G2_img_effect0 ‘)”);
      });
      $(pid+” .hotspot”).click(function () {
      var hotspotId = $(this).attr(“id”).split(“_”)[1];
      $(pid+” .hotspot”).css(“background”, “url(‘assets/img/AI_PHOA203_W3_L2_G2_img_circle ‘)”);
      $(pid+” .duplicateImage”).attr(“src”, “assets/img/AI_PHOA203_W3_L2_G2_img_duplicate” + hotspotId + ” “);
      $(pid+” .graphImage”).css(“background”, “url(‘assets/img/AI_PHOA203_W3_L2_G2_img_effect” + hotspotId + ” ‘)”);
      $(this).css(“background-image”, “none”);
      });
      }
      /*** hotspot_click_and_graph template end here ***/

      /**** canvas_animation template start here ****/
      /**** canvas_animation_template template start here ****/
      function CanvasAnimationTemplate(pid,compositionName,className) {
      pid = “#” + pid + “.canvas_animation_template “;

      var self = this;
      this.isCanvasAnimationInitiated = false;
      this.canvas = $(pid+” canvas.animation”)[0];
      this.stage = null;
      this.exportRoot = null;
      this.anim_container = $(pid+” .canvas_animation”)[0];
      this.dom_overlay_container = $(this.anim_container).find(“.dom_overlay_container”)[0];
      this.composition = null;
      this.isAnimationPlaying = false;
      this.initAnimation = function(){
      this.composition = AdobeAn.getComposition(compositionName);
      var lib = this.composition.getLibrary();

      if(lib.properties.manifest.length > 0){
      var loader = new createjs.LoadQueue(true);
      loader.addEventListener(“fileload”, function (evt) { self.handleFileLoad(evt) });
      loader.addEventListener(“complete”, function (evt) { self.handleComplete(evt) });

      for(var i = 0; i < lib.properties.manifest.length; i++){ lib.properties.manifest[i].src = lib.properties.manifest[i].src; } loader.loadManifest(lib.properties.manifest); }else{ self.handleComplete(null); } } this.handleFileLoad = function(evt){ var images = self.composition.getImages(); if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; } } this.handleComplete = function(evt,comp){ var lib = self.composition.getLibrary(); var ss = self.composition.getSpriteSheet(); if(evt != null){ var queue = evt.target; var ssMetadata = lib.ssMetadata; for (i = 0; i < ssMetadata.length; i++) { ss[ssMetadata[i].name] = new createjs.SpriteSheet({ "images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames }) } } self.exportRoot = new lib[className](); self.stage = new lib.Stage(self.canvas); self.stage.addChild(self.exportRoot); self.exportRoot.gotoAndStop(0); self.makeResponsive(true,'width',false,1); AdobeAn.compositionLoaded(lib.properties.id); createjs.Ticker.setFPS(lib.properties.fps); //createjs.Ticker.timingMode = Ticker.RAF; createjs.Ticker.addEventListener("tick", self.stage); self.isCanvasAnimationInitiated = true; } this.makeResponsive = function(isResp, respDim, isScale, scaleType) { var lastW, lastH, lastS = 1; var lib = self.composition.getLibrary(); if(window.parent && window.parent.window){ window.parent.window.addEventListener('resize', resizeCanvas); }else{ window.addEventListener('resize', resizeCanvas); } resizeCanvas(); function resizeCanvas() { var w = lib.properties.width, h = lib.properties.height; var iw = window.innerWidth, ih = window.innerHeight; var pRatio = window.devicePixelRatio || 1, xRatio = iw / w, yRatio = ih / h, sRatio = 1; if (isResp) { if ((respDim == 'width' && lastW == iw) || (respDim == 'height' && lastH == ih)) { sRatio = lastS; } else if (!isScale) { if (iw < w || ih < h) sRatio = Math.min(xRatio, yRatio); } else if (scaleType == 1) { sRatio = Math.min(xRatio, yRatio); } else if (scaleType == 2) { sRatio = Math.max(xRatio, yRatio); } } self.canvas.width = w * pRatio * sRatio; self.canvas.height = h * pRatio * sRatio; self.canvas.style.width = self.dom_overlay_container.style.width = self.anim_container.style.width = w * sRatio + 'px'; self.canvas.style.height = self.anim_container.style.height = self.dom_overlay_container.style.height = h * sRatio + 'px'; self.stage.scaleX = pRatio * sRatio; self.stage.scaleY = pRatio * sRatio; lastW = iw; lastH = ih; lastS = sRatio; } } $(pid+".canvas_animation_container .canvas_animation").on("click", function () { //$(pid+".canvas_animation_poster_container").show(); //$(pid+".canvas_animation_container").hide(); self.isAnimationPlaying = !self.isAnimationPlaying; $(pid+".canvas_animation_container .canvas_animation .animationBtn").toggle(); if(self.isAnimationPlaying){ self.exportRoot.gotoAndPlay(1); }else{ self.exportRoot.gotoAndStop(0); } }); self.initAnimation(); } /*** canvas_animation_template template end here ***/ /*** canvas_animation template end here ***/ /**** image_with_gif_animation template start here ****/ function ImageWithGifAnimationTemplate(pid) { pid = "#" + pid + ".image_with_gif_animation_template "; $(pid + ' .btnAnimationShow').on("click", function () { $(pid + ' .imageAnimation').hide(); if ($(this).hasClass("img-responsive")) $(pid + " .btnAnimationShow").show(); $(this).hide(); $("#" + $(this).attr('datatarget')).show(); }); } /*** image_with_gif_animation template end here ***/ /**** image_with_click template start here ****/ function ImageWithClickTemplate(pid) { pid = "#" + pid + ".image_with_click_template "; function changeImage() { var image = $(pid+" #myImage_w3_g1")[0]; if (image.src.match("https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G1_Imageclick/assets/AI_FNDA150_W3_G1_img1 ")) { image.src = "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G1_Imageclick/assets/AI_FNDA150_W3_G1_img2 "; } else { image.src = "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G1_Imageclick/assets/AI_FNDA150_W3_G1_img1 "; } } $(pid+"#myImage_w3_g1").click(function(){ changeImage(); }); } /*** image_with_click template end here ***/ /**** image_click_with_popover template start here ****/ function ImageClickWithPopoverTemplate(pid) { pid = "#" + pid + ".image_click_with_popover_template "; $(pid + '[data-toggle="popover"]').popover(); var pop_length = $(pid + " .popup_button").length; $(pid + ".container").on("click", function (e) { for (i = 1; i <= pop_length; i++) { $(pid + "#popup_" + i).attr({ "src": "assets/img/AI_PHOA208_M4_G2_img" + i + " " }); $(pid + "#popupMobile_" + i).attr({ "src": "assets/img/AI_PHOA208_M4_G2_mobile_img" + i + " " }); } }); $(pid + " .popup_button").on("click", function (e) { e.stopPropagation(); for (i = 1; i <= pop_length; i++) { $(pid + "#popup_" + i).attr({ "src": "assets/img/AI_PHOA208_M4_G2_img" + i + " " }); } var colorId = $(this).attr("id").split("popup_")[1]; $(pid + " #popup_" + colorId).attr({ "src": "assets/img/AI_PHOA208_M4_G2_img" + colorId + "a " }); }); $(pid + " .popup_buttonmobile").on("click", function (e) { e.stopPropagation(); for (i = 1; i <= pop_length; i++) { $(pid + "#popupMobile_" + i).attr({ "src": "assets/img/AI_PHOA208_M4_G2_mobile_img" + i + " " }); } var colorId = $(this).attr("id").split("popupMobile_")[1]; $(pid + " #popupMobile_" + colorId).attr({ "src": "assets/img/AI_PHOA208_M4_G2_mobile_img" + colorId + "a " }); }); } /*** image_click_with_popover template end here ***/ /**** image_with_click_and_button template start here ****/ function ImageWithClickAndButtonemplate(pid) { pid = "#" + pid + ".image_with_click_and_button_template "; var dataname = []; var imageSrc = ""; $(pid+".btnGroup .btnRedGrey1").on("click", function () { while (dataname.length > 0) {
      dataname.pop();
      }
      imageSrc = “”;

      if ($(this).attr(“dataname”) == “0”) {
      $(pid+”.btnGroup .btnRedGrey1″).attr(“dataname”, “0”);
      $(pid+”.btnGroup .btnRedGrey1″).find(“.onoff”).html(“OFF”);
      $(pid+”.btnGroup .btnRedGrey1″).removeClass(“selected”);
      $(this).attr(“dataname”, “1”);
      $(this).find(“.onoff”).html(“ON”);
      $(this).addClass(“selected”);
      }
      else if ($(this).attr(“dataname”) == “1”) {
      $(pid+”.btnGroup .btnRedGrey1″).attr(“dataname”, “0”);
      $(this).attr(“dataname”, “0”);
      $(this).find(“.onoff”).html(“OFF”); $(this).removeClass(“selected”);
      }
      $(pid+”.btnGroup .btnRedGrey1″).each(function (index) {
      dataname.push({ value: $(this).attr(“dataname”) });
      });
      imageSrc = dataname[0].value + “” + dataname[1].value;
      if (dataname[0].value == 1) {
      $(pid+”#content_1″).show(200);
      $(pid+”#content_2″).hide(200);
      } else {
      $(pid+”#content_1″).hide(200);
      }
      if (dataname[1].value == 1) {
      $(pid+”#content_2″).show(200);
      $(pid+”#content_1″).hide(200);
      } else {
      $(pid+”#content_2″).hide(200);
      }
      $(this).parent().parent().find(“.img-rounded”).attr(“src”, “https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/PHOA250_Media/AI_PHOA250_W2_G20_Image/assets/AI_PHOA250_W2_G20_img_” + imageSrc + ” “);
      });
      }
      /*** image_with_click_and_button template end here ***/

      /**** image_click_to_reveal template start here ****/
      function ImageClickToRevealTemplate(pid) {
      pid = “#” + pid + “.image_click_to_reveal_template “;
      loadScripts(“https://myclasses.argosy.edu/shared/plugins/imagemaps/jquery.rwdImageMaps.min.js”,function(){
      $(pid + ‘img[usemap]’).rwdImageMaps();
      var feedbackArr = [‘All preceding levels of need must be realized before the needs for self-actualization are attained. This level represents a person’s need to do what s/he was "born to do". The needs make themselves known in signs of restlessness. It is not always apparent what a person wants for a need of self-actualization to be attained.’, ‘All three previous levels of needs must be met before the needs for esteem become evident. These needs involve self-esteem, and the recognition people receive from others. When these needs are met, people feel self-confident and valuable. When these needs are not met, a person feels frustrated, inferior, weak, and worthless.’, ‘These needs become evident as people try to overcome feelings of loneliness and alienation. This involves both giving and receiving love, affection, and a sense of belonging.’, ‘When physiological needs are met, the need for safety is activated. Adults rarely recognize these needs, except in times of emergency, but children often display signs of insecurity and the need to feel safe.’, ‘Biological needs that consist of needs for food, water, air, and shelter. They are the strongest needs because without these, humans would search for them in order to survive.’];
      $(pid + ” .colorbarBtn”).on(“click”, function (e) {
      var colorId = $(this).attr(“dataname”).split(“colorbarBtn_”)[1];
      //////console.log($(this).parent().attr(“id”));
      //var parentId = $(this).parent().attr(“id”).split(“bootstrapColorBar_”)[1];
      $(pid + “.p_text”).html(feedbackArr[colorId]);
      //alert(colorId+”***”+parentId+”**”+”assets/AI_FNDA150_W3_G8_Tab”+parentId+”_img”+colorId+”.gif”);
      $(pid + ” #image_change”).attr({ “src”: “assets/img/AI_PSY1010_M3_G1_” + colorId + ” ” });
      });
      });
      }
      /*** image_click_to_reveal template end here ***/
      /***image_carousel_template start here****/
      function ImageCarouselTemplate(pid,show_image,show_animation){
      pid = “#” + pid + “.image_carousel_template “;
      $(pid +”.animationBtn”).on(“click”,function(){
      $(this).hide();
      var id = $(this).attr(“id”).split(‘_’)[1];
      $(this).closest(“.fill_grey”).find(“.showImage”).attr(“src”, show_animation[id – 1]);
      });
      $(pid + “.showImage”).click(function () {
      var id = $(this).attr(“id”).split(‘_’)[1];
      $(pid + ” .btnAnimationShow”).show();
      $(this).attr(“src”, show_image[id – 1]);
      });
      $(pid + ‘.carousel’).on(‘slid.bs.carousel’, function (event) {
      $(pid + “.item”).each(function(){
      if($(this).find(“.btnAnimationShow”).css(“display”) == “none”){
      $(this).find(“.showImage”).click();
      }
      });
      });
      }
      /***image_carousel_template end here****/
      /**** image_toggle_with_content template start here ****/
      function ImageToggleWithContentTemplate(pid) {
      pid = “#” + pid + “.image_toggle_with_content_template “;
      function changeImage_w3_g5() {
      var image = $(pid + ” #myImage_w3_g5″)[0];
      if (image.src.match(“assets/img/AI_PHOA203_M3_G5_img1 “)) {
      image.src = “assets/img/AI_PHOA203_M3_G5_img1a “;
      $(“#text_1”).html(“Noise Reduction in Camera Raw”);
      } else {
      image.src = “assets/img/AI_PHOA203_M3_G5_img1 “;
      $(“#text_1”).html(“Original Image”);
      }
      }
      function changeImage_w3_g5_1() {
      var image = $(pid + ” #myImage_w3_g5_1″)[0];
      var image = document.getElementById(‘myImage_w3_g5_1′);
      if (image.src.match(“assets/img/AI_PHOA203_M3_G5_img2 “)) {
      image.src = “assets/img/AI_PHOA203_M3_G5_img2a “;
      $(pid + “#text_2”).html(“Noise Reduction in Photoshop”);
      } else {
      image.src = “assets/img/AI_PHOA203_M3_G5_img2 “;
      $(pid + “#text_2”).html(“Original Image”);
      }
      }
      $(pid + “#media_w3_g5”).click(function () {
      changeImage_w3_g5();
      });
      $(pid + “#media_w3_g5_1”).click(function () {
      changeImage_w3_g5_1();
      });
      }
      /*** image_toggle_with_content template end here ***/

      /**** image_toggle_on_button_click template start here ****/
      function ImageToggleOnButtonClickTemplate(pid) {
      pid = “#” + pid + “.image_toggle_on_button_click_template “;
      var imgPathArr_w2g5 = new Array();
      imgPathArr_w2g5.push({ id: 1, flag: false, imgFirstPath: “https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA120_Media/AI_FNDA120_W2_G5_ImageToggle/assets/AI_FNDA120_W2_G5_img1 “, imgSecondPath: “https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA120_Media/AI_FNDA120_W2_G5_ImageToggle/assets/AI_FNDA120_W2_G5_img1a ” });
      $(pid + “a[class$=’color_orange’]”).click(function () {
      //alert(“hello”);
      var splitStr = $(this).attr(‘id’).split(“_”)[1];
      //alert(splitStr);
      if (imgPathArr_w2g5[splitStr – 1].flag == false) {

      imgPathArr_w2g5[splitStr – 1].flag = true;
      $(pid + ‘#imgToggle_’ + splitStr).attr(‘src’, imgPathArr_w2g5[splitStr – 1].imgSecondPath);
      } else {
      imgPathArr_w2g5[splitStr – 1].flag = false;
      $(pid + ‘#imgToggle_’ + splitStr).attr(‘src’, imgPathArr_w2g5[splitStr – 1].imgFirstPath);
      }
      });
      $(pid + “.carousel-control”).bind(“click”, function () {
      for (var i = 0; i < imgPathArr_w2g5.length; i++) { imgPathArr_w2g5[i].flag = false; $(pid + '#imgToggle_' + (i + 1)).attr('src', imgPathArr_w2g5[i].imgFirstPath); } }); $(pid + "#carousel-example-generic_w2g5 ol li").bind("click", function () { for (var i = 0; i < imgPathArr_w2g5.length; i++) { imgPathArr_w2g5[i].flag = false; $(pid + '#imgToggle_' + (i + 1)).attr('src', imgPathArr_w2g5[i].imgFirstPath); } }); } /*** image_toggle_on_button_click template end here ***/ /**** mcq_droplist template start here ****/ function McqDroplistTemplateOld(pid) { pid = "#" + pid + ".mcq_droplist_template_old "; var answerArr = ['2', '2', '1', '1', '2', '1', '2', '2']; var subScript = 0; function ShowResult() { var str = ""; subScript = 0; $(pid + "select option:selected").each(function () { str += $(this).val() + ", "; if (answerArr[subScript] == $(this).val()) { $(pid + "#option_img_" + (subScript + 1)).addClass("glyphicon-ok-circle"); $(pid + "#option_img_" + (subScript + 1)).css({ "visibility": "visible", "color": "#339900" }); } else { $(pid + "#option_img_" + (subScript + 1)).addClass("glyphicon-remove-circle"); $(pid + "#option_img_" + (subScript + 1)).css({ "visibility": "visible", "color": "#d41920" }); } subScript++; }); // alert("output ="+str); //$(pid + '#btn-showme').prop('disabled', false); $(pid + '.dis').prop('disabled', true); //$(pid + '#btn-submit').prop('disabled', true); $(pid + '#btn-showme').removeClass('disabled'); $(pid + '#btn-submit').addClass('disabled'); } var htmlData = []; var selectData = []; $(pid + "a[data-toggle='collapse']," + pid + "a[data-toggle='tab'] ").each(function () { var tabId = $(this).attr("href").split("#")[1]; //alert(tabId) //alert($("#"+tabId).html()) htmlData.push({ value: $("#" + tabId).html() }); }); $(pid + "a[data-toggle='tab']," + pid + "a[data-toggle='collapse']").on("click", function () { var tabId = parseInt($(this).attr("href").split("#W4G13_tab_")[1]); var tabIndex = tabId - 1; $(pid + "#W4G13_tab_" + tabId).empty(); $(htmlData[tabIndex].value).appendTo(pid+"#W4G13_tab_" + tabId); while (selectData.length > 0) {
      selectData.pop();
      }

      });
      $(pid + “select”).each(function (i) {
      $(this).on(‘change’, function () {
      var found = jQuery.inArray(i, selectData);
      if (found >= 0) {
      // Element was found, remove it.
      //selectData.splice(found, 1);
      //selectData.push(i);
      } else {
      // Element was not found, add it.
      selectData.push(i);
      }
      ////console.log(selectData)

      if (selectData.length >= (answerArr.length)) {
      ////console.log(“111111”);
      $(pid + ‘#btn-submit’).removeClass(‘disabled’);
      }
      });
      });
      $(pid + “#btn-submit “).click(function(){
      ShowResult();
      });
      }
      /*** mcq_droplist template_old end here ***/
      /****** mcq droplist page template start here***/
      function MCQDropListTemplate(pid) {
      pid = “#” + pid + “.mcq_droplist_template “;
      function enableDisableSubmit() {
      var bool = true;
      $(pid).find(“select”).each(function () {
      if ($(this).val() == “” || $(this).val() == “0”) {
      bool = false;
      }
      });
      if (bool) {
      $(pid + ‘#btn-submit’).removeClass(‘disabled’);
      } else {
      $(pid + ‘#btn-submit’).addClass(‘disabled’);
      }
      }
      $(pid).find(“select”).change(function () {
      enableDisableSubmit();
      });
      $(pid + ‘#btn-submit’).on(“click”, function () {
      $(pid).find(“select”).each(function () {
      var glph = $(this).closest(“tr”).find(“.glyphicon”);
      if ($(this).val() == $(this).attr(“data-answer”)) {
      $(glph).addClass(“glyphicon-ok-circle”);
      $(glph).css({ “visibility”: “visible”, “color”: “#339900” });
      } else {
      $(glph).addClass(“glyphicon-remove-circle”);
      $(glph).css({ “visibility”: “visible”, “color”: “#d41920” });
      }
      });
      $(pid + ‘#btn-showme’).removeClass(‘disabled’);
      $(pid + ‘select’).prop(‘disabled’, true);
      $(pid + ‘#btn-submit’).addClass(‘disabled’);
      });
      }
      /******mcq droplist page template end here***/
      /**** mcq template start here ****/
      function McqTemplate(pid) {
      pid = “#” + pid + “.mcq_template “;

      $(pid + “#correct”).on(“click”, function () {
      $(this).addClass(“correct”);
      $(pid + “#opt1_answer”).css(‘visibility’, ‘visible’);
      $(pid + “#wrong”).removeClass(“wrong”);
      $(pid + “#opt2_answer”).css(‘visibility’, ‘hidden’);
      if ($(window).width() <=1024) { //alert("hi correct"); $(pid + "#correct_description").show(); $(pid + "#wrong_description").hide(); } else { //alert("yoo correct"); $(pid + "#correct_desc_1").show(); $(pid + "#wrong_desc_1").hide(); } }); $(pid + "#wrong").on("click", function () { $(this).addClass("wrong"); $(pid + "#opt2_answer").css('visibility', 'visible'); $(pid + "#correct").removeClass("correct"); $(pid + "#opt1_answer").css('visibility', 'hidden'); if ($(window).width() <=1024) { //alert("hi wrong"); $(pid + "#wrong_description").show(); $(pid + "#correct_description").hide(); } else { //alert("yoo wrong"); $(pid + "#correct_desc_1").hide(); $(pid + "#wrong_desc_1").show(); } }); } /*** mcq template end here ***/ /**** slider_mcq_with_restart template start here ****/ function SliderMcqWithRestartTemplate(pid) { pid = "#" + pid + ".slider_mcq_with_restart_template "; var ref = this; var qarr = [{ question: "Ascender", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q1_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q1_option2 ", correct: 1 }, { question: "Descender", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q2_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q2_option2 ", correct: 2 }, { question: "Cap Height", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q3_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q3_option2 ", correct: 2 }, { question: "X-Height", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q4_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q4_option2 ", correct: 1 }, { question: "Counter", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q5_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q5_option2 ", correct: 1 }, { question: "Arm", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q6_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q6_option2 ", correct: 2 }, { question: "Bowl", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q7_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q7_option2 ", correct: 2 }, { question: "Spine", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q8_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q8_option2 ", correct: 1 }, { question: "Stem", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q9_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q9_option2 ", correct: 2 }, { question: "Shoulder", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q10_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q10_option2 ", correct: 1 }, { question: "Sans Serif", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q11_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q11_option2 ", correct: 2 }, { question: "Serif", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q12_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q12_option2 ", correct: 2 }, { question: "Terminal", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q13_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q13_option2 ", correct: 1 }, { question: "Stress", opt1: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q14_option1 ", opt2: "https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/AI_GWDA112_W1_G4_q14_option2 ", correct: 2 }]; this.totalQuestions = qarr.length; this.currentQuestion = 1; this.container = pid; this.init = function () { $(this.container + "#btn_retry").on("click", this.retryQuestion); $(this.container + "#btn_restart").on("click", this.restartQuiz); $(this.container).on("click", '.option', this.selectOption); this.buildUpQuestions(); } this.buildUpQuestions = function () { var qstr = '

      ‘ +

      ‘ +

      ‘ +

      {{QUESTION_TEXT}}

      ‘ +

      ‘ +

      ‘ +

      ‘ +

      ‘ +

      ‘ +
      ‘ +

      ‘ +
      right‘ +

      ‘ +

      ‘ +

      ‘ +
      ‘ +

      ‘ +
      wrong ‘ +

      ‘ +

      ‘ +

      ‘ +

      ‘ +

      ‘;

      for (var i = 0; i < qarr.length; i++) { var q = qstr; q = q.replace(/{{QUESTION_INDEX}}/ig, i + 1); q = q.replace(/{{QUESTION_TEXT}}/ig, qarr[i].question); q = q.replace(/{{OPTION_1}}/ig, qarr[i].opt1); q = q.replace(/{{OPTION_2}}/ig, qarr[i].opt2); $(q).insertBefore("#carousel_AIO_G131_W1_L5_S1_G1 .carousel-inner .result-screen") } $(this.container + ".answer").css("visibility", "hidden"); $('#carousel_AIO_G131_W1_L5_S1_G1 .item:first').addClass("active"); /* crousel button */
      $(‘#carousel_AIO_G131_W1_L5_S1_G1’).carousel({ interval: false });
      $(‘#carousel_AIO_G131_W1_L5_S1_G1’).on(‘slide.bs.carousel’, function (event) {
      $(event.relatedTarget).find(“.option”).removeClass(“correct wrong”);
      $(event.relatedTarget).find(“.answer”).css(“visibility”, “hidden”);
      ref.currentQuestion = parseInt($(event.relatedTarget).attr(“data-id”));

      ref.showHideNextBackButtons();
      if (ref.currentQuestion == 0) {
      ref.showResultScreen();
      }
      });
      ref.showHideNextBackButtons();
      }
      this.restartQuiz = function () {
      $(ref.container + “.instruction”).show();
      $(‘#carousel_AIO_G131_W1_L5_S1_G1’).carousel(0);
      ref.currentQuestion = 1;
      }
      this.showResultScreen = function () {
      $(this.container + “.instruction”).hide();
      $(this.container + “#next-btn”).hide();
      $(this.container + “#back-btn”).hide();
      $(this.container + “#nav”).hide();
      }
      this.selectOption = function () {
      var selectedOption = parseInt($(this).attr(“data-id”));
      var qContainer = ref.container + “#question_” + ref.currentQuestion + ” “;
      //$(ref.container+”#opt_answer”).attr(“src”,$(ref.container+”#opt_”+selectedOption).attr(“src”));
      $(qContainer + “.answer”).css(“visibility”, “hidden”);
      $(qContainer + “.option”).removeClass(“correct wrong”);
      var question = qarr[ref.currentQuestion – 1];
      if (selectedOption == question.correct) {
      $(qContainer + “#opt” + selectedOption + “_answer img”).attr(“src”, “https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/right_tick “)
      $(qContainer + “#opt_” + selectedOption).addClass(“correct”);
      } else {
      $(qContainer + “#opt” + selectedOption + “_answer img”).attr(“src”, “https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/GWDA112_Media/AI_GWDA112_W1_G4_SliderMcq/assets/wrong_tick “)
      $(qContainer + “#opt_” + selectedOption).addClass(“wrong”);
      }
      $(qContainer + “#opt” + selectedOption + “_answer “).css(“visibility”, “visible”);
      }
      this.showHideNextBackButtons = function () {
      if (ref.currentQuestion > 1) {
      $(this.container + “#back-btn”).show();
      $(this.container + “#nav”).show();
      } else {
      $(this.container + “#back-btn”).hide();
      }
      if (ref.currentQuestion <= ref.totalQuestions && ref.currentQuestion > 0) {
      $(this.container + “#next-btn”).show();
      $(this.container + “#nav”).show();
      } else {
      $(this.container + “#next-btn”).hide();
      }
      }
      this.init();
      }
      /*** slider_mcq_with_restart template end here ***/

      /**** tab_with_mcq template start here ****/
      function TabWithMcqTemplate(pid) {
      pid = “#” + pid + “.tab_with_mcq_template “;
      var id;
      $(pid+’.carousel’).carousel({
      interval: false
      });
      loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”, function () {
      $(pid+’#tab_with_mcq_myTab_W6G2′).tabCollapse();
      var windowWidth;
      $(pid+”a[href^=’#tab’]”).click(function () {
      $(pid+”.tick”).css(“visibility”, “hidden”);
      $(pid+”.answer,.device”).css(“display”, “none”);
      $(pid+”.option”).removeClass(“correct incorrect”);
      $(pid+”.answer”).removeClass(“Right wrong”);
      });
      $(pid+”.option”).click(function () {
      $(pid+”.tick”).css(“visibility”, “hidden”);
      $(pid+”.answer,.device”).css(“display”, “none”);
      $(pid+”.option”).removeClass(“correct incorrect”);
      $(pid+”.answer”).removeClass(“Right wrong”);
      id = $(this).attr(“id”).split(“opt_”)[1];
      $(pid+”#tick_” + id).css(“visibility”, “visible”);
      $(pid+”#answer_” + id).css(“display”, “block”);
      viewportAnswer();
      if ($(this).attr(“isCorrect”) == “true”) {
      $(this).addClass(“correct”);
      $(pid+”#answer_” + id).addClass(“Right”);
      $(pid+”#view_” + id).addClass(“Right”);
      }
      else {
      $(this).addClass(“incorrect”);
      $(pid+”#answer_” + id).addClass(“wrong”);
      $(pid+”#view_” + id).addClass(“wrong”);
      }
      });
      function viewportAnswer() {
      //////console.log(“viewport”);
      windowWidth = $(window).width();
      if (windowWidth < 768) { $(pid+".answer,.device").css("display", "none"); $(pid+"#view_" + id).css("display", "block"); } } }); } /*** tab_with_mcq template end here ***/ /**** tab_horizontal_with_code_and_output template start here ****/ function TabHorizontalWithCodeAndOutputTemplate(pid) { pid = "#" + pid+".tab_horizontal_with_code_and_output_template "; loadScripts(["https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js"], function () { $(pid+'#tab_horizontal_with_code_and_output_template_myTab_W1G18').tabCollapse(); var length = $('.tab-pane').length; for (var i = 1; i <= length; i++) { $(pid+"#tab_" + i).load("assets/list_" + i + ".html"); } }); } /*** tab_horizontal_with_code_and_output template end here ***/ /**** tab_vertical_with_code_content template start here ****/ function TabVerticalWithCodeContentTemplate(pid) { pid = "#" + pid + ".tab_vertical_with_code_content_template "; /*$(pid + ".js-tabcollapse-panel-heading").on("click", function () { $(pid + ".panelheadingVimeo").removeClass("selected"); //$("#headingm6g4_1").addClass("selected"); $(pid + "#accordion1_m6g4 .panel-heading").first().addClass("selected"); $(pid + "#accordion2_m6g4 .panel-heading").first().addClass("selected"); $(pid + ".tab-pane").removeClass("in active"); $(pid + "#tabm6g4_1").addClass("in active"); $(pid + "#tabm6g4_4").addClass("in active"); $(pid + ".res_mobile .panel-collapse").removeClass("in"); $(pid + "#collapseListGroup_mobile1_m6g4").addClass("in"); $(pid + "#collapseListGroup_mobile4_m6g4").addClass("in"); $(pid + ".res_mobile .panel-heading_tab,.panel-collapse").attr("aria-expanded", false); $(pid + "#collapseListGroupHeading_mobile1_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroupHeading_mobile4_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile4_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile1_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile1_m6g4").removeAttr('style'); $(pid + "#collapseListGroup_mobile4_m6g4").removeAttr('style'); $(pid + "#collapseListGroupHeading_mobile4_m6g4, #collapseListGroupHeading_mobile1_m6g4").removeClass("collapsed"); });*/ $(pid + ".panelheadingVimeo").bind("click", function () { $(this).parent().parent().parent().children().children().children(".panelheadingVimeo").removeClass("selected"); $(this).addClass("selected"); }); } /*** tab_vertical_with_code_content template end here ***/ /**** tab_vertical template start here ****/ function TabVerticalTemplate(pid) { pid = "#" + pid + ".tab_vertical_template "; /*$(pid + ".js-tabcollapse-panel-heading").on("click", function () { $(pid + ".panelheadingVimeo").removeClass("selected"); //$("#headingm6g4_1").addClass("selected"); $(pid + "#accordion1_m6g4 .panel-heading").first().addClass("selected"); $(pid + "#accordion2_m6g4 .panel-heading").first().addClass("selected"); $(pid + ".tab-pane").removeClass("in active"); $(pid + "#tabm6g4_1").addClass("in active"); $(pid + "#tabm6g4_4").addClass("in active"); $(pid + ".res_mobile .panel-collapse").removeClass("in"); $(pid + "#collapseListGroup_mobile1_m6g4").addClass("in"); $(pid + "#collapseListGroup_mobile4_m6g4").addClass("in"); $(pid + ".res_mobile .panel-heading_tab,.panel-collapse").attr("aria-expanded", false); $(pid + "#collapseListGroupHeading_mobile1_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroupHeading_mobile4_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile4_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile1_m6g4").attr("aria-expanded", true); $(pid + "#collapseListGroup_mobile1_m6g4").removeAttr('style'); $(pid + "#collapseListGroup_mobile4_m6g4").removeAttr('style'); $(pid + "#collapseListGroupHeading_mobile4_m6g4, #collapseListGroupHeading_mobile1_m6g4").removeClass("collapsed"); });*/ $(pid + ".panelheadingVimeo").bind("click", function () { $(this).closest(".template-container").find(".panelheadingVimeo").removeClass("selected"); $(this).addClass("selected"); }); } /*** tab_vertical template end here ***/ /*** html_list template start here ***/ function AccordionListTemplate(pid,showimage,showanimation) { pid = "#" + pid; $(pid +".accordion_list_template .animationBtn").on("click",function(){ $(this).hide(); var id = $(this).attr("id").split('_')[1]; $(this).closest(".fill_grey").find(".imageanimation").attr("src", showanimation[id - 1]); }); $(pid + ".accordion_list_template .imageanimation").click(function () { var id = $(this).attr("id").split('_')[1]; $(pid + " .btnAnimationShow").show(); $(this).attr("src", showimage[id - 1]); }); $(pid + ".imageanimation").click(function () { var id = $(this).attr("id").split('_')[1]; $(pid + " .btnAnimationShow").show(); $(this).attr("src", showimage[id - 1]); }); $(pid +".accordion_list_template .panel-default .panel-heading").on("click",function(){ $(pid + ".accordion_list_template .panel").each(function(){ if($(this).find(".btnAnimationShow").css("display") == "none"){ $(this).find(".imageanimation").click(); } }); $(pid+".accordion_list_template .panel-heading .panel-title .glyphicon").removeClass("glyphicon-menu-up").addClass("glyphicon-menu-down"); $(pid+".accordion_list_template .panel-heading .panel-title span").css("background-position", "0px 0px"); if($(this).hasClass("collapsed")) { $(this).find(".panel-title .glyphicon").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up"); $(this).find(".panel-title span").css("background-position", "-27px 0px"); } else { $(this).find(".panel-title .glyphicon").removeClass("glyphicon-menu-up").addClass("glyphicon-menu-down"); $(this).find(".panel-title span").css("background-position", "0px 0px"); } //tab_id=$(this).parent().find(".content_with_pagination_template").attr("id").split("_")[1]; //$(this).parent().find(".gif_animation img").attr("src",anim_array[tab_id-1]); var visibleContent =$(this).parent().find(".content_with_pagination_template #media_1 #page_1").html(); $(this).parent().find(".content_with_pagination_template #media_1 #content").html(visibleContent); $(this).parent().find(".content_with_pagination_template #page-selection ul > li”).removeClass(“active”);
      $(this).parent().find(“.content_with_pagination_template #page-selection .pagination> li.prev”).addClass(“disabled”).find(“a span”).css(“color”,”rgb(204,204,204)”);
      $(this).parent().find(“.content_with_pagination_template #page-selection .pagination li.next”).attr(“data-lp”,2).removeClass(“disabled”).find(“a span”).css(“color”,”rgb(102,102,102)”);
      $(this).parent().find(“.content_with_pagination_template #page-selection .pagination li:nth-child(2)”).addClass(“active”);
      });
      }
      /*** html_list template end here ***/
      /****VerticalTabWithClickableImageMaps start here***/
      function VerticalTabWithClickableImageMaps(pid){
      pid = “#”+pid+”.vertical_tab_with_clickable_image_maps “;
      $(pid+'[data-toggle=”popover”]’).popover();
      $(pid+”.tabs .tab”).click(function(){
      var rel = $(this).attr(“rel”);
      $(pid+”.tab_container .tab_content”).removeClass(“active”);
      $(pid+”.tab_container .tab_content#”+rel).addClass(“active”);
      $(pid+”.tabs .tab”).removeClass(“active”);
      $(this).addClass(“active”);
      $(pid+”.tab_container .tab_drawer_heading”).removeClass(“active”);
      $(pid+”.tab_container .tab_drawer_heading[rel='”+rel+”‘]”).addClass(“active”);
      });
      $(pid+”.tab_container .tab_drawer_heading”).click(function(){

      var rel = $(this).attr(“rel”);
      var lastElement = $(pid+”.tab_container .tab_content.active”);
      $(pid+”.tab_container .tab_drawer_heading”).removeClass(“active”);
      $(this).addClass(“active”);
      $(pid+”.tabs .tab”).removeClass(“active”);
      $(pid+” .tabs .tab[rel='”+rel+”‘]”).addClass(“active”);
      $(pid+”.tab_container .tab_content”).removeClass(“active”);
      $(pid+”.tab_container .tab_content#”+rel).addClass(“active”);
      $(lastElement).css(“display”,”block”);
      $(lastElement).animate({
      opacity: 0,
      height:0
      },500,function(){
      $(lastElement).css(“display”,”none”);
      });

      $(pid+”.tab_container .tab_content.active”).css({display:”block”,height:”auto”});
      var origHeight = $(pid+”.tab_container .tab_content.active”).outerHeight();
      $(pid+”.tab_container .tab_content.active”).css({display:”block”,opacity:0,height:0});
      $(pid+”.tab_container .tab_content.active”).animate({
      opacity: 1,
      height:origHeight
      },500,function(){
      //$(lastElement).css(“display”,”none”);
      });
      });
      }
      /****VerticalTabWithClickableImageMaps end here***/
      /**** TabWithSliderWithoutText template start here ****/
      function TabWithSliderWithoutText(pid) {
      pid = “#” + pid;
      loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”, function () {
      $(pid + ‘.tab_with_slider_without_text_template #myTab_media1’).tabCollapse();
      });
      $(pid + ‘.tab_with_slider_without_text_template #myTab_media1 li’).on(“click”,function(){
      var id=$(this).attr(‘href’).split(‘_’)[0].split(‘#tab’)[1];
      //$(this).attr(‘href’);
      //////console.log(id);
      $(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1”).find(‘.tabwithslider_img .carousel-inner .item’).removeClass(“active”);
      $(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1”).find(‘.tabwithslider_img .carousel-inner .item’).first().addClass(“active”);
      $(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1”).find(‘.carousel-indicators li’).removeClass(“active”);
      $(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1”).find(‘.carousel-indicators li’).first().addClass(“active”);

      });
      $(pid +’.tab_with_slider_without_text_template a’).on(“click”,function(){
      ////console.log(“yeh3tiu”);
      var id=$(this).attr(‘href’).split(‘_’)[0].split(‘#tab’)[1];
      ////console.log(id)
      $(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1-collapse”).find(‘.tabwithslider_img .carousel-inner .item’).removeClass(“active”);
      $(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1-collapse”).find(‘.tabwithslider_img .carousel-inner .item’).first().addClass(“active”);
      $(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1-collapse”).find(‘.carousel-indicators li’).removeClass(“active”);
      $(pid + “.tab_with_slider_without_text_template #tab”+id+”_media1-collapse”).find(‘.carousel-indicators li’).first().addClass(“active”);
      });
      }
      /*** TabWithSliderWithoutText template end here ***/
      /***infographic_template start here***/
      function InfographicTemplate(pid){
      pid = “#” + pid + “.infographic_template_1”;
      var imgHeight=[];
      $(window).load(function(){
      $(pid).find(“.bg_container”).each(function(){
      imgHeight.push(parseInt($(this).css(“height”)));
      });
      var a= Math.max.apply(Math, imgHeight);
      $(pid).find(“.bg_container”).each(function(){
      $(this).css(“height”,a+”px”);
      });
      });
      }

      /*****************/
      /*****************/
      /***infographic_template end here***/
      /*** horizontal timeline with thumbnails template start here*/
      function HorizontalTimelineTemplate(pid){
      pid = “#” + pid + “.horizontal_timeline_template “;

      var isBlocksCreated = false;
      var isMobile = false;
      var wind = window;
      if(window.parent){
      wind = window.parent.window;
      }
      function nvsOnScreen(element) {
      // window bottom edge

      var windowBottomEdge = $(wind).scrollTop() + $(wind).height();

      // element top edge
      var elementTopEdge = element.offset().top;
      var offset = 100;
      // if element is between window’s top and bottom edges
      return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(animState){ animState = animState || "paused"; var delay = 0; $(pid+".horizontal-timeline-item").each(function(){ $(this).find(".horizontal-timeline-item-img").css("-webkit-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-img").css("-moz-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-img").css("-ms-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-img").css("animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); delay += 250; }); $(pid+".horizontal-timeline-item").each(function(){ $(this).find(".horizontal-timeline-item-title").css("-webkit-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-title").css("-moz-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-title").css("-ms-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".horizontal-timeline-item-title").css("animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".item-popover").css("-webkit-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".item-popover").css("-moz-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".item-popover").css("-ms-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); $(this).find(".item-popover").css("animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards "+animState); }); $(pid+".horizontal-timeline-item").find(".item-popover .item-popover-footer").click(function(){ if($(this).attr("data-expand") == "true"){ $(this).attr("data-expand","false"); $(this).closest(".item-popover").attr("data-expand","false"); $(this).prev(".item-popover-content").css("max-height","86px"); $(this).find(".glyphicon").removeClass("glyphicon-menu-up").addClass("glyphicon-menu-down"); }else{ $(this).attr("data-expand","true"); var hgt = parseInt($(this).closest(".item-popover").find(".item-popover-content")[0].scrollHeight,10) + 20; $(this).closest(".item-popover").attr("data-expand","true"); $(this).prev(".item-popover-content").css("max-height",hgt); $(this).find(".glyphicon").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up"); } }) } function resizePopoverContent(){ if(!isMobile){ return; } $(pid+" .horizontal-timeline-item").each(function(){ if($(this).find(".item-popover .item-popover-content").length != "") { if(parseInt($(this).find(".item-popover .item-popover-content")[0].scrollHeight,10) <= 82){ $(this).find(".item-popover .item-popover-content").removeClass("more-content"); }else{ $(this).find(".item-popover .item-popover-content").addClass("more-content"); } } }); } function resizeContainer(){ if(isMobile){ $(pid+".horizontal-timeline-items-container").css("padding","0px 0px 15px 0px"); return; } //toggle all boxes to possible max height $(pid+".horizontal-timeline-item .item-popover").each(function(){ $(this).attr("data-expand","true"); $(this).find(".item-popover-content").css("max-height","none"); $(this).find(".glyphicon").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up"); }); var hgt1 = 0; var hgt2 = 0; var tmp; $(pid+".horizontal-timeline-item:nth-child(odd)").each(function(){ tmp = parseInt($(this).find(".item-popover").height(),10); if(tmp > hgt1){
      hgt1 = tmp;
      }
      });
      $(pid+”.horizontal-timeline-item:nth-child(even)”).each(function(){
      tmp = parseInt($(this).find(“.item-popover”).height(),10);

      if(tmp > hgt2){
      hgt2 = tmp;
      }
      });

      hgt1 += 25;
      hgt2 += 10;

      $(pid+”.horizontal-timeline-items-container”).css(“padding”,hgt2+”px 0px “+hgt1+”px 0px”);

      }
      function animate(){
      isBlocksCreated = true;
      $(pid+”.horizontal-timeline-items”).addClass(“start-animation”);

      //fix for ie 11 window 7 bug – animation play state can not be changed…
      var delay = 0;
      $(pid+”.horizontal-timeline-item”).each(function(){
      $(this).find(“.horizontal-timeline-item-img”).css(“-webkit-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards “);
      $(this).find(“.horizontal-timeline-item-img”).css(“-moz-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
      $(this).find(“.horizontal-timeline-item-img”).css(“-ms-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
      $(this).find(“.horizontal-timeline-item-img”).css(“animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
      delay += 250;
      });

      $(pid+”.horizontal-timeline-item”).each(function(){
      $(this).find(“.horizontal-timeline-item-title”).css(“-webkit-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);
      $(this).find(“.horizontal-timeline-item-title”).css(“-moz-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);
      $(this).find(“.horizontal-timeline-item-title”).css(“-ms-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);
      $(this).find(“.horizontal-timeline-item-title”).css(“animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);

      $(this).find(“.item-popover”).css(“-webkit-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);
      $(this).find(“.item-popover”).css(“-moz-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);
      $(this).find(“.item-popover”).css(“-ms-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);
      $(this).find(“.item-popover”).css(“animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);
      });
      /*$(pid+”.horizontal-timeline-item”).find(“.item-popover .item-popover-footer”).click(function(){
      if($(this).attr(“data-expand”) == “true”){
      $(this).attr(“data-expand”,”false”);
      $(this).closest(“.item-popover”).attr(“data-expand”,”false”);
      $(this).prev(“.item-popover-content”).css(“max-height”,”86px”);
      $(this).find(“.glyphicon”).removeClass(“glyphicon-menu-up”).addClass(“glyphicon-menu-down”);
      }else{
      $(this).attr(“data-expand”,”true”);
      var hgt = parseInt($(this).closest(“.item-popover”).find(“.item-popover-content”)[0].scrollHeight,10) + 20;
      $(this).closest(“.item-popover”).attr(“data-expand”,”true”);
      $(this).prev(“.item-popover-content”).css(“max-height”,hgt);
      $(this).find(“.glyphicon”).removeClass(“glyphicon-menu-down”).addClass(“glyphicon-menu-up”);
      }
      });*/
      // fix end for ie…
      }

      $(window).load(function () {
      if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } resizeContainer(); init("initial"); resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ animate(); } }); $(window).on('resize.'+pid, function (e) { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } resizeContainer(); resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); } /*** horizontal timeline with thumbnails template end here*/ /***timeline template start here*/ function IconBasedTemplate1(pid){ pid = "#" + pid + ".icon_based_template "; var isBlocksCreated = false; var isMobile = false; var wind = window; if(window.parent){ wind = window.parent.window; } function nvsOnScreen(element) { // window bottom edge var windowBottomEdge = $(wind).scrollTop() + $(wind).height(); // element top edge var elementTopEdge = element.offset().top; var offset = 100; // if element is between window's top and bottom edges return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } var wid= $(pid).find(".bg_container").attr("attr-maxwidth"); console.log(wid); function IconTemplateDesktopLayout(){ console.log("desktop"); $(pid).find(".bg_container .img-rounded").remove(); $(pid).find(".bg_container .image_item img").remove(); $(pid).find(".bg_container").css({ width: $(pid).find(".bg_container").attr("attr-width-desktop"), height: $(pid).find(".bg_container").attr("attr-height-desktop") }); $(pid).find(".bg_container").append("“);
      $(pid).find(“.image_item”).each(function(){
      $(this).append(““);
      $(this).css({
      left:$(this).attr(“attr-desktop-x”)+”%”,
      top:$(this).attr(“attr-desktop-y”)+”%”
      });
      });

      }

      function IconTemplateMobileLayout(){
      console.log(“mobile”);
      $(pid).find(“.bg_container .img-rounded”).remove();
      $(pid).find(“.bg_container .image_item img”).remove();
      $(pid).find(“.bg_container”).css({
      width: $(pid).find(“.bg_container”).attr(“attr-width-mobile”),
      height: $(pid).find(“.bg_container”).attr(“attr-height-mobile”)
      });
      $(pid).find(“.bg_container”).append(““);
      $(pid).find(“.image_item”).each(function(){
      $(this).append(““);
      $(this).css({
      left:$(this).attr(“attr-mobile-x”)+”%”,
      top:$(this).attr(“attr-mobile-y”)+”%”
      });
      });
      }

      function init(){
      var delay = 0;
      $(pid+”.center-image”).each(function(){

      $(this).css(“-webkit-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
      $(this).css(“-moz-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
      $(this).css(“-ms-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
      $(this).css(“animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
      delay += 1000;
      });
      $(pid+”.shell-image”).each(function(){

      $(this).css(“-webkit-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
      $(this).css(“-moz-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
      $(this).css(“-ms-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
      $(this).css(“animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards paused”);
      delay += 2000;
      });
      $(pid+”.image_item”).each(function(){

      $(this).css(“-webkit-animation”,”zoom-in-animation 1s linear “+delay+”ms normal 1 forwards paused”);
      $(this).css(“-moz-animation”,”zoom-in-animation 1s linear “+delay+”ms normal 1 forwards paused”);
      $(this).css(“-ms-animation”,”zoom-in-animation 1s linear “+delay+”ms normal 1 forwards paused”);
      $(this).css(“animation”,”zoom-in-animation 1s linear “+delay+”ms normal 1 forwards paused”);
      delay += 2500;

      });

      }

      function animate(){
      isBlocksCreated = true;
      //$(pid+”.horizontal-timeline-items”).addClass(“start-animation”);

      //fix for ie 11 window 7 bug – animation play state can not be changed…
      var delay = 0;
      $(pid+”.center-image”).each(function(){

      $(this).css(“-webkit-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards “);
      $(this).css(“-moz-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
      $(this).css(“-ms-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
      $(this).css(“animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
      delay +=100;

      });
      $(pid+”.shell-image”).each(function(){

      $(this).css(“-webkit-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards “);
      $(this).css(“-moz-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
      $(this).css(“-ms-animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
      $(this).css(“animation”,”fade-in-animation 500ms linear “+delay+”ms normal 1 forwards”);
      delay += 250;
      });

      $(pid+”.image_item”).each(function(){

      $(this).css(“-webkit-animation”,” zoom-in-animation 1s linear “+delay+”ms normal 1 forwards”);
      $(this).css(“-moz-animation”,” zoom-in-animation1s linear “+delay+”ms normal 1 forwards”);
      $(this).css(“-ms-animation”,” zoom-in-animation 1s linear “+delay+”ms normal 1 forwards”);
      $(this).css(“animation”,”zoom-in-animation 1s linear “+delay+”ms normal 1 forwards”);
      delay += 500;

      });
      // fix end for ie…
      }

      $(window).load(function () {
      console.log(“wid”+wid)
      console.log(“wid1111″+$(pid).outerWidth())
      if(parseInt($(pid).outerWidth(),10) < wid){ IconTemplateMobileLayout(); }else{ IconTemplateDesktopLayout(); } //resizeContainer(); //init(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ animate(); } }); $(window).on('resize', function (e) { if(parseInt($(pid).outerWidth(),10) < wid){ IconTemplateMobileLayout(); }else{ IconTemplateDesktopLayout(); } //resizeContainer(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animate(); } }); } /*** icon_based template end here*/ /*** icon_based template2 start here*/ function IconBasedTemplate2(pid){ pid = "#" + pid + ".icon_based_template_2 "; var isBlocksCreated = false; var isMobile = false; var wind = window; if(window.parent){ wind = window.parent.window; } function nvsOnScreen(element) { // window bottom edge var windowBottomEdge = $(wind).scrollTop() + $(wind).height(); // element top edge var elementTopEdge = element.offset().top; var offset = 100; // if element is between window's top and bottom edges return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid+".center-image").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 100; }); $(pid+".shell-image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 200; }); $(pid+".image_item").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); delay += 400; }); } function animate(){ isBlocksCreated = true; //$(pid+".horizontal-timeline-items").addClass("start-animation"); //fix for ie 11 window 7 bug - animation play state can not be changed... var delay = 0; $(pid+".center-image").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); delay += 100; }); $(pid+".shell-image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); delay += 250; }); $(pid+".image_item").each(function(){ $(this).css("-webkit-animation"," fade-in-animation 1s linear "+delay+"ms normal 1 forwards"); $(this).css("-moz-animation"," fade-in-animation 1s linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation"," fade-in-animation 1s linear "+delay+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards"); delay += 500; }); // fix end for ie... } $(window).load(function () { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //init(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hi22i1111111111"); animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii1111111111"); animate(); } }); $(window).on('resize.'+pid, function (e) { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animate(); } }); } /*** icon_based template2 end here*/ /**Infographic Sample 3 Temaplte***/ function InfographicSampleTemplate3(pid){ pid = "#" + pid + ".infographic_sample_template_3 "; var isBlocksCreated = false; var isMobile = false; var wind = window; if(window.parent){ wind = window.parent.window; } function nvsOnScreen(element) { // window bottom edge var windowBottomEdge = $(wind).scrollTop() + $(wind).height(); // element top edge var elementTopEdge = element.offset().top; var offset = 100; // if element is between window's top and bottom edges return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid+".info_image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 300; }); } function animate(){ isBlocksCreated = true; //$(pid+".horizontal-timeline-items").addClass("start-animation"); //fix for ie 11 window 7 bug - animation play state can not be changed... var delay = 0; $(pid+".info_image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 500ms linear "+delay+"ms normal 1 forwards"); delay += 300; }); // fix end for ie... } $(window).load(function () { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //init(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hi22i1111111111"); animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii1111111111"); animate(); } }); $(window).on('resize.'+pid, function (e) { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animate(); } }); } /**Infographic Sample 3 Temaplte***/ /**Horizontal timeline Sample1 Temaplaate start here***/ function HorizontalTimelineSample1Template(pid){ pid = "#" + pid + ".horizontaltimelinesample1_template "; var totalWidth=0; var timelineTotWidth=0; var timelines = $(pid+'.cd-horizontal-timeline'), eventsMinDistance = 60; (timelines.length > 0) && initTimeline(timelines);
      function initTimeline(timelines) {
      timelines.each(function(){

      var timeline = $(this),
      timelineComponents = {};
      //cache timeline components
      timelineComponents[‘timelineWrapper’] = timeline.find(‘.events-wrapper’);
      timelineComponents[‘eventsWrapper’] = timelineComponents[‘timelineWrapper’].children(‘.events’);
      timelineComponents[‘fillingLine’] = timelineComponents[‘eventsWrapper’].children(‘.filling-line’);
      timelineComponents[‘timelineEvents’] = timelineComponents[‘eventsWrapper’].find(‘a’);
      timelineComponents[‘timelineDates’] = parseDate(timelineComponents[‘timelineEvents’]);
      timelineComponents[‘eventsMinLapse’] = minLapse(timelineComponents[‘timelineDates’]);
      timelineComponents[‘timelineNavigation’] = timeline.find(‘.cd-timeline-navigation’);
      timelineComponents[‘eventsContent’] = timeline.children(‘.events-content’);

      timelineTotWidth= setTimelineWidth(timelineComponents, eventsMinDistance);
      //assign a left postion to the single events along the timeline
      setDatePosition(timelineComponents, eventsMinDistance);
      //assign a width to the timeline

      //the timeline has been initialize – show it
      //setDatePosition(timelineComponents, eventsMinDistance);

      timeline.addClass(‘loaded’);

      //detect click on the next arrow
      timelineComponents[‘timelineNavigation’].on(‘click’, ‘.next’, function(event){
      event.preventDefault();
      //setDatePosition(timelineComponents, eventsMinDistance);
      updateSlide(timelineComponents, timelineTotWidth, ‘next’);
      //$(pid+”.events-wrapper .events ol li a”).css(left,””);

      });
      //detect click on the prev arrow
      timelineComponents[‘timelineNavigation’].on(‘click’, ‘.prev’, function(event){
      event.preventDefault();
      //setDatePosition(timelineComponents, eventsMinDistance);
      updateSlide(timelineComponents, timelineTotWidth, ‘prev’);

      });
      //detect click on the a single event – show new event content
      timelineComponents[‘eventsWrapper’].on(‘click’, ‘a’, function(event){
      event.preventDefault();
      timelineComponents[‘timelineEvents’].removeClass(‘selected’);
      $(this).addClass(‘selected’);
      updateOlderEvents($(this));
      updateFilling($(this), timelineComponents[‘fillingLine’], timelineTotWidth);
      updateVisibleContent($(this), timelineComponents[‘eventsContent’]);
      });
      //on swipe, show next/prev event content
      timelineComponents[‘eventsContent’].on(‘swipeleft’, function(){
      var mq = checkMQ();
      ( mq == ‘mobile’ ) && showNewContent(timelineComponents, timelineTotWidth, ‘next’);
      });
      timelineComponents[‘eventsContent’].on(‘swiperight’, function(){
      var mq = checkMQ();
      ( mq == ‘mobile’ ) && showNewContent(timelineComponents, timelineTotWidth, ‘prev’);
      });
      //keyboard navigation
      $(document).keyup(function(event){
      if(event.which==’37’ && elementInViewport(timeline.get(0)) ) {
      showNewContent(timelineComponents, timelineTotWidth, ‘prev’);
      } else if( event.which==’39’ && elementInViewport(timeline.get(0))) {
      showNewContent(timelineComponents, timelineTotWidth, ‘next’);
      }
      });
      });
      }
      function updateSlide(timelineComponents, timelineTotWidth, string) {
      //retrieve translateX value of timelineComponents[‘eventsWrapper’]
      var translateValue = getTranslateValue(timelineComponents[‘eventsWrapper’]),
      wrapperWidth = Number(timelineComponents[‘timelineWrapper’].css(‘width’).replace(‘px’, ”));
      //translate the timeline to the left(‘next’)/right(‘prev’)
      (string == ‘next’)
      ? translateTimeline(timelineComponents, translateValue – wrapperWidth + eventsMinDistance, wrapperWidth – timelineTotWidth)
      : translateTimeline(timelineComponents, translateValue + wrapperWidth – eventsMinDistance);
      }
      function showNewContent(timelineComponents, timelineTotWidth, string) {
      //go from one event to the next/previous one
      var visibleContent = timelineComponents[‘eventsContent’].find(‘.selected’),
      newContent = ( string == ‘next’ ) ? visibleContent.next() : visibleContent.prev();
      if ( newContent.length > 0 ) { //if there’s a next/prev event – show it
      var selectedDate = timelineComponents[‘eventsWrapper’].find(‘.selected’),
      newEvent = ( string == ‘next’ ) ? selectedDate.parent(‘li’).next(‘li’).children(‘a’) : selectedDate.parent(‘li’).prev(‘li’).children(‘a’);

      updateFilling(newEvent, timelineComponents[‘fillingLine’], timelineTotWidth);
      updateVisibleContent(newEvent, timelineComponents[‘eventsContent’]);
      newEvent.addClass(‘selected’);
      selectedDate.removeClass(‘selected’);
      updateOlderEvents(newEvent);
      updateTimelinePosition(string, newEvent, timelineComponents, timelineTotWidth);
      }
      }
      function updateTimelinePosition(string, event, timelineComponents, timelineTotWidth) {
      //translate timeline to the left/right according to the position of the selected event
      var eventStyle = window.getComputedStyle(event.get(0), null),
      eventLeft = Number(eventStyle.getPropertyValue(“left”).replace(‘px’, ”)),
      timelineWidth = Number(timelineComponents[‘timelineWrapper’].css(‘width’).replace(‘px’, ”)),
      timelineTotWidth = Number(timelineComponents[‘eventsWrapper’].css(‘width’).replace(‘px’, ”));
      var timelineTranslate = getTranslateValue(timelineComponents[‘eventsWrapper’]);
      if( (string == ‘next’ && eventLeft > timelineWidth – timelineTranslate) || (string == ‘prev’ && eventLeft < - timelineTranslate) ) { translateTimeline(timelineComponents, - eventLeft + timelineWidth/2, timelineWidth - timelineTotWidth); } } function translateTimeline(timelineComponents, value, totWidth) { //console.log("hiiii"+totWidth+"value"+value); var eventsWrapper = timelineComponents['eventsWrapper'].get(0); value = (value > 0) ? 0 : value; //only negative translate value
      value = ( !(typeof totWidth === ‘ ‘) && value < totWidth ) ? totWidth : value; //do not translate more than timeline width //console.log("h123i"+totWidth+"value"+value); setTransformValue(eventsWrapper, 'translateX', value+'px'); //update navigation arrows visibility //(value == 0 ) ? timelineComponents['timelineNavigation'].find('.prev').addClass('inactive') : timelineComponents['timelineNavigation'].find('.prev').removeClass('inactive'); //(value == totWidth ) ? timelineComponents['timelineNavigation'].find('.next').addClass('inactive') : timelineComponents['timelineNavigation'].find('.next').removeClass('inactive'); } function updateFilling(selectedEvent, filling, totWidth) { //change .filling-line length according to the selected event var eventStyle = window.getComputedStyle(selectedEvent.get(0), null), eventLeft = eventStyle.getPropertyValue("left"), eventWidth = eventStyle.getPropertyValue("width"); eventLeft = Number(eventLeft.replace('px', '')) + Number(eventWidth.replace('px', ''))/2; var scaleValue = eventLeft/totWidth; setTransformValue(filling.get(0), 'scaleX', scaleValue); } function setDatePosition(timelineComponents, min) { /*for (i = 0; i < timelineComponents['timelineDates'].length; i++) { var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]), distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2; ////console.log("distance"+distance); //console.log("distanceNorm"+distanceNorm); ////console.log("min"+min); timelineComponents['timelineEvents'].eq(i).css('left',distanceNorm*min+'px'); updateFilling(timelineComponents['timelineEvents'].eq(0), timelineComponents['fillingLine'], timelineTotWidth); }*/ //} //var timelinewidth=$(pid+".events-wrapper").width(); ////console.log("timelinewidth"+timelineTotWidth); var len=$(pid+".events-wrapper .events li a").length; //console.log("len"+len); //console.log(timelineTotWidth/len); //var setleft=timelineTotWidth/(len/2); var setleft="160"; for(i=0;i visibleContent.index()) {
      var classEnetering = ‘selected enter-right’,
      classLeaving = ‘leave-left’;
      } else {
      var classEnetering = ‘selected enter-left’,
      classLeaving = ‘leave-right’;
      }
      selectedContent.attr(‘class’, classEnetering);
      visibleContent.attr(‘class’, classLeaving).one(‘webkitAnimationEnd oanimationend msAnimationEnd animationend’, function(){
      visibleContent.removeClass(‘leave-right leave-left’);
      selectedContent.removeClass(‘enter-left enter-right’);
      });
      eventsContent.css(‘height’, selectedContentHeight+’px’);
      }
      function updateOlderEvents(event) {
      event.parent(‘li’).prevAll(‘li’).children(‘a’).addClass(‘older-event’).end().end().nextAll(‘li’).children(‘a’).removeClass(‘older-event’);
      }
      function getTranslateValue(timeline) {
      var timelineStyle = window.getComputedStyle(timeline.get(0), null),
      timelineTranslate = timelineStyle.getPropertyValue(“-webkit-transform”) ||
      timelineStyle.getPropertyValue(“-moz-transform”) ||
      timelineStyle.getPropertyValue(“-ms-transform”) ||
      timelineStyle.getPropertyValue(“-o-transform”) ||
      timelineStyle.getPropertyValue(“transform”);
      if( timelineTranslate.indexOf(‘(‘) >=0 ) {
      var timelineTranslate = timelineTranslate.split(‘(‘)[1];
      timelineTranslate = timelineTranslate.split(‘)’)[0];
      timelineTranslate = timelineTranslate.split(‘,’);
      var translateValue = timelineTranslate[4];
      } else {
      var translateValue = 0;
      }
      return Number(translateValue);
      }
      function setTransformValue(element, property, value) {
      element.style[“-webkit-transform”] = property+”(“+value+”)”;
      element.style[“-moz-transform”] = property+”(“+value+”)”;
      element.style[“-ms-transform”] = property+”(“+value+”)”;
      element.style[“-o-transform”] = property+”(“+value+”)”;
      element.style[“transform”] = property+”(“+value+”)”;
      }
      //based on http://stackoverflow.com/questions/542938/how-do-i-get-the-number-of-days-between-two-dates-in-javascript
      function parseDate(events) {
      var dateArrays = [];
      events.each(function(){
      var dateComp = $(this).data(‘date’).split(‘/’),
      newDate = new Date(dateComp[2], dateComp[1]-1, dateComp[0]);
      dateArrays.push(newDate);
      });
      return dateArrays;
      }
      function parseDate2(events) {
      var dateArrays = [];
      events.each(function(){
      var singleDate = $(this),
      dateComp = singleDate.data(‘date’).split(‘T’);
      if( dateComp.length > 1 ) { //both DD/MM/YEAR and time are provided
      var dayComp = dateComp[0].split(‘/’),
      timeComp = dateComp[1].split(‘:’);
      } else if( dateComp[0].indexOf(‘:’) >=0 ) { //only time is provide
      var dayComp = [“2000”, “0”, “0”],
      timeComp = dateComp[0].split(‘:’);
      } else { //only DD/MM/YEAR
      var dayComp = dateComp[0].split(‘/’),
      timeComp = [“0”, “0”];
      }
      var newDate = new Date(dayComp[2], dayComp[1]-1, dayComp[0], timeComp[0], timeComp[1]);
      dateArrays.push(newDate);
      });
      return dateArrays;
      }
      function daydiff(first, second) {
      return Math.round((second-first));
      }
      function minLapse(dates) {
      //determine the minimum distance among events
      var dateDistances = [];
      for (i = 1; i < dates.length; i++) { var distance = daydiff(dates[i-1], dates[i]); dateDistances.push(distance); } return Math.min.apply(null, dateDistances); } /* How to tell if a DOM element is visible in the current viewport? http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport */ function elementInViewport(el) { var top = el.offsetTop; var left = el.offsetLeft; var width = el.offsetWidth; var height = el.offsetHeight; while(el.offsetParent) { el = el.offsetParent; top += el.offsetTop; left += el.offsetLeft; } return ( top < (window.pageYOffset + window.innerHeight) && left < (window.pageXOffset + window.innerWidth) && (top + height) > window.pageYOffset &&
      (left + width) > window.pageXOffset
      );
      }
      function checkMQ() {
      //check if mobile or desktop device
      return window.getComputedStyle(document.querySelector(‘.cd-horizontal-timeline’), ‘::before’).getPropertyValue(‘content’).replace(/’/g, “”).replace(/”/g, “”);
      }
      }
      /**Horizontal timeline Sample1 Temaplte end here ***/
      /**** nested_tab_with_slider_template template start here ****/
      function NestedTabWithSliderTemplate(pid,tabid,tabType,nestedTabType) {
      pid = “#” + pid+”.nested_tab_with_slider_template “;

      tabid = tabid || “nested_tab_with_slider_template_tab”;
      var tabidentifier = tabid + “_container”;
      tabid = “#”+tabid;

      tabType = tabType || “default”;
      nestedTabType = nestedTabType || “vertical”;
      $(pid+tabid).responsiveTabs({
      type: tabType,
      width: ‘auto’,
      fit: true,
      tabidentify:tabidentifier,
      activate: function(event) { // Callback function if tab is switched
      var $tab = $(this);

      var elem = $tab.closest(tabid).find(“.resp-tabs-container.”+tabidentifier).find(“.resp-tab-content-active.”+tabidentifier);

      resetAllInnerTabs(elem);
      resetAllSliders();
      }
      });
      $(pid).find(“.nested_tab_with_slider_template_tab_inner_tab”).each(function(){
      var id = $(this).attr(“id”);

      $(pid+”#”+id).responsiveTabs({
      type: nestedTabType,
      width: ‘auto’,
      fit: true,
      tabidentify:id+”_container”,
      eventIdentify:id+”_container”,
      activate: function(event) { // Callback function if tab is switched
      var $tab = $(this);
      //selectedTab = $tab.index();

      resetAllSliders();
      }
      });
      });
      $(pid+”.carousel”).each(function(){
      $(this).carousel(0);
      });

      $(pid+”.carousel .carousel-indicators li”).click(function(event){
      event.preventDefault();
      $(this).closest(“.carousel”).carousel(parseInt($(this).attr(“data-slide-to”)));
      });
      $(pid+”.carousel .carousel-control”).click(function(event){

      event.preventDefault();
      if($(this).attr(“data-slide”) == “prev”){
      $(this).closest(“.carousel”).carousel(‘prev’);
      }else if($(this).attr(“data-slide”) == “next”){
      $(this).closest(“.carousel”).carousel(‘next’);
      }
      });
      function resetAllSliders(){
      $(pid+”.carousel”).each(function(){
      $(this).carousel(0);
      });
      }
      function resetAllInnerTabs(elem){
      if($(elem).find(“.nested_tab_with_slider_template_tab_inner_tab”).hasClass(“resp-easy-accordion”)){
      if($(elem).find(“.nested_tab_with_slider_template_tab_inner_tab .resp-tabs-container .resp-accordion:first-child”).hasClass(“resp-tab-active”) == false){
      $(elem).find(“.nested_tab_with_slider_template_tab_inner_tab .resp-tabs-container .resp-accordion:first-child”).click();
      }
      }else{
      if($(elem).find(“.nested_tab_with_slider_template_tab_inner_tab .resp-tabs-list .resp-tab-item:first-child”).hasClass(“resp-tab-active”) == false){
      $(elem).find(“.nested_tab_with_slider_template_tab_inner_tab .resp-tabs-list .resp-tab-item:first-child”).click();
      }
      }
      }
      }
      /*** nested_tab_with_slider_template template end here ***/
      /**** flip_box_template template start here ****/
      function FlipBoxTemplate(pid){

      pid = “#”+pid+”.flip_box_template “;
      var boxid = 0;
      $(pid+ “.box”).on(“click”, function () {
      boxid = $(this).attr(‘id’);
      $(this).children(“.front”).addClass(“flip-front”);
      $(this).children(“.back”).addClass(“flip-back”);

      $(pid+ “.box”).each(function (i) {
      if ($(this).children(“.front”).hasClass(“flip-front”) && $(this).children(“.back”).hasClass(“flip-back”)) {

      if (i != boxid) {
      $(this).children(“.front”).removeClass(“flip-front”);
      $(this).children(‘.back’).removeClass(“flip-back”);
      }

      }
      });

      });
      }
      /*** flip_box_template template end here ***/
      /**InfographicTemplate4***/
      function InfographicTemplate4(pid){
      pid = “#” + pid + “.infographic4_template “;

      $(pid).find(“.desktop_container”).css({
      width:$(pid).find(“.desktop_container”).attr(“data-width”)+”px”,
      height:$(pid).find(“.desktop_container”).attr(“data-height”)+”px”
      });
      $(pid).find(“.image”).each(function(){
      $(this).css({
      width:$(this).attr(“data-width”)+”px”,
      height:$(this).attr(“data-height”)+”px”
      });
      });
      var isBlocksCreated = false;
      var isMobile = false;
      var wind = window;
      if(window.parent){
      wind = window.parent.window;
      }
      function nvsOnScreen(element) {
      // window bottom edge

      var windowBottomEdge = $(wind).scrollTop() + $(wind).height();

      // element top edge
      var elementTopEdge = element.offset().top;
      var offset = 100;
      // if element is between window’s top and bottom edges
      return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid).find(".desktop_container .rowItem").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); delay += 1000; }); } function animate(){ isBlocksCreated = true; //$(pid+".horizontal-timeline-items").addClass("start-animation"); //fix for ie 11 window 7 bug - animation play state can not be changed... var delay = 0; $(pid).find(".desktop_container .rowItem").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); delay += 1000; }); // fix end for ie... } $(window).load(function () { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //init(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hi22i1111111111"); animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii1111111111"); animate(); } }); $(window).on('resize.'+pid, function (e) { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } //resizeContainer(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animate(); } }); } /**InfographicTemplate4***/ /******* SUO Click to Reveal Template Start Here ********/ function clickToReveal(pid, imgArray, textArray, bgColorArray, textColorArray) { pid = "#" + pid + ".click_to_reveal_template"; $(pid).find("map.mappedImg").click(function(ev) { ev.preventDefault(); var target = $(ev.target); var targetId = target.attr('id').split("-")[1]; if($(pid).find(".content-box1 img").length>0){
      $(pid)
      .find(“.content-box1”)
      .css({
      ‘background-color’ : bgColorArray[targetId]
      })
      .find(“img”)
      .attr(‘src’, imgArray[targetId]);
      }else {
      $(pid)
      .find(“.content-box1”)
      .css({
      ‘background-color’ : bgColorArray[targetId]
      })
      .prepend(‘‘);
      }
      $(pid)
      .find(“.content-box1 div.textContent > p”)
      .text(textArray[targetId])
      .css({
      ‘color’ : textColorArray[targetId]
      });
      });
      }

      /********** SUO Click to Reveal Template Ends Here ***********/
      /******* Flip_box_template_with_images template Start here ********/
      function FlipBoxImagesTemplate(pid){
      pid = “#”+pid+”.flip_box_withimages_template “;
      var boxid = 0;

      $(pid+ “.box”).on(“click”, function () {
      //console.log(“34yyyyyyyyyy”);
      boxid = $(this).attr(‘id’);
      $(this).children(“.front”).addClass(“flip-front”);
      $(this).children(“.back”).addClass(“flip-back”);
      $(pid+ “.box”).each(function (i) {
      if ($(this).children(“.front”).hasClass(“flip-front”) && $(this).children(“.back”).hasClass(“flip-back”)) {
      if (i != boxid) {
      $(this).children(“.front”).removeClass(“flip-front”);
      $(this).children(‘.back’).removeClass(“flip-back”);
      }
      }
      });
      });
      }
      function limitText (pid) {

      //event.preventDefault();
      pid = “#” + pid + “.flip_box_withimages_template”;

      $(‘.flip_box_withimages_template p’).wrapInTag({
      tag: ‘b’,
      words: [‘Asynchronus:’, ‘Synchronus:’]
      });
      }
      $.fn.wrapInTag = function(opts) {
      var tag = opts.tag || ‘strong’
      , words = opts.words || []
      , regex = RegExp(words.join(‘|’), ‘gi’) // case insensitive
      , replacement = ‘<'+ tag +'>$&‘;
      return this.html(function() {
      return $(this).text().replace(regex, replacement);
      });
      };
      /******* Flip_box_template_with_images template Ends here ********/
      /*************Click_to_Reveal_with_Zoom template start here********/
      /**
      * Creates an instance of ClicktoRevealwithZoomTemplate.
      *
      * @constructor
      * @this {ClicktoRevealwithZoomTemplate}
      * @param {string} pid – template id.
      */
      function ClicktoRevealwithZoomTemplate(pid){
      /**
      * @type {string}
      */
      var pid = “#” +pid + “.clicktorevealwithzoom”;
      /**
      * @type {number}
      */
      var wid = parseInt($(pid).find(“.bg_container”).attr(“data-width”),10);
      var hgt = parseInt($(pid).find(“.bg_container”).attr(“data-height”),10);
      $(pid).find(“.bg_container”).css({width:wid+”px”,height:hgt+”px”});
      $(pid).find(“.imageContainer”).each(function(){
      /**
      * @type {number}
      */
      var x = parseInt($(this).attr(“data-x”),10);
      var y = parseInt($(this).attr(“data-y”),10);
      var lx = x/wid * 100;
      var ly = y/hgt * 100;
      $(this).css({left:lx+”%”,top:ly+”%”});
      });
      $(pid).find(“.imageContainer p”).each(function(){
      $(this).css({
      left:parseInt($(this).attr(“data-x”),10)+”%”,
      top:parseInt($(this).attr(“data-y”),10)+”%”
      });
      });
      $(pid).find(“.circle”).click(function () {
      showFeedback($(this));
      });
      $(pid).find(“.imageContainer p”).click(function () {
      showFeedback($(this).closest(“.imageContainer”).find(“.circle”));
      });
      function showFeedback(p){
      $(pid).find(“.imageContainer p”).fadeOut( 500 );
      $(pid).find(“.feedbackContainer”).remove();
      $(pid).find(“.bg_container”).append(“

      “+p.attr(‘attrcontent’)+”

      “);
      $(pid).find(“.content”).css({
      width:p.attr(“data-width”)+”px”,
      height:p.attr(“data-height”)+”px”,
      left:parseInt(p.attr(“data-x”),10)+”%”,
      top:parseInt(p.attr(“data-y”),10)+”%”
      });
      $(pid).find(“.closeBtn”).on(‘click’,closePopup);
      }
      /** This is a description of the closePopup function. */
      function closePopup()
      {
      $(pid).find(“.feedbackContainer”).remove();
      $(pid).find(“.imageContainer p”).show();
      }

      }
      /*************Click_to_Reveal_with_Zoom template end here********/
      /**** mcq_checklist_template template start here ****/
      function McqChecklistTemplate(pid) {
      pid = “#” + pid + “.mcq_checklist_template “;
      var self = this;
      $(pid).find(“.mcq_template_question”).each(function(){
      var qid = $(pid).find(“.mcq_template_question”).index($(this)) + 1;
      $(pid+”#mcq_template_question_”+qid).responsiveTabs({
      type: “accordion”,
      width: ‘auto’,
      fit: true,
      closed:true,
      tabidentify:”mcq_template_question_”+qid+”_container”,
      activate: function(event) { //Callback function if tab is switched
      var $tab = $(this);
      $question = $tab.closest(“.mcq_template_question”);
      self.closeTabs($question);
      var correctanswer = $question.attr(“data-correct-ans”);

      $question.find(“.resp-accordion”).removeClass(“selected correct-answer wrong-answer”);
      $question.find(“.resp-accordion”).find(“.glyphicon”).removeClass(“glyphicon-check”).addClass(“glyphicon-unchecked”);

      $tab.addClass(“selected”);
      $tab.find(“.glyphicon”).removeClass(“glyphicon-unchecked”).addClass(“glyphicon-check”)
      if(correctanswer == ($question.find(“.resp-accordion”).index($tab) + 1)){
      $tab.addClass(“correct-answer”);
      }else{
      $tab.addClass(“wrong-answer”);
      }
      }
      });
      });
      //close all accordions expecept current question
      this.closeTabs = function(quest){
      $(pid).find(“.mcq_template_question”).each(function(){
      var qid = $(pid).find(“.mcq_template_question”).index($(this)) + 1;

      if ($(pid+”#mcq_template_question_”+qid).not(quest).find(“.resp-accordion.resp-tab-active”).length > 0) {
      $(pid+”#mcq_template_question_”+qid).not(quest).find(“.resp-accordion.resp-tab-active”).trigger(“click”);
      }
      });

      }
      }
      /*** mcq_checklist_template template end here ***/

      /**** horizontal_timeline_scrollable_template template start here ****/
      function HorizontalTimelineScrollableTemplate(pid) {
      pid = “#” + pid + “.horizontal_timeline_scrollable_template “;
      this.itemsVisible = 0;
      this.itemWidth = 150;
      this.totalItems = $(pid).find(“.horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item”).length;
      var self = this;
      $(pid).find(“.horizontal-timeline-scrollable-arrow”).click(function(){
      if($(this).hasClass(“horizontal-timeline-scrollable-arrow-prev”)){
      self.scrollTimeline(-1);
      }else{
      self.scrollTimeline(1);
      }
      });
      $(pid).find(“.horizontal-timeline-scrollable-item .horizontal-timeline-scrollable-item-circle”).click(function(){
      var ind = $(pid).find(“.horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item”).index($(this).closest(“.horizontal-timeline-scrollable-item”));

      self.showFeedback(ind,true);
      });
      this.showFeedback = function(ind,animate){

      $(pid).find(“.horizontal-timeline-scrollable-item”).removeClass(“selected”);
      var item = $(pid).find(“.horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item:eq(“+ind+”)”);
      item.addClass(“selected”);

      if($(pid).width() < 768){ $(pid).find(".horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item").not(item).find(".horizontal-timeline-scrollable-items-content").slideUp(); item.find(".horizontal-timeline-scrollable-items-content").slideDown('400',function(){ $(pid).find(".horizontal-timeline-scrollable-item-filling-line").css("height",item.position().top + item.find(".horizontal-timeline-scrollable-item-circle").position().top); }); $(pid).find(".horizontal-timeline-scrollable-item-filling-line").css("width","0"); }else{ if($(pid).find(".horizontal-timeline-scrollable-global-items-content .horizontal-timeline-scrollable-item-content").length > 0 && animate){
      $(pid).find(“.horizontal-timeline-scrollable-global-items-content .horizontal-timeline-scrollable-item-content”).animate({
      opacity:0
      },500,function(){
      $(pid).find(“.horizontal-timeline-scrollable-global-items-content”).html(item.find(“.horizontal-timeline-scrollable-items-content”).html());
      $(pid).find(“.horizontal-timeline-scrollable-global-items-content .horizontal-timeline-scrollable-item-content”).css(“opacity”,0);

      $(pid).find(“.horizontal-timeline-scrollable-global-items-content .horizontal-timeline-scrollable-item-content”).animate({
      opacity:1
      },500);
      });
      }else{
      $(pid).find(“.horizontal-timeline-scrollable-global-items-content”).html(item.find(“.horizontal-timeline-scrollable-items-content”).html());
      $(pid).find(“.horizontal-timeline-scrollable-global-items-content .horizontal-timeline-scrollable-item-content”).css(“opacity”,1);
      }
      $(pid).find(“.horizontal-timeline-scrollable-item-filling-line”).css(“height”,”0″);

      $(pid).find(“.horizontal-timeline-scrollable-item-filling-line”).css(“width”,item.position().left + item.find(“.horizontal-timeline-scrollable-item-circle”).position().left);
      }

      self.positionFeedbackArrow();
      }
      this.positionFeedbackArrow = function(){
      if($(pid).width() < 768){ $( "

      ” ).appendTo(“head”);
      return;
      }
      var item = $(pid).find(“.horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item.selected”);
      if(item.length == 0){
      return;
      }
      var tl = Math.abs(parseInt($(pid).find(“.horizontal-timeline-scrollable-items”).css(“margin-left”),10));
      var dist = item.position().left – tl;
      var left = dist + $(item).width()/2 – 10 + 40;

      $( “

      ” ).appendTo(“head”);
      }
      this.setTimelineWidth = function(){
      var ml = Math.abs($(pid).find(“.horizontal-timeline-scrollable-items”).css(“margin-left”)) || 0;
      var ind = $(pid).find(“.horizontal-timeline-scrollable-items .horizontal-timeline-scrollable-item.selected”).index(“.horizontal-timeline-scrollable-item”);
      if(ind < 0) ind = 0; if($(pid).width() < 768){ $(pid).find(".horizontal-timeline-scrollable-items").css("margin-left",0); $(pid).find(".horizontal_timeline_scrollable_template_container .horizontal-timeline-scrollable-item").css({ "max-width":"auto", "min-width":"none", "width":"100%" }); self.showFeedback(ind,false); return; } var wid = $(pid).width() - 80; var reminder = wid % 150; self.itemsVisible = Math.floor(wid / 150); if(reminder > 0){
      self.itemWidth = 150 + reminder/self.itemsVisible;
      }
      var calcw = self.itemsVisible * self.itemWidth +80;

      //if($(pid).width() > 769){
      // $(pid).find(“.horizontal_timeline_scrollable_template_container”).css(“width”,calcw);
      $(pid).find(“.horizontal_timeline_scrollable_template_container .horizontal-timeline-scrollable-item”).css({
      “max-width”:self.itemWidth,
      “min-width”:self.itemWidth,
      “width”:self.itemWidth
      });
      //}
      var m = Math.floor(ind / self.itemsVisible);
      $(pid).find(“.horizontal-timeline-scrollable-items”).css(“margin-left”,”-“+(m * self.itemWidth * self.itemsVisible)+”px”);
      self.showFeedback(ind,false);
      self.enableDisableButtons();
      }
      this.enableDisableButtons = function(){
      $(pid).find(“.horizontal-timeline-scrollable-arrow”).removeClass(“disabled”);
      var left = Math.abs(parseInt($(pid).find(“.horizontal-timeline-scrollable-items”).css(“margin-left”),10));
      var scrollWid = $(pid).find(“.horizontal-timeline-scrollable-items”)[0].scrollWidth;
      var wid = $(pid).find(“.horizontal-timeline-scrollable-items-container”).width();
      if(left == 0){
      $(pid).find(“.horizontal-timeline-scrollable-arrow-prev”).addClass(“disabled”);
      }
      if((left + wid) >= scrollWid){
      $(pid).find(“.horizontal-timeline-scrollable-arrow-next”).addClass(“disabled”);
      }
      }
      this.scrollTimeline = function(type){

      var scrollWid = $(pid).find(“.horizontal-timeline-scrollable-items”)[0].scrollWidth;
      var wid = $(pid).find(“.horizontal-timeline-scrollable-items-container”).width();
      var left = Math.abs(parseInt($(pid).find(“.horizontal-timeline-scrollable-items”).css(“margin-left”),10));

      if(type == 1){
      ml = left + wid;

      /*if(ml > (scrollWid – wid)){
      ml = (scrollWid – wid);
      }*/
      }else{
      ml = left – wid;
      if(ml < 0){ ml = 0; } } $(pid).find(".horizontal-timeline-scrollable-arrow").addClass("disabled"); $(pid).find(".horizontal-timeline-scrollable-item").removeClass("item-before-selected"); $(pid).find(" .horizontal-timeline-scrollable-items-content .horizontal-timeline-scrollable-item-content").animate({ opacity:0 },500,function(){ $(pid).find(".horizontal-timeline-scrollable-item").removeClass("selected"); }); $(pid).find(".horizontal-timeline-scrollable-items").animate({ marginLeft: "-"+ml+"px" },500,function(){ self.enableDisableButtons(); var ind = Math.floor(ml/self.itemWidth); self.showFeedback(ind,true); }); } $(window.parent?window.parent.window:window).resize(function(){ self.setTimelineWidth(); }); $(window).load(function(){ self.setTimelineWidth(); setTimeout(function(){ self.setTimelineWidth(); },5000); }); //self.showFeedback(0); } /*** horizontal_timeline_scrollable_template template end here ***/ /****MCQMMCQTemplate start here***/ function MCQMMCQTemplate(pid){ var pid = "#"+pid; var tick_array=[]; //console.log(pid); $(pid+".mcq_mmcq_template .question .optionSet").prop('disabled',true); $(pid+ ".mcq_mmcq_template .question").find("#optionSet_0").prop('disabled',false); function checkDisable(){ $(pid+ ".mcq_mmcq_template .question").each(function(i){ //console.log("#optionSet_"+i); if($(this).find("#optionSet_"+i).prop('disabled')==false) { //console.log("not disabled"); $(this).find("#optionSet_"+i).find(".options").on("click",checkAnswer); $(this).find("#optionSet_"+i).find(".options").css('cursor','pointer'); } else { //console.log("disabled"); ////console.log($(this).find("#optionSet_"+i).find(".options")); $(this).find("#optionSet_"+i).find(".options").off("click"); $(this).find("#optionSet_"+i).find(".options").css('cursor','default'); } i++; }); } $(window).load(function () { checkDisable(); }); function checkAnswer(event){ if($(this).parent().parent().attr("type")=="mmcq"){ if($(this).hasClass("selected")){ $(this).removeClass("selected"); $(this).find(".mmcq_tick").css({"background-position":"0px 0px"}); tick_array.pop($(this).attr("id").split("_")[1]); //console.log("pop"+tick_array); } else{ //alert("hruhruj"); $(this).addClass("selected"); $(this).find(".mmcq_tick").css({"background-position":"-20px 0px"}); //console.log($(this).attr("id").split("_")[1]); tick_array.push($(this).attr("id").split("_")[1]); //console.log("push"+tick_array); } var count=0; $(this).parent().find(".options").each(function(){ if($(this).hasClass("selected")){ count=count+1; //console.log(count); } }); if(count>0){
      $(this).parent().parent().find(“.view_answer”).removeClass(“disabled”);
      }
      else{
      $(this).parent().parent().find(“.view_answer”).addClass(“disabled”);
      }
      /*var len=$(this).parent().find(“.options”);
      for(var i=1;i<)*/ } else{ $(this).parent().find(".options").find(".mcq_tick").css({"background-position":"0px 0px"}); $(this).parent().find(".options").removeClass("selected"); $(this).addClass("selected"); /*if($(this).attr("answer")=="correct"){ $(this).find(".mcq_tick").css({"background-position":"-34px 0px"}); } else{ $(this).find(".mcq_tick").css({"background-position":"-34px 0px"}); }*/ $(this).find(".mcq_tick").css({"background-position":"-20px 0px"}); if($(this).hasClass("selected")){ $(this).parent().parent().find(".view_answer").removeClass("disabled"); } else{ $(this).parent().parent().find(".view_answer").addClass("disabled"); } } } $(pid+ ".mcq_mmcq_template .view_mcq").on("click",function(){ $(this).parent().parent().find(".options").each(function(){ if($(this).hasClass("selected")){ if($(this).attr("answer")=="correct"){ $(this).find(".mcq_tick").css({"background-position":"-40px 0px"}); } else if($(this).attr("answer")=="incorrect"){ $(this).find(".mcq_tick").css({"background-position":"-60px 0px"}); } else{ } } else{ if($(this).attr("answer")=="correct"){ $(this).find(".mcq_tick").css({"background-position":"-40px 0px"}); } } }); $(pid+".mcq_mmcq_template .question .optionSet").prop('disabled',true); var p_id=$(this).attr("id").split('_')[1] $(pid+".mcq_mmcq_template .question").find("#viewans_"+p_id).addClass("disabled"); p_id=parseInt(p_id)+1; $(pid +".mcq_mmcq_template .question").find("#optionSet_"+p_id).prop('disabled',false); checkDisable(); $(this).parent().find(".feedback").slideDown(); }); $(pid+ ".mcq_mmcq_template .view_mmcq").on("click",function(){ //console.log("11111"); var len=tick_array.length; var op_id=$(this).parent().parent().find(".optionSet").attr("id").split("_")[1]; $(this).parent().parent().find(".options").each(function(){ if($(this).attr("answer")=="correct"){ $(this).children(".mmcq_tick").addClass("mmcq_correct"); } }); for(var i=0;i800){
      changeDesktopLayout();
      }
      });
      $(window).resize(function(){
      if($(window).width() >800){
      changeDesktopLayout();
      }
      });
      var departheight_1,departheight_1=0;
      function changeDesktopLayout(){
      departheight_1=$(pid).find(“.desktop_version .departments”).height();
      //console.log(departheight_1);
      $(pid).find(“.desktop_version .departments .department span”).css(“height”,departheight_1-41);
      departheight_1=$(pid).find(“.desktop_version .department_set .departments”).height();
      //console.log(departheight_1);
      $(pid).find(“.desktop_version .department_set .departments span”).css(“height”,departheight_1-41);
      }
      }
      /*********TwoBranchFlowChartTemplate end here***********/
      /***********TabwithMCQwithFeedbackTemplate start here****/
      function TabwithMCQwithFeedbackTemplate(pid) {
      pid = “#” + pid;
      $(pid+ “.tabwithmcqwithfeedback_template .question .options”).on(“click”,checkAnswer);
      function checkAnswer(event){
      if($(this).parent().parent().attr(“type”)==”mcq”){
      $(pid + “.tabwithmcqwithfeedback_template .options .mcq_tick”).css({“background-position”:”0px 0px”});
      $(pid + “.tabwithmcqwithfeedback_template .options”).removeClass(“selected”);
      $(pid + “.tabwithmcqwithfeedback_template .optionSet:last-child”).find(“.options”).css(“margin-bottom”,”0px”);
      $(this).addClass(“selected”);
      $(this).find(“.mcq_tick”).css({“background-position”:”-20px 0px”});
      var f_desc=$(this).attr(“feedback”);
      $(pid + “.tabwithmcqwithfeedback_template .optionSet .feedback”).remove();
      $(this).parent().append(“

      “);
      $(this).filter(“[correct=’correct’]”).children(“.mcq_tick”).css({“background-position”:”-60px 0px”});
      $(this).filter(“[correct=’correct’]”).parent().find(“.feedback”).addClass(“wrong”);
      $(this).filter(“[correct=’incorrect’]”).children(“.mcq_tick”).css({“background-position”:”-40px 0px”});
      $(this).filter(“[correct=’incorrect’]”).parent().find(“.feedback”).addClass(“correct”);
      if ( $( this ).parent().is( “:last-child” ) ){
      $(this).css(“margin-bottom”,”10px”);
      }
      //

      }
      }
      }
      /***********TabwithMCQwithFeedbackTemplate end here****/
      /*****horizontaltab1sample_template start here***/
      function HorizontalTabSample1Template(pid) {
      pid = “#” + pid;

      loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
      $(pid + “.horizontaltab1sample_template #myTab_W1G78”).tabCollapse();
      });
      $(pid).find(“.nav-tabs a”).on(“click”,function(){
      $(pid).find(“.tabwithmcqwithfeedback_template .options .mcq_tick”).css({“background-position”:”0px 0px”});
      $(pid).find(“.tabwithmcqwithfeedback_template .optionSet .feedback”).remove();
      var id= $(this).attr(“href”);
      $(id).find(“.panel-heading”).addClass(“collapsed”);
      $(id).find(“.panel-heading .glyphicon”).removeClass(“glyphicon-menu-up”).addClass(“glyphicon-menu-down”);
      $(id).find(“.panel-collapse”).removeClass(“in”);
      $(id).find(“.panel-heading”).first().removeClass(“collapsed”).attr(“aria-expanded”,true);
      $(id).find(“.panel-heading”).first().find(“.glyphicon”).removeClass(“glyphicon-menu-down”).addClass(“glyphicon-menu-up”);
      $(id).find(“.panel-collapse”).first().addClass(“in”).css(“height”,”auto”);
      //$(id).find(“.image_with_content_with_button_reveal_content .collapse”).removeClass(“in”);
      var visibleContent =$(id).find(“.content_with_pagination_template #media_1 #page_1”).html();
      $(id).find(“.content_with_pagination_template #media_1 #content”).html(visibleContent);
      $(id).find(“.content_with_pagination_template #page-selection ul > li”).removeClass(“active”);
      $(id).find(“.content_with_pagination_template #page-selection .pagination> li.prev”).addClass(“disabled”).find(“a span”).css(“color”,”rgb(204,204,204)”);
      $(id).find(“.content_with_pagination_template #page-selection .pagination li.next”).attr(“data-lp”,2).removeClass(“disabled”).find(“a span”).css(“color”,”rgb(102,102,102)”);
      $(id).find(“.content_with_pagination_template #page-selection .pagination li:nth-child(2)”).addClass(“active”);

      });
      }
      /*****horizontaltab1sample_template end here***/
      /*****TabbedInfographicClickRevealTemplate start here****/
      function TabbedInfographicClickRevealTemplate(pid,myArray,mobileBaseImage){
      pid = “#” + pid;
      var img_arr=[];
      loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
      $(pid + “.tabbedinfographicclickreveal_template #myTab_W1G18”).tabCollapse();
      });
      var len=$(pid + “.tabbedinfographicclickreveal_template”).find(“.circle”).length;
      //console.log(len);
      var myArraySet = [];
      var imageSet = [];
      var coodSet = [];
      function deskLayout(){
      $(pid + “.tabbedinfographicclickreveal_template”).find(“.circle”).each(function(index){

      coodSet.push($(this).attr(“atrimage”));
      imageSet.push($(this).attr(“coords”));
      //myArraySet[1]=$(this).attr(“atrimage”);
      });
      for(i=0;i 901) {
      setlayout();

      }

      });
      $(window).resize(function(){
      if($(window).width() > 901) {
      setlayout();
      iplayout();
      }
      else{
      $(pid).find(“.desktop_version label”).removeClass(“active”);
      $(pid).find(“.desktop_version label”).first().addClass(“active”);
      $(pid).find(“.desktop_version .panel_data”).removeClass(“selected”).css(“width”, “0px”);
      $(pid).find(“.desktop_version .panel_data”).first().addClass(“selected”);
      // Portrait orientation
      }

      });
      var panel_width=0;
      function iplayout(){
      $(pid).find(“.mobile_version .panel-heading”).addClass(“collapsed”).attr(“aria-expanded”,false);
      $(pid).find(“.mobile_version .panel-collapse”).removeClass(“in”).attr(“aria-expanded”,false);
      $(pid).find(“.mobile_version .panel-heading”).first().removeClass(“collapsed”).attr(“aria-expanded”,true);
      $(pid).find(“.mobile_version .panel-collapse”).first().addClass(“in”).attr(“aria-expanded”,true).css(“height”,”auto”);
      }
      function setlayout(){
      var tab_len = $(pid).find(“.desktop_version label”).length;
      ////console.log(tab_len+”yguib uu”);
      panel_width= ($(pid).find(“.desktop_version .acidjs-horizontal-accordion”).width()) – (tab_len * 47);
      /*$(pid).find(“.desktop_version label”).removeClass(“active”);
      $(pid).find(“.desktop_version label”).first().addClass(“active”);
      $(pid).find(“.desktop_version .panel_data”).removeClass(“selected”).css(“width”, “0px”);
      $(pid).find(“.desktop_version .panel_data”).first().addClass(“selected”).css(“width”, panel_width);*/
      ////console.log(panel_width);
      $(pid).find(“.desktop_version .panel_data”).each(function(){
      if($(this).hasClass(“selected”)){
      $(this).css(“width”, panel_width);
      }
      else{
      $(this).css(“width”, “0px”);
      }
      });
      $(pid).find(“.desktop_version label”).on(“click”, function() {
      //panel_width= ($(pid).find(“.desktop_version .acidjs-horizontal-accordion”).width()) – (tab_len * 47);
      $(pid).find(“.desktop_version .panel_data”).first().removeClass(“selected”).css(“width”, “0px”);
      $(pid).find(“.desktop_version label”).first().removeClass(“active”);
      $(pid).find(“.desktop_version label”).removeClass(“active”);
      $(pid).find(“.desktop_version .panel_data”).removeClass(“selected”).css(“width”, “0px”);
      $(this).parent().find(“.panel_data”).addClass(“selected”).css(“width”, panel_width);
      $(this).toggleClass(“active”);
      });
      }
      }
      /*** horizontal accordion template end here****/
      function FlipBoxImageTemplate(pid){
      pid= “#” + pid + “.flip_box_with_image_template”;
      $(window).load(function () {

      var ht =$(pid).find(“.box img”).height();
      $(pid).find(“.box”).css(“height”,ht);
      $(pid).find(“.boxes”).css(“height”,ht);

      });
      $(window).resize(function(){

      var ht =$(pid).find(“.box img”).height();
      $(pid).find(“.box”).css(“height”,ht);
      $(pid).find(“.boxes”).css(“height”,ht);

      });
      }
      /*** inphographic click to reveal template start here****/
      function InfographicClickToRevealTemplate(pid) {
      pid = “#” + pid + “.inphographic_click_to_reveal_template”;
      var clickedImage=[];
      var imageArr=[];
      $(window).load(function () {

      if($(window).width()<700) { $(pid).find(".mobile_version .icons").each(function(){ imageArr.push($(this).find("img").attr("src")); clickedImage.push($(this).attr("attrimage")); }); for(i=0;i“+str+”

      “+$(this).attr(“data-txt”);
      }
      });
      $(pid + ‘.button_icon’).on(‘shown.bs.popover’, function () {
      if($(this).attr(“data-correct”) == “true”){
      $(this).closest(“.tooltipCustom”).addClass(“correct”);
      }else{
      $(this).closest(“.tooltipCustom”).addClass(“wrong”);
      }
      });
      this.setCoordniates = function(){
      var attr = “data-desktop”;
      if($(window).width() < 550){ attr = "data-mobile"; } $(pid + '.button_icon').each(function(){ var arr = $(this).attr(attr).split(","); $(this).css("left",arr[0]+"px"); $(this).css("top",arr[1]+"px"); }); } var self = this; $(window.top).resize(function(){ self.setCoordniates(); }); self.setCoordniates(); } /*** click_through_hotspot_with_mcq_template template end here ***/ /****image_template start here*****/ function ImageTemplate(pid){ var wt=0; pid = "#" + pid + ".image_template "; $(window).load(function () { Dimensions(); }); $(window).resize(function () { Dimensions(); }); function Dimensions(){ wt=$(pid).find("img").width(); $(pid).css("width",wt); } } /****image_template end here*****/ /***click_image_reveal_template start here***/ function ClickImageRevealtTemplate(pid){ pid = "#" + pid + ".click_image_reveal_template "; var wid= $(pid).find(".bg_container").attr("attr-maxwidth"); console.log(wid); var isOnceFlag1= false; var isOnceFlag2= false; window.onload=function(){ if(parseInt($(pid).outerWidth(),10) > wid){
      setDesktopLayout();
      }

      else{
      setMobileLayout();
      }
      }
      $(window).resize(function () {

      if(parseInt($(pid).outerWidth(),10) > wid){
      setDesktopLayout();
      }
      else{
      setMobileLayout();
      }
      });
      function setDesktopLayout(){
      if($(window).width() < 700){ $(pid).find(".feedback").hide(); $(pid).find(".bg_imageDesktop").attr("src",$(pid).find(".bg_container").attr("attr-desktop")); } //( '‘ ).before( $(pid).find(“.bg_container .trans”));
      if(isOnceFlag1==false){
      isOnceFlag1 = true;

      $(pid).find(“.feedback”).empty();

      }

      $(pid).find(“.bg_container”).css({
      width:$(pid).find(“.bg_container”).attr(“attr-desktop-width”),
      height:$(pid).find(“.bg_container”).attr(“attr-desktop-height”)
      });
      $(pid).find(“.bg_container area”).each(function(){
      $(this).attr(“coords”,$(this).attr(“attr-desktop-coords”));
      });

      $(pid).find(“.hotspot”).on(“click”,function(){
      $(pid).find(“.feedback”).show();
      $(pid).find(“.feedback”).css({
      width: $(pid).find(“.feedback”).attr(“data-desktop-width”),
      height: $(pid).find(“.feedback”).attr(“data-desktop-height”),
      left: $(pid).find(“.feedback”).attr(“data-x”),
      top: $(pid).find(“.feedback”).attr(“data-y”)
      });
      $(pid).find(“.feedback”).empty();
      $(pid).find(“.bg_imageDesktop”).attr(“src”,$(this).attr(“attrimage-desktop”));

      // $(pid).find(“bg_container .feedback img”).remove();

      // $(pid).find(“.feedback”).attr(“src”,$(this).attr(“attrimage-desktop-popup”));
      $(pid).find(“.feedback”).append(‘

      ‘+$(this).attr(“attrcontent”)+’

      ‘);
      });
      //console.log($(pid).find(“.bg_container img”).css(‘width’));
      }
      function setMobileLayout(){
      $(pid).find(“.feedback”).hide();
      $(pid).find(“.bg_imageMobile”).attr(“src”,$(pid).find(“.bg_container”).attr(“attr-mobile”));
      if(isOnceFlag2==false){
      isOnceFlag2 = true;

      $(pid).find(“.feedback”).empty();
      }

      $(pid).find(“.bg_container”).css({
      width:$(pid).find(“.bg_container”).attr(“attr-mobile-width”),
      height:$(pid).find(“.bg_container”).attr(“attr-mobile-height”)
      });
      $(pid).find(“.bg_container area”).each(function(){
      $(this).attr(“coords”,$(this).attr(“attr-mobile-coords”));
      });

      $(pid).find(“.hotspot”).on(“click”,function(e){
      e.stopPropagation();
      $(pid).find(“.feedback”).show();
      $(pid).find(“.feedback”).css({
      width: $(pid).find(“.feedback”).attr(“data-mobile-width”),
      height: $(pid).find(“.feedback”).attr(“data-mobile-height”),
      left: $(pid).find(“.feedback”).attr(“data-mobile-x”),
      top: $(pid).find(“.feedback”).attr(“data-mobile-y”)
      });
      $(pid).find(“.feedback”).empty();
      $(pid).find(“.bg_imageMobile”).attr(“src”,$(this).attr(“attrimage-mobile”));

      // $(pid).find(“bg_container .feedback img”).remove();

      // $(pid).find(“.feedback”).attr(“src”,$(this).attr(“attrimage-desktop-popup”));
      $(pid).find(“.feedback”).append(‘

      ‘+$(this).attr(“attrcontent”)+’

      ‘);
      });
      //console.log($(pid).find(“.bg_container img”).css(‘width’));

      }

      }
      /***click_image_reveal_template end here***/
      /**
      * Creates an instance of HorizontalTimeline2Template.
      *
      * @constructor
      * @this {HorizontalTimeline2Template}
      * @param {string} pid – template id.
      * @param {Object[]} setArray – contains the description for each component/title.
      */
      function HorizontalTimeline2Template(pid,setArray){
      /**
      * @type {string}
      */
      pid = “#” + pid + “.horizontal_timeline2_template “;

      var isBlocksCreated = false;

      var isMobile = false;

      var wind = window;

      if(window.parent){

      wind = window.parent.window;

      }

      function nvsOnScreen(element) {

      // window bottom edge

      var windowBottomEdge = $(wind).scrollTop() + $(wind).height();

      // element top edge

      var elementTopEdge = element.offset().top;

      var offset = 100;

      // if element is between window’s top and bottom edges

      return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid+".horizontal-timeline-item").each(function(){ $(this).find(".horizontal-timeline-item-img").css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-img").css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-img").css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-img").css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 250; }); $(pid+".horizontal-timeline-item").each(function(){ $(this).find(".horizontal-timeline-item-title").css("-webkit-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-title").css("-moz-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-title").css("-ms-animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".horizontal-timeline-item-title").css("animation","fade-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".item-popover").css("-webkit-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".item-popover").css("-moz-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".item-popover").css("-ms-animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); $(this).find(".item-popover").css("animation","slide-in-animation 1s linear "+delay+"ms normal 1 forwards paused"); }); $(pid+".horizontal-timeline-item").find(".item-popover .item-popover-footer").click(function(){ if($(this).attr("data-expand") == "true"){ $(this).attr("data-expand","false"); $(this).closest(".item-popover").attr("data-expand","false"); $(this).prev(".item-popover-content").css("max-height","86px"); $(this).find(".glyphicon").removeClass("glyphicon-menu-up").addClass("glyphicon-menu-down"); }else{ $(this).attr("data-expand","true"); var hgt = parseInt($(this).closest(".item-popover").find(".item-popover-content")[0].scrollHeight,10) + 20; $(this).closest(".item-popover").attr("data-expand","true"); $(this).prev(".item-popover-content").css("max-height",hgt); $(this).find(".glyphicon").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up"); } }) } function resizePopoverContent(){ if(!isMobile){ return; } $(pid+".horizontal-timeline-item").each(function(){ if($(this).find(".item-popover .item-popover-content").length != "") { if(parseInt($(this).find(".item-popover .item-popover-content")[0].scrollHeight,10) <= 82){ $(this).find(".item-popover .item-popover-content").removeClass("more-content"); }else{ $(this).find(".item-popover .item-popover-content").addClass("more-content"); } } }); } function resizeContainer(){ if(isMobile){ $(pid+".horizontal-timeline-items-container").css("padding","0px 0px 15px 0px"); return; } //toggle all boxes to possible max height $(pid+".horizontal-timeline-item .item-popover").each(function(){ $(this).attr("data-expand","true"); $(this).find(".item-popover-content").css("max-height","none"); $(this).find(".glyphicon").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up"); }); var hgt1 = 0; var hgt2 = 0; var tmp; $(pid+".horizontal-timeline-item:nth-child(odd)").each(function(){ tmp = parseInt($(this).find(".item-popover").height(),10); if(tmp > hgt1){

      hgt1 = tmp;

      }

      });

      $(pid+”.horizontal-timeline-item:nth-child(even)”).each(function(){

      tmp = parseInt($(this).find(“.item-popover”).height(),10);

      if(tmp > hgt2){

      hgt2 = tmp;

      }

      });

      hgt1 += 25;

      hgt2 += 10;

      $(pid+”.horizontal-timeline-items-container”).css(“padding”,hgt2+”px 0px “+hgt1+”px 0px”);

      }

      function animate(){

      isBlocksCreated = true;

      $(pid+”.horizontal-timeline-items”).addClass(“start-animation”);

      //fix for ie 11 window 7 bug – animation play state can not be changed…

      var delay = 0;

      $(pid+”.horizontal-timeline-item”).each(function(){

      $(this).find(“.horizontal-timeline-item-img”).css(“-webkit-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards “);

      $(this).find(“.horizontal-timeline-item-img”).css(“-moz-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);

      $(this).find(“.horizontal-timeline-item-img”).css(“-ms-animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);

      $(this).find(“.horizontal-timeline-item-img”).css(“animation”,”zoom-in-animation 500ms linear “+delay+”ms normal 1 forwards”);

      delay += 250;

      });

      $(pid+”.horizontal-timeline-item”).each(function(){

      $(this).find(“.horizontal-timeline-item-title”).css(“-webkit-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);

      $(this).find(“.horizontal-timeline-item-title”).css(“-moz-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);

      $(this).find(“.horizontal-timeline-item-title”).css(“-ms-animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);

      $(this).find(“.horizontal-timeline-item-title”).css(“animation”,”fade-in-animation 1s linear “+delay+”ms normal 1 forwards”);

      $(this).find(“.item-popover”).css(“-webkit-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);

      $(this).find(“.item-popover”).css(“-moz-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);

      $(this).find(“.item-popover”).css(“-ms-animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);

      $(this).find(“.item-popover”).css(“animation”,”hslide-in-animation 1s linear “+delay+”ms normal 1 forwards”);

      });

      // fix end for ie…

      }

      $(window).load(function () {

      if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } resizeContainer(); init(); resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ animate(); } }); $(window).on('resize.'+pid, function (e) { if(parseInt($(pid).outerWidth(),10) <= 800){ isMobile = true; }else{ isMobile = false; } resizeContainer(); resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); $(window).load(function () { if($(window).width() >800){
      showpopup();
      }
      });
      $(window).resize(function () {

      if($(window).width() >800){
      showpopup();
      }
      else
      {
      $(pid+”.popover-container .popover-content”).hide();

      }
      });
      function showpopup(){
      $(pid+”.horizontal-timeline-item-container .horizontal-timeline-item-img”).on(“click”,function(){
      $(pid+”.popover-container .popover-content”).hide();

      $(pid+”.horizontal-timeline-item-container .horizontal-timeline-item-img”).css(“background-position”,”0px 0px”);

      var imgId=$(this).attr(“id”).split(‘_’)[1];
      var imgWidth= $(pid+”.horizontal-timeline-item-container .horizontal-timeline-item-img”).width();
      if(setArray[imgId-1]!=” “){

      $(this).css(‘background-position’, “-“+imgWidth+”px 0px”);

      $(pid+”.popover-container .popover-content”).html(setArray[imgId-1]);

      $(pid+”.popover-container .popover-content”).show();
      }
      else{
      $(this).css(“cursor”,”default”);
      }
      });
      }

      }

      /*** horizontal timeline2 with thumbnails template end here*/
      /**Click Image to Reveal Template 2 start here**/
      function ClickImageRevealtTemplate2(pid){
      pid = “#” + pid + “.click_image_reveal_template2 “;
      $(pid).find(“.hotspot”).on(“click”,function(){
      $(pid).find(“.feedback”).empty();
      $(pid).find(“.bg_image”).attr(“src”,$(this).attr(“attrimage”));
      if($(this).attr(“attrimage-popup”) != “” ){
      $(pid).find(“.feedback”).css(
      “background-color”,$(this).attr(“attr-popupcolor”)
      ).append(‘

      ‘+$(this).attr(“attrcontent”)+’

      ‘);
      }
      else{
      $(pid).find(“.feedback”).css(
      “background-color”,$(this).attr(“attr-popupcolor”)
      ).append(‘

      ‘+$(this).attr(“attrcontent”)+’

      ‘);
      }
      });
      }
      /**Click Image to Reveal Template 2 end here**/
      /**Image_with_rollover_template start here*/
      /**
      * Creates an instance of ImagewithRolloverTemplate.
      *
      * @constructor
      * @this {ImagewithRolloverTemplate}
      * @param {string} pid – template id.
      */
      function ImagewithRolloverTemplate(pid){
      /**
      * @type {string}
      */
      pid = “#” + pid + “.Image_with_rollover_template “;
      var imgheight=0;
      var imgwidth=0;
      var delay=100;
      var desHeight=0;
      desHeight=$(pid+”.description”).height();
      console.log(desHeight+”desheight”);
      function imgDimension(){
      imgwidth=$(pid+”.set_margin img”)[0].getBoundingClientRect().width;
      imgheight=$(pid+”.set_margin img”)[0].getBoundingClientRect().height;
      }
      $(pid+”.bottom_icon”).on(“click”,function (){
      if($(this).parent().hasClass(“selected”))
      {
      $(this).parent().css({“border-top-left-radius”:”0px”,”border-top-right-radius”:”0px”});
      $(this).parent().removeClass(“selected”);

      $(this).parent().css({“height”:desHeight+20,
      “-moz-transition”: “height 500ms ease”,
      “-webkit-transition”: “height 500ms ease”,
      “-ms-transition”: “height 500ms ease”,
      “transition”: “height 500ms ease”
      });
      $(this).parent().children(“div”).first().css({
      ‘overflow’:’hidden’
      });
      $(this).find(“.glyphicon”).removeClass(“glyphicon-menu-down”).addClass(“glyphicon-menu-up”);
      }
      else{
      $(this).parent().addClass(“selected”);
      $(this).parent().css(“border-radius”,”6px”);
      /*$(this).parent().animate({
      height:imgheight
      });*/
      $(this).parent().css({“height”:imgheight,
      “-moz-transition”: “height 500ms ease”,
      “-webkit-transition”: “height 500ms ease”,
      “-ms-transition”: “height 500ms ease”,
      “transition”: “height 500ms ease”
      });
      $(this).parent().children(“div”).first().css({
      ‘overflow’:’visible’
      });
      $(this).find(“.glyphicon”).removeClass(“glyphicon-menu-up”).addClass(“glyphicon-menu-down”);
      }
      });
      //$(pid+ ” .bgcolor”).css(“width”, contentWidth);
      $(window).resize(function () {
      //alert(“hello”);
      imgheight=0;
      imgDimension();

      $(pid+”.description”).each(function(){
      $(this).css(“width”,imgwidth);
      if($(this).hasClass(“selected”))
      {
      //console.log(“yes have”);

      $(this).css(“height”,imgheight);
      }
      });
      //
      });
      $(window).load(function () {

      imgDimension();
      $(pid+”.description”).css(“width”,imgwidth);
      });

      }
      /****Image_with_rollover_template end here*/
      /***icon_based_template start here***/
      /***icon_based_template end here */
      /*******Click Reveal 3 Template start here*******************/
      function ClickReavealDifferenceTemplate(pid){
      pid = “#” + pid + “.click_revealdifference_template”;
      //console.log(pid);
      var imageArr=[];
      var textcontainer=[];
      var mobileImageArr=[];

      var id,textcontainerId,content,mobileid=0;
      $(pid).find(“.box_container”).css({
      width:$(pid).find(“.box_container”).attr(“data-width”)+”px”,
      height:$(pid).find(“.box_container”).attr(“data-height”)+”px”
      });
      $(pid).find(“.mobile_container”).css({
      width:$(pid).find(“.mobile_container”).attr(“data-width”)+”px”

      });
      /* $(pid).find(“.box img”).each(function(){
      imageArr.push($(this).attr(“src”));
      });
      $(pid).find(“.text_container img”).each(function(){
      textcontainer.push($(this).attr(“src”));
      });
      $(pid).find(“.mobile_container a img”).each(function(){
      mobileImageArr.push($(this).attr(“src”));
      }); */
      //console.log(textcontainer);
      $(pid).find(“.box”).on(“click”,function(){
      id=$(this).attr(“id”).split(“_”)[1];
      $(pid).find(“.box”).each(function(){
      $(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+” “);
      });
      $(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+”click “);
      $(pid).find(“.desktop_container .text_container”).each(function(){
      $(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+” “);
      });
      $(this).parent().find(“.text_container div”).remove();
      $(this).parent().find(“.text_container”).each(function(){
      $(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+”click “);
      $(this).append(“

      “+$(this).attr(“data-content”)+”

      “);
      });
      });
      $(pid).find(“.mobile_container .panel-heading a”).on(“click”,function(){
      $(pid).find(“.mobile_container a”).each(function(){
      $(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+” “);
      });
      $(this).find(“img”).attr(“src”,$(this).attr(“attr-image”)+”click “);
      });
      }

      /***Bootstrap Click Tooltip template starts here***/

      function BootstrapClickTooltip(pid) {
      pid = “#” + pid + “.Bootstrap_click_tooltip “;
      var wid = parseInt($(pid+”.Bootstrap_click_tooltip_template_img”).attr(“data-width”),10);
      var hgt = parseInt($(pid+”.Bootstrap_click_tooltip_template_img”).attr(“data-height”),10);
      $(pid+”.Bootstrap_click_tooltip_left_block”).css(“max-width”,wid+”px”);
      $(pid).find(“.button_icon”).each(function(){
      var x = parseInt($(this).attr(“data-x”),10);
      var y = parseInt($(this).attr(“data-y”),10);
      var lx = x/wid * 100;
      var ly = y/hgt * 100;
      $(this).css({left:lx+”%”,top:ly+”%”});
      $(this).css(‘background-position’, ‘0px 0px’);
      });

      $(pid+”.button_icon”).hover(

      function () {
      $(this).css(‘background-position’, ‘100% 0px’);
      },

      function () {
      $(this).css(‘background-position’, ‘0px 0px’);
      }
      );

      $(pid + ‘[data-toggle=”popover”]’).popover();

      $(‘body’).on(‘click’, function (e) {
      $(pid + ‘[data-toggle=”popover”]’).each(function () {
      //the ‘is’ for buttons that trigger popups
      //the ‘has’ for icons within a button that triggers a popup
      if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $(‘.popover’).has(e.target).length === 0) {
      $(this).popover(‘hide’);
      $(this).css(‘background-position’, ‘0px 0px’);
      }
      });
      });
      }
      /***Bootstrap Click Tooltip template ends here***/
      /**********Tab with click to reveal template starts here*******/
      function TabWithClicktoReveal(pid){
      t_id = “#” + pid;
      pid = “#” + pid + “.tab_with_click2reveal “;
      pid_tab1 = pid + “.click_hotspot_with_content “;
      pid_tab2d = pid + “.clickable_image_box .desktop_version”;
      pid_tab2m = pid + “.clickable_image_box .mobile_version”;
      pid_tab3d = pid + “.tab_click_reveal .desktop_version”;
      pid_tab3m = pid + “.tab_click_reveal .mobile_version”;

      console.log(pid_tab2d);
      loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () {
      $(t_id + “.tab_with_click2reveal #myTab_W1G69”).tabCollapse();
      });
      function empty_tab1(){
      $(pid_tab1).find(“.feedback”).empty();
      $(pid_tab1).find(“.img_desktop”).attr(“src”,$(“.click_hotspot_with_content map:first”).find(“area:first”).attr(“attrimage”));
      $(pid_tab1).find(“.img_mobile”).attr(“src”,$(“.click_hotspot_with_content map:last”).find(“area:first”).attr(“attrimage”));
      $(pid_tab1).find(“.feedback”).append(‘

      ‘+$(“.click_hotspot_with_content map”).find(“area:first”).attr(“attrtitle”)+’

      ‘+$(“.click_hotspot_with_content map”).find(“area:first”).attr(“attrcontent”)+’

      ‘);
      }
      function empty_tab2(){
      //Desktop mode
      var wid = $(pid_tab2d).find(“.image_item”).width();
      $(pid_tab2d).find(“.image_item”).css(“background-position”,”0px 0px”);
      $(pid_tab2d).find(“.info_image”).find(“div”).addClass(“disabled”);
      $(pid_tab2d).find(“.feedback_tab2”).remove();
      $(pid_tab2d).find(“.image_item:first”).css(“background-position”,+wid+”px 0px”);
      $(pid_tab2d).find(“.image_item:first”).find(“div”).removeClass(“disabled”);
      $(pid_tab2d).find(“.row”).append(‘

      ‘);

      //Mobile mode
      var mwid = $(pid_tab2m).find(“.image_item”).width();
      $(pid_tab2m).find(“.image_item”).css(“background-position”,”0px 0px”);
      $(pid_tab2m).find(“.info_image”).find(“div”).addClass(“disabled”);
      $(pid_tab2m).find(“.feedback_tab2”).remove();
      $(pid_tab2m).find(“.image_item:first”).css(“background-position”,+mwid+”px 0px”);
      $(pid_tab2m).find(“.image_item:first”).find(“div”).removeClass(“disabled”);
      $(pid_tab2m).find(“.info_image:first”).after(‘

      ‘);
      }
      function empty_tab3(){
      //Desktop mode
      var wid = $(pid_tab3d).find(“.image_item”).width();
      $(pid_tab3d).find(“.image_item”).css(“background-position”,”0px 0px”);
      $(pid_tab3d).find(“.image_item:first”).css(“background-position”,+wid+”px 0px”);
      $(pid_tab3d).find(“.text_icon”).removeClass(“active”);
      $(pid_tab3d).find(“.text_icon:first”).addClass(“active”);
      var desc=$(pid_tab3d).find(“.image_item:first”).attr(“attrcontent”);
      $(pid_tab3d).find(“.description_box”).html(desc);
      //Mobile mode
      var hgt = $(pid_tab3m).find(“.image_item_mobile”).height();
      $(pid_tab3m).find(“.image_item_mobile”).css(“background-position”,”0px 0px”);
      $(pid_tab3m).find(“.image_item_mobile:first”).css(“background-position”,”0px -“+hgt+”px”);
      $(pid_tab3m).find(“.mobile_icon_text”).removeClass(“active”);
      $(pid_tab3m).find(“.mobile_icon_text:first”).addClass(“active”);
      $(pid_tab3m).find(“.mobile_icon_box .desc”).hide();
      $(pid_tab3m).find(“.info_image_mobile:first”).find(“.mobile_icon_box .desc”).slideDown();
      }
      $(pid).find(“.nav-tabs”).on(“click”,function(){
      empty_tab1();
      empty_tab2();
      empty_tab3();
      });
      $(pid).find(“a”).on(“click”, function(){
      empty_tab1();
      empty_tab2();
      empty_tab3();
      });
      }
      /****Tab 1 Js****/
      function ClickHotspotWithContent(pid){
      pid = “#” + pid + “.click_hotspot_with_content “;
      $(pid).find(“.hotspot”).on(“click”,function(){
      $(pid).find(“.feedback”).empty();
      a = $(this).attr(“attrtitle”);
      $(pid).find(“.bg_image”).attr(“src”,$(this).attr(“attrimage”));
      $(pid).find(“.feedback”).append(‘

      ‘+$(this).attr(“attrtitle”)+’

      ‘+$(this).attr(“attrcontent”)+’

      ‘);
      });
      }
      /****Tab 2 Js****/
      function ClickableImagebox(pid){
      pid = “#” + pid + “.clickable_image_box “;
      $(pid).find(“.desktop_version .image_item”).on(“click”,function(){
      var wid = $(pid).find(“.desktop_version .image_item”).width();
      var desk_width = $(pid).find(“.desktop_version”).width();
      $(pid).find(“.desktop_version .image_item”).css(“background-position”,”0px 0px”);
      $(pid).find(“.desktop_version .info_image .black_box”).removeClass(“disabled”);
      $(this).parent().siblings().find(“div”).addClass(“disabled”);
      $(this).css(“background-position”,+wid+”px 0px”);
      $(pid).find(“.feedback_tab2”).remove();
      $(pid).find(“.row”).append(‘

      ‘);
      });

      $(pid).find(“.mobile_version .image_item”).on(“click”,function(){
      c_id = this.id.replace(“imageItem_”,””);
      var wid = $(pid).find(“.mobile_version .image_item”).width();
      var desk_width = $(pid).find(“.mobile_version”).width();
      $(pid).find(“.mobile_version .image_item”).css(“background-position”,”0px 0px”);
      $(pid).find(“.mobile_version .info_image .black_box”).addClass(“disabled”);
      $(this).parent().find(“.black_box”).removeClass(“disabled”);
      $(this).css(“background-position”,+wid+”px 0px”);
      $(pid).find(“.feedback_tab2”).remove();
      $(this).parent().after(‘

      ‘);
      });
      }
      /****Tab 3 Js****/
      function TabClickReveal(pid){
      pid = “#” + pid + “.tab_click_reveal “;
      $(pid).find(“.desktop_version .info_image”).each(function(){
      $(this).css({
      width:$(this).attr(“attr-width”)+”%”
      });
      });
      $(pid).find(“.desktop_version .image_item”).on(“click”,function(){
      var wid = $(pid).find(“.desktop_version .image_item”).width();
      $(pid).find(“.desktop_version .image_item”).css(“background-position”,”0px 0px”);
      $(this).css(“background-position”,+wid+”px 0px”);
      $(pid).find(“.desktop_version .text_icon”).removeClass(“active”);
      $(this).parent().find(“.text_icon”).addClass(“active”);
      var desc=$(this).attr(“attrcontent”);
      $(pid).find(“.description_box”).html(desc);
      });

      $(pid).find(“.mobile_version .image_item_mobile”).on(“click”,function(){
      var hgt = $(pid).find(“.mobile_version .image_item_mobile”).height();
      $(pid).find(“.mobile_version .image_item_mobile”).css(“background-position”,”0px 0px”);
      $(this).css(“background-position”,”0px -“+hgt+”px”);
      $(pid).find(“.mobile_version .mobile_icon_text”).removeClass(“active”);
      $(this).parent().parent().find(“.mobile_icon_text”).addClass(“active”);
      $(this).parent().parent().slideDown();
      $(pid).find(“.mobile_icon_box .desc”).hide();
      $(this).parent().parent().find(“.mobile_icon_box .desc”).slideDown();
      });
      }

      /**********Tab with click to reveal template ends here*******/
      /***horizontal_timelinewitharrowicons_template starts here***/
      function HorizontalTimelinewithArrowIcons(pid) {
      pid = “#” + pid + “.horizontal_timelinewitharrowicons_template “;

      $(window).load(function () {
      setImage();
      });
      $(window).resize(function () {
      setImage();
      });
      function setImage(){
      if($(window).width() >800){
      $(pid).find(“.horizontal-timeline-item-container”).each(function(){
      $(this).find(“img”).attr(“src”,$(this).attr(“attr-desktop”))
      });
      }
      else{
      $(pid).find(“.horizontal-timeline-item-container”).each(function(){
      $(this).find(“img”).attr(“src”,$(this).attr(“attr-mobile”))
      });
      }
      }
      }
      /***horizontal_timelinewitharrowicons_template end here***/
      /***Infographic template 5 starts here***/
      function Infographictemplate5(pid){
      pid = “#” + pid + “.infographic_template_5 “;

      var isBlocksCreated = false;
      var wind = window;
      if(window.parent){
      wind = window.parent.window;
      }
      function nvsOnScreen(element) {
      // window bottom edge
      var windowBottomEdge = $(wind).scrollTop() + $(wind).height();
      // element top edge
      var elementTopEdge = element.offset().top;
      var offset = 100;
      // if element is between window’s top and bottom edges
      return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay= 0; var delay_m = 0; $(pid+".desktop_view .info_image").each(function(){ if((pid+".desktop_view .info_image").hasClass("linearbar")){ console.log("It has class abc"); } else{ console.log("It has not abc class"); } if((pid+".desktop_view .info_image").hasClass("title")){ console.log("It has class title"); } $(this).css("-webkit-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards paused"); delay += 1000; }); $(pid+".mobile_view .info_image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards paused"); $(this).css("-moz-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards paused"); $(this).css("-ms-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards paused"); $(this).css("animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards paused"); delay_m += 1000; }); } function animate(){ isBlocksCreated = true; //fix for ie 11 window 7 bug - animation play state can not be changed... var delay = 0; var delay_m = 0; $(pid+".desktop_view .info_image").each(function(){ if($(this).hasClass("bar_dot")){ delay-=1000; console.log("THis has class"); $(this).css("-webkit-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); } else if($(this).hasClass("title")){ $(this).css("-webkit-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 700ms linear "+delay+"ms normal 1 forwards"); } else{ $(this).css("-webkit-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","zoom-in-animation 700ms linear "+delay+"ms normal 1 forwards"); } delay += 1000; }); $(pid+".mobile_view .info_image").each(function(){ $(this).css("-webkit-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards "); $(this).css("-moz-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards"); $(this).css("-ms-animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards"); $(this).css("animation","fade-in-animation 700ms linear "+delay_m+"ms normal 1 forwards"); delay_m += 1000; }); } $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ animate(); } }); } /***Infographic template 5 ends here***/ /***IN7000 – week 3 ends here***/ function clickToRevealMin7000(pid, data){ pid = "#" + pid + ".clickToRevealMin7000"; var buttonClicked = false; var prevHeight = window.height; var prevWidth = window.width; var self = this; var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); var $desktopViewListHoder = $(pid).find('.desktopViewListHoder'); var $mobileViewListHolder = $(pid).find('.mobileViewListHolder'); var $jesusImageContainer = $(pid).find('.jesusImageHolder'); var $groupBox1 = $(pid).find('#groupBox_1'); var $groupBox2 = $(pid).find('#groupBox_2'); var $groupBox3 = $(pid).find('#groupBox_3'); var isBlocksCreated = false; var wind = window; if(window.parent){ wind = window.parent.window; } function nvsOnScreen(element) { // window bottom edge var windowBottomEdge = $(wind).scrollTop() + $(wind).height(); // element top edge var elementTopEdge = element.offset().top; var offset = 100; // if element is between window's top and bottom edges return elementTopEdge + $(wind).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid+".groupBoxes").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 1000; }); } function animate(){ isBlocksCreated = true; //$(pid+".horizontal-timeline-items").addClass("start-animation"); //fix for ie 11 window 7 bug - animation play state can not be changed... var delay = 0; $(pid).find(".groupBoxes").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); delay +=1000; }); // fix end for ie... } $(window).load(function () { //resizeContainer(); //init(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ animate(); } }); $(wind).on('scroll.'+pid, function (e) { if(nvsOnScreen($(pid))){ animate(); } }); $(window).on('resize', function (e) { //resizeContainer(); //resizePopoverContent(); if(nvsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animate(); } }); /* setTimeout(function(){ $jesusImageContainer.css({ "visibility":"visible" , "opacity":1 }) setTimeout(function(){ $groupBox1.css({ "visibility":"visible" , "opacity":1 }) setTimeout(function(){ $groupBox2.css({ "visibility":"visible" , "opacity":1 }) setTimeout(function(){ $groupBox3.css({ "visibility":"visible" , "opacity":1 }) },1000); },1000); },1000); },1000); */ $('.desktopViewListHoder').hide(); $('.mobileViewListHolder').hide(); $(window).resize(function(){ // self.windowResizedHandler(); }); // Window Resized Handler this.windowResizedHandler = function(){ if(isMobile && (window.innerHeight < window.innerWidth)){ $mobileViewListHolder.hide() $desktopViewListHoder .hide() .slideDown('slow', 'swing'); }else{ $desktopViewListHoder.hide(); $mobileViewListHolder .hide() .slideDown(2000, 'swing'); } } // Boxes Clicked Handler this.boxesClickedHandler = function(e){ $(pid) .find('.groupBoxes .groupBox') .removeClass('active'); $(this) .parent() .find('.groupBox') .addClass('active'); var $desktopViewListHoder = $(pid).find('.desktopViewListHoder'); $desktopViewListHoder.html(''); var $mobileViewListHolder = $(pid).find('.mobileViewListHolder'); // Hide show mobile/desktop view if(!isMobile){ $desktopViewListHoder .slideDown('slow', 'swing'); }else if(window.innerHeight > window.innerWidth){
      $mobileViewListHolder
      .slideDown(3000, ‘swing’);
      }else{
      $desktopViewListHoder
      .hide()
      .slideDown(‘slow’, ‘swing’);
      }
      // Carousal slide boxes holder
      var $min7000Carousel = $(pid).find(‘#clickToRevealMin7000Carousel .carousel-inner’);
      $min7000Carousel.html(”);
      // Carousal bullet holder
      var $carouselIndicators = $(pid).find(‘#clickToRevealMin7000Carousel .carousel-indicators’);
      $carouselIndicators.html(”);
      // Clikced box Id
      var boxId = parseInt($(e.currentTarget).attr(‘id’).split(‘_’)[1]);
      $.each(data[boxId].data, function(i, v){
      var sectionName = v.section;
      var listItems = v.listItems
      //———————-For desktop———————————————
      var $desktopListBox = $(‘

      ‘,{
      class:”desktopViewListBox”
      });
      var $deskSection = $(‘‘,{
      class:”desktopViewListBoxHeading”,
      text: sectionName
      });
      var $deskUl = $(‘

        ‘);
        for(var k = 0; k < listItems.length; k++){ var $deskli = $('

      • ‘,{
        text:listItems[k]
        });
        $deskli.appendTo($deskUl);
        }
        $desktopListBox.append($deskSection, $deskUl);
        $desktopViewListHoder.append($desktopListBox);
        //——————————-For mobile—————————————
        if(isMobile){
        console.log(“uwyriwr rhuwhyriuwu”);
        var $scrollButtles = $(‘

      • ‘,{
        “data-target”: “#clickToRevealMin7000Carousel”
        ,
        })
        var $mobileListBox = $(‘

        ‘,{
        class:”mobileViewListBox item”,
        “data-slide-to”:i
        });
        if(i == 0){
        $mobileListBox.addClass(‘active’);
        $scrollButtles.addClass(‘active’);
        }
        $carouselIndicators.append($scrollButtles);
        var $mobileSection = $(‘‘,{
        class:”mobileViewListBoxHeading”,
        text: sectionName
        });
        var $mobUl = $(‘

          ‘);
          for(var l = 0; l < listItems.length; l++){ var $mobkli = $('

        • ‘,{
          text:listItems[l]
          });
          $mobkli.appendTo($mobUl);

          }

          $mobileListBox.append($mobileSection, $mobUl);
          $min7000Carousel.append($mobileListBox);
          }
          });
          buttonClicked = true;
          }

          var $groupBox = $(pid).find(‘.hotSpot’);
          $groupBox.on(‘click’, this.boxesClickedHandler);
          setInterval(function(){
          if(buttonClicked){
          if($(window).width() > 400){
          $(‘.desktopViewListHoder’).show();
          $(‘.mobileViewListHolder’).hide();
          }

          else{
          $(‘.desktopViewListHoder’).hide();
          $(‘.mobileViewListHolder’).show();
          }
          }
          }, 500);
          }
          /***IN7000 – week 3 ends here***/
          function info_6(pid){

          pid = “#” + pid + “.infographic_template_”;

          // var acc = document.getElementsByClassName(“accordion”);

          var panel = document.getElementsByClassName(‘panel’);
          $(‘.accordion’).on(‘click’, function() {
          $parent_box = $(this).closest(‘.full_class’);
          $parent_box.siblings().find(‘.accordionChild’).slideUp(1000);
          $parent_box.find(‘.accordionChild’).slideToggle(1000);
          });

          $(“.templates-list .template-name a”).on(‘click’, function(event) {

          if (this.hash !== “”) {
          // Prevent default anchor click behavior
          event.preventDefault();
          // Store hash
          var hash = this.hash;
          // Using jQuery’s animate() method to add smooth page scroll
          // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
          $(‘html, body’).animate({
          scrollTop: $(hash).offset().top – 140
          }, 500, function(){

          // Add hash (#) to URL when done scrolling (default click behavior)
          window.location.hash = hash;

          });
          } // End if
          });

          }
          /****personalitytraits_template start here***/
          function PersonalityTraitsTemplate(pid) {
          pid = “#” + pid + “.personalitytraits_template “;
          $(pid+”.box”).on(“click”,showPopup);
          $(pid+”.row_box”).each(function(){
          var col = $(this).attr(“attr-color”);
          $(this).children(“.box”).css(“background-color”,col)
          });
          /* $(window).load(function () {
          referesh();
          });
          $(window).resize(function () {
          referesh();
          }); */
          function referesh(){
          $(pid+”.box”).removeClass(“selected”);
          $(pid+”.row_box”).find(“.feedback_box”).remove();
          }
          function showPopup(){
          $(pid+”.box”).not(this).removeClass(“selected”);
          $(pid+”.row_box”).find(“.feedback_box”).remove();
          if($(window).width() >600){
          $(this).parent().append(“

          “);
          }
          else{
          $(this).after(“

          “);
          }
          if($(this).hasClass(“selected”))
          {
          $(this).removeClass(“selected”);
          $(“.feedback_box”).slideUp();
          }
          else{
          $(this).addClass(“selected”);
          $(“.feedback_box”).slideDown();
          }
          }
          }
          /****personalitytraits_template end here***/
          /*** Interactive Template***/
          function InteractiveTemplate(pid){
          pid = “#” + pid + “.template-Interactive-class “;

          /*var isBlocksCreated = false;
          var wind = window;
          if(window.parent){
          wind = window.parent.window;
          }
          function navsOnScreen(element) {
          // window bottom edge
          var windowBottomEdge = $(window).scrollTop() + $(window).height();

          // element top edge
          var elementTopEdge = element.offset().top;
          var offset = 100;
          // if element is between window’s top and bottom edges
          return elementTopEdge + $(window).height() * .8 <= windowBottomEdge; } function init(){ var delay = 0; $(pid+".multiplegroupBoxes").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards paused"); delay += 1000; }); } function animation(){ isBlocksCreated = true; var delay = 0; $(pid).find(".multiplegroupBoxes").each(function(){ $(this).css("-webkit-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards "); $(this).css("-moz-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("-ms-animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); $(this).css("animation","zoom-in-animation 500ms linear "+delay+"ms normal 1 forwards"); delay +=1000; }); // fix end for ie... } $(window).load(function () { //resizeContainer(); //init(); //resizePopoverContent(); if(navsOnScreen($(pid))){ animation(); } }); $(wind).on('scroll.'+pid, function (e) { if(navsOnScreen($(pid))){ animation(); } }); $(window).on('resize', function (e) { //resizeContainer(); //resizePopoverContent(); if(navsOnScreen($(pid))){ ////console.log("hiiiiiiii"); animation(); } });*/ } /****** mcq dropdown template start here***/ function MCQDropDownTemplate(pid) { pid = "#" + pid + ".mcq_dropdown_template "; function enableDisableSubmit() { var bool = true; $(pid).find("select").each(function () { if ($(this).val() == "" || $(this).val() == "0") { bool = false; } }); if (bool) { $(pid + '#btn-submit').removeClass('disabled'); } else { $(pid + '#btn-submit').addClass('disabled'); } } $(pid).find("select").change(function () { enableDisableSubmit(); }); $(pid + '#btn-submit').on("click", function () { $(pid).find("select").each(function () { var glph = $(this).closest(".row").find(".glyphicon"); if ($(this).val() == $(this).attr("data-answer")) { $(glph).addClass("glyphicon-ok-circle"); $(glph).css({ "visibility": "visible", "color": "#339900" }); } else { $(glph).addClass("glyphicon-remove-circle"); $(glph).css({ "visibility": "visible", "color": "#d41920" }); } }); $(pid + '#btn-showme').removeClass('disabled'); $(pid + 'select').prop('disabled', true); $(pid + '#btn-submit').addClass('disabled'); }); } /******mcq dropdown template end here***/ assets/css/custom_new.css /***page css****/ .templates-list{ border:solid 1px #333; margin-bottom:20px; } .btn.disabled, .btn[disabled] { opacity: .3; } .panel-default{ border:1px solid #dddddd; } @media all and (min-width: 300px) and (max-width: 500px) { .templates-list{ width:300px; } } .reference_content{ font-size:12px; color:#555555; } /***page css****/ /***global css****/ .center_Div{ width: 300px; margin: 0px auto; } .set_anchor{ display: block; padding: 0px; line-height: 1.42857143; } .thumbnail a ,.set_anchor a{ border: none !important; } .thumbnail a:hover,.set_anchor a:hover { color: #fff; border: none !important; text-decoration: none; } /***global css****/ /*** html_list template end here ***/ .accordion_list_template .panel-default > .panel-heading_tab[aria-expanded=”true”] {
          background-color: #132f90;
          background-image: none;
          filter: none;
          color: #fff;
          cursor: pointer;
          }
          .accordion_list_template .icon{
          width: 27px;
          height: 34px;
          vertical-align: middle;
          margin-right: 10px;
          min-width:27px;
          }
          /* .accordion_list_template .panel-title a{
          display:flex;
          } */
          .accordion_list_template .content_with_pagination_template {
          margin: 9px 0px;
          }
          .accordion_list_template .content_with_pagination_template .fill_grey img
          {
          border-radius:0px;
          }
          .accordion_list_template .image-container {
          padding: 10px 0px;
          }
          .accordion_list_template .image-container p {
          margin-top: 10px;
          }
          .accordion_list_template .gif_animation{
          position:relative;
          }
          .accordion_list_template .image-container-left-block {
          float: left;
          padding-right: 15px;
          }
          .accordion_list_template .panel-group .panel{
          border-radius:6px;
          }
          .accordion_list_template .panel-heading {
          background-color: #E6E6E6;
          border-top-left-radius: 6px;
          border-top-right-radius: 6px;
          }
          .accordion_list_template .panel-default > .panel-heading_tab[aria-expanded=”false”] {
          background-color: #E6E6E6;
          color: #000;
          }
          .accordion_list_template .panel-default > .panel-heading_tab.collapsed {
          background-color: #E6E6E6;
          color: #000;
          }
          .accordion_list_template .panel-default > .panel-heading_tab .panel-title >a {
          cursor: pointer;
          /* padding-right: 15px; */
          }

          .accordion_list_template .panel-default > .panel-heading_tab .panel-title >a {
          float:left;
          width: 92%;
          padding-right: 15px;
          }
          .accordion_list_template .panel-default > .panel-heading_tab[aria-expanded=”true”], .accordion_list_template .panel-default > .panel-heading_tab[aria-expanded=”false”] {
          overflow: hidden;
          }
          }
          @media (max-width: 500px) and (min-width: 320px){
          .accordion_list_template .image-container-left-block{
          padding-right:0px;
          }
          .accordion_list_template .image-container{
          padding-bottom: 0px;
          }
          .accordion_list_template .image-container-left-block img{
          margin-bottom:0px;
          }
          .accordion_list_template .content_with_pagination_template .fill_grey img
          {
          border-radius:6px;
          }
          }
          .accordion_list_template .panel-default > .collapsed .panel-title >a:hover {
          color:#000 !important;
          }
          .accordion_list_template .panel-collapse {
          padding: 0px 10px;
          }
          /*** html_list template end here ***/
          /*** tabbed_content template start here ***/
          .tabbed_content_template .tab-pannel-content {
          padding: 10px;
          }
          .tabbed_content_template .tab-pannel-content ul {
          list-style-position: inside;
          padding: 0px;
          }
          @media all and (max-width: 800px) {
          .tabbed_content_template .img-rounded ,.tabbed_content_template .carousel{
          float: none !important;
          margin: 0px auto 5px auto !important;
          text-align: center;
          }

          .tabbed_content_template .tab-pannel-content ul, .tabbed_content_template .tab-pannel-content ol {
          list-style-position: outside;
          padding-left:15px;
          text-indent: 0px;
          }

          }
          .tabbed_content_template .tab-pannel-content ul li{
          line-height: 1.42857143 !important;
          padding-bottom: .5em;
          left: 15px;
          padding-right: 15px;
          position: relative;
          }
          .tabbed_content_template li{
          padding-bottom:0px;
          }
          .tabbed_content_template .panel-body{
          padding:0px;
          }
          /*** tabbed_content template end here ***/
          /*** block_quote template start here ***/
          .block_quote_template {
          background-color:#e6e6e6;
          border-left: 5px solid #132f90;
          }
          .block_quote_template .testimonials blockquote::after {
          width : 75px;
          height:69px;
          right: 0;
          bottom: 0;
          content: ” “;
          display: block;
          position: absolute;
          background-image: url(‘../img/Design1_End_Quote ‘);
          background-repeat: no-repeat;
          background-position: 0px 0px;
          }
          .block_quote_template .testimonials .carousel-info img {
          border: 1px solid #f5f5f5;
          border-radius: 150px !important;
          height: 75px;
          padding: 3px;
          width: 75px;
          }
          .block_quote_template .testimonials .carousel-info {
          overflow: hidden;
          }
          .block_quote_template .testimonials .carousel-info img {
          margin-right: 15px;
          }
          .block_quote_template .testimonials .carousel-info p {
          display: block;
          line-height: 18px;

          }
          .block_quote_template .testimonials p.testimonials-name {
          color: #132f90;
          font-size: 16px;
          font-weight: 500;
          margin: 20px 0 7px;
          text-align: right;
          }
          .block_quote_template .testimonials p.testimonials-post {
          color: #000;
          font-size: 11px;
          display: inline-block;
          float: right;
          }

          .block_quote_template .blockquote_w3g1 blockquote{
          padding: 20px 95px 0px 46px !important;
          margin: 0 0 0 10px !important;
          background-image: url(../img/Design1_Starting_Quote );
          background-repeat: no-repeat;
          background-position:3px 7px;
          width: 100%;
          border: none;
          font-size: 16px;
          color: #000;
          }
          .block_quote_template .testimonials span.testimonials-name {
          float:right;
          }
          @media (max-width: 479px) and (min-width: 320px){
          .block_quote_template .blockquote_w3g1 blockquote{
          padding: 20px 76px 0px 46px !important;
          }
          }
          /*** block_quote template end here ***/

          /**block_quote_sample2 template start here**/
          .block_quote_sample2{
          background-color:#e6e6e6;
          margin-bottom:10px;
          }
          .block_quote_sample2 blockquote{
          margin:15px 30px 0px;
          padding: 0px 115px 0px 0px !important;
          width: 100%;
          border: none;
          font-size: 16px;
          color: #000;
          padding-left:0px;
          padding-right:0px;
          }
          .block_quote_sample2 .testimonials blockquote::after {
          width : 75px;
          height:69px;
          right: 0px;
          top: -24px;
          content: ” “;
          display: block;
          position: absolute;
          background-image: url(‘../img/Design2_End_Quote ‘);
          background-repeat: no-repeat;
          background-position: 0px 0px;
          }
          .block_quote_sample2 .testimonials span.testimonials-name {
          float:right;
          }.block_quote_sample2 .testimonials p.testimonials-name {
          color: #eb8400;
          font-size: 16px;
          font-weight: 500;
          margin: 20px 0 7px;
          text-align: right;
          }
          .block_quote_sample2 .testimonials p.testimonials-post {
          color: #000;
          font-size: 11px;
          display: inline-block;
          float: right;
          }
          @media (max-width: 479px) and (min-width: 320px){
          .block_quote_sample2 .circle_image{
          float:none !important;
          margin-bottom: 10px;
          }
          .block_quote_sample2 blockquote {
          padding: 0px 40px 0px 0px !important;
          }
          .block_quote_sample2 .footer{
          padding-right: 10px !important;
          padding-left:10px;
          }
          }
          /**block_quote_sample2 template end here**/

          /*** Html Content With Images Template start here ***/
          .html_content_with_images_template .set_margin{
          margin-bottom:15px;
          border-radius:6px;
          }
          .html_content_with_images_template .box{
          padding-left:0px;
          }
          @media (min-width: 992px){
          .html_content_with_images_template .box{
          width:32%;
          }
          }
          @media all and (min-width: 300px) and (max-width: 500px) {
          .html_content_with_images_template .col-xs-6{
          width:100%;
          }
          }
          /*** Html Content With Images Template end here ***/
          /*** links_resources_template start here ***/
          .links_resources_template .color_orange{
          margin-left:5px;
          margin-right:5px;
          }
          /*** links_resources_template end here ***/

          /*** mcq_checklist_template template start here ***/
          .mcq_checklist_template .mcq_template_question{
          margin-bottom:20px !important;
          }
          .mcq_template_question .resp-tabs-container.light_bg h2.resp-accordion{
          display:flex !important;
          }
          .mcq_checklist_template .mcq-question-ou-list{
          display: inline-block;
          vertical-align: top;
          padding-left: 20px;
          }
          .mcq_checklist_template .glyphicon{
          margin-top:2px;
          margin-right:5px;
          }
          .mcq_checklist_template .mcq_template_question:not(:last-child) .resp-tab-content:last-child.resp-tab-content-active{
          margin-bottom:4px;
          }
          .mcq_checklist_template .resp-accordion.selected.correct-answer .glyphicon, .mcq_checklist_template .resp-accordion.selected.correct-answer + .resp-tab-content{
          color:#339900;
          }
          .mcq_checklist_template .resp-accordion.selected.wrong-answer .glyphicon,.mcq_checklist_template .resp-accordion.selected.wrong-answer + .resp-tab-content{
          color:#EE3124;
          }
          /*** mcq_checklist_template template end here ***/

          /*** bootstrap_table template start here ***/
          .bootstrap_table_template .table_w1g1 > tbody>tr:nth-of-type(even) {
          background-color: #f9f9f9;
          }
          .bootstrap_table_template .table_w1g1 > tbody >tr > td:first-child {
          width: 20%;
          }
          .bootstrap_table_template .table_w1g1 > tbody >tr > td:last-child {
          width: 80%;
          }
          .bootstrap_table_template em a{
          border-bottom: 1px solid #132f90 !important;
          color:#000 !important;
          }
          .bootstrap_table_template em a:hover{
          border-bottom: 1px solid #000 !important;
          }
          /*** bootstrap_table template end here ***/
          /******modal_popup_template start here ****/
          @media (min-width: 320px) and (max-width:600px) {
          .modal_popup_template .bgcolor_icon {
          padding: 0px 2px;
          }
          }
          @media (min-width: 601px) and (max-width:667px) {
          .modal_popup_template .bgcolor_icon {
          padding: 12px 2px;
          }
          }
          @media (min-width: 700px) and (max-width:768px) {
          .modal_popup_template .bgcolor_icon {
          padding: 18px 2px;
          }
          }
          @media (min-width: 769px) and (max-width:1024px) {
          .modal_popup_template .bgcolor_icon {
          padding: 20px 2px;
          }
          }
          /******modal_popup_template end here ****/

          /*** video_playlist template start here ***/
          @media only screen and (min-width: 1224px) {
          .video_playlist_template #ipadView {
          display: none !important;
          }
          .video_playlist_template #desktopView {
          display: block !important;
          }
          }
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          .video_playlist_template #ipadView {
          display: block !important;
          }
          .video_playlist_template #desktopView {
          display: none !important;
          }
          }
          @media only screen and (max-width: 995px) {
          .video_playlist_template #ipadView {
          display: block !important;
          }
          .video_playlist_template #desktopView {
          display: none !important;
          }
          }
          @media screen and (device-aspect-ratio: 375/667) {
          .video_playlist_template #ipadView {
          display: block !important;
          }
          .video_playlist_template #desktopView {
          display: none !important;
          }
          }
          .video_playlist_template .tab-content>.active {
          border:none;
          }
          /*** video_playlist template end here ***/
          /*** nested_tab_with_slider template start here ***/
          .nested_tab_with_slider_template .tab-content>.active {
          border-radius: 6px;
          }
          .nested_tab_with_slider_template .carousel-inner {
          padding-bottom: 32px;
          border: 1px solid #ddd;
          }
          .nested_tab_with_slider_template #myTabContent_nested_tab_with_slider .tab-pannel-content {
          padding: 10px;
          }
          @media all and (max-width: 600px) {
          .nested_tab_with_slider_template .resp-tab-content .fill_grey img{
          border-radius:6px;
          }
          }
          @media all and (min-width: 320px) and (max-width: 767px) {
          .nested_tab_with_slider_template #myTab_nested_tab_with_slider-accordion .tab-pannel-content>p>img {
          text-align: center;
          display: inline-block;
          float: none !important;
          margin: 0px auto !important;
          }
          .nested_tab_with_slider_template #myTab_nested_tab_with_slider-accordion .tab-pannel-content>p {
          text-align: center;
          }
          .nested_tab_with_slider_template #myTab_nested_tab_with_slider-accordion .tab-pannel-content>p.contentText {
          text-align: left;
          }
          }
          @media (min-width: 320px) and (max-width: 1024px) {
          .nested_tab_with_slider_template .res_mobile {
          display: block;
          }
          .nested_tab_with_slider_template .res_desktop {
          display: none;
          }
          }
          @media (min-width: 1025px) and (max-width: 2100px) {
          .nested_tab_with_slider_template .res_desktop {
          display: block;
          }
          .nested_tab_with_slider_template .res_mobile {
          display: none;
          }
          }
          .nested_tab_with_slider_template .res_mobile .panel-default>.panel-heading_tab[aria-expanded=”true”] {
          background-color: #132f90 !important;
          background-image: none;
          filter: none;
          color: #fff;
          cursor: pointer;
          }
          .nested_tab_with_slider_template .res_mobile .panel-heading {
          background-color: #E6E6E6;
          }
          .nested_tab_with_slider_template .res_mobile .panel-default>.panel-heading_tab[aria-expanded=”false”] {
          background-color: #E6E6E6;
          color: #000;
          }
          .nested_tab_with_slider_template .res_mobile .panel-default>.panel-heading_tab.collapsed {
          background-color: #E6E6E6;
          color: #000;
          }
          .nested_tab_with_slider_template .res_mobile .panel-default>.panel-heading_tab .panel-title>a {
          cursor: pointer;
          padding-right: 15px;
          }
          .nested_tab_with_slider_template .res_mobile .panel-collapse {
          padding: 10px 15px;
          }
          .nested_tab_with_slider_template .tab-pannel-content{
          padding:10px;
          }
          .nested_tab_with_slider_template p a{
          border-bottom: 1px solid #132f90 !important;
          color: #000 !important;
          }
          .nested_tab_with_slider_template p a:hover{
          border-bottom: 1px solid #000 !important;
          }
          /*** nested_tab_with_slider template end here ***/
          /*** photo_gallery template start here ***/
          @charset “utf-8”;
          .photo_gallery_template .carousel-example {
          /*display: inline-block;*/
          }
          .photo_gallery_template .carousel-control.left{

          background:transparent !important;
          }
          .photo_gallery_template .carousel-caption >p {
          margin-bottom:0px;
          }
          @media all and (min-width: 320px) and (max-width: 479px) {
          /*.photo_gallery_template .carousel-caption >p {
          margin: 15px 47px 15px 47px;
          }*/
          .container.photo_gallery_template_container {
          padding-right: 0px;
          padding-left: 0px;
          width: 100% !important;
          }
          .photo_gallery_template .carousel-control .icon-prev,.photo_gallery_template .carousel-control .icon-next,.photo_gallery_template .carousel-control .glyphicon-chevron-left,.photo_gallery_template .carousel-control .glyphicon-chevron-right {
          position: absolute;
          top: 50%;
          z-index: 5;
          display: inline-block;
          }
          }
          @media all and (min-width: 480px) and (max-width: 767px) {
          /*.photo_gallery_template .carousel-caption >p {
          margin: 15px 47px 15px 47px;
          }*/
          .photo_gallery_template .carousel-control .icon-prev,.photo_gallery_template .carousel-control .icon-next,.photo_gallery_template .carousel-control .glyphicon-chevron-left,.photo_gallery_template .carousel-control .glyphicon-chevron-right {
          position: absolute;
          top: 50%;
          z-index: 5;
          display: inline-block;
          }
          .container.photo_gallery_template_container {
          padding-right: 0px;
          padding-left: 0px;
          width: 100% !important;
          }
          }
          @media all and (min-width: 768px) and (max-width: 1207px) {
          /*.photo_gallery_template .carousel-caption >p {
          margin: 15px 80px 15px 80px;
          }*/
          .container.photo_gallery_template_container {
          width: auto;
          }
          .photo_gallery_template .carousel-control .icon-prev,.photo_gallery_template .carousel-control .icon-next,.photo_gallery_template .carousel-control .glyphicon-chevron-left,.photo_gallery_template .carousel-control .glyphicon-chevron-right {
          position: absolute;
          top: 45%;
          z-index: 5;
          display: inline-block;
          }
          }
          @media all and (min-width: 1208px) and (max-width: 2100px) {
          .photo_gallery_template.carousel-caption >p {
          margin: 15px 125px 15px 125px;
          }
          .photo_gallery_template .carousel-control .icon-prev,.photo_gallery_template .carousel-control .icon-next,.photo_gallery_template .carousel-control .glyphicon-chevron-left,.photo_gallery_template .carousel-control .glyphicon-chevron-right {
          position: absolute;
          top: 50%;
          z-index: 5;
          display: inline-block;
          }
          }
          .photo_gallery_template ul.thumbnails-carousel {
          padding: 5px 0 0 0;
          margin: 0;
          list-style-type: none;
          text-align: center;
          }
          .photo_gallery_template ul.thumbnails-carousel .center {
          display: inline-block;
          }
          .photo_gallery_template .controls-background-reset {
          background: transparent !important;
          }
          .photo_gallery_template .active-thumbnail {
          opacity: 0.4;
          }
          .photo_gallery_template .indicators-fix {
          bottom: 70px;
          }
          .photo_gallery_template .carousel-caption {
          bottom: 0px;
          padding: 5px;
          /*background-color: #fff;*/
          border-radius: 6px;
          color: #000;
          text-shadow: none;
          position: relative;
          left: 0px;
          right: 0px;
          text-align: center;
          }
          .photo_gallery_template .carousel-inner {
          border: 1px solid #dfdfdf;
          }
          .photo_gallery_template ul.thumbnails-carousel {
          padding: 5px 5%;
          margin: 0;
          list-style-type: none;
          text-align: center;
          background: none !important;
          display: inline-table;
          /* position: absolute;*/
          margin: 0 auto;
          width: 100%;
          }
          .photo_gallery_template ul.thumbnails-carousel li {
          margin-right: 5px;
          float: left;
          margin-bottom: 5px;
          cursor: pointer;
          }
          @media (max-width: 768px) {
          .container.photo_gallery_template_container {
          width: auto !important;
          }
          }
          /*** photo_gallery template end here ***/
          /*** responsive_table template start here ***/

          /*.responsive_table_template #page-wrap {
          margin: 20px;
          }*/
          /*
          Generic Styling, for Desktops/Laptops
          */
          .responsive_table_template table {
          width: 100%;
          border-collapse: collapse;
          table-layout:fixed;
          }

          /* Zebra striping */
          .responsive_table_template tr:nth-of-type(odd) {
          background: #E4E4E4;
          }
          .responsive_table_template .icon{
          width:31.5px;
          height:42px;
          margin-right:10px;
          background-position:0px 0px;
          }
          .responsive_table_template td:nth-of-type(1) div{
          display:flex;
          align-items:center;
          }
          .responsive_table_template th {
          background: #333;
          color: white;
          font-weight: bold;
          text-align: center;
          }
          .responsive_table_template td, .responsive_table_template th {
          padding: 10px;
          border: 1px solid #999999;

          }

          /*
          Max width before this PARTICULAR table gets nasty
          This query will take effect for any screen smaller than 760px
          and also iPads specifically.
          */
          @media only screen and (max-width: 760px) {
          /* Force table to not be like tables anymore */
          .responsive_table_template table, .responsive_table_template thead, .responsive_table_template tbody, .responsive_table_template th, .responsive_table_template td, .responsive_table_template tr {
          display: block;
          }
          .responsive_table_template .icon{
          background-position:-31px 0px;
          }
          /* Hide table headers (but not display: none;, for accessibility) */
          .responsive_table_template thead tr {
          position: absolute;
          top: -9999px;
          left: -9999px;
          }
          .responsive_table_template tr {
          border: 1px solid #666666;
          }
          .responsive_table_template td {
          /* Behave like a “row” */
          border: none;
          border-bottom: 1px solid #999999;
          position: relative;
          padding-left: 30%;
          min-height:64px;
          }
          .responsive_table_template td:before {
          /* Now like a table header */
          position: absolute;
          /* Top/left values mimic padding */
          top: 6px;
          left: 6px;
          width: 45%;
          padding-right: 10px;
          white-space: nowrap;
          font-weight: bold;
          }
          /*
          Label the data
          */
          .responsive_table_template td:nth-of-type(1){
          padding-left:1%;
          background-color:#262626;
          color:#ffffff;
          }
          .responsive_table_template td:nth-of-type(2):before {
          content: “Regulatory officaial \A policies”;
          white-space: pre-wrap;
          }
          .responsive_table_template td:nth-of-type(3):before {
          content: “Regulatory officaial \A policies”;
          white-space: pre-wrap;
          }
          }

          /* Smartphones (portrait and landscape) ———– */
          @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
          .responsive_table_template body {
          padding: 0;
          margin: 0 px;
          }
          .responsive_table_template #page-wrap {
          margin: 0px;
          }
          .responsive_table_template td {
          /* Behave like a “row” */
          border: none;
          border-bottom: 1px solid #999999;
          position: relative;
          padding-left: 50%;
          min-height:78px;
          }
          }

          /* iPads (portrait and landscape) ———– */
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          .responsive_table_template body {
          width: 495px;
          }
          }
          .responsive_table_template #demo-top-bar {
          text-align: left;
          background: #222;
          position: relative;
          zoom: 1;
          width: 100% !important;
          z-index: 6000;
          padding: 20px 0 20px;
          }
          .responsive_table_template #demo-bar-inside {
          width: 960px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          }
          .responsive_table_template #demo-bar-buttons {
          padding-top: 10px;
          float: right;
          }
          .responsive_table_template #demo-bar-buttons a {
          font-size: 12px;
          margin-left: 20px;
          color: white;
          margin: 2px 0;
          text-decoration: none;
          font: 14px “Lucida Grande”, Sans-Serif !important;
          }
          .responsive_table_template #demo-bar-buttons a:hover, .responsive_table_template #demo-bar-buttons a:focus {
          text-decoration: underline;
          }
          .responsive_table_template #demo-bar-badge {
          display: inline-block;
          width: 302px;
          padding: 0 !important;
          margin: 0 !important;
          background-color: transparent !important;
          }
          .responsive_table_template #demo-bar-badge a {
          display: block;
          width: 100%;
          height: 38px;
          border-radius: 0;
          bottom: auto;
          margin: 0;
          background: url(/images/examples-logo ) no-repeat;
          background-size: 100%;
          overflow: hidden;
          text-indent: -9999px;
          }
          .responsive_table_template #demo-bar-badge:before, .responsive_table_template #demo-bar-badge:after {
          display: none !important;
          }
          .responsive_table_template em a{
          border-bottom: 1px solid #132f90 !important;
          color:#000 !important;
          }
          .responsive_table_template em a:hover{
          border-bottom: 1px solid #000 !important;
          }
          /*** responsive_table template end here ***/
          /*** image_toggle_with_content template start here ***/
          .image_toggle_with_content_template #media_w3_g5 {
          cursor: pointer;
          }
          .image_toggle_with_content_template #media_w3_g5_1 {
          cursor: pointer;
          }
          @media all and (min-width: 320px) and (max-width: 992px) {
          .image_toggle_with_content_template .thumbnail_1 {
          margin-bottom: 20px !important;
          }
          }
          /*** image_toggle_with_content template end here ***/
          /*** mcq_droplist_template_old starts here ***/
          .mcq_droplist_template_old .marginTop_mcq71{
          margin-top: 10px;
          }
          .mcq_droplist_template_old .color_orange .disabled{
          background: rgba(235, 132, 0, 0.3) !important;
          opacity: none !important;
          cursor: not-allowed;
          }
          /*** mcq_droplist_template_old end here ***/
          /****mcq_droplist template start here**/
          .mcq_droplist_template a:hover{
          background-color:#eb8400 !important;
          }
          .mcq_droplist_template .form-control{
          padding: 6px 3px;
          }
          .mcq_droplist_template .table>tbody>tr>td, .mcq_droplist_template .table>thead>tr>th {
          padding: 10px;
          border-right: 0px;
          }
          .mcq_droplist_template table tbody td:nth-child(2) {
          width: 150px;
          }
          .mcq_droplist_template table tbody td:nth-child(3) {
          width: 100px;
          }
          .mcq_droplist_template a[disabled], .mcq_droplist_template a.disabled {
          pointer-events: none;
          }
          .mcq_droplist_template table tbody tr:last-child td {
          border-bottom: 1px solid #ddd;
          }
          @media all and (max-width: 500px) {
          .mcq_droplist_template table tbody td:nth-child(3) {
          width: 60px;
          }
          .mcq_droplist_template table tbody td:nth-child(2) {
          width: 120px;
          }
          }

          /***mcq_droplist template end here*/
          /*** image_with_click_and_button template start here ***/
          .image_with_click_and_button_template .btnRedGrey {
          background-color: #262626;
          color: #ffffff !important;
          border-radius: 0px !important;

          }
          .image_with_click_and_button_template .btnRedGrey.selected {
          background-color: #eb8400;
          color: #ffffff !important;
          border-radius: 0px !important;

          }
          .image_with_click_and_button_template .image_content {
          display: none;
          }
          /*** image_with_click_and_button template end here ***/

          /*** image_with_gif_animation template start here ***/
          .image_with_gif_animation_template .animationBtn{
          /* top:42%; */
          margin-left: -31px;
          margin-top: -31px;
          }
          @media (max-width: 479px) and (min-width: 320px){
          .image_with_gif_animation_template .animationBtn{
          left:39%;
          }
          }
          /*** image_with_gif_animation template end here ***/

          /*** canvas_animation template start here ***/
          /*** canvas_animation_template template start here ***/
          .canvas_animation_template .thumbnail{
          padding: 4px;
          margin-bottom:0px;
          display:inline-block !important;
          }
          .canvas_animation_template .canvas_animation_with_content_template_block{
          position: relative;
          z-index:1;
          }
          .canvas_animation_template .canvas_animation_container{
          display: block;
          font-size: 0;
          line-height: 1;
          }
          .canvas_animation_template .canvas_animation {
          line-height:1;
          position:relative;
          }
          .canvas_animation_template .canvas_animation canvas.animation{
          position:absolute;
          top:0px;
          left:0px;
          border-radius:6px;
          }
          .canvas_animation_template .canvas_animation .dom_overlay_container{
          position:absolute;
          top:0px;
          left:0px;
          width:100%;
          height:100%;
          border-radius:6px;
          }
          .canvas_animation_template .animationBtn{
          margin-left:-31px;
          margin-top:-31px;
          }
          /*** canvas_animation_template template end here ***/
          /*** canvas_animation template end here ***/
          /*** content_with_pagination_template starts here ***/
          @media all and (max-width: 1024px){
          .content_with_pagination_template .fill_grey img
          {
          border-radius:6px;
          }
          }
          .content_with_pagination_template .pages
          {
          display:none;
          }
          .content_with_pagination_template #content,#page_1,#page_2,#page_3,#page_4,#page_5
          {
          text-align:left;
          }
          .content_with_pagination_template #page-selection > ul > li.active > a
          {
          background:#eb8400 !important;
          border:1px solid #eb8400 !important;
          }
          .content_with_pagination_template .pagination li a {
          border:1px solid #ddd !important;
          }
          .content_with_pagination_t