/*@import url('../fonts/fonts.css');*/

body {
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
	color:#fff;
	background:#24ade3;
}

p { }

p.small {
    font-size: 16px;
	color:#fff;
}

a,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #fff;
	text-decoration:none;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
}

hr.star-light,
hr.star-primary {
    margin:20px auto 20px;
    padding: 0;
    max-width: 75px;
    border: 0;
    border-top: solid 1px;
    text-align: center;
}
/*
hr.star-light:after,
hr.star-primary:after {
    content: "\f02e";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .1.5em;
    font-family: FontAwesome;
    font-size: 1em;
}
*/
hr.star-light {
    border-color: #fff;
}

hr.star-light:after {
    color: #fff;
    /*background-color: #00b3f0;*/
}

hr.star-primary {
    border-color: #ffffff;
    max-width: 80px;
}
/*
hr.star-primary:after {
    color: #0091c3;
    content: "\f0d7";
    font-size: 1.5em;
    top: -.65em;
    padding: 0 .1em;
}
*/
.img-centered {
    margin: 0 auto;
}



/* Shariq's Style */

.hmargin {margin-top:40px}
.h_margin {margin-top:40px}


/* Shariq's Style */




header {
    text-align: center;
    color: #fff;
    position: relative;
}

header .container {
    padding-top: 100px;
    padding-bottom: 50px;
}

header img {
    display: block;
    margin: 0 auto 20px;
}

#adsoverlay{background:#fff; z-index:992; min-height:950px; height:100%; display:table; margin:88px 0 0 0;}
#adsoverlay {
    text-align: center;
    color: #fff;
    position: relative;
	width:100%;
}
#adsoverlay hr.star-primary {
    border-color: #44c7f4;
    max-width: 80px;
}

#adsoverlay .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

#adsoverlay img {
    display: block;
    margin: 0 auto 20px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    /*z-index: 2 !important;*/
}
#adsoverlay02{background:#ee3e96; z-index:990; min-height:950px; height:100%; display:table; margin:88px 0 0 0; }
#adsoverlay02 {
    text-align: center;
    color: #fff;
    position: relative;
	width:100%;
}


#adsoverlay02 hr.star-primary {
    border-color: #fff;
    max-width: 80px;
}

#adsoverlay02 .container {
    padding-top: 50px;
    padding-bottom: 50px;
}
#adsoverlay02 img {
    display: block;
    margin: 0 auto 20px;
}

.intro-text .name {
    display: block;
    text-transform: uppercase;
    font-weight:300;
	font-size: 2em;
}

.intro-text {
    font-size: 1em;
	
}

.intro-text .fontSemibold {
	color:#fd449b;
}

.intro-text > p {
    margin: 10px 0 18px 0;
    font-weight:300;
	color:#fff;
}

@media(min-width:768px) {
    header .container {
        padding-top: 150px;
        padding-bottom: 100px;
    }

    .intro-text .name {
        font-size: 2.2em;
		line-height:1.1;
    }

    .intro-text { font-size: 1.4em; padding: 0 100px;}
}
.logoTop{margin:8px 0 0 0;}

.logoTop img{width:100%; image-rendering: crisp-edges;}

.ptb{padding-bottom:10px;
padding-top:10px;}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 10px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }

}
.navbar {
    text-transform: uppercase;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}

section {
    padding: 100px 0;
    position: relative;
}

section h2 {
	margin-top: 10px;
	padding-bottom: 10px;
    font-size:2.2em;
	font-weight:300;
	color:#fff;
}

section.weBelieve {
    color: #fff;
    /*background: #34c5f2;*/
	text-align:center;
}

/* Khalid's Styles */
.scroll-link {
    width: 90px;
    height: 90px;
    margin:  0 0 0 -45px;
    line-height: 20px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    display: block;
    position: absolute;
    bottom: -8px;
    left: 50%;
}
.scroll-link:hover {
    color: #ffffff;
}
.scroll-link:before {
    content: '';
    width: 54px;
    height: 54px;
    background: url(../img/icon-scroll.png) no-repeat center top;
    border: 1px solid #ffffff;
    border-radius: 64px;
    margin:  0 5px 0 18px;
    display: block;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.scroll-link:hover:before {
    background: #ffffff url(../img/icon-scroll.png) no-repeat center -64px;
}
.scroll-link.inverted {
    color: #fff;
}
.scroll-link.inverted:before {
    background: url(../img/icon-scroll.png) no-repeat center -64px;
    border: 1px solid #fff;
}
.scroll-link.inverted:hover:before {
    background: #fff url(../img/icon-scroll.png) no-repeat center 0px;
}
.scroll-link.inverted.top:before {
    background: url(../img/icon-scroll.png) no-repeat center -192px;
    border: 1px solid #fff;
}
.scroll-link.inverted.top:hover:before {
    background: #00b3f0 url(../img/icon-scroll.png) no-repeat center -128px;
}
.btn.inverted {
    width: 30%;
    background: transparent;
    border: 1px solid #fff;
    color: #24ade3;
	border-radius: 5px;
	background:#fff;
}
.btn.inverted:hover {
    background: #ff449c;
    border: 1px solid #ff449c;
    color: #fff;
}
.scroll-linktop {
    bottom: -60px !important;
}
.jobicon{margin:30px 0 0 0;}
.iconBta{margin:20px 0 0 20px !important;}
.iconhealth{margin:30px 0 0 -3px;}

.iconlr_top{margin-top:20px!important;}
.iconlr_bottom{margin-bottom:20px!important;}
.iconlr_left{margin-left:20px!important;}
.iconlr_right{margin-right:20px!important;}

/*.iconbtabg{background:#fff url(../img/workwithus/bta_icon_smbg.png) no-repeat 4px 3px !important;}
.icondatabg{background:#fff url(../img/workwithus/data_icon_smbg.png) no-repeat 4px 3px !important;}
.iconsoftbg{background:#fff url(../img/workwithus/software_icon_smbg.png) no-repeat -18px 5px !important;}
.iconhumanbg{background:#fff url(../img/workwithus/hr_icon_smbg.png) no-repeat -5px 6px !important;}
.iconcommbg{background:#fff url(../img/workwithus/social_icon_smbg.png) no-repeat -5px 3px !important;}
.iconhealthbg{background:#fff url(../img/workwithus/health_icon_smbg.png) no-repeat 0 3px !important;}
.icongrants{background:#fff url(../img/workwithus/grants_icon_smbg.png) no-repeat -5px 6px !important;}
.icontechnical{background:#fff url(../img/workwithus/technical_icon_smbg.png) no-repeat -5px 6px !important;}*/

.btanalyst{margin:10px 0 5px 0;}

.impactIcons{margin:30px 0 5px 0;}

.moreDet {
    border: 1px solid #fff;
    padding: 2px 8px;
    position: absolute;
    left: 50%;
    background: #ff449c;
    font-size: 0.8em;
	margin-left: -25px;
}

.btn.btn-default.full {
    width: 100%;
}
a.white {
    color: #ffffff;
}
a.white:hover {
    padding-bottom: 2px;
    border-bottom: 2px solid #ffffff;
}
h1.opening, hr.page-star {
    display: block;
    cursor: pointer;
}
.help-block.text-danger {
    display: none;
}
.floating-label-form-group label {
    display: none !important;
}
.floating-label-form-group input, .floating-label-form-group textarea {
    padding-bottom: 0 !important;
    font-size: 1em !important;
}
button[type="submit"].btn-lg {
    padding: 10px 20px !important;
    font-size: 1em !important;
}
.text-danger, .text-danger:hover {
    display: none !important;
}
/*h1.opening {
    background: url(../img/icon-accordian.png) no-repeat left -38px;
}*/
/* Khalid's Styles End */

@media(max-width:767px) {
    section {
        padding: 75px 0;
    }

    section.first {
        padding-top: 75px;
    }
	.name br{display:none;}
}

#portfolio { text-align:center; /*background-color:#76d9f4;*/ color:#fff;}
#impact { text-align:center; /*background-color:#76d9f4;*/ color:#fff;}

.modal-content {
    background:#24ade3;   
}
.modal-body {
    padding: 20px;
}



#portfolio .portfolio-item {right: 0; margin:15px 0;}
#impact .portfolio-item {right: 0; margin:15px 0; text-transform: uppercase;}

#portfolio .portfolio-item .portfolio-link {
	font-weight:300;
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
	line-height:16px;
	color:#000;
	font-size:0.9em;
	text-transform:uppercase;
	background:rgba(255,255,255,1);
	border:1px solid #fff;
	border-radius:5px;
	padding-bottom:10px;
	min-height: 156px;
}
.iconjd_sm{margin:0 5px 0 0;}
.vacnumber {
    margin: 0;
    padding: 0px 0;
    border-radius: 50%;
    background: #ff449c;
    width: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -14px;
    top: -16px;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
	z-index:99 !important;
}
#impact .portfolio-item .portfolio-link {
	font-weight:300;
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
	line-height:16px;
	color:#000;
	font-size:0.9em;
	text-transform:uppercase;
	background:rgba(255,255,255,1);
	border:1px solid #fff;
	border-radius:5px;
	padding-bottom:10px;
	min-height: 156px;
}

#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255,68,156,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    font-weight:300;
	border-radius:5px;
}

#impact .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255,68,156,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    font-weight:300;
	border-radius:5px;
}

#portfolio .portfolio-item .portfolio-link .caption:hover {
    opacity: 1;
}

#impact .portfolio-item .portfolio-link .caption:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    /*top: 0;
	margin-top:0;*/
    width: 100%;
    height: 20px;
    text-align: center;
    font-size: 0.75em;
    color: #fff;
	font-weight:300;
	padding:0 10px;
}

#impact .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    /*top: 11%;*/
    width: 100%;
    height: 20px;
    /*margin-top: -6px;*/
    text-align: center;
    font-size: 0.75em;
	font-weight:300;
    color: #fff;
	padding:0 10px;
}

hr.star-primary2 {
    border-color: #24ade3 !important;
    max-width: 50px !important;
    margin: 10px auto 10px !important;
}
hr.star-primarymore {
    border-color: #fff !important;
    max-width: 30px !important;
    margin: 5px auto 10px !important;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: 0;
	font-style:normal;	
    font-size: 11px;
}

#impact .portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: -12px;
	font-style:normal;
	text-transform: uppercase;
	font-size: 11px;
}


/*.impact01{background:#fff url(../img/impact/bg01.jpg) no-repeat left top !important;}
.impact02{background:#fff url(../img/impact/bg02.jpg) no-repeat left top !important;}
.impact03{background:#fff url(../img/impact/bg03.jpg) no-repeat left top !important;}
.impact04{background:#fff url(../img/impact/bg04.jpg) no-repeat left top !important;}
.impact05{background:#fff url(../img/impact/bg05.jpg) no-repeat left top !important;}
.impact06{background:#fff url(../img/impact/bg06.jpg) no-repeat left top !important;}
.impact07{background:#fff url(../img/impact/bg07.jpg) no-repeat left top !important;}
.impact08{background:#fff url(../img/impact/bg08.jpg) no-repeat left top !important;}
.impact09{background:#fff url(../img/impact/bg09.jpg) no-repeat left top !important;}*/

#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
    margin: 0;
}

#impact .portfolio-item .portfolio-link .caption .caption-content h3,
#impact .portfolio-item .portfolio-link .caption .caption-content h4 {
    margin: 0;
}

#portfolio * {
    z-index: 1;
}

#impact * {
    z-index: 1;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 20px 0;
    }
	
}

.btn-outline {
    margin-top: 15px;
    border: solid 2px #fff;
    font-size: 20px;
    color: #fff;
    background: 0 0;
    transition: all .3s ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 2px #fff;
    color: red;
    background: #fff;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.5em;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
	text-align: center;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee;
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
}

.floating-label-form-group-with-focus label {
    color: #00b3f0;
}

form .row:first-child .floating-label-form-group {
    border-top: 1px solid #eee;
}

footer {
    color: #cccccc;
	/* border-top:3px solid #00b3f0; */
}

footer h3 {
    margin-bottom: 30px;
}


footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    padding: 25px 0;
	font-size:.9em;
}

.btn-social {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 28px;
}

.scroll-top .btn:focus {
    outline: 0;
}

.portfolio-modal .modal-content {
    padding: 70px 0 50px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin: 0;
    font-size: 1.5em;
	margin-bottom:10px;
	font-weight:400;
}

.portfolio-modal .modal-content ul{
    /*border-bottom: 1px solid #fff;*/
    list-style: none outside none;
    margin: 0 0 70px;
    padding: 10px 10px 40px 10px;
    text-align: center;
	font-size:14px;
	font-weight:300;
}
.portfolio-modal .modal-content ul li{
    padding: 3px ;
	border-top:1px solid #a4dff2;
}
.portfolio-modal .modal-content ul a{ text-align:center; margin-top:20px;  /*display: block;*/ margin:20px auto 0; border-radius: 5px;}

.portfolio-modal .modal-content p{ font-size:1.1em; font-weight:300;}
.portfolio-modal .modal-content p.small{ font-size:1em; }

.portfolio-modal .modal-content img {
    margin-bottom: 15px;
}

.portfolio-modal .modal-content .item-details {
    margin: 30px 0;
}

.portfolio-modal .close-modal {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 35px;
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 25px !important;
    top: 0px;
    width: 60px;
}
.portfolio-modal .close-modal:after {
   /* content: "Close"; */
    width: 60px;
    height: 15px;
    margin-left: -30px;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.8em;
    color: #ffffff;
    display: block;
    position: absolute;
    top: 52px;
    left: 50%;
}
.portfolio-modal .close-modal.bottom-centered {
    margin: 0 auto;
    display: inline-block;
    position: relative;
}

.portfolio-modal .close-modal:hover {
    opacity: .8;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 2px;
    height: 15px;
    margin: 22px 0 0 28px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 2px;
    height: 15px;
    background-color: #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


scrollbar {
/*  clear useragent default style*/
   -moz-appearance: none !important;
}
/* buttons at two ends */
scrollbarbutton {
   -moz-appearance: none !important;
}
/* the sliding part*/
thumb{
   -moz-appearance: none !important;
}
scrollcorner {
   -moz-appearance: none !important;
   resize:both;
}
/* vertical or horizontal */
scrollbar[orient="vertical"] {
    color:silver;
}
.close-modal:hover {background-color: #ff449c;}
h1, .h1 {font-family: 'Open Sans', sans-serif; font-weight:700;}
.fontLight 		{font-weight:300;}
.fontRegular 	{font-weight:400;}
.fontSemibold, .fontBold, .fontExtrabold {font-weight:700;}
/* .weBelieve { padding:100px 0 300px 0;} Removed bottom padding */
.weBelieve { padding: 100px 0 0 0;}
#portfolio .wrapper { margin-top:30px;}	
.modal .modal-body h1	{ font-size:1.4em; font-weight:300;}
.modal .modal-body hr.star-primary { max-width: 100%; border-width: 1px;}
#contact h1 			{ color:#fff;}
#contact hr.star-primary { border-color:#fff;}
#contact h2 			{color:#fff;}
#contact hr.star-light 	{ border-color:#fff;}
#contact .btnStyle 		{ margin-bottom: 50px; text-align: center;}
.btn {width: 240px;	border: 1px solid #fff;	color: #24ade3;	background:#fff; font-size: 12px;}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .btn:focus, .btn:hover, .open>.dropdown-toggle.btn-default {background: #ff449c;  border: 1px solid #ff449c; color: #fff;}
/* For all the scrollbars */
::-webkit-scrollbar {width: 8px; background-color: #d17eb4;}
::-webkit-scrollbar-thumb {width: 8px; background-image: -webkit-linear-gradient(#fff, #fff);}
::-webkit-scrollbar-button {background-color: #7c2929;}
::-webkit-scrollbar-corner {    background-color: #d73ba1;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #fff;}
::-moz-placeholder { /* Firefox 19+ */  color: #fff;}
:-ms-input-placeholder { /* IE 10+ */  color: #fff;}
:-moz-placeholder { /* Firefox 18- */  color: #fff;}
.form-control{color:#fff !important;}
.textcaps{text-transform:uppercase !important;}
.sociallinks{margin:-4px 2px 0 2px;}
.navbar-toggle{margin-right: 10px;}
.gallery {list-style: none;	overflow: hidden; padding: 0; text-align:center;}
.gallery li {margin: 4px 10px 0 10px; display: inline-block; border:1px solid transparent;}
.gallery li:hover{border:1px solid rgba(255,255,255,0.4);}
/*.gallery li:last-child {
   float:right;
}*/
.nav>li>a {padding-left: 10px; padding-right: 10px; font-size:14px;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {font-weight: normal; line-height: 1;color: #fff; font-size: 15px;}
h3, .h3 {font-size: 20px; padding-top: 20px;}
.copyright{color:#fff !important; font-size:14px;}
.navbar-default .navbar-toggle {border-color: #00b3f0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #00b3f0;}
.modalcloseMe{right: 25% !important;}
input[placeholder], [placeholder], *[placeholder] {color: #fff !important;}
.socialicons i{font-size:18px; color:#fff; padding:0 5px;}
.lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;background:rgba(0,0,0,.6);-webkit-filter:none!important;z-index:9997}.lightbox img{display:block;position:absolute;border:5px solid #fff;box-shadow:0 0 20px rgba(0,0,0,.6);border-radius:1px}body.blurred>*{-webkit-filter:blur(2px);-webkit-transform:translate3d(0,0,0)}.lightbox__loading{background:url(loading.gif) center center no-repeat;width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute;top:50%;left:50%}.lightbox__caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:9998;background:#000;background:rgba(0,0,0,.7)}.lightbox__caption p{margin:0 auto;max-width:70%;display:inline-block;padding:10px;color:#fff;font-size:12px;line-height:18px}.lightbox__button{position:absolute;z-index:9999;background:center center no-repeat;width:32px;height:32px;opacity:.4;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.lightbox__button:focus,.lightbox__button:hover{opacity:1;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}.lightbox__close{right:20px;top:20px;background-image:url(close.png)}.lightbox__nav{top:50%;margin-top:-16px}.lightbox__nav--next{right:10px;background-image:url(next.png)}.lightbox__nav--prev{left:10px;background-image:url(previous.png)}

.overtxt_jd_01{margin-top:24px; top:18%;} .overtxt_jd_01 .detailbtn_bot{bottom:-90px !important;}
.overtxt_jd_02{margin-top:24px; top:18%;} .overtxt_jd_02 .detailbtn_bot{bottom:-90px !important;}
.overtxt_jd_03{margin-top:32px; top:18%;} .overtxt_jd_03 .detailbtn_bot{bottom:-83px !important;}
.overtxt_jd_04{margin-top:24px; top:18%;} .overtxt_jd_04 .detailbtn_bot{bottom:-90px !important;}
.overtxt_jd_05{margin-top:21px; top:18%;} .overtxt_jd_05 .detailbtn_bot{bottom:-95px !important;}
.overtxt_jd_06{margin-top:30px; top:18%;} .overtxt_jd_06 .detailbtn_bot{bottom:-85px !important;}
.overtxt_jd_07{margin-top:24px; top:18%;} .overtxt_jd_07 .detailbtn_bot{bottom:-90px !important;}
.overtxt_jd_08{margin-top:24px; top:18%;} .overtxt_jd_08 .detailbtn_bot{bottom:-90px !important;}
.overtxt_jd_09{margin-top:20px; top:18%;} .overtxt_jd_09 .detailbtn_bot{bottom:-96px !important;}
.overtxt_jd_10{margin-top:12px; top:18%;} .overtxt_jd_10 .detailbtn_bot{bottom:-104px !important;}
.overtxt_jd_11{margin-top:30px; top:18%;} .overtxt_jd_11 .detailbtn_bot{bottom:-86px !important;}
.overtxt_jd_12{margin-top:30px; top:18%;} .overtxt_jd_12 .detailbtn_bot{bottom:-86px !important;}
.overtxt_jd_13{margin-top:24px; top:18%;} .overtxt_jd_13 .detailbtn_bot{bottom:-90px !important;}
.overtxt_jd_14{margin-top:24px; top:18%;} .overtxt_jd_14 .detailbtn_bot{bottom:-90px !important;}
.overtxt_jd_15{margin-top:12px; top:18%;} .overtxt_jd_15 .detailbtn_bot{bottom:-104px !important;}
.overtxt_jd_16{margin-top:38px; top:18%;} .overtxt_jd_16 .detailbtn_bot{bottom:-78px !important;}
.overtxt_jd_17{margin-top:38px; top:18%;} .overtxt_jd_17 .detailbtn_bot{bottom:-78px !important;}
.overtxt_jd_18{margin-top:32px; top:18%;} .overtxt_jd_18 .detailbtn_bot{bottom:-84px !important;}
.overtxt_jd_19{margin-top:10px; top:18%;} .overtxt_jd_19 .detailbtn_bot{bottom:-106px !important;}
.overtxt_jd_20{margin-top:24px; top:18%;} .overtxt_jd_20 .detailbtn_bot{bottom:-90px !important;}
.overtxt_jd_21{margin-top:30px; top:18%;} .overtxt_jd_21 .detailbtn_bot{bottom:-85px !important;}
.overtxt_jd_22{margin-top:20px; top:18%;} .overtxt_jd_22 .detailbtn_bot{bottom:-96px !important;}
.overtxt_jd_23{margin-top:32px; top:18%;} .overtxt_jd_23 .detailbtn_bot{bottom:-84px !important;}
.overtxt_jd_24{margin-top:31px; top:18%;} .overtxt_jd_24 .detailbtn_bot{bottom:-85px !important;}
.overtxt_jd_25{margin-top:41px; top:18%;} .overtxt_jd_25 .detailbtn_bot{bottom:-75px !important;}
.overtxt_jd_26{margin-top:26px; top:18%;} .overtxt_jd_26 .detailbtn_bot{bottom:-91px !important;}
.overtxt_jd_27{margin-top:24px; top:18%;} .overtxt_jd_27 .detailbtn_bot{bottom:-91px !important;}
.overtxt_jd_28{margin-top:22px; top:18%;} .overtxt_jd_28 .detailbtn_bot{bottom:-94px !important;}
.overtxt_jd_29{margin-top:20px; top:18%;} .overtxt_jd_29 .detailbtn_bot{bottom:-96px !important;}
.overtxt_jd_30{margin-top:34px; top:18%;} .overtxt_jd_30 .detailbtn_bot{bottom:-84px !important;}
.overtxt_jd_31{margin-top:34px; top:18%;} .overtxt_jd_31 .detailbtn_bot{bottom:-84px !important;}
.overtxt_jd_32{margin-top:34px; top:18%;} .overtxt_jd_32 .detailbtn_bot{bottom:-84px !important;}
.overtxt_impact_01{margin-top:14px; top:18%;} .overtxt_impact_01 .detailbtn_bot{bottom:-103px !important;}
.overtxt_impact_02{margin-top:15px; top:18%;} .overtxt_impact_02 .detailbtn_bot{bottom:-102px !important;}
.overtxt_impact_03{margin-top:17px; top:18%;} .overtxt_impact_03 .detailbtn_bot{bottom:-100px !important;}
.overtxt_impact_04{margin-top:6px; top:18%;} .overtxt_impact_04 .detailbtn_bot{bottom:-110px !important;}
.overtxt_impact_05{margin-top:4px; top:18%;} .overtxt_impact_05 .detailbtn_bot{bottom:-113px !important;}
.overtxt_impact_06{margin-top:10px; top:18%;} .overtxt_impact_06 .detailbtn_bot{bottom:-107px !important;}
.overtxt_impact_07{margin-top:3px; top:18%;} .overtxt_impact_07 .detailbtn_bot{bottom:-114px !important;}
.overtxt_impact_08{margin-top:5px; top:18%;} .overtxt_impact_08 .detailbtn_bot{bottom:-111px !important;}
.overtxt_impact_09{margin-top:-3px; top:18%;} .overtxt_impact_09 .detailbtn_bot{bottom:-120px !important;}


.jdcategory{margin:0; padding:3px 4px; border-radius:4px; background:#e94290; font-size:11px; font-weight:400; text-align:center; color:#fff; width:auto; min-width:120px; text-transform:uppercase; position:absolute; left: -70px; top: 65px; z-index:10 !important;-moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg);  -o-transform:rotate(-90deg);   -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.downloadbtn_wid{max-width:125px !important; background:#fd449b !important; color:#fff !important; border:1px solid #fd449b; margin-left:15px !important; font-size:11px !important;}
.presspost_hd{font-size:0.7em; font-weight:300; text-align:center; color:#fff;}
.modal-header, .modal-footer{border:none !important;}
.modal-dialog {margin: 10% auto;}
.modal-body {padding: 0px;}
#slideshow {margin:0 auto; position: relative; width: 100%; height: 100%; min-height:400px; padding:0;}
#slideshow > div {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#myModal .modal-content{background: #fff;color:#23ace3;}
#ad01 .intro-text {font-size: 1.2em; padding: 0 10px; text-align:center; color:#23ace3;}
#ad01 .intro-text .star-primary{max-width:80px; border-color:#23ace3;}
#ad01 .intro-text > p {margin: 10px 0 18px 0; font-weight: 300; color: #23ace3; line-height:normal; font-size:1.2em;}
.close {color: #000; opacity: .8;}
.close:hover {color: #ee3d96; opacity:1;}
#ad02 .intro-text {font-size: 1.2em; padding: 0 10px; text-align:center; color:#23ace3;}
#ad02 .intro-text .star-primary{max-width:80px; border-color:#23ace3;}
#ad02 .intro-text .star-primary{max-width:80px;}
#ad02 .intro-text > p {margin: 10px 0 18px 0; font-weight: 300; color:#23ace3; line-height:normal; font-size:1.2em;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
}