@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
* { margin: 0; padding: 0;}
img {max-width: 100%; border:0;}
body {background: #f7f7f7; color:#000; font-family: 'Nunito', 'Montserrat', sans-serif;}
.spacer {font-size:0; line-height:0; clear:both;}
table { font-size:14px; }
/* ---------------- Start : Header ----------------------- */
.headerPan {clear: both; background: #fff; position: relative; z-index: 100; background: #f1ecec;}
.headerInn {max-width: 100%; clear: both; margin: 0 auto; padding:9px 20px 10px; background: #f1ecec; border-bottom: 1px solid #ece7e7;}
.logo {float: left; width: auto; display: block; width: 280px;}
.nav {background: #272e33;color: #bdd0de;}
.navInn {max-width: 1280px; clear: both; margin: 0 auto; padding:0;}
.navInn ul { list-style: none; margin: 0; padding: 0; clear:both;}
.navInn ul li {list-style: none; margin: 0; padding: 0; float: left;}
.navInn ul li a {color: #fff; text-decoration: none;}
.headerRight {float: right; width: auto; list-style: none; margin: 15px 0 0; padding: 0;}
.headerRight li { float: left; width:auto; padding: 0 18px; border-right: 1px dotted #8e9498; margin: 0; font: 400 12px/18px 'Montserrat', sans-serif;}
.headerRight li:last-child {border-right: 0;}
.headerRight li a {text-decoration: none; color:#5b7c8c; font: 400 12px/18px 'Montserrat', sans-serif;}
.headerRight li a:hover {color: #4cb6ea;}
.headerRight li a i {padding-right: 10px; color: #a6b4bf;}
/* ---------------- End : Header ----------------------- */
/* ---------------- Start : Nav ----------------------- */
#cssmenu {background: transparent; margin: 0; width: auto; padding: 0; line-height: 1; display: block; position: relative; font-family: 'Nunito', 'Montserrat', sans-serif; float:right;}
#cssmenu ul {list-style: none; margin: 0; padding: 0; display: block;}
#cssmenu ul:after,  #cssmenu:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden;}
#cssmenu ul li {margin: 0;padding: 0;display: block;position: relative;}
#cssmenu ul li:last-child { background: #f5f8fa; }
#cssmenu ul li:last-child a {text-decoration: none;display: block;margin: 0;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu ul li ul {position: absolute;left: -9999px;top: auto;}
#cssmenu ul li ul li {max-height: 0;position: absolute;-webkit-transition: max-height 0.4s ease-out;-moz-transition: max-height 0.4s ease-out;-ms-transition: max-height 0.4s ease-out;-o-transition: max-height 0.4s ease-out;transition: max-height 0.4s ease-out;background: #ffffff;}
#cssmenu ul li ul li.has-sub:after {display: block;position: absolute;content: "";height: 10px;width: 10px;border-radius: 5px;background: #000000;z-index: 1;top: 13px;right: 15px;}
#cssmenu.align-right ul li ul li.has-sub:after {right: auto;left: 15px;}
#cssmenu ul li ul li.has-sub:before {display: block;position: absolute;content: "";height: 0;width: 0;border: 3px solid transparent;border-left-color: #ffffff;z-index: 2;top: 15px;right: 15px;}
#cssmenu.align-right ul li ul li.has-sub:before {right: auto;left: 15px;border-left-color: transparent;border-right-color: #ffffff;}
#cssmenu ul li ul li a {font-size: 14px;font-weight: 400;text-transform: none;color: #000000;letter-spacing: 0;display: block;width: 170px;padding: 11px 10px 11px 20px;}
#cssmenu ul li:last-child > a:hover {color: #4cb6ea;}
#cssmenu ul li ul li:hover:after,#cssmenu ul li ul li.active:after {background: #4cb6ea;}
#cssmenu ul li ul li:hover > ul {left: 100%;top: 0;}
#cssmenu ul li ul li:hover > ul > li {max-height: 72px;position: relative;}
#cssmenu > ul > li {float: left;}
#cssmenu.align-center > ul > li {float: none;display: inline-block;}
#cssmenu.align-center > ul {text-align: center;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul {float: right;}
#cssmenu.align-right > ul > li:hover > ul {left: auto;right: 0;}
#cssmenu.align-right ul ul li:hover > ul {right: 100%;left: auto;}
#cssmenu.align-right ul ul li a {text-align: right;}
#cssmenu > ul > li:after {content: "";display: block;position: absolute;width: 100%;height: 0;top: 0;z-index: 0;background: #fff;-webkit-transition: height .2s;-moz-transition: height .2s;-ms-transition: height .2s;-o-transition: height .2s;transition: height .2s;}
#cssmenu > ul > li.has-sub > a {padding-right: 40px;}
#cssmenu > ul > li.has-sub > a:after {display: block;content: "";background:transparent;height: 12px;width: 12px;position: absolute;border-radius: 13px;right: 14px;top: 16px;}
#cssmenu > ul > li.has-sub > a:before {display: block;content: "";border: 4px solid transparent;border-top-color: #4cb6ea;z-index: 2;height: 0;width: 0;position: absolute;right: 16px;top: 21px;}
#cssmenu ul li:last-child > a {color: #000;padding: 0;font-weight: 500;font-size: 12px; line-height:30px; z-index: 2;position: relative; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out;}
#cssmenu > ul > li:hover:after,#cssmenu > ul > li.active:after {height: 100%;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {color: #00aadc; background: #f1ecec; font-weight: 400;}
#cssmenu > ul > li:hover > a:after,#cssmenu > ul > li.active > a:after {background: #000000;}
#cssmenu > ul > li:hover > a:before,#cssmenu > ul > li.active > a:before {border-top-color: #f1ecec;}
#cssmenu > ul > li:hover > ul {left: 0;}
#cssmenu > ul > li:hover > ul > li {max-height: 72px;position: relative;}
#cssmenu #menu-button {display: none;}
#cssmenu ul li:last-child > a {display: block;}
#cssmenu > ul > li {width: auto;}
#cssmenu > ul > li > ul {width: 170px;display: block;}
#cssmenu > ul > li > ul > li {width: 170px;display: block;}
#cssmenu > ul > li.rightSideLink { float:right; width:auto;}
#cssmenu ul li.homeLogo {width:200px; border-right: 1px solid #959aa2;}
#cssmenu ul li:last-child > a span.freeTrail { }
.fluid-width-video-wrapper { padding-top: 350px !important; }
/* ---------------- End : Nav ----------------------- */
.bannerPan {clear: both; border-bottom: 7px solid #36414a;}
.bannerPan img {width: 100%; height: auto; display: block;}
#main {max-width: 1280px; clear: both; margin: 0 auto; padding:50px 0 30px;}
/* ---------------- Start : Are you a ----------------------- */
.block4Pan { position:relative; clear:both; overflow:hidden; padding:0 0 50px;}
.block4Pan h2 { clear: both; margin: 0 0 20px; padding: 0; text-align: center; color: #405d71; position: relative; font-size: 32px; text-transform: uppercase;  font-family: 'Blinker', 'Montserrat', sans-serif;}
.block4Pan h2:before {position: absolute; content: ""; width: 100%; height: 1px; left: 0; top:50%; background: #d2dee6; z-index:1;}
.block4Pan h2 span {display: inline-block; background: #f7f7f7; padding: 0 10px; position: relative; z-index: 2;}
.block4Inn { width:25%; float:left; box-sizing:border-box; padding:0 10px; margin-bottom: 20px;}
.block4Box { background:#fff; clear:both; padding:15px; text-align:center; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12);}
.block4Box img { display:block; margin:0; clear:both; margin:0 auto 10px;}
.block4Box h3 { clear:both; margin:0 0 10px; font-size:17px; padding:0; text-transform:uppercase; color: #5c86a4;}
.block4Box p { clear:both; margin:0 0 10px; font-size:15px; padding:0; min-height: 60px; color:#87a6bc;}
.block4Box a { display: block; width: 100%; height: 36px; margin: 0 auto; text-align: center; text-decoration: none !important; background: #00aadc; border: 1px solid #377094; color: #fff; font-size: 16px; line-height: 36px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.block4Box a:hover { text-decoration:none; background: #3e555f; border: 1px solid #d2dee6; color: #fff;}
/* ---------------- End : Are you a ----------------------- */
/* ---------------- Start : Video ----------------------- */
.videoPan {clear: both; background: #d2dee6; padding: 5px 0 50px;}
.videoPan h2 {clear: both; margin: 0 0 20px; padding: 0; text-align: center; color: #405d71; position: relative; font-size: 32px; text-transform: uppercase;  font-family: 'Nunito', 'Montserrat', sans-serif;}
.videoPan h2:before {position: absolute; content: ""; width: 100%; height: 1px; left: 0; top:50%; background: #fff; z-index:1;}
.videoPan h2 span {display: inline-block; background: #d2dee6; padding: 0 10px; position: relative; z-index: 2;}
.videoPan ul {list-style: none; margin: 0 0 40px; padding: 0; clear: both; overflow: hidden;}
.videoPan ul li { list-style: none; margin: 0 1% 25px; padding: 15px 15px 20px; background: #fff; float: left; width: 23%; box-sizing: border-box;}
.videoPan ul li img {width: 100%; display: block;}
.videoPan ul li h3 {clear: both; margin: 10px 0 0; padding: 0; font-size: 19px; line-height: 26px; text-align: left; font-weight: 400; color: #124567;}
.videoBtn {display: block; width: 100px; height: 36px; margin: 0 auto; text-align: center; text-decoration: none !important; background: #00aadc; border: 1px solid #377094; color: #fff !important; font-size: 16px; line-height: 34px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'Nunito', 'Montserrat', sans-serif}
.videoBtn:hover {background: #3e555f; border: 1px solid #d2dee6; color: #fff;}
.VideoTopPan {clear:both; background:#0d2933; padding:30px 0;}
.VideoTopPan #main {overflow:hidden; clear:both; padding: 20px 0;}
.VideoTopLeft {float:left; width:55%; box-sizing:border-box; padding:0 60px 0 0;}
.VideoTopLeft img {width:100%; display:block;}
.VideoTopLeft h3, .VideoTopRight ul li h3 {clear: both; margin: 0; font-size: 20px; padding: 10px 20px; text-align: left; font-weight: 400; color: #b4c0ce; font-family: "Blinker","Nunito",-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif; background: rgba(255,255,255,0.1);}
.VideoTopRight {float:left; width:45%;}
.VideoTopRight ul {list-style:none; margin:0; padding:0}
.VideoTopRight ul li {list-style:none; float:left; padding:0 10px 16px; box-sizing:border-box; width:50%;}
.VideoTopRight ul li h3 { font-size:15px;}
/* ---------------- End : Video ----------------------- */
/* ---------------- Start : Course ----------------------- */
.coursesPan {clear: both; background: #fff; padding: 5px 0 50px;}
.coursesPan h2 {clear: both; margin: 0 0 20px; padding: 0; text-align: center; color: #405d71; position: relative; font-size: 32px; text-transform: uppercase;  font-family: 'Blinker', 'Montserrat', sans-serif;}
.coursesPan h2:before {position: absolute; content: ""; width: 100%; height: 1px; left: 0; top:50%; background: #ddd; z-index:1;}
.coursesPan h2 span {display: inline-block; background: #fff; padding: 0 10px; position: relative; z-index: 2;}
.coursesPan ul {list-style: none; margin: 0 0 50px; padding: 0; clear: both; overflow: hidden;}
.coursesPan ul li {list-style: none; margin: 0; padding: 0 15px; float: left; width: 33.3%; box-sizing: border-box;}
.coursesPan ul li img {max-width: 100%; text-align: center; margin: 0 auto; display: block;}
.coursesPan ul li h3 {padding: 10px 20px; margin: 0; font-size: 21px; color: #375163; text-align: center; font-family: "Blinker", "Open Sans", sans-serif;}
.coursesPan ul li p {padding: 0 20px; font-size: 15px; font-weight: 400; line-height: 1.5; text-align: center; font-family: "Nunito", "Open Sans", sans-serif; color: #4b6673;}
.coursesBtn {display: block; width: 100px; height: 36px; margin: 0 auto; text-align: center; text-decoration: none !important; background: #00aadc; border: 1px solid #377094; color: #fff !important; font-size: 16px; line-height: 34px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'Nunito', 'Montserrat', sans-serif;}
.coursesBtn:hover {background: #3e555f; border: 1px solid #d2dee6; color: #fff;}
/* ---------------- End : Course ----------------------- */
/* ---------------- Start : Footer ----------------------- */
.footerPan { clear: both; padding: 10px 0; overflow: hidden; border-top: 12px solid #36525a;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a4d56+21,253339+100 */
background: rgb(58,77,86); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(58,77,86,1) 21%, rgba(37,51,57,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(58,77,86,1) 21%,rgba(37,51,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(58,77,86,1) 21%,rgba(37,51,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4d56', endColorstr='#253339',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.footerInn { width: 30%; float: left; font-family: 'Nunito', 'Montserrat', sans-serif;}
.footerInn.footerInn2 {width: 40%;}
.footerInn h3 {font-size: 16px; line-height: 24px; margin: 0 0 10px; padding: 0 10px 5px 0; color: #00aadc; border-bottom: 2px solid #bec9ce; clear: both; display: inline-block;}
.footerInn ul {list-style: none; clear: both; margin: 0 0 20px; padding: 0;}
.footerInn ul li {list-style: none; clear: both; margin: 0; padding: 0 0 0 20px; background: url(../images/footer-arrow.png) no-repeat 0 9px; font: 400 13px/24px 'Montserrat', sans-serif;}
.footerInn ul li a {color: #b0bec5; text-decoration: none; font-size: 13px; line-height: 24px;}
.footerInn ul li a:hover {color: #00A9DC;}
.footerInn ul li span {color: #fff; text-decoration: none; font-size: 13px; line-height: 18px;}
.subscribeForm { padding:5px 0 0; clear: both;}
.subscribeForm input.subscribeInput {border: 1px solid #fff !important; width: 75%; height: 35px; background: #fff; border:0; float:left; display: block; color: #4e5658; padding:0 0 0 10px; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; font-size: 14px; box-sizing: border-box; line-height:34px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important;}
.subscribeForm input.subscribeButton { cursor: pointer; width: 25%; height: 35px; border:0; font: 500 14px/20px 'Montserrat', sans-serif; color: #fff; display: block; float:left; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#41a4f4+2,2397f3+85 */
background: rgb(65,164,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(65,164,244,1) 2%, rgba(35,151,243,1) 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(65,164,244,1) 2%,rgba(35,151,243,1) 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(65,164,244,1) 2%,rgba(35,151,243,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a4f4', endColorstr='#2397f3',GradientType=0 ); /* IE6-9 */}
.footerBottom {clear: both; padding: 10px 0; background: #243238;}
.footerBottomInn { text-align: center; clear: both; padding: 0; overflow: hidden;}
.footerBottomInn p { color: #98a5ab; font: 300 12px/24px 'Montserrat', sans-serif; text-align: left; width: 50%; float: left;}
.footerBottomInn p a {color: #6f8189; text-decoration: none;}
.footerBottomInn p a:hover {color:#339ef4;}
.footerBottom #main {padding:10px 0;}
.footerBottom ul {list-style: none; margin: 0; padding: 0; float: right; width: auto;}
.footerBottom ul li {list-style: none; margin: 0; padding: 0 5px; float: left; width: auto;}
.footerBottom ul li a {color: #fff; text-decoration: none; display: block; width: 40px; text-align: center; line-height: 40px; background: #3e555f; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.footerBottom ul li a i {color: #fff; line-height: 40px; text-align: center;}
.footerBottom ul li a:hover { background:#339ef4;}
form { margin: 0; padding: 0em; background-color: transparent; }
.copyRightLeft a {text-decoration:none;}
/* ---------------- End : Footer ----------------------- */
leftSideBar {width:}
leftSideBar ul li {font-size: 14px; color: #222;}

.page__taxonomy, .page__date, .page__meta {display: inline-block; font-size: 11px; margin: 0; float: left !important; clear: none !important; color:#000;}
.page__date {margin-top: 3px;}
.page__meta {margin: 3px 0 0 15px;}
.page__taxonomy-item {padding: 2px 6px;}
.page .page__inner-wrap .page__meta {width:auto; color: #1e2d3a; font-weight: 700; margin-left:10px;}
body.layout--single .page__share a {color:#fff;}
.page .page__inner-wrap .page__share {margin: 10px 0; padding: 0;}
.section-see-also h2.page__see-also {font-size: 20px;}
body.layout--single h1, body.layout--single h2, body.layout--single h3, body.layout--single h4, body.layout--single h5, body.layout--single h6 {padding:0;}
.learningPortalBan {clear:both; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#214a73+0,214a73+47,214a73+48,ddb486+48,ddb486+48,ddb486+100 */
background: #214a73; /* Old browsers */
background: -moz-linear-gradient(left, #214a73 0%, #214a73 47%, #214a73 48%, #ddb486 48%, #ddb486 48%, #ddb486 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #214a73 0%,#214a73 47%,#214a73 48%,#ddb486 48%,#ddb486 48%,#ddb486 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #214a73 0%,#214a73 47%,#214a73 48%,#ddb486 48%,#ddb486 48%,#ddb486 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214a73', endColorstr='#ddb486',GradientType=1 ); /* IE6-9 */
}
.learningPortalInn {max-width: 100%; clear: both; margin: 0 auto; padding: 0 30px; overflow:hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#214a73+0,214a73+17,ddb486+100 */
background: #214a73; /* Old browsers */
background: -moz-linear-gradient(left, #214a73 0%, #214a73 17%, #ddb486 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #214a73 0%,#214a73 17%,#ddb486 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #214a73 0%,#214a73 17%,#ddb486 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214a73', endColorstr='#ddb486',GradientType=1 ); /* IE6-9 */}
.learningPortalLeft {float:left; width:50%;}
.learningPortalRight {float:left; width:50%; /*background:url("../images/learning-portal-img.png") no-repeat 100% 100%; background-size: auto 91px;*/}
.learningPortalLeft h3 {margin:0; color:#fff; font-size:21px; line-height:21px; font-weight:600; padding:20px 0 10px;}
.learningPortalLeft p {margin:0; color:#fff; font-size:12px; line-height:21px; font-weight:600; padding:0 0 20px;}
.learningPortalRight a {float:right; width:auto; padding:10px 20px; display:inline-block; background:#214a73; color:#fff; text-decoration:none; font-size:18px; font-weight:600; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin: 22px 0;}
.AppseconnectDocText {max-width: 100%; clear: both; margin: 0 auto; padding:30px;}
.AppseconnectDocText h2 {clear:both; font-size:36px; line-height:40px; margin:0 0 15px; padding:0; font-weight:600;}
.AppseconnectDocText p {clear:both; font-size:36px; margin:0; padding:0; font-size:14px; line-height:20px; font-weight:500;}
.appseconnectDocTabs {max-width: 100%; clear: both; margin: 0 auto; padding:0 30px 30px; overflow:hidden;}
.appseconnectDocTabs ul {list-style:none; clear:both; width:100%; margin:0; padding:0;}
.appseconnectDocTabs ul li {width:20%; float:left; box-sizing:border-box; padding:5px; margin:0; display:block;}
.appseconnectDocTabs ul li a {height:80px; line-height:21px; background:#214a73; width:100%; padding:10px; box-sizing:border-box; color:#fff; font-size:16px; font-weight:600; text-decoration:none; text-align:center; text-transform:uppercase; display:block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.appseconnectDocTabs ul li a:after {content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.appseconnectDocTabs ul li a span {display: inline-block; vertical-align: middle; width:100%; text-align:center; }
.appseconnectDocTabs ul li:nth-child(1) a {background:#214a73;}
.appseconnectDocTabs ul li:nth-child(2) a {background:#2970b7;}
.appseconnectDocTabs ul li:nth-child(3) a {background:#107dea;}
.appseconnectDocTabs ul li:nth-child(4) a {background:#1d74cc;}
.appseconnectDocTabs ul li:nth-child(5) a {background:#07529e;}
.appseconnectDocTabs ul li:nth-child(10) a {background:#214a73;}
.appseconnectDocTabs ul li:nth-child(9) a {background:#2970b7;}
.appseconnectDocTabs ul li:nth-child(8) a {background:#107dea;}
.appseconnectDocTabs ul li:nth-child(7) a {background:#1d74cc;}
.appseconnectDocTabs ul li:nth-child(6) a {background:#07529e;}
.resourcePan {clear:both; background:#0d345a;}
.resourceInn {clear: both; margin: 0 auto; padding:20px 30px; overflow:hidden;}
.resourcePan .resourceInn h3 {font-size:21px; color:#fff; font-weight:600; margin:0 0 10px;}
.resourcePan .resourceInn ul {padding:0;}
.resourcePan .resourceInn ul li { font-size: 14px; color: #fff; font-weight: 500; float: left; padding: 0 20px 0 0; margin: 0; line-height: 40px; list-style:none;}
.resourcePan .resourceInn ul li a {text-decoration:none; color:#fff;}
.resourcePan .resourceInn .resourceLeft {width:50%; float:left;}
.resourcePan .resourceInn .resourceRight {width:40%; float:right;}
.docFooterBottom { clear:both; background:#fff;}
.docFooterBottomInn {font-size:12px; line-height:16px; font-weight:600; max-width: 100%; clear: both; margin: 0 auto; padding: 0 30px; overflow:hidden;}
.docFooterBottomInn .docFooterBottomTop {padding:30px 0; clear:both;}
.docFooterBottomInn .docFooterBottomTop p {margin:0;}
.copyRightPan { clear: both; padding: 10px 0; overflow: hidden; border-top: 1px solid #ddd;}
.copyRightLeft {float:left; width:50%;}
.copyRightRight {float:right; width:50%;}
.copyRightRight ul {float:right; width:auto; list-style:none; padding:0;}
.copyRightRight ul li {float:left; width:auto; padding:0 5px; margin:0;}
.copyRightRight ul li a {border:2px solid rgb(65,164,244); width:30px; height:30px; display:block; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; text-align:center; line-height: 28px; background:#fff;}
.copyRightRight ul li a i {font-size:13px;}
.copyRightRight ul li a:hover {background:#4aa1da; color:#fff;}
.copyRightLeft p {margin:5px 0;}
.headerLogo { float: left; width: 275px; padding:2px 10px 4px 0; solid #999ca2; display:flex;}
.headerLogo a {padding:0px 0px 0px 5px; border-right: 1px }
.layout--archive-taxonomy #main {max-width: 100%; padding: 0;}
#cssmenu > ul li:last-child {margin-top: 6px;}
#cssmenu > ul li:last-child a span { padding: 6px 12px; background: #3030FF; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.learningtrailpan {clear: both; background: #2970b7; color:#fff;}
.learningtrailInn { max-width: 100%; clear: both; margin: 0 auto; padding: 50px 30px; overflow: hidden;}
.learningtrailLeft { width: 50%; float: left;}
.learningtrailLeft h3 { font-size: 36px; line-height: 40px; clear: both; margin: 0 0 14px; font-weight: 600;}
.learningtrailLeft p {font-size: 16px; line-height: 26px; clear: both; margin: 0 0 20px; font-weight: 500;}
.learningtrailLeft select { border: 1px solid #a4a7b1; height: 34px; line-height: 34px; padding: 0; font-size: 15px; width: 250px;}
.learningtrailRight {width: 40%; float: right;}
.learningTrailsBottomPan {clear: both; background: #fcfcff; color: #000; border-top: 5px solid #e8e8ea;}
.learningTrailsBottomInn { max-width: 100%; clear: both; margin: 0 auto; padding: 40px 30px 50px; overflow: hidden;}
.learningTrailsBottomInn h3 { font-size: 36px; line-height: 40px; clear: both; margin: 0 0 14px; font-weight: 600;}
.learningTrailsBottomInn p {font-size: 14px; line-height: 20px; clear: both; margin: 0 0 20px; font-weight: 500; color: #000;  white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.learningTrailsBottomInn ul {list-style:none; margin:0; padding:0; clear:both;}
.learningTrailsBottomInn ul li {float:left; width:33.3%; padding:0 20px 20px 0; box-sizing:border-box; margin:0;}
.learningTrailsBottomInn ul li .learningWhiteBox {overflow: hidden; background: #d5dde6; padding: 20px; border-bottom: 5px solid #1f84d6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.learningTrailsBottomInn ul li h4 {padding:0; margin:0 0 10px; color: #43668a; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.learningTrailsBottomInn ul li a { float: left; width: auto; padding: 3px 20px; display: inline-block; background: #2970b7; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin: 0;}
.learningTrailsBottomInn ul li h4 img { width:60px;}
.learningTrailsBottomInn ul li h4 span { display: inline-block; padding: 0 0 0 10px;}
.search__toggle {width: 50%; float: right;}
.search__toggle, .search__toggle img {border:0; outline:none; display:block; height: 40px; width: auto;}
.list__item.sectionbody { clear: both; width: 100%; overflow: hidden; border-left:6px solid #cbd1d4; padding: 10px 20px; background:#f1ecec; margin: 0 0 20px;}
.learningtrailRight img {float:right; padding-right: 50px;}
.learningWhiteBox img { width:80px; margin: 0 0 10px;}
.archive__item-excerpt {margin:0 0 10px;}
.copyRightLeft a {color:#777;}
.page__share a.btn i{ color:#fff;}
.layout--splash .headerInn, .learningPortalInn, .AppseconnectDocText, .appseconnectDocTabs, .learningtrailInn, .learningTrailsBottomInn, .resourceInn, .docFooterBottomInn {padding-left:100px; padding-right:100px; max-width:1600px;}
.learningtrailRight h5 { font-weight:400; margin:0 0 20px;}
.learningtrailRight ul {list-style:none; margin:0; width:100%; display:inline-block; padding:0;}
.learningtrailRight ul li {display:block; width:33.3%; box-sizing:border-box; padding:0; float:left;}
.learningtrailRight ul li a {display:block; width:120px; height:120px; text-decoration:none; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;-webkit-box-shadow: 0px 0px 10px 0px rgba(16,69,121,1); -moz-box-shadow: 0px 0px 10px 0px rgba(16,69,121,1); box-shadow: 0px 0px 10px 0px rgba(16,69,121,1);}
.learningtrailRight ul li a img {margin:0 auto; padding:10px 0 0; display:block; max-width:70px; float: none;}
.learningtrailRight ul li a span {display:block; clear:both; width:100%; color:#2970b7; font-weight:bold; text-decoration:none; font-size:14px; line-height:24px; text-align:center;}
.archive a {color: #3b3c3e !important;}
body.layout--single a, body.layout--archive-taxonomy a, body.layout--archive-taxonomy a:visited, .notice--info a { text-decoration:none;}
/* ------- Left and right bar changes 15-11-2019  ---------------*/
.sidebar.sticky .jstree-default .jstree-anchor {height: auto;}
.sidebar.sticky .jstree-anchor {white-space: pre-wrap;}
#main .sidebar.sticky {overflow-y: auto;overflow-x: hidden;}
/*.sidebar__right .toc {height: 350px;overflow-y: auto;}*/


.toc {
    color: #1d83c1;
    border-top: 3px solid #1779ba !important;
    border-radius: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17) !important;
    background: #fefefe !important;
    padding: 15px;
}
body.layout--single .toc .nav__title {
    color: #4b565d;
    text-transform: capitalize;
    font-size: 14px;
    padding: 8px;
    border: 0;
    background: #f7f7f7;
}
body.layout--single .toc .nav__title i.fa {
    color: #1779ba;
}
.toc__menu {
    margin: 0;
    padding: 0;
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}
.headerInn {
    max-width: 100%;
    clear: both;
    margin: 0 auto;
    padding: 10px 20px 8px;
    background: #f7f7f7;
    border-bottom: 0;
}
#cssmenu > a span {
    padding: 6px 12px;
    background: #3030FF;
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

body.layout--single .sidebar__right.f-nav {
    top: 28px;
}
.sidebar_right {
    position: absolute;
}
.sidebar__right .toc__menu li a.active {
    border-left: 4px solid #00aadc;
    background: #f7f7f7;
}
.sidebar__right .toc__menu li ul li a {
    color: #7b8188 !important;
}
nav.toc ul.toc__menu li ul {
    margin: 0 0 0 15px;
}

.page table tr th, .page table tr td {
    min-width: 110px;
    overflow-wrap: break-word;
    word-break: break-word;
}



@media only screen and (min-width: 64em) {
    body .layout--single .sidebar.sticky {
        opacity: 1;
        filter: alpha(opacity=100);
        margin: 0;
        background: #ffffff !important;
        border-right: 0;
    }
}
@media only screen and (min-width: 80em) {
    body.layout--single .sidebar__right, body.layout--archive-taxonomy .sidebar__right {
        margin-top: -68px;
    }
}




@media only screen and (max-width: 1336px) {
    .learningPortalLeft h3 { font-size:16px;}
.learningPortalLeft p {font-size:11px; font-weight:500;}
.learningPortalRight {background:none;}
.appseconnectDocTabs ul li a {font-size:15px;}
}
@media only screen and (max-width: 1200px) {
.appseconnectDocTabs ul li a {font-size: 12px;}
.resourcePan .resourceInn ul li {font-size: 11px;}
#cssmenu ul li ul li a {color:#000;}
.headerInn, .learningPortalInn, .AppseconnectDocText, .appseconnectDocTabs, .learningtrailInn, .learningTrailsBottomInn, .resourceInn, .docFooterBottomInn {padding-left:30px; padding-right:30px;}

.learningtrailRight ul li a {display:block; width:100px; height:100px;}
.learningtrailRight ul li a img {margin:0 auto; padding:10px 0 0; display:block; max-width:50px; float: none;}
.learningtrailRight ul li a span {font-size:12px;}
}
@media only screen and (max-width: 1000px) {
.resourcePan .resourceInn .resourceLeft { width: 100%; float: none; text-align: center; clear: both;}
.resourcePan .resourceInn .resourceLeft ul {width:100%; clear:both; text-align:center;}
.resourcePan .resourceInn .resourceLeft ul li {float:none; display:inline-block; text-align:center;}
.resourcePan .resourceInn .resourceRight { width: 300px; float: none; margin: 0 auto; text-align:center;}
.subscribeForm input.subscribeButton {font-size:11px;}
.copyRightLeft, .copyRightRight {width:100%; clear:both; float:none; text-align:center;}
.copyRightRight ul {width:100%; clear:both; text-align:center;}
.copyRightRight ul li {float:none; display:inline-block; text-align:center;}
.copyRightLeft p {margin-bottom:15px;}
.learningtrailLeft, .learningtrailRight {width: 100%; float: none; clear:both;}
.learningtrailLeft select {width:100%;}
.search__toggle {width: 100%; float: none; clear:both; margin: 0 0 20px;}
.search__toggle {width: 100%; float: none; clear:both; }
.aec-container > a {padding:0;}
.aec-container > a span { padding: 6px 24px; background: #3030FF; color: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 100%; float: none; display: block;}
.learningTrailsBottomInn ul li h4 { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.docFooterBottomInn {font-size: 11px; font-weight: 500;}
.layout--archive-taxonomy .sidebar.sticky, .body.layout--single .sidebar.sticky, .sidebar {background:#f1ecec; padding:15px;}
.sidebar__right {display:none;}
.learningtrailRight img {float:none; padding-right: 0; margin:0 auto; display:block;}
#cssmenu {float:none;}
}
@media only screen and (min-width: 64em) {
body .layout--single .sidebar.sticky { margin-top: 15px;}
body.layout--single .sticky {top: 0; padding: 24px 15px 15px; height: calc(120vh - 90px - 2em);}
}
/* ---------------- Start : Responsive ----------------------- */
@media all and (max-width: 1000px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu > ul { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.35s ease-out; -moz-transition: max-height 0.35s ease-out; -ms-transition: max-height 0.35s ease-out; -o-transition: max-height 0.35s ease-out; transition: max-height 0.35s ease-out;}
#cssmenu > ul > li > ul { width: 100%; display: block;}
#cssmenu.align-right ul li a {text-align: left;}
#cssmenu > ul > li > ul > li { width: 100%; display: block;}
#cssmenu.align-right ul ul li a {text-align: left;}
#cssmenu > ul > li > ul > li > a { width: 100%; display: block;}
#cssmenu ul li ul li a { width: 100%;}
#cssmenu.align-center > ul { text-align: left;}
#cssmenu.align-center > ul > li { display: block;}
#cssmenu > ul.open { max-height: 100%; border-top: 1px solid rgba(110, 110, 110, 0.25);}
#cssmenu ul { width: 100%;}
#cssmenu ul > li {float: none; width: 100%; background: #d4d8da; border-bottom: 1px solid #fff;}
#cssmenu ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 10px;}
#cssmenu ul > li:after { display: none;}
#cssmenu ul li.has-sub > a:after,#cssmenu ul li.has-sub > a:before,#cssmenu ul li ul li.has-sub:after,#cssmenu ul li ul li.has-sub:before {display: none;}
#cssmenu ul li ul,
#cssmenu ul li ul li ul,
#cssmenu ul li ul li:hover > ul,
#cssmenu.align-right ul li ul,
#cssmenu.align-right ul li ul li ul,
#cssmenu.align-right ul li ul li:hover > ul {left: 0; position: relative; right: auto;}
#cssmenu ul li ul li,#cssmenu ul li:hover > ul > li { max-height: 999px; position: relative; background: #e8e8e8; border-bottom: 1px solid #fff;}
#cssmenu ul li ul li a {padding: 8px 20px 8px 35px; color: #000;}
#cssmenu ul li ul ul li a { padding: 8px 20px 8px 50px;}
#cssmenu ul li ul li:hover > a {color: #4cb6ea;}
#cssmenu #menu-button {display: block; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 15px 20px; text-transform: uppercase; font-weight: 700; font-size: 14px; letter-spacing: 1px; color: #f7f7f7; background: #425563; cursor: pointer;}
#cssmenu #menu-button:after {display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; right: 20px; top: 16px;}
#cssmenu #menu-button:before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #ffffff; right: 20px; top: 26px;}
.headerLogo { float: none; width: 270px; padding: 2px 10px 4px 0; border-right: 0; margin: 0 auto 10px;}
}

@media only screen and (max-width: 800px) {
    .footerPan {padding: 10px;}
.footerInn {width: 100%; text-align: center;}
.footerInn ul li { width: auto; float: none; clear: none; display: inline-block;}
.footerInn ul {padding: 0; overflow: hidden;}
.footerInn.footerInn2 {width: 100%;}
.footerBottomInn p {text-align: center; width: 100%;}
.footerBottom ul { list-style: none; margin: 0 auto; padding: 0; float: none;  width: 300px; clear: both;}
.subscribeForm { padding: 5px 0 10px; overflow: hidden;}
.coursesPan ul li {width: 100%;}
.videoPan ul li {margin: 0 10% 30px; width: 80%;}
.block4Inn { width: 300px; float: none; box-sizing: border-box; padding: 0 10px; clear: both; margin: 0 auto 20px;}
.logo{ padding-left: 5px;}
.VideoTopLeft, .VideoTopRight {float: none; width: 80%; box-sizing: border-box; padding: 0; margin: 0 auto;}
.VideoTopRight ul {margin-top:20px;}
.appseconnectDocTabs ul li {width:50%;}
.learningPortalRight a { padding: 10px 10px; font-size: 12px;}
}
@media only screen and (max-width: 600px) {
.headerRight {float: none; width: 278px; list-style: none; margin: 0 auto; padding: 20px 0 0; clear: both;}    
.logo { float: none; display: block; width: 280px; margin: 0 auto;}
.VideoTopRight ul li { width:100%; padding: 0 0 20px;}
.learningTrailsBottomInn ul li {width:50%;}
}








@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
/* ------------- Start : Global  ------------- */
* {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    font-family: 'Nunito', 'Open Sans', sans-serif;
}
img {
    display: block;
    border: 0;
    max-width: 100%;
}
a {
    text-decoration: none;
}
.spacer {
    clear: both;
    font-size: 0;
    line-height: 0;
}
.aec-container {
    max-width: 1280px;
    margin: 0 auto;
}
.layout--single .headerInn .aec-container {
    max-width: 100%;
}
.aecButton {
    color: #fff;
    padding: 10px 30px;
    background: #1670b7;
    font-size: 28px;
    line-height: 38px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0 auto;
    font-weight: 600;
}
.aecButton:hover{
    background: #fff;
    color: #1670b7;
}
.aecButton:visited {
    color: #fff;
}
.aecButton:hover:visited {
    color: #1670b7;
}
.aecButton:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.2s;
    -webkit-transition-property: top, left, right, bottom;
    -moz-transition-property: top, left, right, bottom;
    -ms-transition-property: top, left, right, bottom;
    -o-transition-property: top, left, right, bottom;
    transition-property: top, left, right, bottom;
}  
.aecButton:hover:before, .aecButton:focus:before{
    -webkit-transition-delay: .1s; 
    -moz-transition-delay: .1s; 
    -ms-transition-delay: .1s; 
    -o-transition-delay: .1s; 
    transition-delay: .1s; 
    border: #fff solid 3px;
    bottom: -7px;
    left: -7px;
    top: -7px;
    right: -7px;
}
/* ------------- End : Global  ------------- */
/* ------------- Start : Banner  ------------- */
.bannerPan {
    clear: both;
    background: #25282a;
    color: #fff;
    padding: 80px 0;
    text-align: center;
    border: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#25282a+1,000000+100 */
    background: #25282a; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #25282a 1%, #000000 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #25282a 1%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #25282a 1%,#3b4972 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25282a', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-box-shadow: inset 0px 0px 23px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 23px -7px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 23px -7px rgba(0,0,0,0.75);
}
.bannerPan h1 {
    clear: both;
    font: 400 60px/80px 'Oswald', sans-serif;
    color: #fff;
    padding: 0 0 20px;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;   
}
.bannerPan h1 span {
    color: #1c79b1;
}
/* Animation */
.bannerPan h1 {
    animation: animated-text 4s steps(40,end) 0s 1 normal both,
    animated-cursor 60ms steps(40,end) infinite;
}
/* text animation */
@keyframes animated-text{
    from{width: 0;}
    to{width: 840px;}
}
/* cursor animations */
@keyframes animated-cursor{
    from{border-right-color: rgba(0,0,0,.0);}
    to{border-right-color: transparent;}
}
.bannerPan p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    width: 70%;
    margin: 0 auto 30px;
}
/* ------------- End : Banner  ------------- */
/* ------------- Start : Main Content  ------------- */
.contentPan {
    clear: both;
    padding: 60px 0;
    background: #eff1f3;
}
.contentPan .aec-container .contentBox {
    float: left;
    background: #fff;
    padding: 60px 20px 50px;
    width: 30%;
    margin: 0 1.3%;
    text-align: center;
    color: #3b3f45;
    box-sizing: border-box;
}
.contentPan .aec-container .contentBox h2 {
    clear: both;
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 20px;
    color: #3c424a;
    font-weight: 400;
}
.contentPan .aec-container .contentBox p {
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 30px;
    height: 180px;
    overflow: hidden;
}
.contentPan .aec-container .contentBox:hover {
    background: #1c79b1;
    color: #fff;
}
.contentPan .aec-container .contentBox:hover h2 {
    color: #fff;
}
.contentPan .aec-container .contentBox a {
    text-transform: capitalize;
    font-size: 18px;
    line-height: 22px;
}
.contentPan .aec-container .contentBox:hover a {
    background: #fff;
    color: #1c79b1;
}
.contentPan .aec-container .contentBox.last-child {
    margin: 0;
}
.contentBottomPan {
    clear: both;
    padding: 60px 0;
    background: #1d232f; 
}
.contentBottonBox {    
    float: left;
    background: #343944;
    padding:15px 15px 40px;
    width: 30%;
    margin: 0 5% 60px 0;
    color: #fff;
    min-height:325px;
    box-sizing: border-box;
    border-top: 8px solid #d52c82;
    -webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
}
.contentBottonBox.mid-child {  
    border-top: 8px solid #e38a40;
}
.contentBottonBox.last-child {  
    margin: 0;
    border-top: 8px solid #aa5fe6;
}
.contentBottonBox h2 { 
    clear: both;
    background: #3f444e;
    font:400 30px/36px 'Oswald', sans-serif;
    text-transform: uppercase;
    padding: 10px;
    margin: 0 0 20px;
    text-align: center;
}
.contentBottonBox ul { 
    list-style: none;
    margin: 0;
}
.contentBottonBox ul li {
    display: block;
    clear: both; 
}
.contentBottonBox ul li a {
    color: #a0abb1;
    text-decoration: none;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    padding: 0 0 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    transition: all 0.5s ease-in-out;
}

.contentBottonBox ul li a:hover {
    color: #1670b7;
    margin: 0 0 0 10px;
    transition: all 0.5s ease-in-out;
}
.contentBottonBox ul li a::before {
    color: #aaaeb5;
    content: "\f101";
    margin-right: 10px;
    font-family: "FontAwesome";
}
.questionBox {
    padding: 15px 15px 15px 130px;
    clear: both;
    background: #343944;
    color: #fff;
    background: url("../images/icon.png") no-repeat 20px 50%  #343944;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
}
.questionBox h2 {
    font:400 30px/36px 'Oswald', sans-serif;
    text-transform: uppercase;
    padding: 30px 0;
    float: left;
    width: auto;
    margin:0;
}
.questionBox a {
    float: right;
    margin: 18px;
}
.alert {
    box-sizing: border-box;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    padding: .25rem .50rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
/* ------------- End : Main Content  ------------- */
/* ------------- Start : Main Content  ------------- */
.footer {
    clear: both;
    background: #151515;
    padding: 30px 0;
    border-top: 5px solid #0d1216;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}
.footer span {
    color: #1670b7;
}
/* ------------- End : Main Content  ------------- */
@media screen and (max-width: 990px) {
.bannerPan h1 {
    font: 400 40px/60px 'Oswald', sans-serif;
}
@keyframes animated-text{
    from{width: 0;}
    to{width: 600px;}
}
.contentPan .aec-container .contentBox, .contentBottomPan .aec-container .contentBottonBox {
    float: none;
    padding: 20px;
    width: 90%;
    margin: 0 5% 40px;
    text-align: left;
}
.contentPan .aec-container .contentBox.last-child, .contentBottomPan .aec-container .contentBottonBox.last-child {
    margin: 0 5% 40px;
}
.contentPan .aec-container .contentBox p {
    margin: 0 0 20px;
    height: auto;
}
.contentBottonBox ul li {
    display: inline-block;
    clear: none;
}
.contentBottonBox ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    transition: all 0s ease-in-out;
    border: 0;
    background: #1670b7;
    float: left;
    width: auto;
    margin: 0 !important;
}
.contentBottonBox ul li a:hover {
    margin: 5px;
    background: #1670b7;
    color: #fff;
    transition: all 0s ease-in-out !important;
}
.questionBox {
    padding:20px;
    background-image: none;
    margin: 0 5%;
    width: 90%;
    box-sizing: border-box;
    text-align: center;
}
.questionBox h2 {
    padding: 20px 0 30px;
    float: none;
    width: auto;
    clear: both;
    text-align: center;
}
.questionBox a {
    float: none;
    margin: 0 auto 20px;
}
.contentPan {
    padding: 60px 0 0;
}
}
@media screen and (max-width: 600px) {
    .bannerPan h1 {
        font: 400 22px/50px 'Oswald', sans-serif;
        padding: 0 0 10px;
    }
    @keyframes animated-text{
        from{width: 0;}
        to{width: 300px;}
    }
    .bannerPan p {
        font-size: 14px;
    }
    .aecButton {
        font-size: 20   px;
    }
}