@font-face { font-family: 'KarbonMedium'; src: url('../../font/Karbon-Medium.eot'); src: url('../../font/Karbon-Medium.eot?#iefix') format('embedded-opentype'), url('../../font/Karbon-Medium.otf') format('opentype'), url('../../font/Karbon-Medium.svg#Karbon-Medium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'futura_ltregular'; src: url('../../font/futuralt-webfont.eot'); src: url('../../font/futuralt-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/futuralt-webfont.woff') format('woff'), url('../../font/futuralt-webfont.ttf') format('truetype'), url('../../font/futuralt-webfont.svg#futura_ltregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueLTStd-Cn'; src: url('../../font/HelveticaNeueLTStd-Cn.otf') format('opentype'); src: url('../../font/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'), url('../../font/HelveticaNeueLTStd-Cn.ttf') format('truetype'), url('../../font/HelveticaNeueLTStd-Cn.woff') format('woff'), url('../../font/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn') format('svg'), url('../../font/HelveticaNeueLTStd-Cn.eot'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueLTStd-Bd'; src: url('../../font/HelveticaNeueLTStd-Bd.otf') format('opentype'); src: url('../../font/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('../../font/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('../../font/HelveticaNeueLTStd-Bd-Cn.woff') format('woff'), url('../../font/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg'), url('../../font/HelveticaNeueLTStd-Bd.eot'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueLTStd-Md'; src: url('../../font/HelveticaNeueLTStd-Md.otf') format('opentype'); src: url('../../font/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'), url('../../font/HelveticaNeueLTStd-Md.ttf') format('truetype'), url('../../font/HelveticaNeueLTStd-Md.woff') format('woff'), url('../../font/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg'), url('../../font/HelveticaNeueLTStd-Md.eot'); font-weight: normal; font-style: normal; }
small { font-size: 60%; }
body { padding: 0; margin: 0; -webkit-text-size-adjust: 100%; }
input { outline: 0; }
#loader { width: 100%; height: 100%; background: #cccccc url(../../images/controls/loader.gif) no-repeat center; position: fixed; left: 0%; top: 0%; z-index: 9999999999; background-size: 100px; }
#volume { display: none !important; }
.launchbtn_flash { -webkit-animation: flash4s linear forwards; -moz-animation: flash 4s linear forwards; animation: flash 4s linear forwards; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.page0_wrapper { width: 1024px; height: 469px; overflow: hidden; position: relative; background: url("../images/html_data/page_0_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.glossary_term { cursor: pointer; }
#demo { position: absolute; right: 57px; font-size: 19px; bottom: -4px; font-size: 20px; color: #fff; }
.toc_head { width: 460px; /*height: 270px;*/ height: 0px; position: absolute; bottom: 112px; right: 0px; z-index: 68; border-top-left-radius: 22px; border-top-right-radius: 22px; overflow: hidden; background-color: rgba(255, 255, 255, 0.95); padding-left: 23px; }
.toc_head_top { position: absolute; background: #024c99; top: 0; left: 0; width: 100%; height: 40px; color: #fff; font-size: 20px; padding-left: 30px; line-height: 43px; }
.toc_content { width: 100%; margin-top: 45px; color: #000; font-size: 16px; margin-left: 7px; }
.toc_content ul li { cursor: pointer; }
.toc_close { position: absolute; right: 40px; top: 5px; line-height: 32px; width: 30px; height: 30px; background: #fff; color: #024c99; border-radius: 22px; text-align: center; cursor: pointer; }
/*
slider imoa*/

section.iMOA { position: absolute; width: 700px; left: 153px; -webkit-font-smoothing: antialiased; font-stretch: normal; font-variant: normal; font-weight: normal; top: 21px; z-index: 5; }
#imoa-popup-bg { background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
/* this is placeholder image you click on to show the popup */

.showPopup { position: relative; width: 740px; left: 269px; top: 23px; height: 458px; background-size: contain; background-repeat: no-repeat; background-image: url("../images/html_data/popup_image.jpg"); }
.closeiMOApop { width: 31px; height: 31px; display: block; background: gray; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; right: -13px; top: -12px; }
.closeiMOApop:before, .closeiMOApop:after { height: 23px; width: 3px; display: block; position: relative; content: ""; }
.closeiMOApop:before { top: 4px; right: -14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.closeiMOApop:after { left: 14px; bottom: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(45deg); transform: rotate(-45deg); }
.closeiMOApop:before, .closeiMOApop:after { background: #fff; }
.closeiMOApop:hover, .closeiMOApop:active { background-color: #000; cursor: pointer; }
section.iMOA * { -webkit-box-sizing: border-box; box-sizing: border-box; }
/*******************************************
 * the 2 tabs at the top of the video
 */

section.iMOA nav.tabs { z-index: 10; position: absolute; display: none; top: -1px; }
section.iMOA nav.tabs button { position: absolute; border: none; background-color: transparent; width: 143px; height: 48px; }
section.iMOA nav.tabs button.diabetic { left: 373px; }
section.iMOA nav.tabs button.normal { left: 216px; }
section.iMOA nav.tabs button.selected label { color: #333333; }
section.iMOA nav.tabs button label { display: block; position: absolute; top: 5px; left: 0px; width: 100%; font-family: 'KarbonMedium'; font-size: 14px; color: white; }
section.iMOA.tab_normal nav.tabs button.normal { background-image: url("../images/html_data/btn_background.png"); }
section.iMOA.tab_diabetic nav.tabs button.diabetic { background-image: url("../images/html_data/btn_background.png"); }
/*************************************************
 * holds the static background image of the video
 */

section.iMOA article { width: 701px; height: 0px;/* background-image: url("../images/html_data/background_poster.jpg"); */ }
/*************************************************
 * Initial Start Button
 */

section.iMOA button.start { position: absolute; border: none; background: url("../images/html_data/75x75_PlayBtn.png") no-repeat; z-index: 200; top: 206px; left: 320px; width: 75px; height: 75px; -webkit-transition: opacity .5s ease-in-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; opacity: 0; }
section.iMOA button.start.visible { opacity: 1; }
/**********************************************************************
 * text / arrow / marker that show up over the slider at certain points
 */

section.iMOA figcaption { z-index: 10; position: absolute; display: none; }
/*
 * This caption shows up on the sldier when either tab reaches 180+
 */

.approximateRenalThreshold { top: 52px; left: 228px; width: 188px; height: 51px; background-image: url("../images/html_data/ptr_approximate-renal-threshold.png"); }
/**
 * This caption shows up on the slider
 * only on the diabetic tab at 240+
 */

.approximateRenalThresholdForDiabetics { top: 49px; left: 154px; width: 194px; height: 53px; background-image: url("../images/html_data/ptr_approximate-renal-threshold-for-diabetics.png"); }
/**
 * The litle arrows on the slider at 180 and 240
 */

section.iMOA .arrow { width: 15px; height: 16px; top: -7px; }
section.iMOA .arrow.gray { background-image: url("../images/html_data/ptr_arrow-gray.png"); }
section.iMOA .arrow.red { background-image: url("../images/html_data/ptr_arrow-red.png"); }
section.iMOA .arrow.one-eighty { left: 315px; }
section.iMOA .arrow.two-forty { left: 415px; }
/**
 * The little white marker lines on the slider at 180 and 240 
 */

section.iMOA .marker { top: 15px; width: 1px; height: 11px; background-color: white; }
section.iMOA .marker.one-eighty { left: 322px; }
section.iMOA .marker.two-forty { left: 441px; }
/**************************************************
 * When swtiching to diabetic tab 
 * this is the invokana text next to dragdrop icon
 */

section.iMOA .invokana.label { position: absolute; left: 121px; top: 44px; font-family: 'KarbonMedium'; font-size: 26px; color: white; text-shadow: 1px -1px 1px #1F1F1F; opacity: 0; }
section.iMOA .invokana.label.visible { -webkit-animation-name: fadeIn; -webkit-animation-duration: 500ms; -webkit-animation-delay: 250ms; -webkit-animation-fill-mode: both; }
section.iMOA .invokana.pointer { left: 225px; top: 127px; width: 120px; height: 61px; background-image: url("../images/html_data/ptr_invokana.png"); }
/***********************************************************
 * Descriptions are the labels with the lines pointing to 
 * certain sections of the video
 */

section.iMOA .description { z-index: 100; position: absolute; background-color: transparent; }
section.iMOA .description div { position: absolute; text-align: center; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 22px; color: #dedede; letter-spacing: .5px; text-shadow: 1px 2px black; top: -14px; }
section.iMOA .description hr { position: absolute; height: 1.5px; border: none; background-color: white; }
/*****************************************
 * the following descriptions always show  
 */

section.iMOA .description.glomerulus { top: 301px; left: 45px; }
section.iMOA .description.glomerulus div { left: 10px; }
section.iMOA .description.glomerulus hr { top: 40px; width: 70px; -webkit-transform: rotate(113deg); -moz-transform: rotate(113deg); transform: rotate(113deg); }
section.iMOA .description.glucose { top: 32px; left: 542px; }
section.iMOA .description.glucose div { left: 10px; }
section.iMOA .description.glucose hr { left: 4px; top: 20px; width: 43px; -webkit-transform: rotate(146deg); -moz-transform: rotate(146deg); transform: rotate(146deg); }
section.iMOA .description.SGLT2 { top: 100px; left: 572px; }
section.iMOA .description.SGLT2 div { left: -12px; }
section.iMOA .description.SGLT2 hr { left: -70px; top: 26px; width: 79px; -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); transform: rotate(-25deg); }
/*****************************************
 * Glucose and Urine only show when:
 * at 180+ for normal tab
 * at 240+ for diabetic tab
 */

section.iMOA figcaption.description.glucoseInUrine { top: 382px; left: 424px; }
section.iMOA figcaption.description.glucoseInUrine div { top: -37px; left: 94px; }
section.iMOA figcaption.description.glucoseInUrine hr.left { left: -13px; top: -58px; width: 111px; -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg); transform: rotate(50deg); }
section.iMOA figcaption.description.glucoseInUrine hr.right { left: 126px; top: -83px; width: 85px; -webkit-transform: rotate(103deg); -moz-transform: rotate(103deg); transform: rotate(103deg); }
/*********************************************************************
 * Invokana description that only shows after dragging onto glomerulus
 */

section.iMOA figcaption.description.invokana { top: 17px; left: 242px; }
section.iMOA figcaption.description.invokana div { left: 9px; }
section.iMOA figcaption.description.invokana hr { left: 49px; top: 31px; width: 67px; -webkit-transform: rotate(46deg); -moz-transform: rotate(46deg); transform: rotate(46deg); }
/***************************************************************
 * tubule descriptions are always there but are a special case 
 * 
 * "regular" on Normal Tab 
 * - show for everyony slider position in normal tab
 * 
 * "special" on diabetic tab  
 * - it disapppears at 240 and above slider position to make room for a highlight
 *
 * "shweta" on Invokana DragDrop
 * - shows only when in this mode
 */

section.iMOA figcaption.description.tubule { left: 82px; width: 200px; }
section.iMOA figcaption.description.tubule.regular, section.iMOA figcaption.description.tubule.shweta { top: 88px; }
section.iMOA figcaption.description.tubule.special { top: 147px; }
section.iMOA figcaption.description.tubule.special hr { top: -1px; width: 37px; }
section.iMOA figcaption.description.tubule.shweta hr { left: 165px; top: 9px; width: 53px; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); transform: rotate(12deg); }
section.iMOA figcaption.description.tubule div { text-align: center; left: 10px; }
section.iMOA figcaption.description.tubule hr { left: 165px; top: -6px; width: 77px; -webkit-transform: rotate(-12deg); }
/*********************************************************************
 * Invokana DragDrop icon on Diabetic tab
 */

section.iMOA figure.message { z-index: 10; position: absolute; display: none; }
/*
 * the close button when dropped
 */

section.iMOA figure.message.closeButton { top: 13px; left: 602px; width: 71px; height: 71px; background-image: url("../images/html_data/icon_close-blue.png"); }
/* this looks like it's not being used and I can't find where it was used
on the origial presentation.  Leaving it here just in case */

section.iMOA figure.message.glomerulus { top: 258px; left: 16px; width: 233px; height: 129px; background-image: url("../images/html_data/msg_glucose-released-by-glomerulus.png"); }
/*
 * The Invokana icon thingy
 */

section.iMOA figure.message.invokana { z-index: 100; top: 2px; left: 15px; width: 111px; height: 111px; background-image: url("../images/html_data/invokana_sprite.png"); background-repeat: no-repeat; background-position: left center; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-timing-function: linear; animation-iteration-count: infinite; }
section.iMOA figure.message.invokana.snappingIntoPlaceFromFarAway { -webkit-animation-duration: 2s; -webkit-animation: mymove 2s infinite; }
section.iMOA figure.message.invokana.snappingBack { -webkit-transition-property: top, left; -webkit-transition-duration: 500ms, 500ms; -webkit-transition-timing-function: ease-out; }
section.iMOA figure.message.invokana.snappingIntoPlace { -webkit-transition-property: top, left; -webkit-transition-duration: 1000ms, 1000ms; -webkit-transition-timing-function: cubic-bezier(0.05, 0.33, 0.23, 1); }
section.iMOA figure.message.invokana.dissolving { -webkit-animation: play 0.8s steps(6); }
section.iMOA .dropTargetRegion { z-index: 2; position: absolute; left: -20px; top: 296px; bottom: 0; width: 300px; text-align: center; }
/*************************************************************
 * This the text in the white squares in each tab
 *
 * on Normal Tab
 * - Glomerulus highlight shows first
 * - at 180 glucoseBeginsToExcrete shows 
 * 
 * on Diabetic Tab
 * - begins with renalGlucoseAltered
 * - at 240 changes to glucoseExceeds240mg
 * 
 * on DragDrop
 * - invokanaInhibitsSGLT2
 */

section.iMOA div.highlight { z-index: 100; position: absolute; display: none; background-color: rgba(255, 255, 255, 0.7); -webkit-border-radius: 10px; border-radius: 10px; padding-left: 11px; padding-top: 16px; color: #005b7f; font-family: 'KarbonMedium'; font-size: 20px; line-height: 20px; letter-spacing: .4px; }
section.iMOA div.highlight sup { font-size: 11px; line-height: 0; }
section.iMOA div.highlight.glomerulus { top: 150px; left: 76px; width: 215px; height: 129px; display: block; font-family: 'HelveticaNeueLTStd-Cn'; }
section.iMOA div.highlight.glucoseExceeds240mg { top: 124px; left: 31px; width: 248px; height: 187px; }
section.iMOA div.highlight.glucoseBeginsToExcrete { top: 148px; left: 31px; width: 248px; height: 129px; }
section.iMOA div.highlight.invokanaInhibitsSGLT2 { top: 132px; left: 31px; width: 220px; height: 165px; padding-right: 5px; padding-top: 11px; line-height: 15px; font-family: 'KarbonMedium'; }
section.iMOA div.highlight.renalGlucoseAltered { top: 202px; left: 31px; width: 233px; height: 81px; }
section.iMOA .page-content h1 { margin-top: 13px; }
/**************************************************
  Slider styles
*/

.uberSliderTicks { z-index: 1; position: absolute; width: 496px; height: 28px; top: 2px; left: 75px; font-family: Helvetica; font-size: 13px; color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, .88); text-align: center; }
.uberSliderTicks .tickLabel { position: absolute; width: 40px; height: 28px; padding-top: 12px; cursor: pointer; }
.uberSliderTicks .tickLabel.first { left: 4px; }
.uberSliderTicks .tickLabel.second { left: 47px; }
.uberSliderTicks .tickLabel.third { left: 110px; }
.uberSliderTicks .tickLabel.fourth { left: 168px; }
.uberSliderTicks .tickLabel.fifth { left: 227px; }
.uberSliderTicks .tickLabel.sixth { left: 286px; }
.uberSliderTicks .tickLabel.seventh { left: 157px; }
.uberSliderTicks .tickLabel.eighth { left: 410px; }
.uberSliderTicks .tickLabel.ninth { left: 471px; }
section.iMOA .slider { z-index: 10; position: absolute; visibility: hidden; top: 498px; left: 50px; width: 600px; height: 61px; /*  background-image: url("../images/html_data/slider_background_empty.png");*/ display: none; }
section.iMOA .slider .horizontalSlider { position: absolute; left: 73px; top: 0px; height: 24px; width: 517px; padding: 0 18px 0 14px; }
section.iMOA .slider .horizontalSlider .sliderTrack { position: relative; z-index: 1; top: 36px; left: 0px; width: 100%; height: 8px; background: -webkit-linear-gradient(left, #c60b46 0, #c60b46 18px, #cacaca 18px, #cacaca 100%); }
section.iMOA .slider .horizontalSlider .sliderTicks { position: absolute; width: 496px; height: 33px; }
section.iMOA .slider .horizontalSlider .sliderTicks .tickMark { position: absolute; height: 75px; width: 1px; background-color: black; }
section.iMOA .slider .horizontalSlider .sliderThumb { position: absolute; top: 13px; left: 1px; background: url("../images/html_data/slider_thumb.png") no-repeat; background-position: center center; width: 50px; height: 54px; z-index: 2; }
.sliderThumb:hover { cursor: -webkit-grab; }
.sliderThumb:active { cursor: -webkit-grabbing; }
section.iMOA video { width: 700px; height: 478px; }
/*******************************************************************************
  The following classes are dynamically added to section.iMOA to hide/show the
  different states of the content over the video.  This way you can easily 
  change states by adding classes to one element
 */

section.iMOA.tab_normal .slider, section.iMOA.tab_diabetic .slider { visibility: visible; }
section.iMOA.tab_normal nav.tabs, section.iMOA.tab_diabetic nav.tabs { display: block; }
section.iMOA.tab_normal .regular.tubule, section.iMOA.tab_normal .glucose.description, section.iMOA.tab_normal .SGLT2.description, section.iMOA.tab_normal .glomerulus.description { display: block; opacity: 1; }
section.iMOA.normal_70-150 .glomerulus.highlight { display: block; opacity: 1; }
section.iMOA.normal_180 .red.one-eighty, section.iMOA.normal_180 .approximateRenalThreshold, section.iMOA.normal_180 .glucoseInUrine.description, section.iMOA.normal_180 .glucoseBeginsToExcrete.highlight { display: block; opacity: 1; }
section.iMOA.normal_210-300 .gray.one-eighty, section.iMOA.normal_210-300 .one-eighty.marker, section.iMOA.normal_210-300 .glucoseInUrine.description, section.iMOA.normal_210-300 .glucoseBeginsToExcrete.highlight, section.iMOA.normal_210-300 .approximateRenalThreshold { display: block; opacity: 1; }
section.iMOA.tab_diabetic .glucose.description, section.iMOA.tab_diabetic .SGLT2.description, section.iMOA.tab_diabetic .invokana.message, section.iMOA.tab_diabetic .invokana.label.visible { display: block; opacity: 1; }
section.iMOA.diabetic_70-150 .special.tubule, section.iMOA.diabetic_70-150 .renalGlucoseAltered, section.iMOA.diabetic_70-150 .glomerulus.description { display: block; opacity: 1; }
section.iMOA.diabetic_180 .red.one-eighty, section.iMOA.diabetic_180 .approximateRenalThreshold, section.iMOA.diabetic_180 .glomerulus.description, section.iMOA.diabetic_180 .renalGlucoseAltered, section.iMOA.diabetic_180 .special.tubule { display: block; opacity: 1; }
section.iMOA.diabetic_210 .gray.one-eighty, section.iMOA.diabetic_210 .one-eighty.marker, section.iMOA.diabetic_210 .glomerulus.description, section.iMOA.diabetic_210 .renalGlucoseAltered, section.iMOA.diabetic_210 .special.tubule { display: block; opacity: 1; }
section.iMOA.diabetic_240 .red.two-forty, section.iMOA.diabetic_240 .one-eighty.marker, section.iMOA.diabetic_240 .gray.one-eighty, section.iMOA.diabetic_240 .glucoseExceeds240mg, section.iMOA.diabetic_240 .glucoseInUrine, section.iMOA.diabetic_240 .approximateRenalThresholdForDiabetics { display: block; opacity: 1; }
section.iMOA.diabetic_270-300 .gray.two-forty, section.iMOA.diabetic_270-300 .gray.one-eighty, section.iMOA.diabetic_270-300 .two-forty.marker, section.iMOA.diabetic_270-300 .one-eighty.marker, section.iMOA.diabetic_270-300 .glucoseExceeds240mg, section.iMOA.diabetic_270-300 .glucoseInUrine, section.iMOA.diabetic_270-300 .approximateRenalThresholdForDiabetics { display: block; opacity: 1; }
section.iMOA.tab_invokana .shweta.tubule, section.iMOA.tab_invokana .invokana.description, section.iMOA.tab_invokana .closeButton.message, section.iMOA.tab_invokana .glucoseInUrine, section.iMOA.tab_invokana .invokanaInhibitsSGLT2, section.iMOA.tab_invokana .glomerulus.description { display: block; opacity: 1; }
.slider_g { position: absolute; top: 630px; left: 432px; z-index: 10;/* height: 30px; *//* background-color: #000; *//* display: block; */ }
.SGLT2 { display: block !important; }
.glucoseInUrine { display: block !important; }
.wrapper { position: relative; top: 0; left: 0; width: 1024px; height: 637px; overflow: hidden; font-family: Helvetica; background: url(../images/html_data/bg.jpg) no-repeat top left; background-size: 100% 100%; font-family: 'KarbonMedium'; }
#video1 { position: absolute; top: 137px; left: 72px; width: 869px; height: auto; }
.section video { width: 100%; }
.iMOA { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
/* slider css */

.sliderr_back { background: #000000; opacity: 0.4; position: absolute; top: 387px; left: 409px; width: 201px; border-radius: 16px; z-index: 8; height: 46px; display: none; }
#sc_slider { width: 130px; height: 0px; z-index: 11; position: absolute; left: 440px; border: 3px solid #ffffff; top: 407px; display: none; }
.navp { position: absolute; top: 365px; color: #ffffff; left: 415px; z-index: 8; font-family: 'HelveticaNeueLTStd-Cn'; display: none; width: 64px; }
.navpw { position: absolute; top: 365px; color: #ffffff; left: 542px; text-align: center; z-index: 8; font-family: 'HelveticaNeueLTStd-Cn'; display: none; width: 77px; }
.section.iMOA video { width: 700px; height: 478px; }
#HomeBtnCong { cursor: pointer; color: #000; font-size: 28px; /* padding: 10px; */ width: 110px; border-radius: 30px; text-align: center; background: #f59302; position: absolute; height: 42px; font-style: italic; line-height: 42px; top: 400px; left: 482px; }
.animated06 { cursor: pointer }
/*animations start*/


.animated { animation-duration: 4s; -webkit-animation-duration: 4s; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease-in; animation-fill-mode: both; animation-timing-function: ease-in; }
.delay1 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.delay2 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.delay3 { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; }
.delay4 { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; animation-delay: 4s; }
.delay5 { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; animation-delay: 5s; }
.delay6 { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; animation-delay: 6s; }
.delay7 { -webkit-animation-delay: 7s; -moz-animation-delay: 7s; animation-delay: 7s; }
.delay8 { -webkit-animation-delay: 8s; -moz-animation-delay: 8s; animation-delay: 8s; }
.delay9 { -webkit-animation-delay: 9s; -moz-animation-delay: 9s; animation-delay: 9s; }
.delay10 { -webkit-animation-delay: 10s; -moz-animation-delay: 10s; animation-delay: 10s; }
.delay11 { -webkit-animation-delay: 11s; -moz-animation-delay: 11s; animation-delay: 11s; }
.delay_00 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay_01 { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay_02 { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; animation-delay: 2.5s; }
.delay_03 { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; }
.delay_04 { -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; animation-delay: 4.5s; }
 @-webkit-keyframes fadeIn { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeIn_2 { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn_2 { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn_2 { -webkit-animation-name: fadeIn_2; animation-name: fadeIn_2; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeIn_02 { -webkit-animation-name: fadeIn_2; animation-name: fadeIn_2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeIn_4 { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn_4 { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn_04 { -webkit-animation-name: fadeIn_4; animation-name: fadeIn_4; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeIn_17 { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn_17 { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn_17 { -webkit-animation-name: fadeIn_17; animation-name: fadeIn_17; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeIn_19 { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn_19 { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn_19 { -webkit-animation-name: fadeIn_19; animation-name: fadeIn_19; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeInLeft { from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInLeft { from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInLeft { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes h1 { from {
 height: 0;
}
to { height: 52px; }
}
 @keyframes h1 { from {
 height: 0;
}
to { height: 52px; }
}
@-moz-keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.6;
}
}
@-webkit-keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.6;
}
}
 @keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.6;
}
}
@-webkit-keyframes fadeOut { from {
 opacity: 1;
}
to { opacity: 0; }
}
 @keyframes fadeOut { from {
 opacity: 1;
}
to { opacity: 0; }
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeOutDown { from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
.flash { -webkit-animation-name: flash; animation-name: flash; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-moz-keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.5;
}
}
@-webkit-keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.5;
}
}
 @keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.5;
}
}
.flash { -webkit-animation-name: flash; animation-name: flash; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes flash15 { from, 50%, to {
 opacity: 0.8;
}
 25%, 75% {
 opacity: 1;
}
}
 @keyframes flash15 { from, 50%, to {
 opacity: 0.8;
}
 25%, 75% {
 opacity: 1;
}
}
.flash15 { -webkit-animation-name: flash15; animation-name: flash15; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/*animations end*/

.h1 { -webkit-animation-name: h1; animation-name: h1; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; }
.breaker_bay { color: #5b999f }
.bold { font-weight: bold; }
.orientaionMsg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #000000; z-index: 1; display: none; }
.orientContent { width: 100%; height: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: column; }
.orientContent img { width: 35%; margin-bottom: 25px; }
.orientContent p { color: #fff; font-size: 20px; font-weight: normal; }
/*Common css start*/
.src_title { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 123px; left: 13px; letter-spacing: 0.3px; }
.src_txt { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; }
.src_arrow { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.arrowIcon { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; }
.submitBtn { width: 127px; height: 37px; background: url(../images/html_data/submitBtn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 470px; right: 12px; border: 0px; cursor: pointer; }
.src03_wrapper .submitBtn{top: 425px;}
.submitBtn:focus { outline: none; }
.resetBtn { width: 127px; height: 37px; background: url(../images/html_data/ResetBtn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 470px; right: 12px; border: 0px; cursor: pointer; }
.resetBtn:focus { outline: none; }
.IncorrectPop { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8) }
.IncorrectPopBox { width: 450px; height: auto; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.IncorrectPopBox h2 { background-color: #ff0000; width: 300px; display: block; margin: 0 auto; text-align: center; color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 35px; line-height: 35px; margin-top: 3px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; letter-spacing: 1.5px; font-size: 18px; }
.IncorrectPopBox p { text-align: center; margin: 70px auto; width: 500px; letter-spacing: 1.5px; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; color: #ff0000; }
.CorrectPop { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8) }
.CorrectPopBox { width: 450px; height: auto; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.CorrectPopBox h2 { background-color: #269900; width: 300px; display: block; margin: 0 auto; text-align: center; color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 35px; line-height: 35px; margin-top: 3px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; letter-spacing: 1.5px; font-size: 18px; }
.CorrectPopBox p { text-align: center; width: 510px; margin: 70px auto; display: block; letter-spacing: 1.5px; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; color: #269900; }
.correctclose { width: 30px; height: 30px; background: url(../images/html_data/close_icon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 5px; right: 5px; border: 0px; cursor: pointer }
.IncorrectPop .tryagain { width: 127px; height: 37px; background: url(../images/html_data/Tryagain_btn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 340px; left: 450px; border: 0px; cursor: pointer; }
.correctIcon { width: 55px; position: absolute; height: 55px; top: 90px; left: 150px; }
.wrongIcon { width: 55px; position: absolute; height: 55px; top: 90px; left: 140px; }
._tframe__plot_0, ._tframe__plot_1, ._tframe__plot_2, ._tframe__plot_3, ._tframe__plot_4, ._tframe__plot_5, ._tframe__plot_6, ._tframe__plot_7, ._tframe__plot_8, ._tframe__plot_9, ._tframe__plot_10, ._tframe__plot_11, ._tframe__plot_12, ._tframe__plot_13, ._tframe__plot_14, ._tframe__plot_15, ._tframe__plot_16, ._tframe__plot_17, ._tframe__plot_18, ._tframe__plot_19, ._tframe__plot_20 { display: none; }
.srcTitle { position: absolute; top: 120px; left: 15px; color: #f30617; font-size: 22px; font-family: 'HelveticaNeueLTStd-Cn'; }
.srcSubTitle { position: absolute; top: 155px; left: 12px; color: #424242; font-size: 18.67px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.srcFooter { color: #000; font-family: 'HelveticaNeueLTStd-Md'; font-size: 12px; position: absolute; bottom: 135px; left: 12px; }
.src_popup_close { position: absolute; top: 122px; left: 762px; width: 51px; height: 41px; opacity: 0; cursor: pointer; }
.titleTxt { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; position: absolute; top: 123px; left: 12px; }
.listTxt { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.footerTxt { color: #000; font-family: 'HelveticaNeueLTStd-Md'; font-size: 12px; position: absolute; bottom: 140px; left: 12px; }
.dotIcon { width: 5px; height: 5px; background: url(../images/html_data/dotIcon.png) no-repeat top left; background-size: 100% 100%; }
.iScrollIndicator { background: rgb(25, 183, 179) !important; }
.iScrollVerticalScrollbar { top: 10px !important; }
/*Common css end*/



/*Disclaimers start*/
.scr00_Box{
	width: 654px;
	height: 243px;
	background: url(../images/html_data/scr00_boxBg.png) no-repeat center center;
	background-size: 654px 243px;
	position: absolute;
	top: 215px;
	left: 185px;
	display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
} 
.scr00_text h2{
	color: #f30617;
	font-size: 24px;
	font-family: 'HelveticaNeueLTStd-Md';
	margin-bottom: 15px;
}
.scr00_text p{
	color: #424242;
	font-size: 19px;
	font-family: 'HelveticaNeueLTStd-Cn';
}

/*Disclaimers end*/

/*slider1  start*/
.src01_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src01_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src01_list_title { top: 180px; left: 47px; font-weight: 600; }
.src01_list1 { top: 181px; left: 71px; }
.src01_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src01_list2 { top: 213px; left: 71px; }
.src01_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src01_list3 { top: 245px; left: 71px; }
.src01_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
/*slider1  end*/

/*slider2  start*/
.src02_txt1 { top: 179px; left: 48px; }
.src02_txt2 { top: 272px; left: 47px; }
.src02_list1 { top: 310px; left: 71px; }
.src02_list2 { top: 364px; left: 71px; }
.src02_list3 { top: 416px; left: 71px; }
.src02_list4 { top: 469px; left: 71px; }
.src02Img1, .src02Img2, .src02Img3, .src02Img4 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
.src19Img1, .src019Img2, .src19Img3 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
/*slider2  end*/

/*slider03 */
.src03_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr03_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src03_DropWrap { width: 560px; height: 175px; position: absolute; top: 205px; left: 230px; background-color: #f0f6f7; border-radius: 8px; }
.src03_DropWrap p { color: #3c96a0; font-size: 16px; font-weight: bold; position: absolute; left: 120px; top: 8px; font-family: 'HelveticaNeueLTStd-Cn'; text-align: center; }
.src03Drop { width: 190px; height: 60px; background-color: #ffffff; border: 2px solid #98c3c8; box-sizing: border-box; border-radius: 8px; }
.src03_1box { position: absolute; top: 240px; left: 285px; }
.src03_2box { position: absolute; top: 240px; left: 540px; }
.src03_3box { position: absolute; top: 307px; left: 285px; }
.src03_4box { position: absolute; top: 307px; left: 540px; }
.src03Drag { width: 190px; height: 60px; background-color: #f0e5bf; border: 2px solid #f0e5bf; box-sizing: border-box; border-radius: 8px; font-family: 'HelveticaNeueLTStd-Bd'; font-size: 13px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; text-align: center; }
.src03_drag1 { position: absolute; top: 390px; left: 220px; }
.src03_drag2 { position: absolute; top: 390px; left: 418px; }
.src03_drag3 { position: absolute; top: 390px; left: 615px; }
.src03_drag4 { position: absolute; top: 458px; left: 220px; }
.src03_drag5 { position: absolute; top: 458px; left: 418px; }
.src03_drag6 { position: absolute; top: 458px; left: 615px; }
/*slider03 */

/*slider4 start*/
.scr04_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr04_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr04_img { width: 437px; height: 274px; background: url(../images/html_data/scr04_img.png) no-repeat; background-size: cover; position: absolute; top: 200px; right: 60px; }
.scr04_list1 { position: absolute; top: 175px; left: 71px; }
.scr04_list2 { position: absolute; top: 209px; left: 71px; }
.scr04_list3 { position: absolute; top: 264px; left: 71px; }
.scr04_prec { position: absolute; top: 335px; left: 71px; }
.precIcon { width: 36px; height: 34px; background: url(../images/html_data/errorIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: -10px; left: -45px; }
.scr04_list4 { position: absolute; top: 368px; left: 71px; }
.scr04_list5 { position: absolute; top: 400px; left: 71px; }
.scr_info_wrp { position: absolute; top: 415px; right: 13px; width: 59px; height: 59px; cursor: pointer; display: none; }
.scr04_info { background: url(../images/html_data/infoBtn.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 30px; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src04_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 113px; left: 0px; z-index: 10; }
.src04_close { width: 50px; height: 55px; background: url(../images/html_data/closeIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 25px; right: 195px; border: 0px; cursor: pointer; }
.src04_popup_box { width: 635px; height: 320px; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #0e8c81; padding: 0px 20px; }
.src04_popup_box h2 { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; font-weight: bold; color: #31858d; width: 95%; padding: 9px 0; margin: 0 2.5%; border-bottom: 2px solid #31858d; padding-top: 14px; }
.src04_popup ol { padding-left: 40px; padding-top: 10px; list-style: none; position: relative; }
.src04_popup ol li { line-height: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 9px; }
.scr04_arrow1 { position: absolute; top: 4px; left: -23px; }
.scr04_arrow2 { position: absolute; top: 4px; left: -23px; }
.scr04_arrow3 { position: absolute; top: 4px; left: -23px; }
.scr04_arrow4 { position: absolute; top: 4px; left: -23px; }
.scr04_arrow5 { position: absolute; top: 4px; left: -23px; }
.scr04_arrow6 { position: absolute; top: 13px; left: 17px; }
.scr04_arrow7 { position: absolute; top: 43px; left: 17px; }
.scr04_arrow8 { position: absolute; top: 72px; left: 17px; }
.scr04_arrow9 { position: absolute; top: 101px; left: 17px; }
.scr04_arrow10 { position: absolute; top: 150px; left: 17px; }
.scr04_arrow11 { position: absolute; top: 178px; left: 17px; }
.notesFooterTxt { position: absolute; top: 290px; left: 36px; color: #424242; font-family: 'HelveticaNeueLTStd-Cn'; }
/*slder4 end*/

/*slider5  start*/
.src05_list1 { top: 181px; left: 72px; }
.src05_list2 { top: 234px; left: 72px; }
.src05_list3 { top: 286px; left: 72px; }
.src05_list4 { top: 338px; left: 72px; letter-spacing: 0.5px; }
.src05_title2 { top: 420px; left: 48px; letter-spacing: 0.5px; }
.src05_list5 { top: 451px; left: 72px; }
.src05_list6 { top: 483px; left: 72px; }
/*slider5  end*/

/*slider06 */
.src06_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr03_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src06_question_1 { position: absolute; top: 205px; left: 35px; width: 100%; }
.src06_question_2 { position: absolute; top: 270px; left: 35px; width: 100%; }
.src06_question_3 { position: absolute; top: 335px; left: 35px; width: 100%; }
.src06_question_4 { position: absolute; top: 402px; left: 35px; width: 100%; }
.src06_question_5 { position: absolute; top: 435px; left: 35px; width: 100%; }
.src06_ques_text { position: relative; width: 690px; left: 0; top: 0; padding: 0px 25px; box-sizing: border-box; height: 55px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; background-color: rgba(226, 243, 247, 0.6); border-radius: 5px; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18px; }
.src06_wrapper input[type="radio"] { display: none; }
.ansTrue { position: absolute; top: 0; left: 710px; }
.ansTrue label { position: absolute; left: 0; top: 0; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; background-color: rgba(122, 179, 142, 0.8); padding: 17px 28px; color: #ffffff; border-radius: 7px; }
.ansTrue input[type="radio"]:checked + label { background-color: #227d42; }
.ansFalse { position: absolute; top: 0; left: 805px; }
.ansFalse label { position: absolute; left: 0; top: 0; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; background-color: rgba(228, 124, 110, 0.8); padding: 17px 28px; color: #ffffff; border-radius: 7px; }
.ansFalse input[type="radio"]:checked + label { background-color: #bb3200; }
/*slider06*/

/*slider7 start*/
.scr07_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr07_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr07_list1 { position: absolute; top: 241px; left: 102px; }
.scr07_list2 { position: absolute; top: 314px; left: 103px; }
.scr07_list3 { position: absolute; top: 387px; left: 102px; }
.scr07_pinImg { width: 161px; height: 66px; background: url(../images/html_data/tipsImg.png) no-repeat; background-size: 161px 66px; position: absolute; top: 153px; left: 12px; }
/*.scr07_pinImg_line1 {
    width: 68px;
    height: 121px;
    background: url(../images/html_data/tipsImg_line1.png) no-repeat;
    background-size: 68px 121px;
    position: absolute;
    top: 211px;
    left: 21px;
}
.scr07_pinImg_line2 {
    width: 68px;
    height: 71px;
    background: url(../images/html_data/tipsImg_line2.png) no-repeat;
    background-size: 68px 71px;
    position: absolute;
    top: 332px;
    left: 21px;
}*/


.scr07_pinImg_line1 { width: 68px; height: 0; background: url(../images/html_data/tipsImg_line1.png) no-repeat; background-size: 68px 121px; position: absolute; top: 211px; left: 21px; }
.scr07_pinImg_line2 { width: 68px; height: 0; background: url(../images/html_data/tipsImg_line2.png) no-repeat; background-size: 68px 71px; position: absolute; top: 332px; left: 21px; }
.height071 { -webkit-animation-name: height071; animation-name: height071; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.height072 { -webkit-animation-name: height072; animation-name: height072; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes height071 { from {
 height: 0;
}
to { height: 121px; }
}
 @keyframes height071 { from {
 height: 0;
}
to { height: 121px; }
}
 @-webkit-keyframes height072 { from {
 height: 0;
}
to { height: 71px; }
}
 @keyframes height072 { from {
 height: 0;
}
to { height: 71px; }
}
.pinImg1 { position: absolute; top: 230px; left: 10px; }
.pinImg2 { position: absolute; top: 340px; left: 10px; }
.scr07_info { background: url(../images/html_data/infoBtn.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src07_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 113px; left: 0px; z-index: 10; }
.src07_close { width: 50px; height: 55px; background: url(../images/html_data/closeIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 20px; right: 195px; border: 0px; cursor: pointer; }
.src07_popup_box { width: 635px; height: 315px; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 14%; left: 175px; border: 2px solid #0e8c81; padding: 0px 20px; overflow: hidden; }
.src07_popup_box h2 { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; font-weight: bold; color: #31858d; width: 95%; padding: 9px 0; margin: 0 2.5%; border-bottom: 2px solid #31858d; padding-top: 14px; }
.src07_popup ol { padding-left: 40px; padding-top: 10px; list-style: none; position: relative; }
.src07_popup ol li { line-height: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 9px; position: relative; }
.scr07_arrow1 { position: absolute; top: 4px; left: -23px; }
.scr07_arrow2 { position: absolute; top: 4px; left: -23px; }
.scr07_arrow3 { position: absolute; top: 4px; left: -23px; }
.scr07_arrow4 { position: absolute; top: 4px; left: -23px; }
.scr07_arrow5 { position: absolute; top: 4px; left: -23px; }
.scr07_arrow6 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow7 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow8 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow9 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow10 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow11 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow12 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow13 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow14 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow15 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow16 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow17 { position: absolute; top: 4px; left: -24px; }
.scr07_arrow18 { position: absolute; top: 4px; left: -24px; }
.popup_footer { color: #424242; font-size: 12px; position: absolute; bottom: 19px; left: 41px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src08_left_arrow { width: 57px; height: 57px; overflow: hidden; position: relative; background: url(../images/html_data/src15_left_arrow.png) no-repeat scroll left top transparent; top: 156px; left: 22px; cursor: pointer; }
.src08_right_arrow { width: 57px; height: 57px; overflow: hidden; position: absolute; background: url(../images/html_data/src15_right_arrow.png) no-repeat scroll left top transparent; top: 156px; right: 22px; cursor: pointer; }
.src08_indicator1 { width: 41px; height: 16px; overflow: hidden; position: absolute; left: 487px; top: 411px; cursor: pointer; background: url(../images/html_data/indicator1.png) no-repeat scroll left top transparent; }
.src08_indicator2 { width: 41px; height: 16px; overflow: hidden; position: absolute; left: 487px; top: 411px; cursor: pointer; background: url(../images/html_data/indicator2.png) no-repeat scroll left top transparent; }
/*src015_wrapper  end*/



/*slder7 end*/

/*slider8 start*/
.scr08_list1 { position: absolute; top: 180px; left: 70px; }
.scr08_list2 { position: absolute; top: 215px; left: 70px; }
.scr08_list3 { position: absolute; top: 270px; left: 70px; }
.src08_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 113px; left: 0px; z-index: 10; }
.src08_close { width: 50px; height: 55px; background: url(../images/html_data/closeIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 20px; right: 195px; border: 0px; cursor: pointer; }
.src08_popup_box { width: 635px; height: 340px; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 14%; left: 175px; border: 2px solid #0e8c81; padding: 0px 20px; overflow: hidden; }
.src08_popup_box h2 { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; font-weight: bold; color: #31858d; width: 95%; padding: 9px 0; margin: 0 2.5%; border-bottom: 2px solid #31858d; padding-top: 14px; }
.src08_popup ol { padding-left: 40px; padding-top: 10px; list-style: none; position: relative; }
.src08_popup ol li { line-height: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 9px; position: relative; }
.scr08_arrow1 { position: absolute; top: 4px; left: -23px; }
.scr08_arrow2 { position: absolute; top: 4px; left: -23px; }
.scr08_arrow3 { position: absolute; top: 4px; left: -23px; }
.scr08_arrow4 { position: absolute; top: 4px; left: -23px; }
.scr08_arrow5 { position: absolute; top: 4px; left: -23px; }
.scr08_arrow6 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow7 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow8 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow9 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow10 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow11 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow12 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow13 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow14 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow15 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow16 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow17 { position: absolute; top: 4px; left: -24px; }
.scr08_arrow18 { position: absolute; top: 4px; left: -24px; }
/*slder8 end*/

/*slider9 start*/
.scr09_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr09_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr09_list1 { position: absolute; top: 221px; left: 102px; }
.scr09_list2 { position: absolute; top: 263px; left: 102px; }
.scr09_list3 { position: absolute; top: 325px; left: 102px; }
.scr09_list4 { position: absolute; top: 362px; left: 103px; }
.scr09_list5 { position: absolute; top: 419px; left: 102px; }
.scr09_list6 { position: absolute; top: 473px; left: 102px; }
.scr09_pinImg_line1 { width: 68px; height: 0; background: url(../images/html_data/scr09_pinImg_line1.png) no-repeat; background-size: 68px 168px; position: absolute; top: 211px; left: 21px; }
.scr09_pinImg_line2 { width: 68px; height: 0; background: url(../images/html_data/scr09_pinImg_line2.png) no-repeat; background-size: 68px 116px; position: absolute; top: 372px; left: 21px; }
.height091 { -webkit-animation-name: height091; animation-name: height091; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.height092 { -webkit-animation-name: height092; animation-name: height092; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes height091 { from {
 height: 0;
}
to { height: 168px; }
}
 @keyframes height091 { from {
 height: 0;
}
to { height: 168px; }
}
 @-webkit-keyframes height092 { from {
 height: 0;
}
to { height: 116px; }
}
 @keyframes height092 { from {
 height: 0;
}
to { height: 116px; }
}
.scr09_pinImg { width: 108px; height: 104px; background: url(../images/html_data/tipsImg.png) no-repeat; background-size: 100% 100%; }
.scr09_info { background: url(../images/html_data/infoBtn.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src09_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 113px; left: 0px; z-index: 10; }
.src09_close { width: 50px; height: 55px; background: url(../images/html_data/closeIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 20px; right: 195px; border: 0px; cursor: pointer; }
.src09_popup_box { width: 635px; height: 315px; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 14%; left: 175px; border: 2px solid #0e8c81; padding: 0px 20px; overflow: hidden; }
.src09_popup_box h2 { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; font-weight: bold; color: #31858d; width: 95%; padding: 9px 0; margin: 0 2.5%; border-bottom: 2px solid #31858d; padding-top: 14px; }
.src09_popup ol { padding-left: 40px; padding-top: 10px; list-style: none; position: relative; }
.src09_popup ol li { line-height: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 9px; position: relative; }
.scr09_arrow1 { position: absolute; top: 4px; left: -23px; }
.scr09_arrow2 { position: absolute; top: 4px; left: -23px; }
.scr09_arrow3 { position: absolute; top: 4px; left: -23px; }
.scr09_arrow4 { position: absolute; top: 4px; left: -23px; }
.scr09_arrow5 { position: absolute; top: 4px; left: -23px; }
.scr09_arrow6 { position: absolute; top: 4px; left: -23px; }
.scr09_arrow7 { position: absolute; top: 4px; left: -24px; }
.scr09_arrow8 { position: absolute; top: 4px; left: -24px; }
.scr09_arrow9 { position: absolute; top: 4px; left: -24px; }
.scr09_arrow10 { position: absolute; top: 4px; left: -24px; }
.scr09_arrow11 { position: absolute; top: 4px; left: -24px; }
.scr09_arrow12 { position: absolute; top: 4px; left: -24px; }
.scr09_arrow13 { position: absolute; top: 4px; left: -24px; }
.scr09_arrow14 { position: absolute; top: 4px; left: -24px; }
.scr09_arrow15 { position: absolute; top: 4px; left: -24px; }
.scr09_pinImg.pinImg1 { position: absolute; top: 285px; left: 10px; }
.scr09_pinImg.pinImg2 { position: absolute; top: 400px; left: 10px; }
.src09_popup_box { height: 299px; }
/*slider9 end*/

/*slider10 start*/
.scr10_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr10_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr10_list1 { position: absolute; top: 221px; left: 102px; }
.scr10_list2 { position: absolute; top: 315px; left: 101px; }
.scr10_list3 { position: absolute; top: 409px; left: 102px; }
.scr10_list4 { position: absolute; top: 461px; left: 102px; }
.scr10_pinImg { width: 108px; height: 104px; background: url(../images/html_data/tipsImg.png) no-repeat; background-size: 100% 100%; }
.scr10_info { background: url(../images/html_data/infoBtn.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src10_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 113px; left: 0px; z-index: 10; }
.src10_close { width: 50px; height: 55px; background: url(../images/html_data/closeIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 20px; right: 195px; border: 0px; cursor: pointer; }
.src10_popup_box { width: 635px; height: 315px; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 10%; left: 175px; border: 2px solid #0e8c81; padding: 0px 20px; overflow: hidden; }
.src10_popup_box h2 { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; font-weight: bold; color: #31858d; width: 95%; padding: 9px 0; margin: 0 2.5%; border-bottom: 2px solid #31858d; padding-top: 14px; }
.src10_popup ol { padding-left: 40px; padding-top: 10px; list-style: none; position: relative; }
.src10_popup ol.listing { list-style: decimal; padding-bottom: 10px; }
.src10_popup ol li { line-height: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 9px; position: relative; }
.scr10_arrow1 { position: absolute; top: 4px; left: -23px; }
.scr10_arrow2 { position: absolute; top: 4px; left: -23px; }
.scr10_arrow3 { position: absolute; top: 4px; left: -23px; }
.scr10_arrow4 { position: absolute; top: 4px; left: -23px; }
.scr10_arrow5 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow6 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow7 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow8 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow9 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow10 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow11 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow12 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow13 { position: absolute; top: 4px; left: -24px; }
.scr10_pinImg.pinImg1 { position: absolute; top: 160px; left: 10px; }
.s10PopFooter { font-size: 12px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 10px; position: relative; left: -22px; }
.scr10_pinImg_line1 { width: 68px; height: 0; background: url(../images/html_data/scr10_pinImg_line1.png) no-repeat; background-size: 68px 28px; position: absolute; top: 209px; left: 21px; }
.height101 { -webkit-animation-name: height101; animation-name: height101; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes height101 { from {
 height: 0;
}
to { height: 168px; }
}
 @keyframes height101 { from {
 height: 0;
}
to { height: 168px; }
}
.src10_popup_box { height: 352px; }
.src10_popup ol { padding-top: 5px; }
.src10_popup1 ol li, .src10_popup2 ol li { line-height: 18.5px; }
.src10_list li { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
.src10_list li span { display: inline-block; padding-right: 5px; }
ol.listing.src10_list { padding-left: 4px; }
.src10_close { top: 7px; }
/*slider10 end*/

/*slider11  */
.src11_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr11_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.queswrap { position: absolute; width: 100%; top: 190px; }
.quesHead { position: absolute; top: 0; left: 55px; width: 750px; color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; padding: 20px 10px 20px 40px; background-color: rgba(240, 246, 247, 0.7); border-radius: 5px; }
.quesHead span { position: absolute; left: -20px; width: 40px; height: 40px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; top: 0; bottom: 0; margin: auto; background-color: #98c3c8; border-radius: 50%; border: 5px solid #ffffff; color: #326b71; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.checkboxWrap { position: absolute; top: 90px; left: 100px; }
.checkboxWrap12 { position: absolute; top: 110px; left: 100px; }
.checkboxes { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; margin-bottom: 22px; }
.checkboxText { font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-left: 45px; }
.checkboxWrap12 input[type=checkbox] { position: absolute; opacity: 0; }
.checkboxWrap input[type=checkbox] { position: absolute; opacity: 0; }
.checkboxes .checkboxBtn { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/check.png") no-repeat }
.checkboxes .checkboxBtn.checkBtnX { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/checkWrng.png") no-repeat }
.checkboxes input[type="checkbox"]:checked + .checkboxBtn { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/checkCorrect.png") no-repeat }
.quesContent { display: none; }
.pagination { position: absolute; left: 445px; top: 285px; width: 135px; height: 35px; display: flex;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-items: center; justify-content: space-between; background-color: #c6d5d7; color: #326b71; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; border-radius: 15px; }
.left_nav { width: 35px; height: 35px; background: url("../images/html_data/pageBtnLeft.png") no-repeat; border: 0; outline: none; background-size: 100% 100%; }
.right_nav { width: 35px; height: 35px; background: url("../images/html_data/pageBtnRight.png") no-repeat; border: 0; outline: none; background-size: 100% 100%; }
.left_nav[disabled], .right_nav[disabled] { opacity: 0.5 }
/*slider11 */

/*slider13 start*/
.scr13_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr13_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr13_list1 { position: absolute; top: 185px; left: 100px; }
.scr13_list2 { position: absolute; top: 215px; left: 100px; }
.scr13_list3 { position: absolute; top: 245px; left: 100px; }
.src13Img1, .src13Img2, .src13Img3 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
.src13Img1 { width: 1024px; height: 672px; overflow: hidden; position: absolute; background: url(../images/html_data/scr13_img1.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src13Img2 { width: 1024px; height: 672px; overflow: hidden; position: absolute; background: url(../images/html_data/scr13_img2.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src13Img3 { width: 1024px; height: 672px; overflow: hidden; position: absolute; background: url(../images/html_data/scr13_img3.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr13_errorIcon { width: 36px; height: 34px; background: url(../images/html_data/errorIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 260px; left: 25px; }
.scr13_info { background: url(../images/html_data/infoBtn.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src13_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 113px; left: 0px; z-index: 10; }
.src13_close { width: 50px; height: 55px; background: url(../images/html_data/closeIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 25px; right: 195px; border: 0px; cursor: pointer; }
.src13_popup_box { width: 635px; height: 320px; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #0e8c81; padding: 0px 20px; }
.src13_popup_box h2 { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; font-weight: bold; color: #31858d; width: 95%; padding: 9px 0; margin: 0 2.5%; border-bottom: 2px solid #31858d; padding-top: 14px; }
.src13_popup ol { padding-left: 40px; padding-top: 10px; list-style: none; position: relative; }
.src13_popup ol li { line-height: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 9px; }
.scr13_arrow1 { position: absolute; top: 4px; left: -23px; }
.scr13_arrow2 { position: absolute; top: 4px; left: -23px; }
.scr13_arrow3 { position: absolute; top: 4px; left: -23px; }
.scr13_arrow4 { position: absolute; top: 13px; left: 18px; }
.scr13_arrow5 { position: absolute; top: 43px; left: 18px; }
.scr13_arrow6 { position: absolute; top: 90px; left: 18px; }
.scr13_arrow7 { position: absolute; top: 119px; left: 18px; }
.scr13_arrow8 { position: absolute; top: 149px; left: 18px; }
.scr13_arrow9 { position: absolute; top: 199px; left: 18px; }
/*slider13 end*/

/*slider14 start*/
.src14_title { letter-spacing: 0.5px; top: 123px; left: 13.4px; }
.src14_list1 { top: 181px; left: 72px; }
.src14_list2 { top: 254px; left: 72px; }
.src14_list3 { top: 307px; left: 72px; }
.src14_list4 { top: 338px; left: 72px; letter-spacing: 0.3px; }
/*slider14 end */

/*slider15 
.src15_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr15_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.sortable_wrap { position: absolute; top: 215px; left: 295px; }
.sortable { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: 300px; }
span.sortHandle { position: absolute; width: 20px; height: 20px; right: 5px; top: 22px; }
.sortHandle img { width: 100%; }
.sortable_wrap li { position: relative; width: 553px; color: #424242; font-size: 14px; font-family: 'HelveticaNeueLTStd-Cn'; margin-bottom: 10px; list-style-type: none; height: 65px; background-color: rgba(226, 243, 243, 0.6); padding: 0 30px 0 20px; display: flex; align-items: center; border-radius: 5px; box-sizing: border-box; cursor: all-scroll; }
.sortOrder { width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #0e8c81; color: #ffffff; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18px; }
.sortOrder1 { position: absolute; top: 215px; left: 210px; }
.sortOrder2 { position: absolute; top: 290px; left: 210px; }
.sortOrder3 { position: absolute; top: 365px; left: 210px; }
.sortOrder4 { position: absolute; top: 440px; left: 210px; }
.dummySort .sortable li { cursor: not-allowed; }
 slider15  */


/*slider15  */
.src15_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr15_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.sortable_wrap { position: absolute; top: 215px; left: 101px; width: 50%; }
.sortable { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: 300px; }
span.sortHandle { position: absolute; right: 15px; }
.sortHandle img { width: 20px;height: 20px; }
.sortable_wrap li { position: relative; width: 430px; color: #fff; font-size: 14px; font-family: 'HelveticaNeueLTStd-Cn'; list-style-type: none; height: 65px; background: url(../images/html_data/scr15_gradient4.png) no-repeat center;background-size: cover; padding: 0 35px 0 20px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; border-radius: 5px; box-sizing: border-box; cursor: all-scroll; }
.sortable_wrap li.item1{width: 430px; height: 76px;background: url(../images/html_data/scr15_gradient1.png) no-repeat center;background-size: cover;color: #fff;}
.sortable_wrap li.item2{width: 430px; height: 76px;background: url(../images/html_data/scr15_gradient2.png) no-repeat center;background-size: cover;color: #fff;}
.sortable_wrap li.item3{width: 430px; height: 76px;background: url(../images/html_data/scr15_gradient3.png) no-repeat center;background-size: cover;color: #fff;}
.sortable_wrap li.item4{width: 430px; height: 76px;background: url(../images/html_data/scr15_gradient4.png) no-repeat center;background-size: cover;color: #fff;}
#submit15{top: 480px;}
.changeItem1{background: url(../images/html_data/scr15_gradient2.png) no-repeat center !important;background-size: cover !important;}
.changeItem2{background: url(../images/html_data/scr15_gradient3.png) no-repeat center !important;background-size: cover !important;}
.changeItem3{background: url(../images/html_data/scr15_gradient4.png) no-repeat center !important;background-size: cover !important;}
.changeItem4{background: url(../images/html_data/scr15_gradient1.png) no-repeat center !important;background-size: cover !important;}
.sortOrder { width: 65px; height: 65px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #0e8c81; color: #ffffff; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; }
.sortOrder1 { position: absolute; top: 219px; left: 23px; }
.sortOrder2 { position: absolute; top: 296px; left: 22px; }
.sortOrder3 { position: absolute; top: 373px; left: 22px; }
.sortOrder4 { position: absolute; top: 449px; left: 22px; }
.dummySort .sortable li { cursor: not-allowed; }
/*slider15  */




/*slider16 start*/
.src16_title { letter-spacing: 0.3px; }
.src16_list1 { top: 181px; left: 72px; }
.src16_list2 { top: 254px; left: 72px; }
.src16_list3 { top: 307px; left: 72px; }
.src16_list4 { letter-spacing: 0.25px; top: 338px; left: 72px; }
.src16_list5 { top: 390px; letter-spacing: 0.5px; left: 72px; }
.src16_list5 span { color: #31858d; }
.src16_list5 .supgreen{color: #31858d;}
.src16_list6 { top: 443px; left: 72px; }
.src16_list7 { top: 474px; left: 72px; }
/*slider16 end */

/*slider18 start*/
.src18_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src18_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src18_checklist { width: 23px; height: 23px; background: url("../images/html_data/checkIcon.png") no-repeat top left; background-size: 100% 100%; position: absolute; top: -1px; left: -33px; }
.src18_box1 { top: 181px; left: 71px; }
.src18_box2 { top: 213px; left: 71px; }
.src18_box3 { top: 245px; left: 71px; }
.src18_box4 { top: 277px; left: 71px; }
.src18_box5 { top: 309px; left: 71px; }
.src18_box6 { top: 341px; left: 71px; }
/*slider18 end */

/*slider19 start*/
.scr19_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/src019_bg1.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src19_banner { background: #31868d; width: 553px; height: 265px; position: absolute; top: 198px; left: 234px; border-radius: 19px; }
.src19_banner_heading { background: white; position: absolute; top: 254px; left: 311px; width: 403px; height: 65px; border-radius: 8px; color: #31868d; }
.src19_banner_heading span { position: absolute; left: 38px; font-family: 'HelveticaNeueLTStd-Cn'; top: 10px; letter-spacing: 1.5px; font-size: 40px; font-weight: bold; }
.src19_banner_para { color: #ffffff; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 338px; left: 386px; text-align: center; line-height: 31px; font-size: 26.67px; letter-spacing: 0.4px; }
/*slider19 end*/


.clientLogo{display:none;}