@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');
@charset "utf-8";
/* CSS Document */
html { font-size: 100% }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block }
body { font-family: 'Source Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 15px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
ol, ul { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
* { outline: none !important; }
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline:0; text-decoration: none; }
.clearfix { *zoom:1}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.clear { clear: both }
.btn { outline: 0px; }
.lists { list-style: none; margin: 0px; padding: 0px; }
.mainpage { position: relative; }
.btn-arrow-down { display:none; position:absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; cursor: pointer; width: 60px; height: 51px; }
.btn-arrow-down:hover { transition: all all linear .07s ease-out 0s; transform: translateZ(0); transition: all linear .07s; height: 30px!important; margin-bottom: 0; bottom: 15px}

/* Header Start */
header { position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: 999; padding:15px 0px; background:rgb(14 14 14 / 25%);}
header .navbar { border-radius: 0px; border-bottom: 0px; }
header .navbar-brand { height: auto; padding: 2px 15px; }
header .navbar-nav > li > a { font-size: 13px; color: #fff; padding: 10px 15px; margin:10px 10px 5px; font-weight: 600; text-transform: uppercase; position: relative; background:#236093; border-radius:3px;}
header .navbar-nav > li:last-child a{ background:#4a8b2c;}
header .nav > li > a:hover, .nav > li > a:focus { background:#236093; color: #fff; }
.title-header{ margin:20px 0 0; font-size:14px; color:#236093;}
header .navbar-nav > li{ font-size:18px; color:#fff; line-height:42px; margin-left:30px;}
header .navbar-nav > li:last-child{ background:#ed5748; color:#fff; font-weight:500; padding:0px 15px; transition:all 0.5s ease-in-out; border-radius:10px 0 10px 0; cursor:pointer;}
header .navbar-nav > li:last-child:hover{ background:#ffde00; box-shadow:none; color:#000;}

/* Home Section 2 */
.hero-home { width: 100%; background: url(../images/color-bar.png) left bottom no-repeat #fff; padding-bottom: 8px;}
.hero-indent h1 { color: #fff; font-size: 42px; margin: 0 auto 25px; font-weight: 700; width: 96%; line-height: 57px; }
.hero-indent p { font-size: 24px; color: #fff; max-width: 80%; margin: 0 auto 120px; line-height: 34px; }
.hero-indent .js-start_quiz { margin: 50px 0; font-size: 16px; height: 55px; line-height: 55px; padding: 0 30px; background: #236093; display: inline-block; color: #fff; border-radius: 4px; box-shadow: 0 3px 0 #0b5089; }
.hero-indent .btn-start { margin: 40px 0 0; cursor: pointer; height: 60px; width: 60px; }
/* Home Section 3 */
.home-bg-section-3 { width: 100%; background: url(../images/adult-blur-caucasian.jpg) center -150px no-repeat; height: 370px; background-size: 100%; position: relative;}
.home-section-3 { width: 100%; background:#fff; padding: 20px 0 50px; border-bottom: 8px #ff1d12 solid; position: relative; }
.home-section-3 h2 { font-size: 38px; font-weight: 700; text-align: center; color: #343535; margin: 30px auto 30px; line-height: 58px; width: 90%;}
.home-section-3 .heading-line { background: #ff7a00; margin: 30px auto 30px; width: 120px; height: 3px; }
.home-section-3 p { color: #8d9799; font-weight: 400; font-size: 18px; line-height: 34px; margin: 0 auto 40px; }
/* Home Section 4 */
.home-bg-section-4 { width: 100%; background: url(../images/stefan-stefancik.jpg) center -150px no-repeat; height: 370px; background-size: cover;}
.home-section-4 { width: 100%; padding: 80px 0 100px; border-bottom: 8px #ffd302 solid; position: relative; }
.home-section-4 h2 { position:relative; font-size: 54px; font-weight: 700; text-align: center; color: #090909; margin: 30px 0 50px; line-height: 45px; display:inline-block; padding-bottom:15px;}
.home-section-4 h2 i{ position:absolute; left:0; right:0px; width:90%; margin:0 auto; height:2px; background:#ffd302; bottom:0px; display: inline-block;}
.home-section-4 h2:after{  position:absolute; left:0; right:0px; width:84%; margin:0 auto; height:2px; background:#ffd302; bottom:-7px; display: inline-block; content:'';}
.home-section-4 .heading-line { background: #ffd302; margin: 30px auto 30px; width: 120px; height: 3px; }
.home-section-4 h3 { margin-bottom: 20px; font-size: 24px; font-weight: bold; color: #372f2b; text-align: center; }
.home-section-4 p { color: #8d9799; font-weight: 400; font-size: 18px; line-height: 34px; width: 85%; margin: 0 auto 60px; text-align: center; }
/* The Science */
.home-section-5 { background:url(../images/planbg.png) right top no-repeat; position: relative; width: 100%; padding: 50px 0 100px; border-bottom: 8px #ed5748 solid; overflow: hidden;}
.home-section-5 h2 { position:relative; font-size: 54px; font-weight: 700; text-align: center; color: #090909; margin: 30px 0 80px; line-height: 45px; display:inline-block; padding-bottom:15px;}
.home-section-5 h2 i{ position:absolute; left:0; right:0px; width:90%; margin:0 auto; height:2px; background:#ed5748; bottom:0px; display: inline-block;}
.home-section-5 h2:after{  position:absolute; left:0; right:0px; width:84%; margin:0 auto; height:2px; background:#ed5748; bottom:-7px; display: inline-block; content:'';}
.home-section-5 h3 { font-size: 36px; font-weight: 600; letter-spacing: 1px; color: #142837; line-height: 45px; margin: 15px 0 15px; }
.home-section-5 h4 { font-size: 20px;  font-weight: 500; color: #666; margin-bottom: 20px; }
.home-section-5 blockquote { color: #ff1d12; font-style: italic; font-size: 24px; font-weight: 400; margin-bottom: 20px; line-height: 40px; border: 0px; }
.home-section-5 p { color: #8d9799; font-weight: 400; font-size: 18px; line-height: 34px; margin-bottom:15px;}
.img-frame { background: url(../images/photo-ring1.png) center no-repeat; width: 100%; height: 100%; float:right; padding:14px; background-size:100%; margin-top:10px;}
.home-section-5 .slick-track{ padding-bottom:20px;}
.home-section-5 .slick-dots {
    bottom: -40px;
    left: 50%;
    width: auto;
}
.home-section-5 .slick-dots li{ width: 15px; height: 15px; margin-right:10px;}
.home-section-5 .slick-dots li button{ padding:0px;}
.home-section-5 .slick-dots li button::before{ width: 15px; height: 15px; background:#cfcfcf;}
.home-section-5 .slick-dots li.slick-active button::before{ background:#ed5748;}
.home-section-5 .slick-next.slick-arrow { background: url(../images/arrow_right.png) left top no-repeat; width: 30px; height: 56px; color: transparent; position: absolute; bottom: -85px; right: 220px; top: auto; }
.home-section-5 .slick-prev.slick-arrow { background: url(../images/arrow_left.png) left top no-repeat; width: 30px; height: 56px; color: transparent; position: absolute; bottom: -85px; right: 430px; top: auto; }

.home-section-5 .testbox{  padding:0 15px 15px;  -moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.2);
  -webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.2);
  box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.2);}


/* The Science */



.home-section-6 { width: 100%; background: url(../images/color-bar.png) left bottom no-repeat #faf8f8; padding: 70px 0 70px; }
.home-section-6 h2 { font-size: 54px; font-weight: 700; text-align: center; color: #090909; margin: 30px 0; line-height: 68px; }
.title { color: #8d9799; text-align: center; margin: 10px auto 55px; font-size: 18px; line-height: 30px; width:80%;}
.home-section-6 .box-bd { width: 100%; padding:20px 0px;}
.home-section-6 .box-bd h3{ font-size:20px; font-weight:600;}
.science-box { width: 100%; }
.science-box img { width: 100%; height: auto; }
.home-section-6 h3 a { height: 90px; position: relative; font-size: 22px; color: #333; text-align: center; line-height: 30px; display: block; font-weight: 600; padding: 0 15px; margin-bottom: 25px; }
.home-section-6 h3 a i { width: 70px; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #1b2177; margin: 0 auto; }
.home-section-6 p { font-size: 16px; font-weight: 400; line-height: 24px; color: #8d9799; text-align: center; height: 240px; }
.home-section-6 .read-more { display: block; text-transform: uppercase; color: #00a7e8; font-weight: 600; font-size: 15px;}
.home-section-6 .read-more a { color: #fff; background: #236093; display: block; padding: 18px 0; line-height: 50px; transition: all all linear .07s ease-out 0s; transform: translateZ(0); transition: all linear .07s; }
.home-section-6 .read-more a:hover { color: #fff; background: #0a477a; display: block; padding: 18px 0; line-height: 50px; }
.more-article { margin: 70px 0 10px; text-align: center; }
.more-article .btn-more { color: #afafaf; display: inline-block; border: 2px #afafaf solid; letter-spacing: 1px; font-weight: 700; font-size: 18px; line-height: 52px; padding: 0 40px; border-radius: 5px; background-clip: padding-box; transition: all 0.5s ease-in-out; }
.more-article .btn-more:hover { background: #0c1262; color: #fff; border-color: #0c1262; transition: all 0.5s ease-in-out; }
/* Footer css */
footer { background: #3a3a3c; position: relative; width: 100%; }
.footer { padding: 50px 0; width: 100%; }
footer h2 { font-size: 18px; font-weight: 600; margin-bottom: 15px; color: #fff; }
footer li a { color: #ccc; font-size: 15px; padding: 5px 0; line-height: 22px; display: block; }
footer li a:hover { color: #fff; }
.followfoot { width: 100%; text-align: right; }
.followfoot span { color: #fff; line-height: 40px; margin-right: 15px; font-size: 18px; }
.followfoot a { width: 40px; height: 40px; margin: 0 5px 5px 0; padding: 0; line-height: 40px; text-align: center; display: inline-block; color: #fff; border-radius: 4px; }
.followfoot a.twitter { background: #00aaea; box-shadow: 0 2px 0 #00729e; }
.followfoot a.facebook { background: #0054a6; box-shadow: 0 2px 0 #002d5a; }
.followfoot a.linkedin { background: #007ab9; box-shadow: 0 2px 0 #00486d; }
.disclaimerwrap { background: #282829; padding: 15px 0; width: 100%; font-size: 13px; color: #ddd; line-height: 20px; }
.disclaimerwrap p { text-align: left; }
/* Login Page Css  */
.loginwrap { padding: 100px 0 50px; margin: 60px 0 0; width: 100%; }
.loginwrap h2 { color: #333; text-align: center; font-size: 26px; font-weight: 600; margin-bottom: 30px; }
.btn-facebook { font-size: 13px; text-decoration: none; background: #0054a6; border-bottom: 3px solid #002040; padding-left: 26px; text-align: center; line-height: 44px; display: block; color: #fff; width: 260px; margin: 0 auto; border-radius: 3px; }
span.icon_fb { display: inline-block; float: left; margin-top: 10px; background: url(../images/icon-facebook.png) no-repeat scroll 0 0 transparent; height: 22px; width: 11px; }
.btn-twitter { color: #fff; background: #00aaea; border-bottom: 3px solid #006084; padding-left: 15px; display: block; width: 260px; text-decoration: none; margin-top: 15px; line-height: 44px; text-align: center; font-size: 13px; margin: 15px auto 0; border-radius: 3px; }
span.icon_tw { margin-top: 12px; background: url(../images/icon-twitter.png) no-repeat scroll 0 0; display: inline-block; float: left; height: 19px; width: 28px; }
.btn-facebook:hover,
.btn-twitter:hover { color: #fff; }
.middle_text { text-align: center; margin: 35px auto 15px; color: #a9a9a9; font-size: 14px; }
.sign-in-form { margin: 60px auto 20px; width: 80%; }
.sign-in-form label { font-size: 16px; font-weight: normal; margin-bottom: 7px; }
.sign-in-form .form-control { height: 42px; box-shadow: none; }
.btn-login { border: 0px; color: #fff; background: #2d338b; border-bottom: 3px solid #1b2177; padding-left: 15px; display: block; width: 100%; text-decoration: none; margin-top: 15px; line-height: 44px; text-align: center; font-size: 15px; margin: 15px auto 0; border-radius: 3px; text-transform: uppercase; }
.btn-login:hover { background: #1b2177; }
.sign-in-form a { color: #888; font-size: 14px; margin-top: 15px; display: inline-block; }
/* About Us Page */
.aboutwrap { width: 100%; margin: 60px 0 0; }
.abouttabs { background: #fafafa; width: 100%; text-align: center; }
.abouttabs li { display: inline-block; }
.abouttabs li a { color: #888; padding: 20px; display: block; }
.abouttabs li.active a { color: #e13c26; }
.aboutindent { padding: 100px 0 60px; width: 100%; }
.aboutindent h2 { font-size: 60px; text-align: center; color: #372f2b; font-weight: 300; }
.aboutindent .heading-line { background: #ff7a00; margin: 25px auto 30px auto; width: 120px; height: 3px; }
.heading-text { color: #8d9799; font-weight: 400; font-size: 17px; line-height: 30px; text-align: center; margin-bottom: 30px; }
.aboutbox { margin: 30px 0 0; padding: 20px; }
.aboutbox h3 { font-weight: 600; font-size: 32px; margin: 0 0 20px; color: #372f2b; }
.aboutbox p { color: #8d9799; font-weight: 400; font-size: 16px; line-height: 30px; }

/* DashBoard Page Css */
.dashwrap{ width:100%; position:relative;}


.MenuTabs{ width:80px; height:100vh; position:relative; padding:10px 5px; float:left; background:#236093;}
.MenuTabs li{ display:block; margin:15px 0 0;} 
.MenuTabs li a{ text-transform:uppercase; color:#fff; font-size:15px; padding:7px 0; display:block; text-align:center;}
.MenuTabs li a span{ display:block; margin-bottom:8px;}
.MenuTabs li a span .fa{ font-size:22px;}

.RightPart{ width:calc(100% - 80px); float:right; overflow:hidden; height:100vh; position:relative;}

.dash-header{ height:60px; background:#fafafa; width:100%; position:relative; padding-right:15px;}
.dash-header .navbar-brand{ height:auto; padding:19px 15px; color:#222;}
.dash-header .navbar-right{ width:375px;}
.dash-header .navbar-form { float:left; display:inline-block; margin-top:0px; padding:7px 15px 4px;}
.dash-header .navbar-form .form-control{ box-shadow:none; width:280px; height:42px;}
.dash-header .navbar-nav > li { float: left;  margin: 5px 0 0;}
.dash-header .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; background: #236093; width: 45px; height: 45px;   border-radius: 50%; color:#fff; text-align:center; padding-top:12px;} 
.dash-header .nav .open > a, .dash-header .nav .open > a:hover, .dash-header .nav .open > a:focus{ background: #236093; color:#fff;}
.dash-header .navbar-right .dropdown-menu { right: -10px; left: auto; top:60px; border-radius:0; border:0px; background-color:#236093; min-width:180px;}
.dash-header .navbar-right .dropdown-menu:before { content:''; position:absolute; top:-12px; left:auto; width: 0; right:20px;    height: 0;  border-left: 12px solid transparent; border-right: 12px solid transparent;  border-bottom: 12px solid #236093;}
.dash-header .dropdown-menu > li > a{ font-size:14px; padding:8px 20px; color:#fff; transition:all 0.5s ease-in-out;}
.dash-header .dropdown-menu > li > a:hover, .dash-header .dropdown-menu > li > a:focus{ background:#4a8b2c; color:#fff;  transition:all 0.5s ease-in-out;}

.RightIndent{ width:100%; height:calc(100vh - 60px); padding:15px 0 65px; position:relative;}
.RightIndent h2{ color:#236093; font-size:35px; margin-bottom:15px; border-bottom:1px solid #eee; padding-bottom:15px;}

.taskbox{ border-radius:4px; padding:15px; margin-bottom:20px; font-size:16px; border:1px solid #ddd;}
.taskbox li{ margin:10px 0; border-bottom:1px solid #ddd; padding-bottom:10px;}
.taskbox h3{ font-size:20px; margin-bottom:10px; color:#372f2b;}
.taskbox p{ font-size:18px; line-height:30px; color:#8d9799;}
.taskbox a{ font-size:16px; color:#236093; display:inline-block; padding-top:4px;}

.col-2{ border-radius:4px; padding:15px; margin-bottom:20px; font-size:16px; border:1px solid #ddd; height:180px; float:left; width:48%;}
.col-3{ float:right; width:48%; border-radius:4px; padding:15px; margin-bottom:20px; font-size:16px; border:1px solid #ddd; height:180px;}

.prodctwrap { margin-bottom:20px; border-radius:4px; padding:15px; margin-bottom:20px; font-size:16px; border:1px solid #ddd;}
.prodctwrap .slick-next.slick-arrow { background: url(../images/arrow_right.png) left top no-repeat; width: 30px; height: 56px; color: transparent; position: absolute; right: 20px; top: 40%; }
.prodctwrap .slick-prev.slick-arrow { background: url(../images/arrow_left.png) left top no-repeat; width: 30px; height: 56px; color: transparent; position: absolute; left: 20px; top: 40%; }
.MyStats { margin-bottom:20px; border-radius:4px; padding:15px; margin-bottom:20px; font-size:16px; border:1px solid #ddd;}
.chart-container { position: relative; display: inline-block; height: 100%; padding-top: 15px; padding-bottom: 25px; width:100% !important}
.chart { float: left; z-index: 1; display: inline-block; position: relative; padding-bottom: 10px; padding-top: 10px; border-left: thin solid #cccccc; border-bottom: thin solid #cccccc; width:80% !important;}
.chart-row { height: 25px; }
.bar { position: relative; background-color: #6b9bd6; height: 19px; margin-top: 3px; margin-bottom: 3px; border-radius: 0 2px 2px 0; }
.bar:hover { border-top: 1px solid black; border-bottom:1px solid black; border-right: 1px solid black; }
.legend-left { clear: both; display: inline-block; position: relative; margin-top: 17px; float: left; }
.heading { font-size: 8pt; font-weight: bold; color: #aaaaaa; height: 19px; }
.heading-left { text-align: right; line-height: 5px; position: relative; max-width: 200px; margin-top: 3px; margin-bottom: 3px; margin-right: 7px; }
.data-point { height: 25px; width: 25px; position: relative; float: left; margin-left: -13px; }
.legend-bottom { position: absolute; bottom: -10px; }
.chart-label { font-size: 7pt; font-weight: bold; color: #aaaaaa; position: absolute; bottom: -10px; z-index: 0; float: left; }
.chart-label-hr { position: absolute; bottom: 0; z-index: -1; background-color: #cccccc; width: 1px; height: 4px; }
.chart-title { text-align: center; font-size: 10pt; font-weight: bold; }
.chart-x-label { display: block; text-align: center; top: 30px; position: relative; font-size: 10pt; font-weight: bold; color: #aaaaaa; }

.desk-hide{ display:none !important;}


.dash-footer{ background:#282829; padding:8px 0; position:absolute; bottom:0; left:0; right:0; width:100%; font-size:12px; color:#fff; line-height:20px;}

.featured-section{
    width: 100%;
    height: 80px;
    text-align: center;
    background: #FEFEFE;
    opacity: 1;
    padding: 10px 0;
}
.bnr_btn{ background:#ff1d12; border:none; border-radius:3px; box-shadow:5px 5px 0px 1px rgba(0,0,0,0.35); color:#fff; font-size:22px; font-weight:600; padding:25px 30px; text-transform:uppercase; transition:all 0.5s ease-in-out; border-radius:10px 0 10px 0;}
.bnr_btn:hover{ background:#ffde00; box-shadow:none; color:#000}
.build_img{ width:80%;}
.build_img_1{ margin-top:50px; text-align:center; padding-left:30px;}
.home-section_2 { background:url(../images/planbg.png) right top no-repeat; width: 100%; padding: 100px 0 80px; position: relative; text-align:center;}
.home-section_2 h2 {
    font-size: 30px;
    font-weight: 700;
    color: #090909;
    margin: 0px auto 25px;
    line-height: 46px;
}
.home-section_2 p{ font-size: 18px; font-weight: 400; color: #777e80; margin: 0px auto 40px; line-height: 34px;}

.home-section_3 { width: 100%; padding: 60px 0 160px; border-bottom: 8px #ffde00 solid; position: relative; background:url(../images/bg.jpg) center top no-repeat; background-size:cover; }
.home-section_3 h2 { font-size: 30px; font-weight: 700; color: #343535; margin: 30px auto 30px; line-height: 64px;}
.home-section_3 p { color: #8d9799; font-weight: 400; font-size: 18px; line-height: 34px; margin: 0 auto 0px; }
.home-bg-section_5 { width: 100%; background: url(../images/bg-4.jpg) center -50px no-repeat; height: 400px; background-size: 100%; }
.home-bg-section_6 { width: 100%; background: url(../images/bg-5.jpg) center -80px no-repeat; height: 400px; background-size: 100%; }
.home-bg-section_7 { width: 100%; background: url(../images/bg-6.jpg) center -20px no-repeat; height: 400px; background-size: 100%; }

footer{ color:#fff; text-align:center;}
.footer{ background:#5695f6; padding:45px 0px;}
.footer ul li{ font-size:16px; font-weight:500; display:inline-block; margin:0px 10px;}
.copyright_txt{ background:#3b7ce0; padding:25px 0px;}
.copyright_txt p{ font-size:16px; font-weight:500;}

.home-section-7 { width: 100%; background:#fff; padding:80px 0px 100px; text-align:center;}
.home-section-7 h3{ font-size:24px; font-weight: 300; color: #343535; line-height: 48px; margin-bottom:40px;}
.btm_btn{ background:#ed5748; border:none; border-radius:10px 0 10px 0; box-shadow:5px 5px 0px 1px rgba(0,0,0,0.2); color:#fff; font-size:17px; font-weight:600; padding:20px 30px; text-transform:uppercase; transition:all 0.5s ease-in-out;}
.btm_btn:hover{ background:#ffde00; box-shadow:none; color:#000;}

.slide-test{ max-width:85%; margin:auto;}
.banner_slider{ position:relative;}
.banner_slider .slick-dots{ bottom:40px;}
.banner_slider .slick-slide img{ width:100%;}
.banner_caption{ width: 100%; padding:150px 0 100px; text-align: center;}
.banner_slider .slick-dots li{ width: 12px; height: 12px; margin-right:10px;}
.banner_slider .slick-dots li button{ padding:0px;}
.banner_slider .slick-dots li button::before{ width: 12px; height: 12px; background:#ff0000; border-radius:0px;}
.banner_slider .slick-dots li:nth-child(2n) button::before{ background:#ffde00;}
.banner_slider .slick-dots li:nth-child(3n) button::before{ background:#0012ff;}
.banner_slider .slick-dots li:nth-child(4n) button::before{ background:#fffa00;}
.banner_slider .slick-dots li.slick-active button::before{ background:#ff1d12;}

/* Stories */
.storiestitle{ background:#eee; padding:20px 0; text-align:center; margin-top:75px;}
.storiestitle h1{ color:#222; font-size:32px; font-weight:600;}
.storieswrap { padding:40px 0; width:100%;}
.storieswrap h3 { font-size: 20px; font-weight: 600; color:#000; padding:20px 0 50px;}
.storieswrap p { font-size: 16px; font-weight: 400; line-height: 24px; color: #8d9799; text-align: center; height: 240px; }
.storieswrap .read-more{ margin-top:35px;}
.storieswrap .read-more span { color: #fff; background: #236093; display: inline-block; padding: 15px 15px; transition: all all linear .07s ease-out 0s; transform: translateZ(0); transition: all linear .07s; border-radius:3px;}
.storieswrap .read-more span:hover { color: #fff; background: #0a477a;}
.StoriePopup p{ font-size:18px; line-height:32px; padding-bottom:20px;}
.socialb{ width:100%; padding:10px 0;}
.socialb li{ margin:0 10px 0 0; display:inline-block;}
.socialb li span.face{ width:50px; height:50px; display:block; border-radius:50%; background:#003A73; color:#fff; text-align:center; line-height:50px; font-size:25px; cursor:pointer;}
.socialb li span.face:hover{ background:#0054a6}
.socialb li span.tw{ width:50px; height:50px; display:block; border-radius:50%; background:#0097D1; color:#fff; text-align:center; line-height:50px; font-size:25px; cursor:pointer;}
.socialb li span.tw:hover{ background:#00aaea}
.socialb li span.linkedin{ width:50px; height:50px; display:block; border-radius:50%; background:#007ab9; color:#fff; text-align:center; line-height:50px; font-size:25px; cursor:pointer;}
.socialb li span.linkedin:hover{ background:#0070aa}

/* Scince page */
.science-header{background:#eee; padding:20px 0; text-align:center; width:100%;}
.science-header li{ display:inline-block; padding:5px 15px; font-size:20px; color:#111; font-weight:500;}
.science-header li.active{ color:#ff1d12;}
.sceincepage{ padding:50px 0; width:100%; background:url(../images/planbg.png) right top no-repeat;}
.sceincepage h1{ font-size:42px; text-align:center; margin-bottom:20px; position:relative; font-weight:700; padding-bottom:10px;}
.sub-title{ font-size:16px; text-align:center; line-height:28px; margin-bottom:40px; border-bottom:1px solid #eee; padding-bottom:15px; color:#8e8e8e;}
.sceincepage h3 { font-size: 20px; font-weight: 600; color:#000; padding:20px 0 10px;}
.sceincepage h4 { font-size: 16px; font-weight: 600; color:#777; padding:20px 0 0;}
.sceincepage p { font-size: 14px; font-weight: 400; line-height: 28px; color: #8d9799;}
.sceincepage .indb p { font-size: 16px; font-weight: 400; line-height: 28px; color: #8d9799; margin-bottom:20px;}

.sceincepage p span{ cursor:pointer; color:#ed5748; background:#fff; border:2px solid #ed5748; text-align:center; padding:8px 10px; margin-top:10px; border-radius:5px; display:block; width:100%; transition:all 0.5s ease-in-out; text-transform:uppercase; font-weight:600; font-size:14px;}
.sceincepage p span:hover{ background:#ed5748; color:#fff;}
.sceincepage .secindent{ padding:5px; border:1px solid #ddd; margin-bottom:30px; -webkit-box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.05);
box-shadow: 0px 1px 2px 3px rgba(0,0,0,0.05);}

.resourcewarp .nav-tabs { text-align:center;}
.resourcewarp .nav-tabs > li{ float:inherit; display:inline-block;}
.resourcewarp .nav-tabs > li > a{ color:#000; font-weight:600; border:0px; border-radius:0px; padding:15px 0; margin:0 15px; text-transform:uppercase; position:relative;}
.resourcewarp .nav-tabs > li.active > a{ background:none;}
.resourcewarp .nav > li > a:hover, .resourcewarp .nav > li > a:focus { background:none; color:#ed5748; border:0px;}
.resourcewarp .tab-content{ padding:20px 0 0;}
.resourcewarp .nav-tabs > li.active > a{ color:#ed5748;}
.resourcewarp .nav-tabs > li.active > a i{ position:absolute; width:100%; height:2px; background:#ed5748; left:0; bottom:0; right:0;}
.about-b{ margin-bottom:30px;}
.aboutpage{ padding:20px}
.aboutpage h3{ font-size:26px; font-weight:600; color:#000; margin-bottom:10px;}
.aboutpage p{ font-size:15px; line-height:28px; color:#8d9799}

/* Popup Csss */
.hsapopup .modal-title{ font-size:24px; color:#111; font-weight:600;}
.hsapopup .close{ opacity:1; font-size:24px;}
.hsapopup p{ font-size:16px; line-height:26px; padding-bottom:15px;}
.hsapopup p span{ color:#ed5748;}
.solution-header{background:#eee; padding:40px 0; text-align:center; margin-top:75px; width:100%; font-size:36px; font-weight:800;}


.banner-inner{ position:relative; width:100%; padding:150px 0 100px;}
.banner-inner:after{ position:absolute; width:100%; height:100%; left:0; top:0; right:0; bottom:0; z-index:1; background:rgb(0 0 0 / 40%);}
.banner-inner .container{ z-index:99; position:relative; text-align: center;}
.banner-inner h1{ color:#ffff; font-size:50px; font-weight:600;}


.ex1 {
    border-style: solid;
    border-color: #0000ff;
  }